:root{
  /* NANOROOF brand: sampled from the logo */
  --blue:#194890; --blue-deep:#0E2547; --green:#6CB743; --green-ink:#3B7D1F; --green-soft:#EAF5E2;
  --ink:#0E2547; --body:#344256; --muted:#5B6878;
  --line:#D5DCE6; --fill:#EEF2F8; --page:#F7F9FC; --card:#FFFFFF;
  --on-blue:#FFFFFF; --on-green:#0E2547;
  --granule:#8E9196; --asph:#4A4E54; --mat:#C9C1AE; --sealer:#2A2F36; --oil:#A0703A;
  --warn:#9A5B13;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --blue:#5B8BD6; --blue-deep:#091A33; --green:#7FC45A; --green-ink:#8FD26A; --green-soft:#1C2E1A;
    --ink:#EAF0F8; --body:#C3CDD9; --muted:#93A0B0;
    --line:#26354A; --fill:#13203A; --page:#0E1728; --card:#14213A;
    --on-blue:#0E1728; --on-green:#0E1A2B;
    --granule:#9EA2A8; --asph:#5C6168; --mat:#8F8877; --sealer:#090D12; --warn:#E6A85A;
  }
}
:root[data-theme="dark"]{
  --blue:#5B8BD6; --blue-deep:#091A33; --green:#7FC45A; --green-ink:#8FD26A; --green-soft:#1C2E1A;
  --ink:#EAF0F8; --body:#C3CDD9; --muted:#93A0B0;
  --line:#26354A; --fill:#13203A; --page:#0E1728; --card:#14213A;
  --on-blue:#0E1728; --on-green:#0E1A2B;
  --granule:#9EA2A8; --asph:#5C6168; --mat:#8F8877; --sealer:#090D12; --warn:#E6A85A;
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 84px);scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--page);color:var(--body);font:400 17px/1.6 "Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{color:var(--ink);margin:0;line-height:1.08;font-variation-settings:"wdth" 116}
h1{font-size:clamp(2.2rem,5.2vw,3.8rem);font-weight:800;font-style:italic;letter-spacing:-.01em}
h2{font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:780;font-style:italic;letter-spacing:-.005em}
h3{font-size:1.15rem;font-weight:700;font-variation-settings:"wdth" 106;line-height:1.25}
p{margin:0 0 1em}
a{color:inherit}
img,svg{max-width:100%}
:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:4px}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.lead{font-size:1.15rem;max-width:62ch}
.section{padding:88px 0}
.section.alt{background:var(--fill)}
.section-head{max-width:740px;margin-bottom:40px}
.section-head h2{margin-bottom:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:10px;font:750 1rem/1 "Archivo",Helvetica,sans-serif;font-variation-settings:"wdth" 106;text-decoration:none;border:2px solid transparent;cursor:pointer}
.btn-green{background:var(--green);color:var(--on-green)}
.btn-blue{background:var(--blue);color:var(--on-blue)}
.btn-green:hover,.btn-blue:hover{filter:brightness(1.06)}
.btn-line{border-color:currentColor;background:transparent}
.note{font-size:.88rem;color:var(--muted)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* header */
.site-head{position:sticky;top:0;z-index:20;background:var(--page);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.head-row{display:flex;align-items:center;gap:28px;height:72px}
.logo{display:block;line-height:0}
.logo img{height:44px;width:auto}
.nav{display:flex;gap:22px}
.nav a{text-decoration:none;color:var(--body);font-size:.95rem}
.nav a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:5px}
.head-right{margin-left:auto;display:flex;align-items:center;gap:18px}
.head-right .contractor{font-size:.9rem;color:var(--muted)}
.head-right .btn{min-height:44px;padding:0 18px}
@media (max-width:1040px){.nav,.head-right .contractor{display:none}}
@media (max-width:620px){.head-right .btn{display:none}.logo img{height:38px}}

/* hero */
.hero{background:var(--blue-deep);color:#C9D6EA;padding:60px 0 76px}
.hero h1{color:#FFFFFF;margin-bottom:22px;max-width:15ch}
.hero .lead{color:#C9D6EA;margin-bottom:28px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.hero-facts{display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;margin:0;list-style:none;font-size:.97rem;color:#FFFFFF}
.hero-facts li{display:flex;align-items:center;gap:9px}
.hero-facts li::before{content:"";width:9px;height:9px;border-radius:2px;background:#6CB743;flex:none}
.tagline{display:inline-block;background:#6CB743;color:#0E2547;font-weight:750;font-style:italic;font-size:.9rem;padding:5px 12px;border-radius:6px;margin-bottom:20px;font-variation-settings:"wdth" 110}
@media (max-width:920px){.hero-grid{grid-template-columns:1fr;gap:36px}}

/* estimator */
.est{background:var(--card);color:var(--body);border-radius:16px;padding:28px;border:3px solid #6CB743}
.est h2{font-size:1.45rem;margin-bottom:6px}
.est .sub{font-size:.95rem;color:var(--muted);margin-bottom:20px}
.field{margin-bottom:16px}
.field label,.field legend{display:block;font-weight:650;color:var(--ink);font-size:.95rem;margin-bottom:6px}
.field input,.field select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:10px;background:var(--page);color:var(--ink);font:400 1rem "Archivo",Helvetica,sans-serif;padding:0 14px}
.field input:focus,.field select:focus{border-color:var(--blue)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
fieldset{border:0;margin:0;padding:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{margin:0;font-weight:500;color:var(--body)}
.chips input{position:absolute;opacity:0;pointer-events:none;width:1px}
.chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--page);cursor:pointer;font-size:.95rem}
.chips input:checked+span{border-color:var(--blue);background:var(--fill);color:var(--ink);font-weight:650;box-shadow:inset 0 0 0 1px var(--blue)}
.chips input:focus-visible+span{outline:3px solid var(--green);outline-offset:2px}
.est .btn{width:100%;margin-top:6px}
.err{color:var(--warn);font-size:.92rem;margin:8px 0 0;min-height:1.2em}
.result{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}
.result[hidden]{display:none}
.bar-row{margin-bottom:16px}
.bar-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}
.bar-top b{color:var(--ink)}
.bar-top .amt{font-weight:780;color:var(--ink);font-size:1.15rem;white-space:nowrap}
.track{position:relative;height:14px;background:var(--fill);border-radius:7px}
.span{position:absolute;top:0;bottom:0;border-radius:7px}
.span.pres{background:var(--green)}
.span.repl{background:var(--blue)}
.conf{display:inline-block;font-size:.85rem;font-weight:650;color:var(--warn);background:var(--fill);border-radius:6px;padding:3px 9px;margin-bottom:12px}
.verdict{font-size:.98rem;color:var(--ink);margin:4px 0 14px}
.proto{font-size:.85rem;color:var(--muted);border-left:3px solid var(--line);padding-left:10px;margin:14px 0 0}

/* strip */
.strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.strip div{padding:26px 24px;border-right:1px solid var(--line)}
.strip div:last-child{border-right:0}
.strip b{display:block;color:var(--blue);font-size:1.15rem;font-style:italic;font-variation-settings:"wdth" 112;margin-bottom:4px}
.strip span{font-size:.95rem}
@media (max-width:820px){.strip{grid-template-columns:1fr 1fr}.strip div:nth-child(2){border-right:0}.strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}}

/* failure cycle */
.cycle{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.ring{width:100%;max-width:560px;height:auto;display:block;margin:0 auto}
.ring .arc{fill:none;stroke:var(--line);stroke-width:2}
.ring .arrow{fill:var(--muted)}
.ring .node{cursor:pointer}
.ring .node circle{fill:var(--card);stroke:var(--line);stroke-width:2}
.ring .node.cut circle{stroke:var(--green);stroke-width:3}
.ring .node .num{fill:var(--muted);font:700 13px "Archivo",Helvetica,sans-serif}
.ring .node .t{fill:var(--ink);font:650 13px "Archivo",Helvetica,sans-serif}
.ring .node:hover circle,.ring .node:focus circle{fill:var(--fill)}
.ring .node.on circle{fill:var(--blue);stroke:var(--blue)}
.ring .node.on .t,.ring .node.on .num{fill:var(--on-blue)}
.ring .node:focus{outline:none}
.ring .node:focus-visible circle{stroke:var(--green);stroke-width:4}
.ring .hub{fill:var(--muted);font:500 13px "Archivo",Helvetica,sans-serif}
.ring .hubb{fill:var(--ink);font:italic 780 20px "Archivo",Helvetica,sans-serif}
.detail{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px}
.detail .step{font-size:.9rem;color:var(--muted);margin-bottom:6px}
.detail h3{font-size:1.4rem;font-style:italic;margin-bottom:12px}
.detail .fix{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}
.detail .fix b{color:var(--green-ink);display:block;margin-bottom:4px}
.detail .nav2{display:flex;gap:10px;margin-top:20px}
.detail .nav2 button{min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--line);background:var(--page);color:var(--ink);font:600 .95rem "Archivo",Helvetica,sans-serif;cursor:pointer}
.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:.88rem;color:var(--muted);margin-top:16px;justify-content:center}
.legend i{display:inline-block;width:14px;height:14px;border-radius:50%;border:3px solid var(--green);vertical-align:-2px;margin-right:6px}
@media (max-width:900px){.cycle{grid-template-columns:1fr;gap:28px}}

/* three-way */
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}
.xcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}
.xcard.ours{border:3px solid var(--green)}
.xcard h3{margin-bottom:6px}
.xcard p{font-size:.95rem;margin-bottom:12px}
.xcard .tag{display:inline-block;font-size:.8rem;font-weight:700;color:var(--on-green);background:var(--green);border-radius:5px;padding:2px 8px;margin-bottom:8px}
.xs{display:block;width:100%;height:auto}
.xs .gr{fill:var(--granule)}
.xs .asph{fill:var(--asph)}
.xs .mat{fill:var(--mat)}
.xs .seal{fill:var(--sealer)}
.xs .oil{fill:var(--oil)}
.xs .lbl{fill:var(--muted);font:500 14px "Archivo",Helvetica,sans-serif}
.xs .tick{stroke:var(--muted);stroke-width:1}
@media (max-width:900px){.tri{grid-template-columns:1fr}}
.compare{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.compare th,.compare td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;font-size:.98rem}
.compare thead th{color:var(--ink);background:var(--fill)}
.compare thead th.ours{background:var(--green);color:var(--on-green)}
.compare tbody th{color:var(--ink);font-weight:650;width:24%}
.compare td.ours{background:var(--green-soft);color:var(--ink);font-weight:600}
.compare tr:last-child th,.compare tr:last-child td{border-bottom:0}
.caption{font-size:.85rem;color:var(--muted);margin-top:14px}
@media (max-width:760px){
  .compare thead{display:none}
  .compare,.compare tbody,.compare tr,.compare th,.compare td{display:block;width:100%}
  .compare tr{border-bottom:1px solid var(--line);padding:10px 0}
  .compare tbody th{padding:4px 16px 6px;border:0}
  .compare td{border:0;padding:6px 16px}
  .compare td::before{content:attr(data-label);display:block;font-size:.8rem;font-weight:650;color:var(--muted)}
}

/* qualify */
.q-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.q-col{border-top:4px solid var(--green);padding-top:18px}
.q-col.no{border-top-color:var(--warn)}
.q-col h3{margin-bottom:12px}
.q-col ul{margin:0;padding-left:1.1em}
.q-col li{margin-bottom:10px}
@media (max-width:760px){.q-grid{grid-template-columns:1fr}}

/* process */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;counter-reset:s}
.steps li{background:var(--card);padding:24px;counter-increment:s}
.steps li::before{content:counter(s);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:var(--blue);color:var(--on-blue);font-weight:780;font-style:italic;margin-bottom:14px}
.steps h3{margin-bottom:8px}
.steps p{font-size:.97rem;margin-bottom:12px}
.rec{font-size:.88rem;color:var(--ink);background:var(--green-soft);border-radius:8px;padding:8px 10px;margin:0}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.steps{grid-template-columns:1fr}}

