/* 1 Contractor Solutions — site styles
   Palette and rules from claude/1cs-brand-system.md (applied 22 Aug 2026).

   THE RULE:
     Deep navy grounds the page.
     Blue carries links and structure.
     ONE green is the only colour that ever means "do this next".
     Nothing else is coloured.

   Two values from the brand guide that must never be used as text:
     #459964  — 3.5:1 on white. Fills and icons only.
     #94C63D  — 1.9:1 on white, 9.1:1 on navy. Dark backgrounds only.

   No web font is loaded, per the brand system.
*/

:root{
  --navy:#021432;
  --navy-2:#033380;
  --ink:#021432;
  --ink-2:#0F1F3D;
  --body:#0F1F3D;
  --muted:#5B6B80;
  --muted-on-navy:#A1AFC2;
  --blue:#185AC6;
  --blue-wash:#E7EFFC;
  --accent:#2C7A52;
  --accent-dk:#1F5C3D;
  --accent-fill:#459964;
  --accent-soft:#E9F4EE;
  --lime:#94C63D;
  --paper:#FFFFFF;
  --sand:#F2F5F7;
  --sand-2:#E7EFFC;
  --line:#DCE3EB;
  --line-2:#C2CDDA;
  --amber:#8A5A11;
  --amber-soft:#FDF3E3;
  --red:#B42318;
  --red-soft:#FDECEA;
  --shadow-sm:0 1px 2px rgba(2,20,50,.06),0 2px 8px rgba(2,20,50,.05);
  --shadow-md:0 2px 6px rgba(2,20,50,.08),0 12px 28px rgba(2,20,50,.10);
  --max:1200px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--body);font-family:var(--font);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5{font-family:var(--font);color:var(--ink);margin:0;line-height:1.12;text-wrap:balance;font-weight:800;letter-spacing:-.021em}
h1{font-size:clamp(33px,4.7vw,53px);line-height:1.04;letter-spacing:-.028em}
h2{font-size:clamp(26px,3.3vw,38px);letter-spacing:-.025em}
h3{font-size:clamp(20px,2.2vw,26px);font-weight:700}
h4{font-size:18.5px;font-weight:700;line-height:1.32;letter-spacing:-.012em}
p{margin:0 0 1.05em}
a{color:var(--blue);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
a:hover{color:var(--navy-2)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:2px}
ul,ol{margin:0 0 1.05em;padding-left:1.35em}
li{margin:.4em 0}
strong{font-weight:700;color:var(--ink-2)}
hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}
table{border-collapse:collapse;width:100%}
.skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:12px 18px;z-index:999}
.skip:focus{left:8px;top:8px}

.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
.narrow{max-width:760px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--blue);margin:0 0 12px}
.lede{font-size:19.5px;line-height:1.55;color:var(--ink-2)}
.muted{color:var(--muted)}
.center{text-align:center}

.logo{display:block;height:52px;width:auto}
.logo-ft{height:54px}