/* record */
.record{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.rcard{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.rcard-head{background:var(--blue);color:#FFFFFF;padding:18px 22px;display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.rcard-head b{font-size:1.1rem;font-style:italic}
.rcard-head span{font-size:.85rem;opacity:.85}
.rcard dl{margin:0;display:grid;grid-template-columns:1fr 1fr}
.rcard dl div{padding:14px 22px;border-bottom:1px solid var(--line)}
.rcard dl div:nth-child(odd){border-right:1px solid var(--line)}
.rcard dt{font-size:.82rem;color:var(--muted)}
.rcard dd{margin:2px 0 0;color:var(--ink);font-weight:650}
.rcard .sample{padding:12px 22px;font-size:.85rem;color:var(--muted)}
@media (max-width:860px){.record{grid-template-columns:1fr}}

/* warranty */
.w-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px}
.w-list{margin:0;padding:0;list-style:none}
.w-list li{padding:14px 0;border-bottom:1px solid var(--line)}
.w-list li b{color:var(--ink)}
@media (max-width:860px){.w-grid{grid-template-columns:1fr}}

/* owners */
.owners{background:var(--blue-deep);color:#C9D6EA}
.owners h2{color:#FFFFFF}
.owners .lead{color:#C9D6EA}
.owners-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.owners ul{margin:0 0 26px;padding-left:1.1em}
.owners li{margin-bottom:8px}
.owners .acts{display:flex;flex-wrap:wrap;gap:12px}
.owners .btn-green{background:#6CB743;color:#0E2547}
.owners .btn-line{color:#FFFFFF}
.owners-box{border:1px solid #2B4A78;border-radius:14px;padding:24px}
.owners-box b{color:#FFFFFF;display:block;margin-bottom:8px;font-size:1.05rem}
@media (max-width:860px){.owners-grid{grid-template-columns:1fr}}

/* faq */
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;font-weight:680;color:var(--ink);font-size:1.08rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:15px;font-size:1.5rem;font-weight:400;color:var(--green-ink)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding-right:40px}

/* dealer */
.find{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.find form{display:flex;gap:10px}
.find input{flex:1;min-height:48px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:400 1rem "Archivo",Helvetica,sans-serif;padding:0 14px}
.find-out{margin-top:14px;font-size:.98rem;color:var(--ink);min-height:1.5em}
@media (max-width:760px){.find{grid-template-columns:1fr}}
@media (max-width:620px){.find form{flex-direction:column}}

/* footer */
footer{background:var(--fill);border-top:4px solid var(--green);padding:56px 0 calc(40px + env(safe-area-inset-bottom,0px));font-size:.93rem}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.f-grid h3{font-size:.98rem;margin-bottom:10px}
.f-grid ul{list-style:none;margin:0;padding:0}
.f-grid li{margin-bottom:6px}
.f-grid a{text-decoration:none;color:var(--body)}
.f-grid a:hover{text-decoration:underline}
.f-grid .logo img{height:40px}
.legal{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}
@media (max-width:820px){.f-grid{grid-template-columns:1fr 1fr}}

.mbar{display:none}
@media (max-width:620px){
  .btn{width:100%}
  .mbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--page);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}
  body{padding-bottom:72px}
  .section{padding:64px 0}
}

@media (max-width:1260px){.mnav{display:none}.burger{display:flex}.head-right .contractor{display:none}}
.head-right .btn,.head-right .contractor{white-space:nowrap}
/* ===== multi-page additions ===== */
.page{display:none}
.page.on{display:block}
/* header + mega menu */
.site-head{z-index:40}
.head-row{gap:20px}
.mnav{display:flex;align-items:stretch;gap:2px;height:72px}
.mnav>li{list-style:none;position:static;display:flex;align-items:center}
.mnav{margin:0;padding:0}
.mtrig,.mlink{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border-radius:8px;border:0;background:none;color:var(--ink);font:600 .96rem "Archivo",Helvetica,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap}
.mtrig:hover,.mlink:hover,.mtrig[aria-expanded="true"]{background:var(--fill)}
.mtrig::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6}
.mlink[aria-current="page"],.mtrig.cur{box-shadow:inset 0 -3px 0 var(--green)}
.mpanel{position:absolute;left:0;right:0;top:100%;background:var(--card);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(14,37,71,.12);display:none}
.mpanel.open{display:block}
.mpanel .wrap{display:grid;grid-template-columns:1.1fr 2fr;gap:40px;padding-top:28px;padding-bottom:32px}
.mp-intro h3{font-style:italic;font-size:1.3rem;margin-bottom:8px}
.mp-intro p{font-size:.95rem;color:var(--muted);margin-bottom:14px}
.mp-links{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin:0;padding:0;list-style:none}
.mp-links a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ink)}
.mp-links a:hover{background:var(--fill)}
.mp-links b{display:block;font-size:1rem}
.mp-links span{display:block;font-size:.88rem;color:var(--muted);line-height:1.4}
.head-right{gap:14px}
.burger{display:none;width:48px;height:48px;border:1px solid var(--line);border-radius:10px;background:var(--card);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger i{display:block;width:20px;height:2px;background:var(--ink)}
@media (max-width:1180px){.mnav{display:none}.burger{display:flex}.head-right .contractor{display:none}}
/* drawer */
.drawer{position:fixed;inset:0;z-index:60;display:none}
.drawer.open{display:block}
.drawer .scrim{position:absolute;inset:0;background:rgba(9,18,34,.5)}
.drawer .sheet{position:absolute;top:0;right:0;bottom:0;width:min(420px,92vw);background:var(--page);overflow:auto;padding:calc(16px + env(safe-area-inset-top,0px)) 20px calc(24px + env(safe-area-inset-bottom,0px))}
.drawer .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.drawer .top img{height:36px;width:auto}
.drawer .x{width:48px;height:48px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:1.5rem;color:var(--ink);cursor:pointer}
.dgroup{border-bottom:1px solid var(--line)}
.dgroup>button{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:56px;background:none;border:0;color:var(--ink);font:700 1.05rem "Archivo",Helvetica,sans-serif;cursor:pointer;padding:0 4px}
.dgroup>button::after{content:"+";font-weight:400;font-size:1.4rem;color:var(--green-ink)}
.dgroup>button[aria-expanded="true"]::after{content:"\2212"}
.dgroup ul{list-style:none;margin:0 0 12px;padding:0;display:none}
.dgroup ul.open{display:block}
.dgroup ul a{display:block;padding:10px 8px;text-decoration:none;color:var(--body);border-radius:8px}
.dgroup ul a:hover{background:var(--fill)}
.dsolo{display:block;min-height:56px;line-height:56px;padding:0 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:700}
.drawer .btn{width:100%;margin-top:18px}
/* inner page hero */
.phero{background:var(--blue-deep);color:#C9D6EA;padding:40px 0 56px}
.phero h1{color:#fff;font-size:clamp(2rem,4.4vw,3.2rem);max-width:20ch;margin:10px 0 16px}
.phero .lead{color:#C9D6EA}
.crumbs{font-size:.88rem;color:#9FB3D1;display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{color:#C9D6EA;text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs span[aria-hidden]{opacity:.6}
.phero .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.phero .btn-line{color:#fff}
/* on-page subnav */
.subnav{position:sticky;top:72px;z-index:20;background:var(--page);border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.subnav a{flex:none;padding:14px 12px;text-decoration:none;color:var(--body);font-size:.93rem;font-weight:600;border-bottom:3px solid transparent}
.subnav a:hover{color:var(--ink);border-bottom-color:var(--line)}
/* generic content blocks */
.prose{max-width:760px}
.prose h2{margin:0 0 14px}
.prose h3{margin:28px 0 8px}
.prose ul,.prose ol{padding-left:1.2em}
.prose li{margin-bottom:8px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.grid3{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.grid2,.grid3{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}
.card h3{margin-bottom:8px}
.card p{font-size:.97rem}
.card p:last-child{margin-bottom:0}
a.card{display:block;text-decoration:none;color:inherit}
a.card:hover{border-color:var(--blue)}
a.card .go{display:inline-block;margin-top:8px;font-weight:700;color:var(--blue)}
.checklist{list-style:none;margin:0;padding:0;counter-reset:c;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.checklist li{background:var(--card);padding:18px 20px 18px 62px;position:relative;counter-increment:c}
.checklist li::before{content:counter(c);position:absolute;left:18px;top:18px;width:30px;height:30px;border-radius:8px;background:var(--green-soft);color:var(--green-ink);font-weight:800;display:flex;align-items:center;justify-content:center}
.checklist b{display:block;color:var(--ink);margin-bottom:2px}
.checklist span{font-size:.95rem}
@media (max-width:760px){.checklist{grid-template-columns:1fr}}
.kv{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.kv th,.kv td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.kv th{width:32%;color:var(--ink);font-weight:650;background:var(--fill)}
.kv tr:last-child th,.kv tr:last-child td{border-bottom:0}
@media (max-width:620px){.kv th,.kv td{display:block;width:100%}.kv th{border-bottom:0;padding-bottom:4px}}
.next{background:var(--green-soft);border-top:1px solid var(--line);padding:48px 0}
.next .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.next h2{font-size:clamp(1.4rem,2.6vw,1.9rem)}
.next p{margin:6px 0 0;max-width:56ch}
.next .acts{display:flex;gap:12px;flex-wrap:wrap}
.next .btn-line{color:var(--ink)}
.related{padding:40px 0 56px}
.related h2{font-size:1.2rem;font-style:normal;margin-bottom:16px}
.pill{display:inline-block;font-size:.82rem;font-weight:700;color:var(--green-ink);background:var(--green-soft);border-radius:6px;padding:3px 9px;margin-bottom:10px}
.mutedbox{border-left:4px solid var(--green);background:var(--card);padding:16px 18px;border-radius:0 10px 10px 0}
.article{border-top:1px solid var(--line);padding:26px 0}
.article h3{font-size:1.3rem;font-style:italic;margin-bottom:8px}
.article details summary{cursor:pointer;font-weight:700;color:var(--blue);margin-top:6px}
.article details p{margin-top:12px}
.form{display:grid;gap:14px;max-width:560px}
.form .row2{gap:14px}
.form label{font-weight:650;color:var(--ink);font-size:.95rem;display:block;margin-bottom:6px}
.form input,.form textarea,.form select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:400 1rem "Archivo",Helvetica,sans-serif;padding:10px 14px}
.form textarea{min-height:120px}
.dealers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:820px){.dealers{grid-template-columns:1fr}}
.f-grid.five{grid-template-columns:1.3fr 1fr 1fr 1fr 1fr}
@media (max-width:980px){.f-grid.five{grid-template-columns:1fr 1fr}}
h1[tabindex]:focus{outline:none}
section[id]{scroll-margin-top:136px}
/* ===== generated photography ===== */
.hero.img,.phero.img{position:relative;background-size:cover;background-position:center;overflow:hidden}
.hero.img::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,37,71,.97) 0%,rgba(14,37,71,.9) 42%,rgba(14,37,71,.55) 100%)}
.phero.img::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,37,71,.97) 0%,rgba(14,37,71,.88) 50%,rgba(14,37,71,.35) 100%)}
.hero.img>.wrap,.phero.img>.wrap{position:relative}
.phero.img{padding:56px 0 72px}
.gen-tag{position:absolute;right:12px;bottom:10px;z-index:2;font-size:.72rem;color:#fff;background:rgba(9,18,34,.6);padding:2px 8px;border-radius:5px}
@media (max-width:760px){.hero.img::before,.phero.img::before{background:rgba(14,37,71,.88)}}
.xfig{margin:0 0 4px}
.xphoto{width:100%;aspect-ratio:4/3;border-radius:10px;background-size:cover;background-position:center;background-color:var(--fill)}
.xfig figcaption{font-size:.85rem;color:var(--muted);margin-top:8px}
.xcard.ours .xphoto{box-shadow:0 0 0 3px var(--green)}
.dimg{width:100%;aspect-ratio:4/3;border-radius:12px;background-size:cover;background-position:center;background-color:var(--fill);margin-bottom:18px}
.thumbcard{padding:0;overflow:hidden}
.thumbcard .cthumb{aspect-ratio:16/9;background-size:cover;background-position:center}
.thumbcard .pill{margin:18px 22px 10px}
.thumbcard h3,.thumbcard p,.thumbcard .go{margin-left:22px;margin-right:22px}
.thumbcard .go{margin-bottom:22px}
.dimg,.xphoto{position:relative}
.dimg::after,.xphoto::after{content:"Illustration";position:absolute;right:8px;bottom:8px;font-size:.7rem;color:#fff;background:rgba(9,18,34,.6);padding:2px 7px;border-radius:5px}
/* ===== theme rebalance: light base, navy used strategically ===== */
:root{--page:#FFFFFF;--fill:#F3F6FA}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--page:#0E1728;--fill:#13203A}}
.section.alt{background:#F3F6FA}
/* light inner heroes with framed photo */
.phero{background:linear-gradient(180deg,#EEF3FA 0%,#FFFFFF 100%);color:var(--body);padding:40px 0 56px;border-bottom:1px solid var(--line)}
.phero h1{color:var(--ink)}
.phero .lead{color:var(--body)}
.crumbs{color:var(--muted)} .crumbs a{color:var(--blue)}
.phero .btn-line{color:var(--ink)}
.phgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.phimg{position:relative;aspect-ratio:4/3;border-radius:18px;background-size:cover;background-position:center;box-shadow:0 18px 40px rgba(14,37,71,.18);outline:4px solid #fff}
.phimg::before{content:"";position:absolute;left:-10px;bottom:-10px;width:72px;height:72px;border-left:4px solid var(--green);border-bottom:4px solid var(--green);border-radius:0 0 0 18px}
@media (max-width:860px){.phgrid{grid-template-columns:1fr;gap:28px}.phimg{aspect-ratio:16/9}}
/* light homepage hero */
.hero.img::before{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 40%,rgba(255,255,255,.45) 72%,rgba(255,255,255,.15) 100%)}
.hero{background-color:#fff;color:var(--body);border-bottom:1px solid var(--line)}
.hero h1{color:var(--ink)}
.hero .lead{color:var(--body)}
.hero-facts{color:var(--ink)}
.hero .est{box-shadow:0 24px 50px rgba(14,37,71,.22)}
@media (max-width:760px){.hero.img::before{background:rgba(255,255,255,.92)}}
/* strategic dark: the problem (failure loop), owners band, footer */
.dark{--card:#15294B;--line:#2A4472;--ink:#FFFFFF;--body:#C9D6EA;--muted:#9FB3D1;--fill:#1C3460;--page:#0E2547;--green-ink:#8FD26A;background:#0E2547;color:var(--body)}
.dark .lead{color:#C9D6EA}
.dark .detail{box-shadow:0 18px 40px rgba(0,0,0,.25)}
.owners{background:#0E2547}
footer{background:#0E2547;color:#C9D6EA;border-top:4px solid #6CB743}
footer h3{color:#fff}
.f-grid a{color:#C9D6EA}
.f-grid a:hover{color:#fff}
footer .legal{color:#9FB3D1;border-top-color:#2A4472}
footer .legal a{color:#C9D6EA}
footer p a{color:#fff}
/* brand-green good-news accents */
.strip b{color:var(--blue)}
.q-col:not(.no) li::marker{color:var(--green)}
/* ================= THEME v7: brand-driven deep tech ================= */
:root{--royal:#194890;--royal-deep:#0C2A5B;--midnight:#071B3D;--lime-soft:#EFF7E8;--ice:#F2F6FC}
body{background:#fff}
h1,h2{font-style:normal;letter-spacing:-.02em;font-variation-settings:"wdth" 112}
h1{font-weight:780} h2{font-weight:740}
.detail h3,.mp-intro h3,.article h3,.ring .hubb{font-style:normal}
/* no monospace anywhere */
.crumbs,.pill,.gen-tag,.xfig figcaption,.detail .step,.conf,.rec,.rcard dt,.subnav a,.compare thead th,.steps li::before,.checklist li::before,.ring .node .num,.est::before{font-family:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif}
.pill{font-weight:650;font-size:.8rem;border-radius:999px;padding:3px 11px}
.grid{background-image:none}
/* ---------- modes ---------- */
.m-lab{--page:#fff;--fill:#F4F7FB;--card:#fff;--line:#DFE6F0;background:#fff}
.m-steel{--page:#F2F6FC;--fill:#E8EEF7;--card:#fff;--line:#D9E2EE;background:#F2F6FC}
.m-night{--card:rgba(255,255,255,.06);--line:rgba(255,255,255,.14);--ink:#fff;--body:#D3DEEF;--muted:#A9BCD8;--fill:rgba(255,255,255,.08);--page:#0C2A5B;--green-ink:#9BDA77;--green-soft:rgba(108,183,67,.18);--blue:#9BDA77;--on-blue:#0C2A5B;
  background:radial-gradient(900px 420px at 88% 0%,rgba(108,183,67,.16),transparent 65%),radial-gradient(900px 600px at 0% 100%,rgba(70,130,220,.32),transparent 60%),linear-gradient(160deg,#0C2A5B 0%,#163F80 100%);color:var(--body)}
.m-night .btn-blue{background:#fff;color:#0C2A5B}
.m-night .btn-line{color:#fff}
.m-night a.card .go,.m-night a{color:#9BDA77}
.m-night .btn,.m-night .btn-blue{color:#0C2A5B} .m-night .btn-line{color:#fff}
.m-night .card,.m-night .xcard{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.m-night .thumbcard .cthumb{border-bottom-color:rgba(255,255,255,.12)}
.m-night .pill{background:rgba(108,183,67,.2);color:#B5E79A}
.m-brand{--ink:#0C2A5B;--body:#173554;--muted:#2B4A2A;--line:rgba(12,42,91,.2);--card:#fff;background:#6CB743;color:#173554}
.m-brand .btn-blue,.next .btn-blue{background:#0C2A5B;color:#fff}
.m-brand .btn-line,.next .btn-line{color:#0C2A5B;border-color:#0C2A5B}
.m-brand input,.next input{background:#fff!important;color:#0C2A5B!important;border:0!important}
.m-brand .note,.m-brand .find-out{color:#173554} .m-brand .note a{color:#0C2A5B;font-weight:700}
/* signal lines off */
.m-night+.m-lab,.m-night+.m-steel,.stripband+section{box-shadow:none}
/* ---------- hero ---------- */
.hero.img{background-color:#0C2A5B;padding-bottom:132px}
.hero.img::before{background:linear-gradient(90deg,rgba(12,42,91,.97) 0%,rgba(12,42,91,.88) 36%,rgba(12,42,91,.42) 60%,rgba(12,42,91,.08) 100%),linear-gradient(0deg,rgba(12,42,91,.5),transparent 30%)}
.hero.img::after{display:none}
.hero h1{color:#fff} .hero .lead{color:#DCE6F5} .hero .hero-facts{color:#fff}
.hero .tagline{border-radius:999px;padding:6px 14px}
.est{--card:#fff;--ink:#0C2A5B;--body:#344256;--muted:#5B6878;--line:#D5DCE6;--page:#F4F7FB;--fill:#EEF2F8;--blue:#194890;--on-blue:#fff;--green-ink:#3B7D1F;--green-soft:#EAF5E2;background:#fff;color:var(--body);border:0;border-radius:16px;box-shadow:0 30px 70px rgba(5,20,48,.45)}
.est::before{content:"Instant estimate";display:block;font-size:.8rem;font-weight:700;color:#3B7D1F;margin-bottom:8px}
@media (max-width:760px){.hero.img::before{background:rgba(12,42,91,.9)}}
/* floating white stats bar overlapping the hero */
.stripband{background:transparent!important;border:0!important;margin-top:-72px;position:relative;z-index:3;color:var(--body)}
.stripband .strip{background:#fff;border-radius:16px;border:1px solid #E3EAF3;box-shadow:0 24px 60px rgba(12,42,91,.18);overflow:hidden}
.stripband .strip div{border-right:1px solid #E8EEF5}
.stripband .strip div:nth-child(-n+2){border-bottom-color:#E8EEF5}
.stripband .strip b{color:#194890;font-style:normal;font-size:1.2rem}
.stripband .strip span{color:#4A5A70}
.stripband+section{padding-top:72px}
/* ---------- inner heroes ---------- */
.phero{background:radial-gradient(800px 380px at 90% 0%,rgba(108,183,67,.16),transparent 65%),linear-gradient(160deg,#0C2A5B 0%,#163F80 100%);color:#DCE6F5;border-bottom:0;padding:48px 0 64px}
.phero h1{color:#fff} .phero .lead{color:#DCE6F5}
.phero .crumbs{color:#A9BCD8;font-size:.85rem} .phero .crumbs a{color:#fff}
.phero .btn-line{color:#fff}
.phimg{border-radius:14px;outline:0;box-shadow:0 26px 60px rgba(5,20,48,.45)}
.phimg::before,.phimg::after{display:none}
/* ---------- cards ---------- */
.card,.xcard,.rcard,.compare,.steps,.checklist,.kv{border-radius:14px}
.m-lab .card,.m-steel .card,.m-lab .xcard,.m-steel .xcard{border-color:#DFE6F0;box-shadow:0 8px 24px rgba(12,42,91,.06)}
a.card:hover{border-color:#6CB743;box-shadow:0 14px 34px rgba(12,42,91,.12)}
/* loop */
.m-lab .detail{--ink:#fff;--body:#D3DEEF;--muted:#A9BCD8;--line:rgba(255,255,255,.16);--page:rgba(255,255,255,.08);--green-ink:#9BDA77;background:linear-gradient(160deg,#0C2A5B,#163F80);color:var(--body);border:0;border-radius:18px;box-shadow:0 26px 60px rgba(12,42,91,.28)}
.m-lab .detail p,.m-lab .detail .fix span{color:var(--body)}
.m-lab .detail .nav2 button{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.m-lab .ring .node circle{fill:#fff}
.m-lab .ring .node.on circle{fill:#194890;stroke:#194890}
.ring .hub{fill:var(--muted)} .ring .hubb{fill:#194890}
/* comparison */
.xcard.ours{--ink:#fff;--body:#D3DEEF;--muted:#A9BCD8;background:linear-gradient(160deg,#0C2A5B,#163F80);color:var(--body);border:2px solid #6CB743}
.xcard.ours p{color:var(--body)}
.compare thead th{font-weight:700;font-size:.92rem}
.compare thead th.ours{background:#194890;color:#fff}
.compare td.ours{background:#EFF7E8;color:#0C2A5B}
/* steps */
.steps li::before{content:counter(s);border-radius:10px;background:#194890;font-weight:700}
.rec{font-size:.88rem;border-radius:10px;background:#EFF7E8}
.rcard-head{background:#194890} .rcard dt{font-size:.8rem}
/* qualify as two cards */
.q-grid{gap:24px}
.q-col{background:#F2F6FC;border:1px solid #DFE6F0;border-top:0;border-radius:16px;padding:28px 28px 20px;position:relative;overflow:hidden}
.q-col::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:#6CB743}
.q-col.no::before{background:#9AA9BE}
.q-col ul{list-style:none;padding:0}
.q-col li{position:relative;padding-left:30px}
.q-col li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:#6CB743 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center/14px no-repeat}
.q-col.no li::before{background:#9AA9BE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 5l6 6M11 5l-6 6' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center/12px no-repeat}
/* FAQ two-column composition */
.faqgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.faqgrid .faq{max-width:none}
@media (max-width:860px){.faqgrid{grid-template-columns:1fr;gap:24px}}
/* night widgets */
.m-night .kv{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.m-night .kv th{background:rgba(255,255,255,.08);color:#fff}
.m-night .kv th,.m-night .kv td{border-color:rgba(255,255,255,.14)}
.m-night .checklist{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.14)}
.m-night .checklist li{background:#123873}
.m-night .checklist li::before{background:rgba(108,183,67,.25);color:#B5E79A}
.m-night .w-list li{border-color:rgba(255,255,255,.14)}
.m-night .mutedbox{background:rgba(255,255,255,.06)}
.owners{background:radial-gradient(900px 420px at 88% 0%,rgba(108,183,67,.16),transparent 65%),linear-gradient(160deg,#0C2A5B 0%,#163F80 100%)}
.owners .owners-box{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);border-radius:16px}
.owners .btn-green{background:#6CB743;color:#0C2A5B}
/* next-step band = brand green */
.next{background:#6CB743;color:#173554;border:0}
.next h2{color:#0C2A5B} .next p{color:#173554}
/* subnav */
.subnav a{font-size:.9rem;font-weight:600}
/* footer */
footer{background:#071B3D;border-top:0}
.m-night a.card{color:var(--body)} .m-night a.card h3{color:#fff} .m-night a.card .go{color:#9BDA77}
.steps li::before{font-style:normal}
h2+p,h2+.lead,h2+ul{margin-top:14px}
.rcard-head b{font-style:normal}
/* ===== lock one designed scheme regardless of device dark mode ===== */
:root,:root:not([data-theme="light"]),:root[data-theme="dark"]{color-scheme:light;
 --blue:#194890;--blue-deep:#0E2547;--green:#6CB743;--green-ink:#3B7D1F;--green-soft:#EAF5E2;
 --ink:#0E2547;--body:#344256;--muted:#5B6878;--line:#D5DCE6;--fill:#F3F6FA;--page:#FFFFFF;--card:#FFFFFF;
 --on-blue:#FFFFFF;--on-green:#0E2547;--granule:#8E9196;--asph:#4A4E54;--mat:#C9C1AE;--sealer:#2A2F36;--oil:#A0703A;--warn:#9A5B13}
@media (prefers-color-scheme:dark){:root,:root:not([data-theme="light"]){color-scheme:light;
 --blue:#194890;--blue-deep:#0E2547;--green:#6CB743;--green-ink:#3B7D1F;--green-soft:#EAF5E2;
 --ink:#0E2547;--body:#344256;--muted:#5B6878;--line:#D5DCE6;--fill:#F3F6FA;--page:#FFFFFF;--card:#FFFFFF;
 --on-blue:#FFFFFF;--on-green:#0E2547;--granule:#8E9196;--asph:#4A4E54;--mat:#C9C1AE;--sealer:#2A2F36;--oil:#A0703A;--warn:#9A5B13}}
body{background:#fff;color:#344256}
.site-head{background:#fff}
.m-lab,.m-steel{--ink:#0E2547;--body:#344256;--muted:#5B6878;--blue:#194890;--on-blue:#fff;--green-ink:#3B7D1F;--green-soft:#EAF5E2;color:#344256}
.m-steel{--muted:#536173}
.drawer .sheet{background:#fff}
.form input,.form textarea,.form select,.find input,.zipform input,.field input,.field select{background:#F3F6FA!important;border:1px solid #C3CEDC!important;color:#0E2547!important}
.form input:focus,.form textarea:focus,.form select:focus,.field input:focus,.field select:focus{border-color:#194890!important;background:#fff!important}
.m-brand .zipform input,.m-brand input{background:#fff!important;border:0!important}
.m-lab .steps,.m-lab .checklist,.m-lab .compare,.m-lab .rcard{border-color:#CCD6E3}

/* ===== NANOROOF wordmark in running text ===== */
.nr{font-style:italic;white-space:nowrap;font-weight:inherit}
.nr .nn{color:#3B7D1F}
.nr sup{font-size:.5em;font-style:normal;vertical-align:super;line-height:0;margin-left:.06em;letter-spacing:0}
.m-night .nr .nn,.hero .nr .nn,.phero .nr .nn,.owners .nr .nn,footer .nr .nn,.m-lab .detail .nr .nn,.xcard.ours .nr .nn,.rcard-head .nr .nn,.compare thead th.ours .nr .nn,.mp-intro .nr .nn{color:#7FCB57}
.m-brand .nr .nn,.next .nr .nn,.btn-green .nr .nn,.tagline .nr .nn,.span.pres .nr .nn{color:#173D0D}
.est .nr .nn,.m-night .est .nr .nn{color:#3B7D1F}
.btn-blue .nr .nn{color:#9BDA77}
.m-night .btn-blue .nr .nn,.m-brand .btn-blue .nr .nn,.next .btn-blue .nr .nn{color:#3B7D1F}
.m-brand .btn-blue .nr .nn,.next .btn-blue .nr .nn{color:#9BDA77}
/* ================= v10 polish: green as accent only ================= */
.m-brand{background:#F2F6FC;--ink:#0E2547;--body:#344256;--muted:#5B6878;color:#344256}
.next{background:#fff;padding:8px 0 88px;border:0;color:inherit}
.next .wrap{display:block}
/* contained CTA panel */
.ctapanel{--ink:#fff;--body:#D3DEEF;--muted:#A9BCD8;--line:rgba(255,255,255,.16);position:relative;overflow:hidden;border-radius:24px;padding:52px 56px;color:var(--body);
 background:radial-gradient(520px 260px at 100% 0%,rgba(108,183,67,.28),transparent 70%),radial-gradient(600px 380px at 0% 100%,rgba(70,130,220,.35),transparent 65%),linear-gradient(150deg,#0C2A5B 0%,#163F80 100%);
 box-shadow:0 30px 70px rgba(12,42,91,.25)}
.ctapanel::before{content:"";position:absolute;left:56px;top:0;width:64px;height:4px;border-radius:0 0 4px 4px;background:#6CB743}
.ctapanel h2{color:#fff;font-size:clamp(1.5rem,2.8vw,2.1rem)}
.ctapanel h2::before{display:none!important}
.ctapanel p,.ctapanel .lead{color:#D3DEEF;margin:10px 0 0}
.ctapanel .btn-green,.ctapanel .btn-blue{background:#6CB743;color:#0C2A5B}
.ctapanel .btn-line{color:#fff;border-color:rgba(255,255,255,.7)}
.ctapanel .note,.ctapanel .find-out{color:#C6D4EA} .ctapanel .note a{color:#fff;font-weight:700}
.ctapanel input{background:#fff!important;border:0!important;color:#0C2A5B!important}
.nextpanel{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.nextpanel .acts{display:flex;gap:12px;flex-wrap:wrap}
.ctapanel.find{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
@media (max-width:760px){.ctapanel{padding:40px 24px 32px;border-radius:18px}.ctapanel::before{left:24px}.ctapanel.find{grid-template-columns:1fr}}
.ctapanel .nr .nn{color:#7FCB57!important}
/* green accent bar above section headings */
.section h2::before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:#6CB743;margin-bottom:18px}
.card h2::before,.rcard h2::before,.detail h2::before{display:none}
/* Roof Record: white focal card on blue */
.m-night .rcard{--card:#fff;--ink:#0E2547;--body:#344256;--muted:#5B6878;--line:#D5DCE6;background:#fff;color:#344256;border:0;box-shadow:0 30px 70px rgba(5,20,48,.45)}
.m-night .rcard-head{background:#194890}
.m-night .rcard .nr .nn{color:#3B7D1F}
.m-night .rcard-head .nr .nn{color:#7FCB57}
/* stats bar: green accent tick */
.stripband .strip b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:#6CB743;margin-right:10px;vertical-align:middle;transform:translateY(-2px)}
/* light sections: soft depth so white never reads flat */
.m-steel{background:linear-gradient(180deg,#F2F6FC 0%,#EEF3FA 100%)}
.m-lab .card,.m-steel .card,.m-steel .xcard,.m-lab .xcard{box-shadow:0 10px 30px rgba(12,42,91,.07)}
/* dark sections: hairline at the top edge */
.m-night{border-top:1px solid rgba(255,255,255,.06)}
/* footer accent */
footer{position:relative}
footer::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#6CB743,#194890 60%,transparent)}
/* primary hero CTA keeps green; secondary actions blue */
.hero .btn-green,.est .btn-green{background:#6CB743;color:#0C2A5B}
/* property owners: light, photo-led */
.owners-light .owners-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.owners-light .acts{display:flex;gap:12px;flex-wrap:wrap}
.owners-light .btn-green{background:#6CB743;color:#0C2A5B}
.owners-light .btn-line{color:#0E2547;border-color:#0E2547}
.owners-light ul{margin:0 0 26px;padding-left:0;list-style:none}
.owners-light li{position:relative;padding-left:28px;margin-bottom:10px}
.owners-light li::before{content:"";position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:#6CB743 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center/12px no-repeat}
.ownphoto{position:relative;aspect-ratio:4/3;border-radius:20px;background-size:cover;background-position:center;box-shadow:0 26px 60px rgba(12,42,91,.22)}
.ownphoto .owners-box{position:absolute;left:-28px;bottom:-28px;max-width:300px;background:#fff;border:0;border-radius:16px;padding:20px 22px;box-shadow:0 18px 40px rgba(12,42,91,.2);color:#344256}
.ownphoto .owners-box b{color:#0E2547;display:block;margin-bottom:6px}
.ownphoto .owners-box p{margin:0;font-size:.95rem}
.ownphoto .owners-box::before{content:"";display:block;width:32px;height:4px;border-radius:2px;background:#6CB743;margin-bottom:12px}
@media (max-width:860px){.owners-light .owners-grid{grid-template-columns:1fr}.ownphoto .owners-box{position:static;max-width:none;margin-top:-40px;margin-left:16px;margin-right:16px}}
/* closing CTA sits on pale blue so it never stacks dark on dark */
.next{background:linear-gradient(180deg,#fff 0%,#F2F6FC 100%);padding:72px 0 88px}
/* ===== centered hero with single address bar (matches current nanoroof.com style) ===== */
.hero-center{position:relative;overflow:hidden;text-align:center;padding:118px 0 150px;
 background:radial-gradient(900px 500px at 50% 35%,rgba(70,130,220,.45),transparent 70%),linear-gradient(160deg,#173F86 0%,#1A4A97 45%,#0F3270 100%)}
.hero-center::before,.hero-center::after{display:none}
.hc-photo{position:absolute;right:-4%;top:0;bottom:0;width:58%;background-size:cover;background-position:30% center;opacity:.13;mix-blend-mode:luminosity;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%);mask-image:linear-gradient(90deg,transparent 0%,#000 45%)}
.hc-net{position:absolute;inset:0;opacity:.6;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201600%20900%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cline%20x1%3D%22518%22%20y1%3D%22136%22%20x2%3D%22451%22%20y2%3D%22131%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22518%22%20y1%3D%22136%22%20x2%3D%22445%22%20y2%3D%22123%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22116%22%20y1%3D%22482%22%20x2%3D%22165%22%20y2%3D%22514%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22116%22%20y1%3D%22482%22%20x2%3D%22129%22%20y2%3D%22404%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22932%22%20y1%3D%22819%22%20x2%3D%22745%22%20y2%3D%22831%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22932%22%20y1%3D%22819%22%20x2%3D%221048%22%20y2%3D%22666%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%2260%22%20y1%3D%22390%22%20x2%3D%2236%22%20y2%3D%22416%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%2260%22%20y1%3D%22390%22%20x2%3D%22129%22%20y2%3D%22404%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22385%22%20y1%3D%22496%22%20x2%3D%22242%22%20y2%3D%22593%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22385%22%20y1%3D%22496%22%20x2%3D%22591%22%20y2%3D%22510%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221323%22%20y1%3D%22111%22%20x2%3D%221229%22%20y2%3D%22116%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221323%22%20y1%3D%22111%22%20x2%3D%221382%22%20y2%3D%22251%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221009%22%20y1%3D%22525%22%20x2%3D%22977%22%20y2%3D%22444%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221009%22%20y1%3D%22525%22%20x2%3D%22903%22%20y2%3D%22557%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22923%22%20y1%3D%22357%22%20x2%3D%22928%22%20y2%3D%22411%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22923%22%20y1%3D%22357%22%20x2%3D%22977%22%20y2%3D%22444%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%2275%22%20y1%3D%22773%22%20x2%3D%2297%22%20y2%3D%22631%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%2275%22%20y1%3D%22773%22%20x2%3D%22242%22%20y2%3D%22593%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22671%22%20y1%3D%22487%22%20x2%3D%22596%22%20y2%3D%22493%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22671%22%20y1%3D%22487%22%20x2%3D%22591%22%20y2%3D%22510%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22494%22%20y1%3D%22735%22%20x2%3D%22480%22%20y2%3D%22715%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22494%22%20y1%3D%22735%22%20x2%3D%22637%22%20y2%3D%22825%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22165%22%20y1%3D%22514%22%20x2%3D%22242%22%20y2%3D%22593%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22596%22%20y1%3D%22493%22%20x2%3D%22591%22%20y2%3D%22510%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22903%22%20y1%3D%22557%22%20x2%3D%22776%22%20y2%3D%22530%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221089%22%20y1%3D%22385%22%20x2%3D%221105%22%20y2%3D%22464%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221089%22%20y1%3D%22385%22%20x2%3D%22977%22%20y2%3D%22444%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22745%22%20y1%3D%22831%22%20x2%3D%22637%22%20y2%3D%22825%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22745%22%20y1%3D%22831%22%20x2%3D%22669%22%20y2%3D%22681%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22480%22%20y1%3D%22715%22%20x2%3D%22637%22%20y2%3D%22825%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22131%22%20y1%3D%22270%22%20x2%3D%22129%22%20y2%3D%22404%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22131%22%20y1%3D%22270%22%20x2%3D%2260%22%20y2%3D%22390%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221400%22%20y1%3D%22657%22%20x2%3D%221439%22%20y2%3D%22702%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221400%22%20y1%3D%22657%22%20x2%3D%221578%22%20y2%3D%22614%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22974%22%20y1%3D%2266%22%20x2%3D%221229%22%20y2%3D%22116%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22974%22%20y1%3D%2266%22%20x2%3D%22923%22%20y2%3D%22357%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22669%22%20y1%3D%22681%22%20x2%3D%22637%22%20y2%3D%22825%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221493%22%20y1%3D%22380%22%20x2%3D%221511%22%20y2%3D%22427%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221493%22%20y1%3D%22380%22%20x2%3D%221382%22%20y2%3D%22251%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221223%22%20y1%3D%22516%22%20x2%3D%221105%22%20y2%3D%22464%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221223%22%20y1%3D%22516%22%20x2%3D%221089%22%20y2%3D%22385%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22544%22%20y1%3D%22315%22%20x2%3D%22628%22%20y2%3D%22359%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22544%22%20y1%3D%22315%22%20x2%3D%22518%22%20y2%3D%22136%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22928%22%20y1%3D%22411%22%20x2%3D%22977%22%20y2%3D%22444%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221511%22%20y1%3D%22427%22%20x2%3D%221578%22%20y2%3D%22614%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%2297%22%20y1%3D%22631%22%20x2%3D%22165%22%20y2%3D%22514%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221589%22%20y1%3D%22740%22%20x2%3D%221578%22%20y2%3D%22614%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221589%22%20y1%3D%22740%22%20x2%3D%221439%22%20y2%3D%22702%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221147%22%20y1%3D%22798%22%20x2%3D%221048%22%20y2%3D%22666%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221147%22%20y1%3D%22798%22%20x2%3D%22932%22%20y2%3D%22819%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%2236%22%20y1%3D%22416%22%20x2%3D%22129%22%20y2%3D%22404%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221229%22%20y1%3D%22116%22%20x2%3D%221382%22%20y2%3D%22251%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22445%22%20y1%3D%22123%22%20x2%3D%22451%22%20y2%3D%22131%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221578%22%20y1%3D%22614%22%20x2%3D%221439%22%20y2%3D%22702%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221532%22%20y1%3D%22136%22%20x2%3D%221382%22%20y2%3D%22251%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221532%22%20y1%3D%22136%22%20x2%3D%221323%22%20y2%3D%22111%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22242%22%20y1%3D%22593%22%20x2%3D%2297%22%20y2%3D%22631%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22776%22%20y1%3D%22530%22%20x2%3D%22671%22%20y2%3D%22487%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221105%22%20y1%3D%22464%22%20x2%3D%221009%22%20y2%3D%22525%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%221048%22%20y1%3D%22666%22%20x2%3D%221009%22%20y2%3D%22525%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Cline%20x1%3D%22628%22%20y1%3D%22359%22%20x2%3D%22671%22%20y2%3D%22487%22%20stroke%3D%22%23BFD6FF%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.2%22/%3E%3Ccircle%20cx%3D%22518%22%20cy%3D%22136%22%20r%3D%222%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22116%22%20cy%3D%22482%22%20r%3D%223%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22932%22%20cy%3D%22819%22%20r%3D%222.5%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%22390%22%20r%3D%222%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22385%22%20cy%3D%22496%22%20r%3D%222%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%221323%22%20cy%3D%22111%22%20r%3D%222.5%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%221009%22%20cy%3D%22525%22%20r%3D%222%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22923%22%20cy%3D%22357%22%20r%3D%222.5%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%2275%22%20cy%3D%22773%22%20r%3D%223%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22671%22%20cy%3D%22487%22%20r%3D%226%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%22494%22%20cy%3D%22735%22%20r%3D%222.5%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22165%22%20cy%3D%22514%22%20r%3D%222.5%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22596%22%20cy%3D%22493%22%20r%3D%222%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22903%22%20cy%3D%22557%22%20r%3D%224%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%221089%22%20cy%3D%22385%22%20r%3D%223%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22745%22%20cy%3D%22831%22%20r%3D%223%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22480%22%20cy%3D%22715%22%20r%3D%222.5%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22131%22%20cy%3D%22270%22%20r%3D%224%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%221400%22%20cy%3D%22657%22%20r%3D%223%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22974%22%20cy%3D%2266%22%20r%3D%226%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%22669%22%20cy%3D%22681%22%20r%3D%222.5%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%221493%22%20cy%3D%22380%22%20r%3D%222%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%221223%22%20cy%3D%22516%22%20r%3D%223%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22544%22%20cy%3D%22315%22%20r%3D%224%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%22928%22%20cy%3D%22411%22%20r%3D%222%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%221511%22%20cy%3D%22427%22%20r%3D%222%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%2297%22%20cy%3D%22631%22%20r%3D%226%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%221589%22%20cy%3D%22740%22%20r%3D%223%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%221147%22%20cy%3D%22798%22%20r%3D%223%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%22416%22%20r%3D%222.5%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22977%22%20cy%3D%22444%22%20r%3D%222.5%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%221229%22%20cy%3D%22116%22%20r%3D%222.5%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22637%22%20cy%3D%22825%22%20r%3D%224%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%22129%22%20cy%3D%22404%22%20r%3D%226%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%22445%22%20cy%3D%22123%22%20r%3D%224%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%221382%22%20cy%3D%22251%22%20r%3D%224%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%221578%22%20cy%3D%22614%22%20r%3D%224%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%221532%22%20cy%3D%22136%22%20r%3D%222.5%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22242%22%20cy%3D%22593%22%20r%3D%222%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22776%22%20cy%3D%22530%22%20r%3D%223%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22451%22%20cy%3D%22131%22%20r%3D%226%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%22591%22%20cy%3D%22510%22%20r%3D%222.5%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%221105%22%20cy%3D%22464%22%20r%3D%226%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%221048%22%20cy%3D%22666%22%20r%3D%224%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%221439%22%20cy%3D%22702%22%20r%3D%226%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.22%22/%3E%3Ccircle%20cx%3D%22628%22%20cy%3D%22359%22%20r%3D%222%22%20fill%3D%22%23D6E6FF%22%20fill-opacity%3D%220.35%22/%3E%3C/svg%3E") center/cover no-repeat}
.hc-inner{position:relative;z-index:2;max-width:980px}
.hero-center h1{color:#fff;max-width:none;font-size:clamp(2.4rem,5.6vw,4.4rem);line-height:1.04;margin:18px auto 22px}
.hero-center h1 em{font-style:italic;color:#7FCB57}
.hero-center .lead{color:#DCE6F5;margin:0 auto 34px;max-width:60ch;font-size:1.18rem}
.addrbar{display:flex;max-width:720px;margin:0 auto;background:#fff;border-radius:14px;padding:6px;box-shadow:0 24px 60px rgba(5,20,48,.4)}
.addrbar input{flex:1;min-width:0;border:0!important;background:transparent!important;font:400 1.08rem "Archivo",Helvetica,sans-serif;color:#0C2A5B!important;padding:0 18px;min-height:58px;outline:none}
.addrbar input::placeholder{color:#7A8799}
.addrbar .btn{min-height:58px;padding:0 30px;font-size:1.05rem;border-radius:10px;background:#6CB743;color:#0C2A5B}
.addrbar:focus-within{box-shadow:0 0 0 3px #7FCB57,0 24px 60px rgba(5,20,48,.4)}
.addr-err{color:#FFD9A8;min-height:1.4em;margin:12px 0 0;font-size:.95rem}
.hc-note{color:#BFD0EA;font-size:.95rem;margin:2px 0 0}
.hero-center .tagline{border-radius:999px;padding:6px 14px}
@media (max-width:620px){.hero-center{padding:72px 0 120px}.addrbar{flex-direction:column;padding:8px}.addrbar .btn{width:100%}.addrbar input{min-height:52px;text-align:center}.hc-photo{width:100%;opacity:.14}}
/* estimate page: carry the address over */
.est-addr{display:none;background:#EFF7E8;border-left:4px solid #6CB743;border-radius:10px;padding:12px 16px;margin:0 0 18px;color:#0E2547}
.est-addr.on{display:block}

.hero-center h1 .l1,.hero-center h1 .l2{display:block}
.hero-center h1{font-size:clamp(2.2rem,4.6vw,4rem)}
@media (max-width:620px){.hero-center h1 .l1,.hero-center h1 .l2{display:inline}}
/* ===== sustainability: landfill background ===== */
.sustain{position:relative;overflow:hidden;padding:104px 0 72px}
.sus-bg{position:absolute;inset:0;background-size:cover;background-position:center 60%}
.sustain::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(9,28,60,.95) 0%,rgba(9,28,60,.86) 48%,rgba(9,28,60,.6) 100%),linear-gradient(0deg,rgba(9,28,60,.7),transparent 45%)}
.sustain>.wrap{position:relative;z-index:2}
.sustain .gen-tag{z-index:3}
.sus-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:end}
.sustain h2{max-width:18ch}
.sus-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.sus-stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:18px 18px 16px;backdrop-filter:blur(3px)}
.sus-stat b{display:block;color:#fff;font-size:1.3rem;font-variation-settings:"wdth" 110;margin-bottom:6px}
.sus-stat b::before{content:"";display:block;width:24px;height:3px;border-radius:2px;background:#6CB743;margin-bottom:12px}
.sus-stat span{font-size:.93rem;color:#C9D6EA;line-height:1.45;display:block}
.sus-calc{background:#fff;color:#344256;border-radius:18px;padding:26px;box-shadow:0 28px 60px rgba(0,0,0,.35)}
.sus-calc h3{color:#0E2547;font-size:1.2rem;margin-bottom:14px}
.sus-calc label{display:block;font-weight:650;color:#0E2547;font-size:.92rem;margin-bottom:6px}
.sus-calc input{width:100%;min-height:48px;border:1px solid #C3CEDC;border-radius:10px;background:#F3F6FA;color:#0E2547;font:400 1rem "Archivo",Helvetica,sans-serif;padding:0 14px}
.sus-out{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 12px}
.sus-out div{background:#EFF7E8;border-radius:12px;padding:14px}
.sus-out b{display:block;color:#0E2547;font-size:1.15rem}
.sus-out span{font-size:.85rem;color:#3B4E37}
.sus-note{font-size:.8rem;color:#5B6878;margin:0}
.sus-src{font-size:.78rem;color:#9FB3D1;margin:34px 0 0;max-width:110ch}
.sus-light .sus-stat{background:#fff;border-color:#DFE6F0;box-shadow:0 10px 30px rgba(12,42,91,.07)}
.sus-light .sus-stat b{color:#0E2547} .sus-light .sus-stat span{color:#344256} .sus-light .sus-src{color:#5B6878}
@media (max-width:900px){.sus-grid{grid-template-columns:1fr}.sus-stats{grid-template-columns:1fr}}
.sustain::before{background:linear-gradient(90deg,rgba(9,28,60,.94) 0%,rgba(9,28,60,.78) 42%,rgba(9,28,60,.28) 75%,rgba(9,28,60,.12) 100%),linear-gradient(0deg,rgba(9,28,60,.75),transparent 40%)}
sub{font-size:.65em;line-height:0;vertical-align:-.15em}
.sus-calc{background:rgba(255,255,255,.97)}
/* ===== audience utility bar (sticky with header) ===== */
.ubar{background:#0C2A5B;color:#C9D6EA;font-size:.86rem;position:relative;z-index:45}
.ubar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}
.aud{position:relative}
.aud summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:38px;color:#C9D6EA}
.aud summary::-webkit-details-marker{display:none}
.aud summary b{color:#fff;font-weight:700}
.aud summary svg{color:#7FCB57;transition:transform .15s}
.aud[open] summary svg{transform:rotate(180deg)}
.aud-panel{position:absolute;left:-12px;top:100%;margin-top:6px;background:#fff;border-radius:14px;box-shadow:0 24px 50px rgba(5,20,48,.3);padding:8px;min-width:320px;z-index:60}
.aud-panel a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:#0E2547;font-weight:700;font-size:.95rem}
.aud-panel a span{display:block;font-weight:400;color:#5B6878;font-size:.85rem;margin-top:2px}
.aud-panel a:hover,.aud-panel a[aria-current="true"]{background:#F2F6FC}
.aud-panel a[aria-current="true"]{box-shadow:inset 3px 0 0 #6CB743}
.ulinks{display:flex;gap:22px}
.ulinks a{color:#C9D6EA;text-decoration:none}
.ulinks a:hover{color:#fff;text-decoration:underline;text-decoration-color:#6CB743;text-underline-offset:4px}
@media (max-width:760px){.ulinks{display:none}.aud-panel{left:0;min-width:min(320px,90vw)}}
/* offsets for the taller sticky header */
html{scroll-padding-top:122px}
section[id]{scroll-margin-top:170px}
.subnav{top:110px}
@media (max-width:1260px){.subnav{top:110px}}
.verifyform input{background:#fff!important}
/* audience selector sits on the right with the help links */
.ubar .wrap{justify-content:flex-end;gap:22px}
.ubar .aud{order:2;padding-left:22px;border-left:1px solid rgba(255,255,255,.18)}
.ubar .ulinks{order:1}
.aud-panel{left:auto;right:-12px}
@media (max-width:760px){.ubar .aud{border-left:0;padding-left:0}.aud-panel{right:0}}
/* ===== 10x homepage: walk your roof ===== */
.walk{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:stretch;margin-bottom:36px}
.walk-photo{position:relative;border-radius:20px;background-size:cover;background-position:center;aspect-ratio:16/9;box-shadow:0 24px 60px rgba(12,42,91,.18);overflow:hidden}
.pin{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(12,42,91,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.pin span{width:30px;height:30px;border-radius:50%;background:#fff;color:#0C2A5B;font:800 .95rem "Archivo",Helvetica,sans-serif;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #6CB743}
.pin::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(108,183,67,.6);animation:pinpulse 2.4s infinite}
.pin.on span{background:#6CB743;color:#0C2A5B;box-shadow:0 0 0 3px #fff}
.pin.on::after{animation:none}
@keyframes pinpulse{0%{box-shadow:0 0 0 0 rgba(108,183,67,.55)}70%{box-shadow:0 0 0 14px rgba(108,183,67,0)}100%{box-shadow:0 0 0 0 rgba(108,183,67,0)}}
@media (prefers-reduced-motion:reduce){.pin::after{animation:none}}
.walk-card{--ink:#fff;--body:#D3DEEF;background:linear-gradient(160deg,#0C2A5B,#163F80);color:#D3DEEF;border-radius:20px;padding:28px;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(12,42,91,.25)}
.walk-step{font-size:.85rem;color:#A9BCD8;margin:0 0 8px}
.walk-card h3{color:#fff;font-size:1.4rem;margin-bottom:10px}
.walk-card p{color:#D3DEEF}
.walk-verdict{margin-top:auto!important;border-radius:12px;padding:12px 14px;font-weight:650;font-size:.95rem}
.walk-verdict.good{background:rgba(108,183,67,.2);color:#C8F0B2}
.walk-verdict.fix{background:rgba(255,255,255,.1);color:#fff}
.walk-verdict.no{background:rgba(255,190,120,.16);color:#FFD9A8}
.walk-nav{display:flex;gap:10px;margin-top:16px}
.walk-nav button{flex:1;min-height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font:600 .95rem "Archivo",Helvetica,sans-serif;cursor:pointer}
@media (max-width:900px){.walk{grid-template-columns:1fr}.pin{width:40px;height:40px}.pin span{width:26px;height:26px;font-size:.85rem}}
/* ===== the job, start to finish ===== */
.jhead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:36px}
.jhead .lead{max-width:58ch}
.jgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:j}
.jstep{display:flex;flex-direction:column;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;color:#D3DEEF;transition:border-color .15s,transform .15s}
.jstep:hover{border-color:#6CB743;transform:translateY(-2px)}
.jphoto{position:relative;aspect-ratio:16/10;background-size:cover;background-position:center}
.jnum{position:absolute;left:14px;top:14px;width:36px;height:36px;border-radius:10px;background:#6CB743;color:#0C2A5B;font-weight:800;display:flex;align-items:center;justify-content:center}
.jbody{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.jbody h3{color:#fff;margin-bottom:6px}
.jbody p{font-size:.95rem;margin:0 0 12px}
.jrec{margin-top:auto!important;font-size:.85rem!important;background:rgba(108,183,67,.16);color:#C8F0B2;border-radius:10px;padding:8px 10px}
.jrec b{color:#E3F7D6}
@media (max-width:980px){.jgrid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.jgrid{grid-template-columns:1fr}}
/* ===== proof that stays with your house ===== */
.proofgrid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.pchips{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 18px}
.pchip{background:#F2F6FC;border:1px solid #DFE6F0;border-radius:14px;padding:14px}
.pchip b{display:block;color:#194890;font-size:1.1rem}
.pchip span{font-size:.85rem;color:#4A5A70}
.proofgrid .btn{margin-top:18px}
.proofgrid .rcard{box-shadow:0 30px 70px rgba(12,42,91,.18);border:0}
@media (max-width:900px){.proofgrid{grid-template-columns:1fr}.pchips{grid-template-columns:1fr}}
/* stats bar: tighter */
.stripband .strip span{font-size:.92rem}
.m-night a.jstep,.m-night a.jstep p{color:#D3DEEF} .m-night a.jstep h3{color:#fff} .m-night a.jstep .jrec{color:#C8F0B2}
/* selector sits immediately left of "Verify a contractor"; whole group on the right */
.ubar .wrap{justify-content:flex-end;gap:22px}
.ubar .aud{order:1;padding-left:0;border-left:0;padding-right:22px;border-right:1px solid rgba(255,255,255,.18)}
.ubar .ulinks{order:2}
.aud-panel{left:-12px;right:auto}
@media (max-width:760px){.ubar .aud{border-right:0;padding-right:0}.aud-panel{left:auto;right:0}}
.ubar .aud{border-right:0;padding-right:0}
/* ===== real media ===== */
.ways{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.way{margin:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden}
.way.ours{border:2px solid #6CB743;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.vidwrap{position:relative;aspect-ratio:1/1;max-height:440px;width:100%;background:#0b1e39;overflow:hidden}
.vidwrap video{width:100%;height:100%;object-fit:cover;display:block}
.way:not(.ours) video{filter:saturate(.75) brightness(.92)}
.vtag{position:absolute;left:14px;top:14px;background:rgba(8,22,43,.8);color:#fff;font-weight:700;font-size:.85rem;padding:6px 12px;border-radius:999px}
.way.ours .vtag{background:#6CB743;color:#0C2A5B}
.way figcaption{padding:20px 22px 22px}
.way h3{color:#fff;margin-bottom:10px}
.way ul{margin:0;padding:0;list-style:none}
.way li{position:relative;padding-left:26px;margin-bottom:8px;color:#D3DEEF}
.way li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.25)}
.way.ours li::before{background:#6CB743 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center/10px no-repeat}
.ways-cap{color:#9FB3D1!important;margin-top:16px}
@media (max-width:760px){.ways{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.vidwrap video{animation:none}}
.realtag{position:absolute;right:12px;bottom:12px;background:rgba(8,22,43,.82);color:#fff;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:999px;border:1px solid #6CB743}
.jphoto .realtag{left:auto;right:12px}
.badgerow{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 4px}
.badgerow img{height:52px;width:auto;border-radius:6px}
.vtag .nr .nn{color:#173D0D!important} .way:not(.ours) .vtag .nr .nn{color:#7FCB57!important}
.ways{max-width:900px;margin:0 auto}.vidwrap{aspect-ratio:4/3}
/* product photo placeholders */
.prodph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:240px;margin-top:22px;border:2px dashed #C3CEDC;border-radius:18px;background:linear-gradient(180deg,#F7F9FC,#EEF3FA);color:#194890;padding:20px}
.prodph svg{width:96px;height:96px}
.prodph b{color:#0E2547;font-size:1rem}
.prodph span{font-size:.85rem;color:#5B6878}
.prodph.sm{min-height:180px;margin:0 0 16px}
.prodph.sm svg{width:72px;height:72px}
.wimg{background-size:cover;background-position:center}.wimg .gen-tag{position:absolute;right:12px;bottom:12px}
.ways{max-width:none}.vidwrap.wimg{aspect-ratio:16/10;max-height:none}
/* ===== moisture myth ===== */
.myth-head{max-width:820px}
.myth-claim{display:inline-block;margin:0 0 22px;padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.3);color:#E6EEF9;font-size:1.05rem;font-style:italic}
.myth-claim span{display:block;font-style:normal;font-size:.78rem;font-weight:700;color:#FFD9A8;margin-bottom:4px}
.myth-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;margin-top:34px}
.myth-fig{margin:0;background:rgba(8,22,43,.55);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:18px}
.vapor-svg{width:100%;height:auto;display:block}
.myth-fig figcaption{font-size:.8rem;color:#9FB3D1;margin-top:6px}
.myth-pts{list-style:none;margin:0;padding:0;counter-reset:mp}
.myth-pts li{position:relative;padding:0 0 18px 52px;counter-increment:mp}
.myth-pts li::before{content:counter(mp);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:10px;background:#6CB743;color:#0C2A5B;font-weight:800;display:flex;align-items:center;justify-content:center}
.myth-pts b{display:block;color:#fff;font-size:1.08rem;margin-bottom:4px}
.myth-pts span{color:#C9D6EA;font-size:.98rem;line-height:1.55}
.myth-src{font-size:.8rem;color:#9FB3D1;margin:26px 0 0;max-width:110ch}
@media (max-width:900px){.myth-grid{grid-template-columns:1fr}}
/* ===== measurability + moisture callout ===== */
.msplit{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}
.mcol{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:24px}
.mcol.ours{border:2px solid #6CB743;background:rgba(108,183,67,.08)}
.mtag{display:inline-block;font-size:.78rem;font-weight:700;color:#C9D6EA;background:rgba(255,255,255,.08);border-radius:999px;padding:4px 10px;margin-bottom:10px}
.mcol.ours .mtag{background:#6CB743;color:#0C2A5B}
.mcol.ours .mtag .nr .nn{color:#173D0D!important}
.mcol h3{color:#fff;margin-bottom:8px}
.mcol p{color:#C9D6EA;margin:0}
.mchips{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.mchips li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px}
.mchips b{display:block;color:#fff;font-size:.95rem}
.mchips b::before{content:"";display:block;width:22px;height:3px;border-radius:2px;background:#6CB743;margin-bottom:10px}
.mchips span{color:#A9BCD8;font-size:.85rem}
.mfoot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:24px}
.mfoot p{color:#DCE6F5;margin:0;max-width:62ch}
@media (max-width:1000px){.mchips{grid-template-columns:repeat(2,1fr)}.msplit{grid-template-columns:1fr}}
.myth-callout{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px;padding:18px 22px;border-radius:16px;background:#fff;border:1px solid #DFE6F0;border-left:5px solid #6CB743;text-decoration:none;box-shadow:0 10px 30px rgba(12,42,91,.07)}
.myth-callout:hover{border-color:#6CB743}
.mc-q{font-weight:750;color:#0E2547;font-size:1.05rem}
.mc-a{color:#194890;font-weight:650}
.mc-a::after{content:" \2192"}
/* ===== condition, measured ===== */
.cond-vs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:8px 0 22px}
.cv{background:#fff;border:1px solid #DFE6F0;border-radius:16px;padding:22px 24px;box-shadow:0 8px 24px rgba(12,42,91,.06)}
.cv-k{display:block;font-size:.8rem;font-weight:700;color:#5B6878;margin-bottom:6px}
.cv h3{color:#0E2547;margin-bottom:8px}
.cv p{margin:0;color:#344256}
.cv.ours{background:linear-gradient(160deg,#0C2A5B,#163F80);border:2px solid #6CB743}
.cv.ours .cv-k{color:#9BDA77} .cv.ours h3{color:#fff} .cv.ours p{color:#D3DEEF}
.cv.ours .nr .nn{color:#7FCB57!important}
.ladder{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-radius:16px;overflow:hidden;border:1px solid #D9E2EE;background:#fff}
.rung{padding:22px 24px;position:relative;border-right:1px solid #E3EAF3}
.rung:last-child{border-right:0}
.rung::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#C3CEDC}
.rung.r-now::before{background:#6CB743} .rung.r-next::before{background:linear-gradient(90deg,#6CB743,#194890)} .rung.r-goal::before{background:#194890}
.rs{display:inline-block;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:999px;background:#F2F6FC;color:#194890;margin-bottom:10px}
.rung.r-now .rs{background:#EFF7E8;color:#3B7D1F}
.rung b{display:block;font-size:1.25rem;color:#0E2547;margin-bottom:6px}
.rung p{margin:0;color:#344256;font-size:.95rem}
.m-night .ladder{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.m-night .rung{border-right-color:rgba(255,255,255,.12)}
.m-night .rung b{color:#fff} .m-night .rung p{color:#C9D6EA} .m-night .rs{background:rgba(255,255,255,.1);color:#C9D6EA} .m-night .rung.r-now .rs{background:rgba(108,183,67,.2);color:#B5E79A}
@media (max-width:860px){.cond-vs,.ladder{grid-template-columns:1fr}.rung{border-right:0;border-bottom:1px solid #E3EAF3}}
/* moisture section on its own (light) page */
.myth-light .myth-claim{background:#F2F6FC;border-color:#C3CEDC;color:#0E2547}
.myth-light .myth-claim span{color:#9A5B13}
.myth-light .myth-pts b{color:#0E2547} .myth-light .myth-pts span{color:#344256}
.myth-light .myth-src{color:#5B6878}
.myth-light .myth-fig{background:linear-gradient(160deg,#0C2A5B,#163F80);border:0}
#home-condition .acts{display:flex;gap:12px;flex-wrap:wrap}
/* ===== color rollout ===== */
.pill.new{background:#6CB743;color:#0C2A5B}
.color-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:end;margin-bottom:28px}
.color-head .lead{margin:0}
.viz{display:grid;grid-template-columns:1.6fr .4fr;gap:20px;align-items:stretch}
.viz-stage{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(12,42,91,.18);background:#ddd}
.viz-img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .45s ease}
.viz-img.on{opacity:1}
.viz-label{position:absolute;left:14px;top:14px;background:rgba(8,22,43,.82);color:#fff;border-radius:12px;padding:8px 12px;line-height:1.2}
.viz-label span{display:block;font-size:.72rem;color:#A9BCD8}
.viz-label b{font-size:.95rem}
.viz-stage .gen-tag{position:absolute;right:12px;bottom:12px}
.viz-sw{display:flex;flex-direction:column;gap:8px}
.viz-sw button{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;background:#fff;border:1px solid #DFE6F0;border-radius:14px;padding:10px 12px;cursor:pointer;font:inherit;color:#0E2547;transition:border-color .15s,box-shadow .15s}
.viz-sw button i{grid-row:1/3;width:42px;height:42px;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.viz-sw button i.faded{background:linear-gradient(135deg,#A3A4A8,#C9CACD 55%,#9B9CA0)}
.viz-sw button b{font-size:.95rem}
.viz-sw button span{font-size:.78rem;color:#5B6878}
.viz-sw button:hover{border-color:#194890}
.viz-sw button[aria-checked="true"]{border:2px solid #6CB743;box-shadow:0 8px 20px rgba(12,42,91,.1)}
@media (max-width:900px){.color-head{grid-template-columns:1fr;gap:10px}.viz{grid-template-columns:1fr}.viz-sw{display:grid;grid-template-columns:1fr 1fr}}
.swc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.swc{background:#fff;border:1px solid #DFE6F0;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(12,42,91,.06)}
.swc-chip{height:120px}
.swc-b{padding:16px 18px}
.swc-b h3{color:#0E2547;margin-bottom:4px}
.swc-code{font-size:.82rem;color:#5B6878;margin:0 0 10px}
.swc-b p{font-size:.92rem;color:#344256;margin:0}
@media (max-width:900px){.swc-grid{grid-template-columns:1fr 1fr}}
.color-band{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;background:#fff;border:1px solid #DFE6F0;color:#0E2547;font-weight:650;text-decoration:none}
.chip i{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.chip:hover{border-color:#6CB743}
@media (max-width:760px){.color-band{grid-template-columns:1fr}}
.viz-stage .gen-tag{background:rgba(8,22,43,.88);color:#fff}
.color-head h2::before,.color-band h2::before{display:none}.color-head .pill,.color-band .pill{margin-bottom:12px;display:inline-block}
/* ===== roof as a system ===== */
.fp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fp{background:#fff;border:1px solid #DFE6F0;border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(12,42,91,.06)}
.fp-n{display:inline-block;font-weight:800;color:#3B7D1F;background:#EFF7E8;border-radius:8px;padding:2px 10px;margin-bottom:12px}
.fp h3{color:#0E2547;margin-bottom:8px}
.fp p{margin:0;color:#344256}
.rs-grid{display:grid;grid-template-columns:1.5fr .9fr;gap:26px;align-items:stretch}
.rs-fig{margin:0;background:rgba(8,22,43,.55);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:16px}
.rs-svg{width:100%;height:auto;display:block}
.rs-fig figcaption{font-size:.8rem;color:#9FB3D1;margin-top:6px}
.rs-pin{cursor:pointer;outline:none}
.rs-pin circle{transition:fill .15s}
.rs-pin:hover circle,.rs-pin:focus-visible circle{fill:#EFF7E8}
.rs-pin.on circle{fill:#6CB743}
.rs-card{background:#fff;color:#344256;border-radius:20px;padding:24px;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.rs-step{font-size:.85rem;color:#5B6878;margin:0 0 6px}
.rs-card h3{color:#0E2547;font-size:1.35rem;margin-bottom:10px}
.rs-lbl{font-size:.78rem;font-weight:700;color:#194890;margin:12px 0 2px}
.rs-card p{margin:0}
.rs-verdict{margin-top:16px!important;border-radius:12px;padding:12px 14px;font-weight:650;font-size:.95rem}
.rs-verdict.good{background:#EFF7E8;color:#2F5F1A}
.rs-verdict.fix{background:#F2F6FC;color:#194890}
.rs-verdict.no{background:#FFF4E5;color:#7A4A0C}
.rs-card .walk-nav{margin-top:auto;padding-top:16px}
.rs-card .walk-nav button{border:1px solid #C3CEDC;background:#fff;color:#0E2547}
@media (max-width:980px){.fp-grid{grid-template-columns:1fr}.rs-grid{grid-template-columns:1fr}}
.wm-h{color:#0E2547;margin-bottom:10px}
.why-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;counter-reset:ws}
.why-steps li{counter-increment:ws;background:#fff;border:1px solid #DFE6F0;border-radius:14px;padding:16px 14px;position:relative}
.why-steps li::before{content:counter(ws);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#194890;color:#fff;font-weight:800;margin-bottom:10px}
.why-steps li:nth-child(6)::before{background:#6CB743;color:#0C2A5B}
.why-steps b{display:block;color:#0E2547;margin-bottom:6px}
.why-steps span{font-size:.88rem;color:#344256;line-height:1.5}
@media (max-width:1100px){.why-steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.why-steps{grid-template-columns:1fr}}
.sys-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.sys-grid .lead{margin:12px 0 18px}
.sys-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sys-list li{background:#fff;border:1px solid #DFE6F0;border-radius:14px;padding:16px;box-shadow:0 6px 18px rgba(12,42,91,.05)}
.sys-list li::before{content:"";display:block;width:26px;height:4px;border-radius:2px;background:#6CB743;margin-bottom:10px}
.sys-list b{display:block;color:#0E2547}
.sys-list span{font-size:.9rem;color:#344256}
@media (max-width:860px){.sys-grid{grid-template-columns:1fr}}
.sps-sub{margin:-4px 0 10px;font-weight:700;color:#3B7D1F;font-size:1.05rem}
/* ===== why silicone ===== */
.tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;position:relative}
.tl::before{content:"";position:absolute;left:0;right:0;top:15px;height:3px;background:linear-gradient(90deg,#C3CEDC,#194890 70%,#6CB743)}
.tl li{position:relative;padding-top:38px}
.tl li::before{content:"";position:absolute;left:0;top:7px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #194890}
.tl li.tl-now::before{border-color:#6CB743;background:#6CB743}
.tl-y{display:block;font-weight:800;color:#194890;font-size:1.1rem}
.tl-now .tl-y{color:#3B7D1F}
.tl b{display:block;color:#0E2547;margin:2px 0 6px}
.tl p{margin:0;font-size:.92rem;color:#344256}
@media (max-width:980px){.tl{grid-template-columns:1fr 1fr;row-gap:22px}.tl::before{display:none}}
.bond-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
.bond-fig{margin:0;background:#fff;border:1px solid #DFE6F0;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(12,42,91,.07)}
.bond-svg{width:100%;height:auto;display:block}
.bond-fig figcaption{font-size:.8rem;color:#5B6878;margin-top:8px}
@media (max-width:900px){.bond-grid{grid-template-columns:1fr}}
.props{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.prop{background:#F2F6FC;border:1px solid #DFE6F0;border-radius:16px;padding:20px}
.prop b{display:block;color:#0E2547;font-size:1.05rem;margin-bottom:6px}
.prop span{font-size:.94rem;color:#344256}
@media (max-width:900px){.props{grid-template-columns:1fr 1fr}}
.lim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lim{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:22px}
.lim-n{display:inline-flex;width:32px;height:32px;border-radius:9px;align-items:center;justify-content:center;background:rgba(240,180,76,.2);color:#FFD9A8;font-weight:800;margin-bottom:10px}
.lim b{display:block;color:#fff;font-size:1.1rem;margin-bottom:6px}
.lim p{margin:0;color:#C9D6EA}
@media (max-width:900px){.lim-grid{grid-template-columns:1fr}}
#silicone-breakthrough .section-head h2::before{display:none}
#silicone-breakthrough .pill.new{margin-bottom:12px;display:inline-block}
.bt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}
.bt{background:linear-gradient(160deg,#0C2A5B,#163F80);border-radius:18px;padding:22px;border:1px solid rgba(108,183,67,.5)}
.bt b{display:block;color:#fff;font-size:1.1rem;margin-bottom:6px}
.bt b::before{content:"";display:block;width:26px;height:4px;border-radius:2px;background:#6CB743;margin-bottom:12px}
.bt p{margin:0;color:#D3DEEF;font-size:.95rem}
@media (max-width:900px){.bt-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.bt-grid{grid-template-columns:1fr}}
.tbl-wrap{overflow-x:auto}
/* ===== wordmark never breaks apart ===== */
.nr,.nr span,.nr sup{display:inline!important}
.nr{white-space:nowrap}
.mp-links .nr span{font-size:inherit;color:inherit}
.mp-links .nr .nn{color:#3B7D1F}
/* ===== grouped mega menu ===== */
.mp-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}
.mp-gh{margin:0 0 6px 12px;font-size:.78rem;font-weight:800;letter-spacing:.02em;color:#3B7D1F}
.mp-links.mp-one{grid-template-columns:1fr}
/* ===== brand icons ===== */
.ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#EEF3FA;color:#194890;flex:0 0 auto;margin-bottom:12px}
.ic svg{width:24px;height:24px}
.ic svg .a{stroke:#4E9A2E}
.ic-d{background:rgba(255,255,255,.1);color:#fff}
.ic-d svg .a{stroke:#7FCB57}
.stripband .strip > div{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:start}
.stripband .strip > div .ic{grid-row:1/3;margin:0}
.stripband .strip b::before{display:none}
.sys-list li::before,.bt b::before{display:none}
.sys-list li .ic{width:40px;height:40px;margin-bottom:10px}
.stripband .strip > div{display:block;position:relative;padding-left:84px}
.stripband .strip > div .ic{position:absolute;left:24px;top:24px;margin:0}
.mp-links b .nr span:not(.nn){color:var(--ink)!important}
@media (max-width:820px){.stripband .strip > div{padding-left:76px}.stripband .strip > div .ic{left:18px}}
@media (max-width:820px){.stripband .strip > div{padding:20px 16px}.stripband .strip > div .ic{position:static;display:flex;width:38px;height:38px;margin-bottom:10px}}
.hero-center > .gen-tag{top:auto;bottom:118px;right:20px;opacity:.75}
.inlink{color:#9BDA77;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.m-lab .inlink,.m-steel .inlink{color:#194890}
/* ===== audit fixes ===== */
[data-page="faq"] .section.m-lab .wrap{max-width:860px}
[data-page="faq"] .section.m-lab h2{padding-top:6px}
[data-page="learn"] .wrap.prose{max-width:1120px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
[data-page="learn"] .article{background:#fff;border:1px solid #DFE6F0;border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(12,42,91,.05);display:flex;flex-direction:column}
[data-page="learn"] .article h3{font-style:normal;color:#0E2547}
[data-page="learn"] .article p:last-of-type{margin-bottom:0}
[data-page="learn"] .article > p a{font-weight:700}
@media (max-width:820px){[data-page="learn"] .wrap.prose{grid-template-columns:1fr}}
.fp-link{margin-top:12px!important}.fp-link a{font-weight:700;color:#194890}
/* ===== SPS page ===== */
.sps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sps-l{position:relative;background:#fff;border:1px solid #DFE6F0;border-radius:18px;padding:26px;box-shadow:0 8px 24px rgba(12,42,91,.06);overflow:hidden}
.sps-k{position:absolute;right:18px;top:6px;font-size:5.5rem;font-weight:800;line-height:1;color:#EEF3FA;font-style:italic}
.sps-l h3{color:#0E2547;position:relative}
.sps-l p{position:relative;color:#344256}
.sps-parts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sps-parts > div{background:#fff;border:1px solid #DFE6F0;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:6px}
.sps-parts b{color:#0E2547;font-size:1.05rem}
.sps-parts span{color:#344256;font-size:.94rem;flex:1}
.sps-parts a{font-weight:700;color:#194890;margin-top:6px}
@media (max-width:980px){.sps-grid{grid-template-columns:1fr}.sps-parts{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.sps-parts{grid-template-columns:1fr}}
.sps-parts a{display:inline-flex;align-items:center;min-height:44px;margin-top:2px}
/* ===== commercial ===== */
.cm-strip{background:radial-gradient(1200px 400px at 50% -40%,rgba(108,183,67,.18),transparent),linear-gradient(160deg,#0C2A5B,#163F80)}
.cm-strip .strip{background:#fff;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.18);transform:translateY(-18px)}
.cm-fail{align-items:center}
.cm-photo{position:relative;aspect-ratio:4/3;border-radius:20px;background-size:cover;background-position:center;box-shadow:0 20px 50px rgba(12,42,91,.18)}
.cm-photo .gen-tag{position:absolute;right:12px;bottom:12px}
.cm-points{list-style:none;margin:18px 0 0;padding:0;counter-reset:cp}
.cm-points li{counter-increment:cp;position:relative;padding:0 0 14px 46px}
.cm-points li::before{content:counter(cp);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:9px;background:#FFF4E5;color:#9A5B13;font-weight:800;display:flex;align-items:center;justify-content:center}
.cm-points b{display:block;color:#0E2547}
.cm-points span{color:#344256}
.stack-fig{margin:0;background:#fff;border:1px solid #DFE6F0;border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(12,42,91,.07)}
.stack-svg{width:100%;height:auto;display:block;max-width:960px;margin:0 auto}
.stack-fig figcaption{font-size:.8rem;color:#5B6878;margin-top:6px}
.pps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pps-card{background:#fff;border:1px solid #DFE6F0;border-radius:18px;padding:22px;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(12,42,91,.06)}
.pps-n{font-weight:800;font-size:1.2rem;color:#0E2547}
.pps-n::before{content:"NANOROOF\00a0";font-style:italic;color:#3B7D1F;font-size:.8rem;display:block;letter-spacing:.02em}
.pps-role{color:#194890;font-weight:650;margin:2px 0 10px}
.pps-card ul{margin:0 0 12px;padding-left:18px;color:#344256;font-size:.94rem;flex:1}
.pps-card li{margin-bottom:4px}
.pps-src{font-size:.82rem;color:#5B6878;border-top:1px solid #E3EAF3;padding-top:10px;margin:0}
@media (max-width:980px){.pps-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.pps-grid{grid-template-columns:1fr}}
.survey-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.survey-list li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 16px}
.survey-list b{display:block;color:#fff}
.survey-list span{color:#C9D6EA;font-size:.94rem}
.cm-types{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cm-types b{color:#0E2547;margin-right:6px}
.chip-s{display:inline-block;padding:6px 12px;border-radius:999px;background:#F2F6FC;border:1px solid #DFE6F0;color:#0E2547;font-size:.88rem;font-weight:600}
.lyr-list{list-style:none;margin:0 auto;padding:0;max-width:920px;display:grid;gap:10px}
.lyr{display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:center}
.lyr-v{display:flex;justify-content:flex-end}
.lyr-b{position:relative;display:block;width:300px;height:var(--h);background:var(--c);border:1px solid rgba(14,37,71,.22);border-radius:4px;box-shadow:0 6px 14px rgba(12,42,91,.08)}
.lyr-b::after{content:"";position:absolute;left:10px;right:-1px;top:-9px;height:9px;background:var(--c);filter:brightness(1.06);border:1px solid rgba(14,37,71,.15);border-bottom:0;transform:skewX(-45deg);transform-origin:bottom left}
.lyr-t b{display:block;color:#0E2547;font-size:1.02rem}
.lyr-t span{color:#5B6878;font-size:.92rem}
.lyr:first-child .lyr-t b{color:#3B7D1F}
.stack-fig{padding:34px 24px 20px}
[data-page="commercial"] .phero{padding-bottom:84px}
.cm-photo-sm{margin-top:22px;aspect-ratio:16/9}
@media (max-width:760px){.lyr{grid-template-columns:120px 1fr;gap:14px}.lyr-b{width:110px}}
/* ===== comparison diagrams ===== */
.xfig{margin:0}
.xpills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.xp{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0F1720;color:#E6EEF9;font-size:.72rem;font-weight:800;letter-spacing:.02em}
.xp i{width:9px;height:9px;border-radius:50%;display:inline-block}
.xphoto{position:relative;aspect-ratio:2.46/1;border-radius:12px;background-size:cover;background-position:center;background-color:#16181c}
.xphoto .gen-tag{position:absolute;right:8px;bottom:8px}
.xreach{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.78rem;font-weight:800;letter-spacing:.03em;color:#5B6878;text-transform:uppercase}
.xreach span{flex:0 0 26px;height:10px;border:2px solid #9AA6B8;border-top:0;border-radius:0 0 3px 3px}
.m-night .xreach,.ours .xreach{color:#C9D6EA}
.gi-11,.gi-12,.gi-13,.gi-14,.gi-22,.gi-cm1,.gi-15,.gi-17{background-position:center 22%}
.m-night .chip{color:#0E2547}
/* ===== brand guide: wordmark (NANO #6CB743, ROOF #292929 on light / white on dark) ===== */
.nr .nn{color:#6CB743!important}
.nr > span:not(.nn){color:#292929!important}
.m-night .nr > span:not(.nn),.hero .nr > span:not(.nn),.phero .nr > span:not(.nn),footer .nr > span:not(.nn),.ctapanel .nr > span:not(.nn),
.cv.ours .nr > span:not(.nn),.bt .nr > span:not(.nn),.lim .nr > span:not(.nn),.xcard.ours .nr > span:not(.nn),.rcard-head .nr > span:not(.nn),
.compare thead th.ours .nr > span:not(.nn),.btn-blue .nr > span:not(.nn),.viz-label .nr > span:not(.nn),.stripband.m-night .nr > span:not(.nn),
.cm-strip .nr > span:not(.nn),.m-night .survey-list .nr > span:not(.nn){color:#fff!important}
.m-night .rcard .nr > span:not(.nn),.m-night .strip .nr > span:not(.nn),.m-night .fp .nr > span:not(.nn){color:#292929!important}
.btn-green .nr .nn,.pill.new .nr .nn{color:#173D0D!important}
.btn-green .nr > span:not(.nn){color:#0C2A5B!important}
/* ===== internal pages: hero 2.0 ===== */
.page:not([data-page="home"]) .phero{padding:64px 0 56px;position:relative;overflow:hidden}
.page:not([data-page="home"]) .phero::after{content:"";position:absolute;right:-120px;top:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(108,183,67,.22),transparent 65%);pointer-events:none}
.phgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.phgrid .phimg{aspect-ratio:4/3;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.12);background-size:cover;background-position:center;position:relative}
.phgrid .phimg .gen-tag{position:absolute;right:12px;bottom:12px}
.phfacts{list-style:none;margin:18px 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.phfacts li{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#E6EEF9;font-size:.86rem;font-weight:650}
.phfacts li::before{content:"";width:7px;height:7px;border-radius:50%;background:#6CB743;box-shadow:0 0 0 3px rgba(108,183,67,.25)}
@media (max-width:900px){.phgrid{grid-template-columns:1fr;gap:26px}.page:not([data-page="home"]) .phero{padding:40px 0}}
/* ===== on this page ===== */
.otp{position:sticky;top:var(--hdr,72px);z-index:20;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid #E3EAF3}
.otp .wrap{display:flex;gap:4px;align-items:center;overflow-x:auto;scrollbar-width:none;padding-top:8px;padding-bottom:8px}
.otp .wrap::-webkit-scrollbar{display:none}
.otp-k{flex:0 0 auto;font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#5B6878;margin-right:8px}
.otp a{flex:0 0 auto;padding:7px 12px;border-radius:999px;color:#344256;font-size:.88rem;font-weight:600;text-decoration:none;white-space:nowrap;min-height:34px;display:inline-flex;align-items:center}
.otp a:hover{background:#F2F6FC;color:#0E2547}
.otp a.on{background:#194890;color:#fff}
/* ===== related ===== */
.related{padding-top:56px;padding-bottom:20px}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rel-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:20px 48px 20px 20px;border-radius:16px;background:#fff;border:1px solid #DFE6F0;text-decoration:none;box-shadow:0 8px 22px rgba(12,42,91,.05);transition:transform .15s,box-shadow .15s,border-color .15s}
.rel-card b{color:#0E2547;font-size:1.02rem}
.rel-card span{color:#5B6878;font-size:.9rem}
.rel-card i{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-style:normal;color:#6CB743;font-size:1.3rem;font-weight:800}
.rel-card:hover{transform:translateY(-2px);border-color:#6CB743;box-shadow:0 14px 30px rgba(12,42,91,.1)}
@media (max-width:820px){.rel-grid{grid-template-columns:1fr}}
/* ===== list polish ===== */
.w-list{list-style:none;padding:0;margin:16px 0 0}
.w-list li{position:relative;padding:12px 0 12px 32px;border-bottom:1px solid #E3EAF3}
.w-list li::before{content:"";position:absolute;left:0;top:15px;width:20px;height:20px;border-radius:50%;background:#EFF7E8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%233B7D1F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.m-night .w-list li{border-bottom-color:rgba(255,255,255,.12)}
.m-night .w-list li::before{background-color:rgba(108,183,67,.2)}
/* ===== page rebuild components ===== */
.ba{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(12,42,91,.18);max-width:1100px;margin:0 auto}
.ba-img{position:absolute;inset:0;background-size:cover;background-position:center}
.ba-line{position:absolute;top:0;bottom:0;width:3px;background:#fff;transform:translateX(-50%);box-shadow:0 0 12px rgba(0,0,0,.4);pointer-events:none}
.ba-line span{position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 6px 18px rgba(0,0,0,.3)}
.ba-line span::before{content:"\2039\00a0\203A";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#194890;font-weight:800;font-size:1.3rem}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba-tag{position:absolute;top:14px;padding:6px 12px;border-radius:999px;background:rgba(8,22,43,.82);color:#fff;font-weight:700;font-size:.85rem;pointer-events:none}
.ba-tag.l{left:14px}.ba-tag.r{right:14px}
.ba .gen-tag{position:absolute;right:12px;bottom:12px}
.flow4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:f4}
.flow4 li{counter-increment:f4;background:#fff;border:1px solid #DFE6F0;border-radius:18px;padding:22px;position:relative}
.flow4 li::after{content:counter(f4);position:absolute;right:18px;top:16px;font-size:2.2rem;font-weight:800;color:#EEF3FA;font-style:italic}
.flow4 b{display:block;color:#0E2547;font-size:1.05rem;margin-bottom:6px}
.flow4 span{color:#344256;font-size:.94rem}
@media (max-width:900px){.flow4{grid-template-columns:1fr 1fr}}@media (max-width:560px){.flow4{grid-template-columns:1fr}}
.media-row{align-items:center}
.media-ph{position:relative;aspect-ratio:4/3;border-radius:22px;background-size:cover;background-position:center;box-shadow:0 22px 50px rgba(12,42,91,.16)}
.media-ph .gen-tag{position:absolute;right:12px;bottom:12px}
.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.oc{background:#fff;border:1px solid #DFE6F0;border-radius:18px;padding:24px;border-top:4px solid #C3CEDC;box-shadow:0 8px 24px rgba(12,42,91,.05)}
.oc.ok{border-top-color:#6CB743}.oc.fix{border-top-color:#194890}.oc.no{border-top-color:#D9822B}
.oc b{display:block;color:#0E2547;font-size:1.1rem;margin-bottom:6px}
.oc p{margin:0;color:#344256}
@media (max-width:900px){.outcomes{grid-template-columns:1fr}}
.report{background:#fff;border:1px solid #DFE6F0;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(12,42,91,.14)}
.rp-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#194890;color:#fff}
.rp-head span{font-size:.78rem;color:#C9D6EA}
.rp-verdict{display:flex;align-items:center;gap:10px;padding:14px 18px;font-weight:800;color:#0E2547;background:#EEF3FA}
.rp-verdict .dot{width:12px;height:12px;border-radius:50%;background:#194890;box-shadow:0 0 0 4px rgba(25,72,144,.18)}
.rp-row{display:flex;justify-content:space-between;gap:16px;padding:11px 18px;border-top:1px solid #E3EAF3;font-size:.93rem}
.rp-row span{color:#5B6878}.rp-row b{color:#0E2547;text-align:right}
.rp-prices{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #E3EAF3}
.rp-prices div{padding:14px 18px}.rp-prices div+div{border-left:1px solid #E3EAF3}
.rp-prices span{display:block;font-size:.78rem;color:#5B6878}.rp-prices b{font-size:1.2rem;color:#0E2547}
.rp-prices div:first-child b{color:#3B7D1F}
.rp-note{margin:0;padding:10px 18px 14px;font-size:.8rem;color:#5B6878}
.cp-tl{grid-template-columns:repeat(4,1fr)}
@media (max-width:980px){.cp-tl{grid-template-columns:1fr 1fr}}
.faq-search-wrap{padding:28px 0}
.faq-search{max-width:860px;margin:0 auto}
.faq-search input{width:100%;padding:16px 20px 16px 48px;border-radius:14px;border:1px solid #C3CEDC;font:inherit;font-size:1.05rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23194890' stroke-width='2'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E") 16px center/20px no-repeat;box-shadow:0 8px 24px rgba(12,42,91,.06)}
.faq-search input:focus{outline:3px solid rgba(108,183,67,.45);border-color:#6CB743}
.faq-count{margin:8px 4px 0;color:#5B6878;font-size:.9rem;min-height:1.2em}
.learn-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.learn-filter button{padding:9px 16px;border-radius:999px;border:1px solid #C3CEDC;background:#fff;color:#0E2547;font:inherit;font-weight:650;cursor:pointer;min-height:40px}
.learn-filter button.on{background:#194890;border-color:#194890;color:#fff}
.route{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.rt{display:flex;flex-direction:column;gap:2px;padding:22px;border-radius:18px;background:#fff;border:1px solid #DFE6F0;text-decoration:none;box-shadow:0 8px 22px rgba(12,42,91,.05);transition:transform .15s,border-color .15s}
.rt b{color:#0E2547;font-size:1.05rem}.rt span{color:#5B6878;font-size:.92rem}
.rt:hover{transform:translateY(-2px);border-color:#6CB743}
@media (max-width:900px){.route{grid-template-columns:1fr 1fr}}@media (max-width:520px){.route{grid-template-columns:1fr}}
.m-night .tl b{color:#fff}.m-night .tl p{color:#C9D6EA}.m-night .tl-y{color:#9BDA77}.m-night .tl li::before{background:#0C2A5B;border-color:#9BDA77}.m-night .tl::before{background:linear-gradient(90deg,rgba(255,255,255,.25),#9BDA77)}
.ba .gen-tag,.media-ph .gen-tag{background:rgba(8,22,43,.88);color:#fff}
.f-grid.six{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:28px}
@media (max-width:1100px){.f-grid.six{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:640px){.f-grid.six{grid-template-columns:1fr 1fr}}
.wbadge{display:inline-block;width:100%;max-width:260px;line-height:0}
.wbadge-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 16px rgba(12,42,91,.18))}
.wb-tr{max-width:280px;margin-bottom:14px}
#home-proof .wbadge{max-width:170px;margin-right:8px}
.pbadges{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pc{background:#fff;border:1px solid #DFE6F0;border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(12,42,91,.05);position:relative}
.pc b{display:block;color:#0E2547;font-size:1.06rem;margin-bottom:6px}.pc p{margin:0;color:#344256}
.vk{display:inline-flex;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;background:#194890;color:#fff;font-weight:900;font-style:italic;font-size:1.3rem;margin-bottom:12px;box-shadow:inset 0 0 0 3px #6CB743}
@media (max-width:900px){.pgrid3{grid-template-columns:1fr 1fr}}@media (max-width:560px){.pgrid3{grid-template-columns:1fr}}
.flow4.dark li{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}.flow4.dark li::after{color:rgba(255,255,255,.1)}.flow4.dark b{color:#fff}.flow4.dark span{color:#C9D6EA}
.w-list.x li::before{background:#FFF1E6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6.5 6.5l7 7M13.5 6.5l-7 7' fill='none' stroke='%23B45309' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat}
.qcheck{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qcheck fieldset{margin:0;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:16px 18px;background:rgba(255,255,255,.05)}
.qcheck legend{color:#fff;font-weight:700;padding:0;margin-bottom:10px;font-size:1rem;float:left;width:100%}
.qcheck label{display:inline-flex;align-items:center;gap:8px;margin-right:18px;color:#D3DEEF;cursor:pointer;min-height:36px}
.qcheck input{width:18px;height:18px;accent-color:#6CB743}
.qresult{grid-column:1/-1;border-radius:16px;padding:20px 22px;background:#fff;color:#344256}
.qresult b{display:block;color:#0E2547;font-size:1.15rem;margin-bottom:4px}.qresult p{margin:0 0 12px}
.qresult.ok{border-left:6px solid #6CB743}.qresult.fix{border-left:6px solid #194890}.qresult.no{border-left:6px solid #D9822B}
@media (max-width:760px){.qcheck{grid-template-columns:1fr}}
.subnav{position:sticky;top:var(--hdr,72px);z-index:20;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid #E3EAF3}
.subnav a{border-radius:999px;padding:7px 12px;font-weight:600}
.subnav a:hover{background:#F2F6FC}
.wcard .wbadge{max-width:240px;margin:6px 0 12px}
.card .wbadge{max-width:240px;margin:8px 0 12px}
.card .wbadge{display:block;max-width:240px;margin:12px 0 14px}
#home-proof .badgerow{display:flex;flex-wrap:nowrap;gap:10px;max-width:520px}
#home-proof .badgerow .wbadge{flex:1 1 0;max-width:none;margin:0}
/* ===== header phone + 4-col footer ===== */
.hphone{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;color:#194890;margin-right:6px}
.hphone svg{width:22px;height:22px}
.hphone:hover{background:#F2F6FC}
.f-brand{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-bottom:28px;margin-bottom:32px;border-bottom:1px solid rgba(255,255,255,.12)}
.f-brand .logo img{height:44px;width:auto}
.f-brand p{margin:0;flex:1;min-width:240px;color:#C9D6EA}
.f-grid.four{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
@media (max-width:900px){.f-grid.four{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.f-grid.four{grid-template-columns:1fr}.f-brand{gap:14px}}
.mp-links{grid-template-columns:1fr 1fr}
.mp-title{font-style:italic;font-weight:900;letter-spacing:-.01em}
.f-grid.five{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:28px}
@media (max-width:1000px){.f-grid.five{grid-template-columns:1fr 1fr}}
/* product + science pages */
.prod2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pcard{background:#fff;border:1px solid #DFE6F0;border-radius:20px;padding:24px;box-shadow:0 10px 28px rgba(12,42,91,.06)}
.pcard h3{color:#0E2547;margin:10px 0 6px}.pcard>p{color:#344256}
.pcard .prodph{margin-bottom:14px}
@media (max-width:860px){.prod2{grid-template-columns:1fr}}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.spec-card{background:#fff;border:1px solid #DFE6F0;border-radius:18px;padding:20px 22px;box-shadow:0 8px 22px rgba(12,42,91,.05)}
.spec-card h3{color:#0E2547;margin-bottom:10px;font-size:1.08rem}
table.spec{width:100%;border-collapse:collapse;font-size:.93rem}
table.spec th{text-align:left;color:#5B6878;font-weight:650;padding:9px 12px 9px 0;width:38%;vertical-align:top;border-top:1px solid #E3EAF3}
table.spec td{color:#0E2547;padding:9px 0;border-top:1px solid #E3EAF3}
table.spec tr:first-child th,table.spec tr:first-child td{border-top:0}
@media (max-width:860px){.spec-grid{grid-template-columns:1fr}}
.sci-card{display:block;text-decoration:none;transition:transform .15s,box-shadow .15s}
.sci-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(12,42,91,.14)}
.sci-go{display:inline-block;margin-top:12px;font-weight:800;color:#194890}
.cv.ours .sci-go{color:#9BDA77}
.props.one{grid-template-columns:1fr 1fr}
.media-row .ba,.grid2 .ba{width:100%;margin:0}
.wbadge-svg{filter:drop-shadow(0 10px 18px rgba(12,42,91,.16))}
.card .wbadge{max-width:250px}
.wb-tr{max-width:300px}
.look-badge{margin-bottom:22px;padding:18px;border-radius:18px;background:#F2F6FC;border:1px solid #DFE6F0}
.look-k{margin:0 0 10px;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#3B7D1F}
.dbadges{display:flex;flex-wrap:wrap;gap:12px}
.dbadge{display:block;flex:1 1 200px;max-width:280px;line-height:0}
.dbadges.three{justify-content:center}
.dbadges.three .dbadge{max-width:340px}
.dbadge svg{width:100%;height:auto;filter:drop-shadow(0 10px 18px rgba(12,42,91,.16))}
.look-badge .note{margin:10px 0 0;font-size:.88rem;color:#5B6878}
.rel-like{text-decoration:none;transition:transform .15s,border-color .15s}.rel-like:hover{transform:translateY(-2px);border-color:#6CB743}
.m-lab .detail .nr > span:not(.nn),.loop-card .nr > span:not(.nn){color:#fff!important}
/* footer brand row (WetBond-style) */
.f-brand{display:grid;grid-template-columns:1fr auto;align-items:end;gap:28px}
.f-id{display:flex;flex-direction:column;gap:16px;max-width:620px}
.f-id p{flex:none;min-width:0}
.f-badges{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.socs{display:flex;gap:10px}
.soc{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.28);color:#fff;transition:background .15s,border-color .15s}
.soc svg{width:20px;height:20px}
.soc:hover{background:rgba(255,255,255,.1);border-color:#6CB743}
.usa{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:800;font-size:.86rem;letter-spacing:.12em;text-transform:uppercase}
.usflag{width:30px;height:16px;border-radius:2px;flex:0 0 auto}
.f-ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
@media (max-width:820px){.f-brand{grid-template-columns:1fr}.f-ctas{justify-content:flex-start}}
.f-brand .logo img{height:54px}
/* coverage map */
.covmap{margin:0;background:#fff;border-radius:20px;padding:18px;box-shadow:0 20px 50px rgba(12,42,91,.14)}
.covmap-svg{width:100%;height:auto;display:block}
.cov-legend{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.cov-legend li{display:flex;align-items:center;gap:10px;color:inherit}
.m-night .cov-legend li{color:#D3DEEF}
.cov-legend i{width:14px;height:14px;border-radius:50%;flex:0 0 auto}
.lg-mk{background:#6CB743;box-shadow:0 0 0 3px rgba(108,183,67,.3)}.lg-hq{background:#194890;border-radius:3px!important;transform:rotate(45deg);outline:2px solid #fff}.lg-dot{background:#C3CEDC}
/* problem strip */
.pb-strip{background:#fff;border-bottom:1px solid #E3EAF3}
.pb-strip .wrap{display:flex;gap:4px;align-items:center;overflow-x:auto;scrollbar-width:none;padding-top:8px;padding-bottom:8px}
.pb-strip a{flex:0 0 auto;padding:8px 14px;border-radius:999px;color:#344256;font-weight:650;font-size:.9rem;text-decoration:none;min-height:36px;display:inline-flex;align-items:center}
.pb-strip a:hover{background:#F2F6FC}.pb-strip a.on{background:#194890;color:#fff}
.pb-strip .pb-cta{margin-left:auto;color:#3B7D1F;font-weight:800}
/* homepage problem finder */
.pf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pf-card{display:flex;flex-direction:column;background:#fff;border:1px solid #DFE6F0;border-radius:18px;overflow:hidden;text-decoration:none;box-shadow:0 10px 26px rgba(12,42,91,.07);transition:transform .15s,box-shadow .15s,border-color .15s}
.pf-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(12,42,91,.14);border-color:#6CB743}
.pf-img{aspect-ratio:4/3;background-size:cover;background-position:center}
.pf-b{position:relative;padding:16px 40px 18px 16px}
.pf-b b{display:block;color:#0E2547;font-size:1.05rem;margin-bottom:4px}.pf-b span{color:#5B6878;font-size:.92rem}
.pf-b i{position:absolute;right:16px;top:18px;font-style:normal;color:#6CB743;font-weight:900;font-size:1.2rem}
.pf-alt{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;justify-content:center}
.pf-alt span{color:#344256;font-weight:650;margin-right:4px}
@media (max-width:980px){.pf-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.pf-grid{grid-template-columns:1fr}}
/* science cards */
.sci-img{aspect-ratio:16/9;border-radius:12px;background-size:cover;background-position:center;margin:-4px 0 14px}
.covsec .wrap.grid2{grid-template-columns:.8fr 1.2fr}@media (max-width:900px){.covsec .wrap.grid2{grid-template-columns:1fr}}
.m-night .lg-hq{background:#6E9BE6}
/* optimized footer */
.f-grid.five{grid-template-columns:repeat(5,1fr);gap:28px}
@media (max-width:1000px){.f-grid.five{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.f-grid.five{grid-template-columns:1fr 1fr}}
.f-strip{margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:12px}
.fs-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}
.fs-k{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9BDA77;min-width:120px}
.fs-row a{color:#D3DEEF;text-decoration:none;font-size:.93rem;min-height:32px;display:inline-flex;align-items:center}
.fs-row a:hover{color:#fff;text-decoration:underline}
.fs-row .fs-more{color:#9BDA77;font-weight:700}
.legal-links{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:6px}
.legal-links a{min-height:32px;display:inline-flex;align-items:center}
.legal-links a{display:inline-block;line-height:32px;min-height:0}
@media (max-width:640px){.fs-k{width:100%}}
.f-legal{margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
.legal.disclaimer{max-width:1100px;font-size:.8rem;line-height:1.65;color:#AFC0D8;margin:0 0 10px}
.f-legal .legal{border-top:0!important;padding-top:0!important;margin-top:0}
.disc-box{max-width:900px;background:#fff;border:1px solid #DFE6F0;border-left:4px solid #194890;border-radius:16px;padding:22px 26px}
.disc-box h2{font-size:1.15rem;margin:0 0 10px;color:#0E2547}
.disc-box p{font-size:.9rem;line-height:1.65;color:#344256;margin:0 0 10px}
.disc-box p:last-child{margin:0}
.legal.disclaimer a{color:#9BDA77;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.jphoto.r-spray{background-position:50% 4%}
/* dealer application (VSL) page */
.vsl-hero{background:radial-gradient(1200px 600px at 70% -10%,rgba(108,183,67,.18),transparent 60%),linear-gradient(180deg,#0C2A5B,#123a78);color:#fff;padding:56px 0 64px;text-align:center}
.vsl-hero h1{color:#fff;font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.05;margin:8px auto 14px;max-width:16ch}
.vsl-hero .lead{color:#D3DEEF;max-width:640px;margin:0 auto 26px}
.vsl-k{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9BDA77}
.vsl-player{position:relative;max-width:920px;margin:0 auto;aspect-ratio:16/9;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.15)}
.vsl-poster{position:absolute;inset:0;background-size:cover;background-position:50% 20%;filter:saturate(.9) brightness(.7)}
.vsl-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;border:0;background:#6CB743;cursor:pointer;box-shadow:0 0 0 12px rgba(108,183,67,.25);transition:transform .15s}
.vsl-play:hover{transform:translate(-50%,-50%) scale(1.06)}
.vsl-play span{position:absolute;left:52%;top:50%;transform:translate(-40%,-50%);border-left:28px solid #0C2A5B;border-top:17px solid transparent;border-bottom:17px solid transparent}
.vsl-badge{position:absolute;left:14px;top:14px}
.vsl-msg{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(8,22,43,.9);color:#fff;padding:10px 16px;border-radius:12px;font-weight:650;width:max-content;max-width:90%}
.vsl-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;margin-top:28px}
.vsl-cta span{color:#C9D6EA;font-size:.95rem}
.btn-lg{padding:16px 30px;font-size:1.08rem}
.ph{display:inline-block;padding:2px 10px;border-radius:8px;background:#FFF3C4;color:#6B4E00;border:1px dashed #C9A227;font-weight:800;font-size:.85em;letter-spacing:.02em}
.vsl-note{margin-top:14px;color:#C9D6EA}.vsl-note-light{color:#344256}
.env2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.env2 .envc{background:#fff;border:1px solid #DFE6F0;border-radius:18px;padding:22px}
.env2 .envc.ours{border:2px solid #6CB743}
.env2 h3{margin:0 0 10px;color:#0E2547}
.env2 ul{margin:0;padding-left:18px;color:#344256;line-height:1.9}
.env2 .envc:not(.ours) li{color:#5B6878;text-decoration:line-through;text-decoration-color:rgba(91,104,120,.5)}
@media (max-width:760px){.env2{grid-template-columns:1fr}}
.amap{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;align-items:center}
.amap-stage{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#e9edf2}
.amap-img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .45s}
.amap-img.on{opacity:1}
.amap-stage .gen-tag{position:absolute;right:10px;bottom:10px}
.amap-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.amap-list button{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#D3DEEF;font:inherit;cursor:pointer;transition:background .15s,border-color .15s}
.amap-list button b{flex:0 0 28px;height:28px;border-radius:50%;background:rgba(108,183,67,.25);color:#9BDA77;display:flex;align-items:center;justify-content:center;font-weight:900}
.amap-list button strong{display:block;color:#fff}
.amap-list button.on{background:rgba(108,183,67,.16);border-color:#6CB743}.amap-list button.on b{background:#6CB743;color:#0C2A5B}
@media (max-width:900px){.amap{grid-template-columns:1fr}}
.offer{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.offer-main{background:#fff;border:2px solid #6CB743;border-radius:20px;padding:26px;box-shadow:0 18px 44px rgba(12,42,91,.1)}
.offer-side{background:#fff;border:1px solid #DFE6F0;border-radius:20px;padding:26px}
.offer-k{font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#3B7D1F}
.offer-price{font-size:2.4rem;font-weight:900;margin:6px 0 8px}.offer-price .ph{font-size:.6em}
.offer-deadline{font-weight:800;color:#0E2547;margin:14px 0}
.offer-side h3,.offer-main h3{color:#0E2547}
@media (max-width:900px){.offer{grid-template-columns:1fr}}
.apply-tl{grid-template-columns:repeat(6,1fr)}
@media (max-width:1100px){.apply-tl{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.apply-tl{grid-template-columns:1fr 1fr}}
.apply-faq details{background:#fff}
.apply-card{background:#fff;border-radius:20px;padding:24px;color:#0E2547;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.apply-card label,.apply-card legend{color:#0E2547;font-weight:650}
.ap-op{border:1px solid #DFE6F0;border-radius:12px;padding:12px 14px;margin:6px 0 14px}
.ap-op label{display:flex;gap:8px;align-items:center;font-weight:500;min-height:34px}
.ap-legal{font-size:.78rem;color:#5B6878;margin-top:10px}
.apply-card [aria-invalid]{border-color:#C0392B!important;box-shadow:0 0 0 3px rgba(192,57,43,.15)}
.apply-done h3,.apply-inv h3{color:#0E2547;margin-top:0}
.cal-ph{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:220px;border:2px dashed #C3CEDC;border-radius:14px;color:#5B6878;margin-top:12px}
.vsl-disc{font-size:.85rem;color:#5B6878;max-width:900px;line-height:1.6}
.vsl-disc a{color:#194890}
[data-page=contractors] .vsl-note-light{color:#344256!important}.amap-stage .gen-tag{background:rgba(8,22,43,.88);color:#fff}
.ap-op label{justify-content:flex-start}.ap-op input[type=radio]{width:18px!important;height:18px!important;min-height:0!important;flex:0 0 18px;margin:0;padding:0;accent-color:#6CB743}
/* dealer VSL hero (WetBond format: video left, sticky application card right) */
.vsl-hero2{background:radial-gradient(1000px 520px at 85% -10%,rgba(108,183,67,.16),transparent 60%),linear-gradient(180deg,#0C2A5B,#123a78);color:#fff;padding:44px 0 64px}
.vh-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start}
.vh-eyb{display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9BDA77}
.vsl-hero2 h1{color:#fff;font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.08;margin:12px 0 0}
.vsl-hero2 .lead{color:#D3DEEF;margin:16px 0 0;max-width:46ch}
.capb{display:flex;gap:14px;align-items:center;margin-top:20px;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#D3DEEF;font-size:.95rem}
.capn{flex:0 0 auto;font-weight:900;color:#fff;font-size:1.05rem}
.vh-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.vh-chips span{padding:6px 12px;border-radius:999px;background:rgba(108,183,67,.14);border:1px solid rgba(108,183,67,.35);color:#E6EEF9;font-size:.86rem;font-weight:650}
.vsl-hero2 .vsl-player{margin-top:24px;max-width:none}
.chap{margin-top:22px;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.chap p{margin:0 0 8px;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9BDA77}
.chap ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
.chap a{display:flex;gap:10px;align-items:center;min-height:36px;color:#E6EEF9;text-decoration:none;font-weight:600}
.chap a span{font-weight:900;color:#6CB743;font-size:.85rem;width:22px}
.chap a:hover{color:#fff;text-decoration:underline}
.cd{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;align-items:center}
.cd .u{background:rgba(8,22,43,.6);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:8px 12px;min-width:74px;text-align:center}
.cd .u b{display:block;font-size:1.7rem;line-height:1.1;font-weight:900;color:#fff}
.cd .u span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#AFC0D8;font-weight:700}
.cd .cl{font-size:.95rem;color:#D3DEEF;margin-left:4px}
.vh-card{position:sticky;top:132px;background:#fff;color:#0E2547;border-radius:18px;padding:26px;box-shadow:0 24px 60px rgba(0,0,0,.35);border-top:5px solid #6CB743}
.vh-ck{display:block;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#3B7D1F}
.vh-card h3{margin:8px 0 0;font-size:1.5rem;color:#0E2547}
.vh-card .sm{font-size:.95rem;color:#475467;margin:10px 0 0}
.vh-card ul{list-style:none;margin:18px 0 22px;padding:0;display:grid;gap:10px}
.vh-card li{display:flex;gap:10px;align-items:flex-start;font-size:.98rem;line-height:1.4}
.vh-card li svg{flex:0 0 20px;width:20px;height:20px;margin-top:1px}
.vh-btn{width:100%;justify-content:center;min-height:54px;font-size:1.05rem}
.vh-price{margin-top:16px;padding:14px 16px;background:#F2F6FC;border-radius:12px;font-size:.92rem;color:#344256}
.vh-price b{display:block;font-size:1.2rem;color:#0E2547;margin-bottom:4px}
.vh-trust{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #DFE6F0;margin-top:0}
.vh-trust div{padding:20px 18px;border-right:1px solid #DFE6F0;color:#475467;font-size:.9rem}
.vh-trust div:last-child{border-right:0}
.vh-trust b{display:block;color:#0E2547;font-size:1rem;margin-bottom:2px}
.readnote{color:#5B6878;margin:16px 0 0;font-size:.95rem}
.chn{display:inline-block;margin-right:4px;font-weight:900}
@media (max-width:980px){.vh-grid{grid-template-columns:1fr;gap:28px}.vh-card{position:static}.vh-trust{grid-template-columns:1fr 1fr}.vh-trust div:nth-child(2){border-right:0}}
@media (max-width:560px){.chap ol{grid-template-columns:1fr}.vh-trust{grid-template-columns:1fr}.vh-trust div{border-right:0;border-bottom:1px solid #DFE6F0}}
.chap a span{color:#9BDA77}
.vsl-hero2 .nr > span:not(.nn),.vsl-hero .nr > span:not(.nn){color:#fff!important}
.offer-sub{margin:-2px 0 12px;color:#475467;font-weight:650}
table.oo{width:100%;border-collapse:collapse;margin:4px 0 16px;font-size:.93rem}
table.oo td{padding:10px 0;border-top:1px solid #E3EAF3;vertical-align:top}
table.oo td:last-child{text-align:right;font-weight:800;color:#0E2547;white-space:nowrap;padding-left:12px}
table.oo td b{display:block;color:#0E2547}table.oo td span{color:#5B6878;font-size:.88rem}
table.oo tr.tot td{border-top:2px solid #0E2547;font-size:1.02rem}
.proof-steps{display:grid;gap:12px}
.proof-steps>div{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #DFE6F0;border-radius:16px;padding:16px 18px}
.proof-steps b{flex:0 0 34px;height:34px;border-radius:50%;background:#194890;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}
.proof-steps strong{display:block;color:#0E2547;margin-bottom:2px}.proof-steps span{color:#344256;font-size:.94rem}
#contractors-ch2b .proof-steps>div{background:#F7FAFE}
.vh-dl{display:block;text-align:center;margin-top:10px;font-weight:700;color:#194890;font-size:.92rem}
.vh-step{margin:22px 0 0;color:#D3DEEF;font-weight:650}.vh-step b{color:#9BDA77;margin-right:6px;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}
.vh-step+.vsl-player{margin-top:10px}
.rj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rj{margin:0}.rj-img{aspect-ratio:4/3;border-radius:16px;background-size:cover;background-position:50% 20%}
.rj figcaption{margin-top:8px;color:#D3DEEF;font-size:.92rem;display:flex;gap:8px;align-items:center}
.rj .realtag{position:static}
.dv-h{color:#fff;margin:36px 0 14px}
.dv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dv{position:relative;aspect-ratio:16/10;border-radius:16px;background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center}
.dv p{margin:0;font-size:.8rem;color:#AFC0D8}
.vsl-play.sm{position:static;transform:none;width:56px;height:56px;box-shadow:0 0 0 8px rgba(108,183,67,.2);opacity:.7;cursor:default}
.vsl-play.sm span{border-left-width:18px;border-top-width:11px;border-bottom-width:11px}
@media (max-width:860px){.rj-grid,.dv-grid{grid-template-columns:1fr}}
.acad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ac{position:relative;background:#fff;border:1px solid #DFE6F0;border-radius:16px;padding:20px 20px 18px;box-shadow:0 8px 22px rgba(12,42,91,.05)}
.ac-n{display:block;font-weight:900;color:#6CB743;font-size:1.3rem;font-style:italic}
.ac b{display:block;color:#0E2547;font-size:1.05rem;margin:4px 0}.ac p{margin:0;color:#344256;font-size:.93rem}
.ac-opt{position:absolute;right:14px;top:16px;font-size:.72rem;font-weight:800;padding:3px 9px;border-radius:999px;background:#EEF3FA;color:#194890}
@media (max-width:900px){.acad{grid-template-columns:1fr 1fr}}@media (max-width:560px){.acad{grid-template-columns:1fr}}
.vsl-player.s2{max-width:920px;margin:0 auto}
.ac-n{color:#3B7D1F}
.vsl-hero2 .vh-card .nr > span:not(.nn){color:#292929!important}.vsl-play.sm{position:relative!important}
.vsl-play.sm{left:auto!important;top:auto!important;transform:none!important}
/* ===== dealer funnel pages ===== */
body.funnel-mode .ubar,body.funnel-mode .mnav,body.funnel-mode .burger,body.funnel-mode .head-right .btn,body.funnel-mode footer,body.funnel-mode .mbar,body.funnel-mode .related{display:none!important}
body.funnel-mode .head-right .hphone::after{content:"1-877-643-NANO";margin-left:8px;font-weight:800;color:#0E2547}
body.funnel-mode .head-right .hphone{width:auto;padding:0 6px}
.fn-wrap{background:#F2F6FC;min-height:80vh;padding:36px 0 70px}
.fn-col{max-width:720px;margin:0 auto;padding:0 20px}
.fn-prog{display:flex;gap:6px;margin:0 0 20px}.fn-prog i{flex:1;height:6px;border-radius:3px;background:#D5DCE6}.fn-prog i.on{background:#6CB743}
.fn-card{background:#fff;border:1px solid #DFE6F0;border-radius:18px;padding:28px;box-shadow:0 14px 40px rgba(12,42,91,.08)}
.fn-k{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#3B7D1F;margin:0}.fn-k.light{color:#9BDA77}
.fn-card h1{font-size:clamp(1.5rem,3vw,2.1rem);color:#0E2547;margin:8px 0 0;line-height:1.15}
.fn-sub{color:#475467;margin:10px 0 0;font-size:1.05rem}
.fn-q{font-weight:800;color:#0E2547;margin:22px 0 0;font-size:1.05rem}.fn-note{color:#5B6878;font-size:.9rem;margin:6px 0 0}
.fn-opts{display:grid;gap:10px;margin-top:14px}
.fn-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 16px;border:2px solid #D5DCE6;border-radius:12px;background:#fff;font:inherit;font-size:1.02rem;font-weight:700;color:#0E2547;text-align:left;cursor:pointer;transition:border-color .12s,background .12s}
.fn-opt:hover{border-color:#9AA6B8}.fn-opt.sel{border-color:#194890;background:#EEF4FB}
.fn-opt .rd{width:22px;height:22px;border-radius:50%;border:2px solid #A7B0BC;flex:0 0 auto}.fn-opt.sel .rd{border:7px solid #194890}
.fn-opt.m .tk{width:24px;height:24px;border-radius:6px;border:2px solid #A7B0BC;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}
.fn-opt.m.sel .tk{background:#194890;border-color:#194890}
.fn-opt.m b{display:block}.fn-opt.m em{display:block;font-style:normal;font-weight:500;color:#5B6878;font-size:.88rem}
.fn-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fn-fld{display:grid;gap:6px;margin-top:14px}.fn-fld label{font-weight:700;color:#344256;font-size:.92rem}
.fn-fld input{min-height:52px;border:2px solid #D5DCE6;border-radius:10px;padding:10px 14px;font:inherit;font-size:1.02rem;color:#0E2547}
.fn-fld input:focus{outline:3px solid rgba(108,183,67,.35);border-color:#6CB743}
.fn-cons{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:.82rem;color:#5B6878;line-height:1.45}
.fn-cons input{width:22px;height:22px;flex:0 0 22px;margin-top:1px;accent-color:#6CB743}
.fn-nav{display:flex;gap:12px;margin-top:24px;align-items:center}
.fn-back{background:none;border:0;font:inherit;font-weight:700;color:#475467;cursor:pointer;min-height:48px;padding:0 8px}
.fn-next{flex:1;min-height:54px;justify-content:center;font-size:1.05rem}
.fn-next:disabled{background:#B9C2CD;border-color:#B9C2CD;color:#fff;cursor:not-allowed}
.fn-res{text-align:center;padding:10px 4px}
.fn-badge{display:inline-flex;width:64px;height:64px;border-radius:50%;background:#6CB743;color:#0C2A5B;font-size:2rem;font-weight:900;align-items:center;justify-content:center}.fn-badge.alt{background:#194890;color:#fff}
.fn-res p{color:#344256;margin:12px auto 0;max-width:52ch}
.fn-big{margin-top:20px;min-height:56px;padding:0 30px;font-size:1.08rem}
.fn-starter{text-align:left;margin:18px auto 0;max-width:460px;background:#F2F6FC;border-radius:12px;padding:16px 18px}
.fn-two{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.fn-foot{text-align:center;color:#5B6878;margin:18px 0 0;font-size:.92rem}
.fn-legal{margin-top:26px;font-size:.78rem;color:#6B7785;line-height:1.55}.fn-legal p{margin:0 0 8px}.fn-legal a{color:#194890}
.fn-days{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:22px}
.fn-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border:2px solid #D5DCE6;border-radius:12px;background:#fff;font:inherit;cursor:pointer;color:#0E2547}
.fn-day b{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#5B6878}.fn-day span{font-weight:800;font-size:1.02rem}
.fn-day.sel{border-color:#194890;background:#EEF4FB}
.fn-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.fn-slot{min-height:50px;border:2px solid #D5DCE6;border-radius:12px;background:#fff;font:inherit;font-weight:800;color:#0E2547;cursor:pointer}.fn-slot.sel{border-color:#6CB743;background:#EFF7E8}
.fn-confirm{width:100%;justify-content:center}.fn-confirm:disabled{background:#B9C2CD;border-color:#B9C2CD;color:#fff}
.fn-hero{background:linear-gradient(180deg,#0C2A5B,#123a78);color:#fff;padding:44px 0 56px}
.fn-cgrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.fn-hero h1{color:#fff;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.12;margin:10px 0 0}
.fn-when{color:#9BDA77;font-weight:800;margin:12px 0 0;min-height:1.2em}
.fn-mail{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;background:#fff;color:#0E2547;border-radius:14px;padding:14px 16px;margin-top:20px}
.fn-av{width:44px;height:44px;border-radius:50%;background:#194890;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}
.fn-mail b{display:block}.fn-mail span{display:block;color:#475467;font-size:.9rem}.fn-mail em{font-style:normal;color:#5B6878;font-size:.82rem}
.fn-todo{margin:20px 0 0;padding-left:20px;color:#D3DEEF;display:grid;gap:10px}.fn-todo b{color:#fff}
.fn-hero .vsl-player{max-width:none}
.sa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sa{background:#fff;border:1px solid #DFE6F0;border-radius:16px;overflow:hidden}
.sa-v{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#0C2A5B,#194890);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.sa-v em{position:absolute;right:10px;bottom:10px;font-style:normal;font-weight:800;font-size:.8rem;color:#fff;background:rgba(8,22,43,.7);padding:2px 8px;border-radius:6px}
.sa h3{margin:14px 16px 4px;font-size:1.02rem;color:#0E2547}.sa p{margin:0 16px 16px;color:#475467;font-size:.9rem}
.apply-ctap h2{color:#fff}
@media (max-width:900px){.fn-cgrid{grid-template-columns:1fr}.sa-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.fn-row2{grid-template-columns:1fr}.fn-days{grid-template-columns:repeat(5,1fr);gap:5px}.fn-day{padding:8px 2px}.fn-slots{grid-template-columns:1fr 1fr}.sa-grid{grid-template-columns:1fr}.fn-card{padding:20px}body.funnel-mode .head-right .hphone::after{content:""}}
.fn-next:disabled,.fn-confirm:disabled{background:#E3E8EF!important;border-color:#D5DCE6!important;color:#475467!important}
.fn-legal{color:#475467}
.fn-nav[hidden],.fn-res[hidden],.fn-step[hidden],.fn-back[hidden]{display:none!important}
.fn-av{font-size:1.15rem!important;line-height:1;color:#fff!important}
/* WetBond-derived dealer page components */
.midc{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;background:#fff;border:1px solid #DFE6F0;border-left:5px solid #6CB743;border-radius:16px;padding:22px 26px;box-shadow:0 10px 26px rgba(12,42,91,.06)}
.midc b{display:block;color:#0E2547;font-size:1.2rem}.midc span{color:#475467}
.midc-a{display:flex;gap:10px;flex-wrap:wrap}
.mid-cta{padding-top:36px!important;padding-bottom:36px!important}
.tr-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.trc{background:#fff;border:1px solid #DFE6F0;border-radius:16px;padding:20px}.trc b{display:block;color:#0E2547;margin-bottom:6px}.trc p{margin:0;color:#344256;font-size:.94rem}
.cmpw{margin-top:22px;overflow-x:auto}
table.cmpt{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #DFE6F0;border-radius:16px;overflow:hidden;font-size:.95rem}
table.cmpt th,table.cmpt td{padding:14px 16px;border-bottom:1px solid #E3EAF3;text-align:left;vertical-align:top}
table.cmpt thead th{background:#F2F6FC;color:#0E2547}table.cmpt th[scope=row]{color:#0E2547;width:24%}
table.cmpt td{color:#475467}table.cmpt .us{background:#F3FAEE;color:#0E2547;font-weight:650}table.cmpt thead .us{background:#6CB743;color:#0C2A5B}
table.cmpt tr:last-child th,table.cmpt tr:last-child td{border-bottom:0}
.pgrid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.nec{margin:18px 0 0;color:#5B6878;font-size:.92rem}
@media (max-width:1000px){.tr-cards,.pgrid4{grid-template-columns:1fr 1fr}}@media (max-width:560px){.tr-cards,.pgrid4{grid-template-columns:1fr}}
.calc{margin-top:20px;background:#fff;border:1px solid #DFE6F0;border-radius:16px;padding:20px}
.calc label{font-weight:800;color:#0E2547}.calc-row{display:flex;gap:14px;align-items:center;margin-top:10px}
.calc-row input{flex:1;accent-color:#6CB743}.calc-row output{font-weight:900;font-size:1.5rem;color:#0E2547;min-width:48px;text-align:right}
.calc-out{background:#0C2A5B;color:#fff;border-radius:18px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.calc-out>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px}
.calc-out span{display:block;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9BDA77}
.calc-out b{display:block;font-size:1.5rem;margin-top:4px}
.calc-out p{grid-column:1/-1;margin:0;font-size:.82rem;color:#C9D6EA;line-height:1.5}
.jstats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.jstats>div{background:#fff;border:1px solid #DFE6F0;border-radius:16px;padding:22px}
.jstats b{display:block;font-size:2.6rem;font-weight:900;color:#194890;line-height:1}.jstats span{display:block;margin-top:8px;color:#344256}
.six{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.six li{display:flex;gap:14px;background:#fff;border:1px solid #DFE6F0;border-radius:16px;padding:18px}
.six li>b{flex:0 0 34px;height:34px;border-radius:50%;background:#194890;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}
.six strong{display:block;color:#0E2547}.six p{margin:4px 0 8px;color:#344256;font-size:.92rem}
.otr{display:block;font-size:.84rem;color:#2F5F1A;background:#EFF7E8;border-radius:8px;padding:6px 10px}.otr em{font-style:normal;font-weight:800}
@media (max-width:900px){.six{grid-template-columns:1fr 1fr}.jstats{grid-template-columns:1fr}.calc-out{grid-template-columns:1fr 1fr}}@media (max-width:560px){.six{grid-template-columns:1fr}}
.wfrom h3{color:#0E2547}
.noncirc{margin-top:22px;background:#fff;border:1px solid #DFE6F0;border-left:5px solid #194890;border-radius:14px;padding:18px 20px;color:#344256;font-size:.93rem}.noncirc b{color:#0E2547}
.quad{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;padding:0 0 26px 26px}
.quad .q{background:#fff;border:1px solid #DFE6F0;border-radius:14px;padding:16px;min-height:120px}
.quad .q b{display:block;color:#0E2547}.quad .q span{color:#475467;font-size:.9rem}
.quad .q.us{background:#0C2A5B;border-color:#0C2A5B}.quad .q.us b{color:#9BDA77}.quad .q.us span{color:#E6EEF9}
.quad .ax{position:absolute;font-style:normal;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5B6878}
.quad .ax.x{bottom:0;left:26px}.quad .ax.y{left:-40px;top:50%;transform:rotate(-90deg);transform-origin:center}
.incl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.incl>div{position:relative;background:#fff;border:1px solid #DFE6F0;border-radius:16px;padding:20px 20px 46px}
.incl b{display:block;color:#0E2547}.incl p{margin:6px 0 0;color:#344256;font-size:.93rem}
.incl .tag{position:absolute;left:20px;bottom:14px;font-size:.75rem;font-weight:800;padding:3px 10px;border-radius:999px;background:#EFF7E8;color:#2F5F1A}
.oo-total{display:flex;justify-content:space-between;align-items:center;margin-top:14px;background:#0C2A5B;color:#fff;border-radius:14px;padding:18px 22px}
.oo-total span{font-weight:700;color:#C9D6EA}.oo-total b{font-size:1.8rem}
@media (max-width:900px){.incl{grid-template-columns:1fr 1fr}}@media (max-width:560px){.incl{grid-template-columns:1fr}}
.seat{margin-top:18px;background:#fff;border:1px solid #DFE6F0;border-radius:16px;padding:20px}
.seat label{font-weight:800;color:#0E2547}.seat input{width:100%;margin-top:10px;accent-color:#6CB743}
.seat-out{display:flex;gap:14px;align-items:baseline;margin-top:10px}.seat-out b{font-size:2.2rem;color:#194890}.seat-out span{color:#344256}.seat-out em{font-style:normal;font-weight:800}
.xladder{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px;counter-reset:l}
.xladder li{counter-increment:l;background:#fff;border:1px solid #DFE6F0;border-radius:14px;padding:14px 16px 14px 56px;position:relative}
.xladder li::before{content:counter(l);position:absolute;left:16px;top:14px;width:28px;height:28px;border-radius:50%;background:#6CB743;color:#0C2A5B;font-weight:900;display:flex;align-items:center;justify-content:center}
.xladder b{display:block;color:#0E2547}.xladder span{color:#344256;font-size:.92rem}
.dealer-audio{background:#fff;border:1px solid #DFE6F0;border-radius:16px;padding:22px}.dealer-audio h3{color:#0E2547;margin:10px 0}
.aud-ph{display:flex;align-items:center;justify-content:center;min-height:90px;border:2px dashed #C3CEDC;border-radius:12px;padding:12px;text-align:center}
.found{display:grid;grid-template-columns:1.2fr 1fr auto;gap:24px;align-items:center;background:#0C2A5B;color:#fff;border-radius:20px;padding:28px}
.found h2{color:#fff}.found p{color:#D3DEEF}
@media (max-width:1000px){.found{grid-template-columns:1fr}}
.calc input[type=range],.seat input[type=range]{height:44px}
.m-night .midc{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}.m-night .midc b{color:#fff}.m-night .midc span{color:#D3DEEF}
.m-night .trc,.m-night .pc,.m-night .six li,.m-night .jstats>div,.m-night .incl>div,.m-night .quad .q:not(.us),.m-night .xladder li,.m-night .seat,.m-night .dealer-audio,.m-night .noncirc{background:#fff}
.m-night .wfrom h3,.m-night .section-head h2{color:#fff}
.m-night .nec{color:#C9D6EA}
.m-night :is(.offer-main,.offer-side,.trc,.pc,.six li,.jstats>div,.incl>div,.xladder li,.seat,.dealer-audio,.noncirc,.calc,.ac,.proof-steps>div,.vh-card,.quad .q:not(.us)){color:#344256}
.m-night :is(.offer-main,.offer-side,.trc,.pc,.six li,.jstats>div,.incl>div,.xladder li,.seat,.dealer-audio,.noncirc,.calc,.ac,.proof-steps>div) :is(b,strong,h3,label,.offer-price,.offer-deadline){color:#0E2547}
.m-night :is(.offer-main,.offer-side) li,.m-night :is(.offer-main,.offer-side) p{color:#344256}
.m-night .offer-main .w-list li b,.m-night .offer-side .w-list li b{color:#0E2547}
.quad{padding:0 0 28px 40px}.quad .ax.y{left:-58px}
.quad .q b,.quad .q span{display:block}
.quad .q.us .nr > span:not(.nn){color:#fff!important}
.sci-proof{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin-top:30px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:24px}
.sci-proof h3{color:#fff;margin:10px 0 8px}.sci-proof p{color:#D3DEEF}
.sci-proof .bond-fig{margin:0;background:#fff;border-radius:14px;padding:14px}.sci-proof .bond-fig figcaption{color:#5B6878}
.sci-src{margin-top:10px;font-size:.8rem;color:#AFC0D8}
@media (max-width:900px){.sci-proof{grid-template-columns:1fr}}
.tst-head{margin-top:44px}.tst-head h2{color:#fff}.tst-head .lead{color:#D3DEEF}
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.tst{margin:0;background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.tst-v{aspect-ratio:16/9;background:linear-gradient(135deg,#0C2A5B,#194890);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.tst blockquote{margin:16px 18px 10px;font-size:1.02rem;color:#0E2547;line-height:1.5}
.tst figcaption{margin:auto 18px 18px;display:grid;gap:4px;border-top:1px solid #E3EAF3;padding-top:12px}
.tst figcaption b{color:#0E2547}.tst figcaption span{color:#475467;font-size:.9rem}
.tst-disc{margin-top:14px;font-size:.82rem;color:#AFC0D8}
@media (max-width:900px){.tst-grid{grid-template-columns:1fr}}
.wwt{max-width:820px}
.cal{background:#fff;border:1px solid #DFE6F0;border-radius:18px;padding:18px 20px;overflow-x:auto}
.cal-r{display:grid;grid-template-columns:230px repeat(12,minmax(26px,1fr));gap:4px;align-items:center;min-width:620px;padding:6px 0;border-top:1px solid #EEF2F7}
.cal-h{border-top:0}.cal-h i{font-style:normal;text-align:center;font-weight:800;color:#5B6878;font-size:.8rem}
.cal-n b{display:block;color:#0E2547;font-size:.95rem}.cal-n span{display:block;color:#5B6878;font-size:.8rem}
.cal-r i{display:block;height:22px;border-radius:5px}
.cal-r i.l2{background:#6CB743}.cal-r i.l1{background:#B9DFA3}.cal-r i.l0{background:#E3E8EF}
.cal-key{display:flex;gap:18px;margin-top:12px;font-size:.85rem;color:#475467}.cal-key i{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;margin-right:6px}
.cal-key .l2{background:#6CB743}.cal-key .l1{background:#B9DFA3}.cal-key .l0{background:#E3E8EF}
.m-night .cal-note,.m-night #contractors-season .fn-note{color:#C9D6EA}
#contractors-season .fn-note{color:#C9D6EA!important}
.fn-mail .fn-av{display:flex!important;align-items:center;justify-content:center;color:#fff!important;font-size:1.15rem!important;font-weight:900}
.vsl-hero2 h1{font-size:clamp(1.9rem,3.2vw,2.75rem);text-wrap:balance;max-width:none}
.gi-0{background-image:url(/assets/img/gi-0.webp)}
.gi-1{background-image:url(/assets/img/gi-1.webp)}
.gi-2{background-image:url(/assets/img/gi-2.webp)}
.gi-3{background-image:url(/assets/img/gi-3.webp)}
.gi-4{background-image:url(/assets/img/gi-4.webp)}
.gi-5{background-image:url(/assets/img/gi-5.webp)}
.gi-6{background-image:url(/assets/img/gi-6.webp)}
.gi-7{background-image:url(/assets/img/gi-7.webp)}
.gi-8{background-image:url(/assets/img/gi-8.webp)}
.gi-9{background-image:url(/assets/img/gi-9.webp)}
.gi-10{background-image:url(/assets/img/gi-10.webp)}
.gi-11{background-image:url(/assets/img/gi-11.webp)}
.gi-12{background-image:url(/assets/img/gi-12.webp)}
.gi-13{background-image:url(/assets/img/gi-13.webp)}
.gi-14{background-image:url(/assets/img/gi-14.webp)}
.gi-15{background-image:url(/assets/img/gi-15.webp)}
.gi-16{background-image:url(/assets/img/gi-16.webp)}
.gi-17{background-image:url(/assets/img/gi-17.webp)}
.gi-18{background-image:url(/assets/img/gi-18.webp)}
.gi-19{background-image:url(/assets/img/gi-19.webp)}
.gi-20{background-image:url(/assets/img/gi-20.webp)}
.gi-21{background-image:url(/assets/img/gi-21.webp)}
.gi-22{background-image:url(/assets/img/gi-14.webp)}.gi-c0{background-image:url(/assets/img/gi-c0.webp)}
.gi-c1{background-image:url(/assets/img/gi-c1.webp)}
.gi-c2{background-image:url(/assets/img/gi-c2.webp)}
.gi-c3{background-image:url(/assets/img/gi-c3.webp)}
.gi-c4{background-image:url(/assets/img/gi-c4.webp)}
.gi-cm1{background-image:url(/assets/img/gi-cm1.webp)}
.gi-cm2{background-image:url(/assets/img/gi-cm2.webp)}
.gi-cm3{background-image:url(/assets/img/gi-cm3.webp)}
.gi-cb{background-image:url(/assets/img/gi-cb.webp)}
.gi-ca{background-image:url(/assets/img/gi-ca.webp)}
.gi-mm{background-image:url(/assets/img/gi-mm.webp)}
.gi-nail{background-image:url(/assets/img/gi-nail.webp)}
.gi-mac{background-image:url(/assets/img/gi-mac.webp)}
.gi-nb{background-image:url(/assets/img/gi-nb.webp)}
.gi-rs{background-image:url(/assets/img/gi-rs.webp)}
.gi-phone{background-image:url(/assets/img/gi-phone.webp)}
.gi-drop{background-image:url(/assets/img/gi-drop.webp)}
.gi-am0{background-image:url(/assets/img/gi-am0.webp)}
.gi-am1{background-image:url(/assets/img/gi-am1.webp)}
.gi-am2{background-image:url(/assets/img/gi-am2.webp)}
.gi-am3{background-image:url(/assets/img/gi-am3.webp)}
.gi-am4{background-image:url(/assets/img/gi-am4.webp)}
.gi-am5{background-image:url(/assets/img/gi-am5.webp)}.r-spray{background-image:url(/assets/img/r-spray.webp)}
.r-tech{background-image:url(/assets/img/r-tech.webp)}
.r-new{background-image:url(/assets/img/r-new.webp)}
.p-pail{background-image:url(/assets/img/p-pail.webp)}
.p-caulk{background-image:url(/assets/img/p-caulk.webp)}
.p-flash{background-image:url(/assets/img/p-flash.webp)}
.b-15{background-image:url(/assets/img/b-15.webp)}
.b-20{background-image:url(/assets/img/b-20.webp)}
.b-10{background-image:url(/assets/img/b-10.webp)}
.b-tr{background-image:url(/assets/img/b-tr.webp)}

/* Reserve dealer-funnel media space before assets load (NR-2). */
.vsl{aspect-ratio:16/9}.amap-img{aspect-ratio:16/9;object-fit:contain}
/* Six initial trade choices: reserve their height before the runtime attaches. */
.fn-step[data-s="1"] .fn-opts{min-height:386px}