.topbar{background:var(--navy);color:#DCE6F2;font-size:14px}
.topbar .wrap{display:flex;gap:18px;justify-content:space-between;align-items:center;min-height:40px;flex-wrap:wrap}
.topbar a{color:#fff;text-decoration:none;font-weight:500}
.topbar a:hover{text-decoration:underline}
.topbar .tb-left{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.topbar .tb-note{color:var(--muted-on-navy)}

header.site{position:sticky;top:0;z-index:60;background:var(--paper);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;gap:20px;min-height:82px}
.brand{display:flex;align-items:center;text-decoration:none;flex:0 1 auto;min-width:0}

nav.main{margin-left:auto;display:flex;align-items:center;gap:2px}
nav.main > .item{position:relative}
nav.main > .item > a{display:block;padding:11px 11px;color:var(--ink-2);text-decoration:none;font-weight:600;font-size:15px;border-radius:3px;white-space:nowrap}
nav.main > .item > a:hover,nav.main > .item:focus-within > a{background:var(--blue-wash);color:var(--blue)}
.drop{position:absolute;top:100%;left:0;min-width:290px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-md);padding:7px;opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .13s,transform .13s,visibility .13s}
.item:hover .drop,.item:focus-within .drop{opacity:1;visibility:visible;transform:translateY(0)}
.drop a{display:block;padding:8px 11px;color:var(--ink-2);text-decoration:none;font-size:14.5px;font-weight:500;border-radius:3px}
.drop a:hover{background:var(--blue-wash);color:var(--blue)}
.navcta{margin-left:10px;white-space:nowrap}

.menubtn{display:none;margin-left:auto;flex:0 0 auto;background:none;border:1px solid var(--line-2);padding:9px 13px;font:700 15px var(--font);color:var(--ink);cursor:pointer;border-radius:3px}
@media (max-width:1180px) and (min-width:1041px){nav.main > .item > a{padding:11px 8px;font-size:14.5px}}
@media (max-width:1040px){
  nav.main{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:10px 22px 20px;box-shadow:var(--shadow-md);max-height:78vh;overflow:auto}
  nav.main.open{display:flex}
  nav.main > .item > a{padding:12px 0;border-bottom:1px solid var(--line)}
  .drop{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;padding:4px 0 10px 14px;min-width:0}
  .drop a{padding:7px 0}
  .menubtn{display:block}
  .navcta{margin:14px 0 0}
}
@media (max-width:620px){
  .topbar a{display:inline-block;padding:7px 0;min-height:32px;line-height:18px}
  .topbar .wrap{min-height:0}
  .crumbs a,.crumbs li{display:inline-block;padding:6px 0;min-height:32px;line-height:20px}
  .fgrid li a,.sidebox ul a{display:block;min-height:38px;line-height:1.5}
  .fnap a,.sidebox.call p a{display:inline-block;padding:6px 0;min-height:32px;line-height:20px}
  .fbottom ul a{display:inline-block;padding:6px 0;min-height:30px}
  header.site .wrap{gap:10px;min-height:64px}
  .logo{height:38px}
  .menubtn{padding:8px 11px;font-size:14px}
  .topbar{font-size:12.5px}
  .topbar .wrap{gap:6px 14px;padding-top:6px;padding-bottom:6px}
  .hero .wrap{padding-top:44px;padding-bottom:44px}
  section{padding:48px 0}
}

.btn{display:inline-block;background:var(--accent);color:#fff!important;text-decoration:none;font-family:var(--font);font-weight:700;font-size:15px;padding:13px 24px;border:2px solid var(--accent);border-radius:3px;cursor:pointer;transition:background .14s,border-color .14s;text-align:center}
.btn:hover{background:var(--accent-dk);border-color:var(--accent-dk);color:#fff!important}
.btn.ghost{background:transparent;color:var(--accent)!important;border-color:var(--accent)}
.btn.ghost:hover{background:var(--accent);color:#fff!important}
.btn.light{background:#fff;color:var(--navy)!important;border-color:#fff}
.btn.light:hover{background:var(--sand);border-color:var(--sand);color:var(--navy)!important}
.btn.outline-light{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.6)}
.btn.outline-light:hover{background:rgba(255,255,255,.14);border-color:#fff}
.btn.sm{padding:9px 16px;font-size:14px}
.btnrow{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

section{padding:64px 0}
section.tight{padding:44px 0}
section.sand{background:var(--sand)}
section.ink{background:var(--navy);color:#CBD8E8}
section.ink h2,section.ink h3,section.ink h4{color:#fff}
section.ink .eyebrow{color:var(--lime)}
section.ink a{color:#A8C7F5}
/* cards on the navy band must be dark surfaces, or the white headings vanish */
section.ink .grid{background:transparent}
section.ink .card{background:rgba(255,255,255,.055);outline-color:rgba(255,255,255,.17)}
section.ink .card p{color:#C3D2E2}
section.ink .card .num{color:var(--lime)}
section.ink a.card:hover{background:rgba(255,255,255,.10)}
section.ink .card .more{color:#A8C7F5}
.sec-head{max-width:760px;margin-bottom:36px}
.sec-head p{font-size:18px;margin:16px 0 0}

.hero{background:var(--navy);color:#CBD8E8;padding:0;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 64px)}
.hero .wrap{position:relative;z-index:2;padding-top:66px;padding-bottom:66px}
.hero h1{color:#fff;max-width:16ch}
.hero .lede{color:#B6C6DA;max-width:56ch;font-size:19px;margin-top:22px}
.hero .btnrow{margin-top:28px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:start}
@media (max-width:940px){.hero-grid{grid-template-columns:1fr;gap:36px}}
.hero .eyebrow{color:var(--lime)}

.herolist{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:9px}
.herolist li{padding-left:28px;position:relative;color:#C3D2E2;font-size:16px}
.herolist li::before{content:"";position:absolute;left:1px;top:.36em;width:15px;height:8px;border-left:2.5px solid var(--lime);border-bottom:2.5px solid var(--lime);transform:rotate(-45deg)}

.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.15);position:relative;z-index:2}
@media (max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}}
.stats div{padding:22px 20px 24px;border-right:1px solid rgba(255,255,255,.15)}
.stats div:last-child{border-right:0}
@media (max-width:760px){.stats div:nth-child(2n){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.15)}}
.stats b{display:block;font-size:36px;line-height:1;color:#fff;font-weight:800;letter-spacing:-.03em}
.stats span{display:block;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-on-navy);margin-top:8px}

/* Hairlines come from each card's own outline, which sits in the 1px gap.
   The container is transparent, so a row with fewer cards than columns
   leaves white space instead of a grey block. */
.grid{display:grid;gap:1px;background:transparent;padding:1px}
.grid.c2{grid-template-columns:repeat(2,1fr)}
.grid.c3{grid-template-columns:repeat(3,1fr)}
.grid.c4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.grid.c4{grid-template-columns:repeat(2,1fr)}.grid.c3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:660px){.grid.c2,.grid.c3,.grid.c4{grid-template-columns:1fr}}
.grid.bordered{border:0}
.card{background:var(--paper);padding:26px 24px 28px;display:flex;flex-direction:column;outline:1px solid var(--line)}
section.sand .card{background:var(--sand)}
.card h3,.card h4{margin:0 0 9px;font-size:18.5px;font-weight:700;line-height:1.32;letter-spacing:-.012em}
.card p{font-size:16px;line-height:1.55;margin-bottom:12px;color:var(--body)}
.card p:last-child{margin-bottom:0}
.card .more{margin-top:auto;padding-top:12px;font-weight:700;font-size:15px;text-decoration:none;display:inline-block;color:var(--blue)}
.card .more::after{content:" \2192"}
.card .num{font-size:12px;font-weight:700;color:var(--blue);letter-spacing:.13em;display:block;margin-bottom:9px;text-transform:uppercase}
a.card{text-decoration:none;color:inherit;transition:background .14s}
a.card:hover{background:var(--blue-wash)}
section.sand a.card:hover{background:var(--blue-wash)}

.prose{max-width:none}
.prose h2{margin:2.1em 0 .55em;font-size:clamp(23px,2.9vw,31px)}
.prose h3{margin:1.9em 0 .5em}
.prose h2:first-child,.prose h3:first-child{margin-top:0}
.prose p,.prose ul,.prose ol{max-width:70ch}
.prose ul li,.prose ol li{margin:.55em 0}
.prose blockquote{margin:1.8em 0;padding:6px 0 6px 22px;border-left:4px solid var(--accent-fill);font-size:19.5px;line-height:1.5;color:var(--ink-2);max-width:64ch}
.prose blockquote p:last-child{margin-bottom:0}

.callout{border:1px solid var(--line);border-left:4px solid var(--blue);background:var(--blue-wash);padding:20px 24px;margin:1.8em 0}
.callout p:last-child{margin-bottom:0}
.callout .lbl{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);display:block;margin-bottom:8px}

.withside{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:56px;align-items:start}
.prose,.withside > *{min-width:0}
@media (max-width:1000px){.withside{grid-template-columns:minmax(0,1fr);gap:44px}}
.side{position:sticky;top:100px;display:grid;gap:20px}
@media (max-width:1000px){.side{position:static}}
.sidebox{border:1px solid var(--line);background:var(--sand);padding:22px 22px 24px}
.sidebox h3,.sidebox h4{margin:0 0 10px;font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.015em}
.sidebox p{font-size:15.5px;line-height:1.5}
.sidebox ul{list-style:none;padding:0;margin:0}
.sidebox ul li{margin:0;border-bottom:1px solid var(--line)}
.sidebox ul li:last-child{border-bottom:0}
.sidebox ul a{display:block;padding:9px 0;font-size:15px;font-weight:500;text-decoration:none;color:var(--ink-2)}
.sidebox ul a:hover{color:var(--blue)}
.sidebox.call{background:var(--navy);border-color:var(--navy)}
.sidebox.call h3,.sidebox.call h4{color:#fff}
.sidebox.call p{color:#BDCCDD}
.sidebox.call a{color:#A8C7F5}
.sidebox.call .tel{display:block;font-size:29px;color:#fff;text-decoration:none;font-weight:800;margin:6px 0 12px;letter-spacing:-.028em}

.crumbs{font-size:13.5px;color:var(--muted);padding:18px 0 20px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0}
.crumbs li::after{content:"/";margin-left:7px;color:var(--line-2)}
.crumbs li:last-child::after{content:""}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--blue);text-decoration:underline}

.pagehead{background:var(--sand);border-bottom:1px solid var(--line);padding:6px 0 46px}
.pagehead h1{margin-top:12px;font-size:clamp(30px,4.4vw,46px)}
.pagehead .lede{margin-top:18px;max-width:68ch}
.pagehead .btnrow{margin-top:24px}

.faq details{border-bottom:1px solid var(--line);padding:0}
.faq details:first-of-type{border-top:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:19px 44px 19px 0;position:relative;font-weight:700;font-size:17.5px;color:var(--ink);letter-spacing:-.012em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:25px;color:var(--blue);line-height:1;font-weight:400}
.faq details[open] summary::after{content:"\2013"}
.faq .a{padding:0 0 20px;max-width:72ch}
.faq .a p:last-child{margin-bottom:0}

.formbox{background:var(--paper);border:1px solid var(--line);padding:28px 26px 30px;box-shadow:var(--shadow-sm)}
section.ink .formbox,.hero .formbox{box-shadow:var(--shadow-md);border-color:transparent}
.formbox h2,.formbox h3{margin:0 0 6px;font-size:clamp(21px,2.3vw,26px);letter-spacing:-.02em}
.formbox > p{font-size:15.5px;color:var(--muted);margin-bottom:18px}
.field{margin-bottom:15px}
.field label{display:block;font-size:13.5px;font-weight:700;color:var(--ink-2);margin-bottom:5px}
.field input,.field select,.field textarea{width:100%;padding:11px 13px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);font:400 16px var(--font);border-radius:3px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue)}
.field textarea{min-height:104px;resize:vertical}
.field.two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:0}
@media (max-width:520px){.field.two{grid-template-columns:1fr;gap:0}}
.field.two > div{margin-bottom:15px}
.formbox .btn{width:100%;margin-top:6px}
.formnote{font-size:13px;color:var(--muted);margin:12px 0 0;line-height:1.45}
.hp{position:absolute;left:-9999px}

.ctaband{background:var(--accent);color:#fff;padding:52px 0}
.ctaband .wrap{display:flex;gap:34px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ctaband h2{color:#fff;max-width:20ch;margin-bottom:8px}
.ctaband p{color:#E9F6EF;margin:0;max-width:56ch;font-size:17.5px}

.quote{background:var(--paper);outline:1px solid var(--line);padding:26px 24px;display:flex;flex-direction:column}
section.sand .quote{background:var(--paper)}
.quote .stars{color:var(--accent-fill);letter-spacing:2px;font-size:15px;margin-bottom:10px}
.quote blockquote{margin:0 0 16px;padding:0;border:0;font-size:16.5px;line-height:1.55;color:var(--body)}
.quote .who{margin-top:auto;font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:13px}
.quote .who b{display:block;color:var(--ink);font-size:15.5px;font-weight:700}

.tablewrap{overflow-x:auto;border:1px solid var(--line);margin:1.6em 0}
.tablewrap table{font-size:15px}
.tablewrap th{background:var(--sand);text-align:left;font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:11px 14px;border-bottom:1px solid var(--line-2);white-space:nowrap}
.tablewrap td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.tablewrap tr:last-child td{border-bottom:0}

.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.chips a,.chip{display:inline-block;font-size:14px;font-weight:500;padding:6px 12px;border:1px solid var(--line-2);color:var(--ink-2);text-decoration:none;border-radius:3px;background:var(--paper)}
.chips a:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-wash)}
.chip.g{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}

.pmeta{font-size:14px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:14px}
.pmeta .dot{width:3px;height:3px;background:var(--line-2);border-radius:50%}

footer.site{background:var(--navy);color:var(--muted-on-navy);padding:56px 0 0;font-size:15px}
footer.site h4,footer.site .fh{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin:0 0 14px}
footer.site a{color:#C3D2E2;text-decoration:none}
footer.site a:hover{color:var(--lime);text-decoration:underline}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:38px;padding-bottom:44px}
@media (max-width:900px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fgrid{grid-template-columns:1fr}}
.fgrid ul{list-style:none;padding:0;margin:0}
.fgrid li{margin:0 0 8px;font-size:14.5px}
.fnap{font-style:normal;line-height:1.75;margin:16px 0}
.fnap b{color:#fff;display:block;font-size:16px;margin-bottom:6px}
.fsocial{display:flex;gap:12px;margin-top:14px}
.fsocial a{border:1px solid rgba(255,255,255,.22);padding:6px 12px;font-size:13.5px;border-radius:3px}
.fsocial a:hover{border-color:var(--lime)}
.fbottom{border-top:1px solid rgba(255,255,255,.14);padding:20px 0 26px;font-size:13.5px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.fbottom ul{list-style:none;display:flex;gap:18px;padding:0;margin:0;flex-wrap:wrap}
.disclaimer{font-size:12.5px;line-height:1.6;color:#7F92A8;max-width:none;padding-bottom:22px}

.callbar{display:none}
@media (max-width:760px){
  .callbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:80;border-top:1px solid var(--accent-dk)}
  .callbar a{padding:14px 8px;text-align:center;font-weight:700;font-size:15px;text-decoration:none;background:var(--accent);color:#fff}
  .callbar a+a{background:var(--navy);color:#fff;border-left:1px solid rgba(255,255,255,.22)}
  body{padding-bottom:52px}
}

.mt0{margin-top:0}.mb0{margin-bottom:0}
.checklist{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.checklist li{padding-left:30px;position:relative;font-size:16.5px}
.checklist li::before{content:"";position:absolute;left:0;top:.34em;width:16px;height:9px;border-left:3px solid var(--accent);border-bottom:3px solid var(--accent);transform:rotate(-45deg)}
.jump{display:flex;flex-wrap:wrap;gap:9px;padding:16px 0 0;margin:0 0 8px;list-style:none}
.jump a{font-size:14px;padding:6px 12px;border:1px solid var(--line-2);text-decoration:none;color:var(--ink-2);border-radius:3px}
.jump a:hover{border-color:var(--blue);color:var(--blue)}

/* ---------- external profile row ---------- */
.profiles{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.profiles a{
  display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  border:1px solid var(--line-2);background:var(--paper);color:var(--ink-2);
  padding:9px 14px;border-radius:3px;font-size:14.5px;font-weight:600;
}
.profiles a:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-wash)}
.profiles a .dotmark{width:8px;height:8px;border-radius:50%;background:var(--accent-fill);flex:0 0 8px}
footer.site .profiles a{background:transparent;border-color:rgba(255,255,255,.22);color:#C3D2E2}
footer.site .profiles a:hover{border-color:var(--lime);color:var(--lime);background:transparent}
footer.site .profiles a .dotmark{background:var(--lime)}
.reviewcta h3{font-size:20px}
.reviewcta{border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--accent-soft);padding:22px 26px;margin:0 0 30px}
.reviewcta p:last-child{margin-bottom:0}

.sr-head{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}