:root{
  --brand:#343C43;--ink:#181C20;--accent:#12A3A0;--accent-ink:#0A6B68;--accent-dark:#5FD0CD;--cta-hover:#3CBAB7;
  --sec:#7A858E;--muted:#57616A;--page:#FFFFFF;--alt:#F3F4F5;--tint:#E6F4F3;--border:#D6DBDF;
  --ihl:#12A3A0;--ib:#181C20;
  --hfont:"Kreon","Roboto Slab","Rockwell","Zilla Slab",Georgia,serif;
  --bfont:"Source Sans 3","Segoe UI",Roboto,Arial,sans-serif;
  --r:10px;--wrap:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--bfont);font-size:18px;line-height:1.6;color:var(--ink);background:var(--page)}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent-ink);text-underline-offset:3px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent-ink);outline-offset:2px}
.bg-D a:focus-visible,.site-f a:focus-visible,.bg-D button:focus-visible{outline-color:var(--accent-dark)}
h1,h2,h3{font-family:var(--hfont);line-height:1.18;margin:0;color:var(--ink);overflow-wrap:normal}
h1{font-size:clamp(34px,4.4vw,54px);font-weight:700}
h2{font-size:clamp(27px,3vw,38px);font-weight:700}
h3{font-size:clamp(19px,1.7vw,23px);font-weight:700}
p{margin:0 0 .8em}
p:last-child{margin-bottom:0}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 14px;z-index:100}
.skip:focus{left:12px;top:12px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:6px;font-weight:700;font-size:17px;text-decoration:none;border:2px solid transparent;line-height:1.2;transition:background-color .15s,color .15s,border-color .15s;cursor:pointer;font-family:var(--bfont)}
.btn-sm{min-height:44px;padding:9px 16px;font-size:16px}
.btn-primary{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.btn-primary:hover{background:var(--cta-hover);border-color:var(--cta-hover)}
.btn-secondary{background:transparent;color:var(--ink);border-color:var(--brand)}
.btn-secondary:hover{background:var(--brand);color:#fff}
.btn-outline-light{background:transparent;color:#fff;border-color:#fff}
.btn-outline-light:hover{background:#fff;color:var(--ink)}
.btn-dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-dark:hover{background:var(--brand);border-color:var(--brand)}
.btn-pair{display:flex;gap:14px;flex-wrap:wrap}
.center-btn{text-align:center;margin-top:36px}
.tlink{font-weight:700;text-decoration:none;display:inline-block}
.tlink:hover{text-decoration:underline}

/* header */
.site-h{background:#fff;border-bottom:1px solid var(--border);position:relative;z-index:40}
.hwrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:84px}
.logo img{height:64px;width:auto}
.dnav{display:none}
.burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:48px;height:48px;padding:11px;border:2px solid var(--brand);border-radius:6px;background:#fff;cursor:pointer;margin-right:-2px}
.burger span{display:block;height:2.5px;background:var(--ink);border-radius:2px}
.mpanel{border-top:1px solid var(--border);background:#fff;max-height:calc(100vh - 84px);overflow-y:auto;padding:8px 20px 24px}
.m-links{list-style:none;margin:0;padding:0}
.m-links>li{border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center}
.m-links>li>a{flex:1;padding:13px 0;font-weight:600;color:var(--ink);text-decoration:none}
.m-dd-t{width:48px;height:48px;border:0;background:none;cursor:pointer;color:var(--ink)}
.m-dd-t[aria-expanded="true"] svg{transform:rotate(180deg)}
.m-links ul{list-style:none;margin:0 0 10px;padding:0 0 0 14px;width:100%}
.m-links ul a{display:block;padding:9px 0;color:var(--ink);text-decoration:none}
.m-btns{display:grid;grid-template-columns:1fr;gap:12px;margin-top:20px}
.m-btns .btn{width:100%}
@media (min-width:1200px){
  .burger,.mpanel{display:none!important}
  .dnav{display:flex;align-items:center;gap:18px}
  .dnav>ul{list-style:none;display:flex;gap:4px;margin:0;padding:0;align-items:center}
  .dnav>ul>li{position:relative;display:flex;align-items:center}
  .dnav>ul>li>a{color:var(--ink);font-weight:600;text-decoration:none;padding:10px 8px;font-size:17px}
  .dnav>ul>li>a:hover,.dnav a[aria-current]{color:var(--accent-ink)}
  .dd-t{border:0;background:none;width:28px;height:36px;cursor:pointer;color:var(--ink);padding:0}
  .dd-m{position:absolute;top:100%;left:0;min-width:240px;background:#fff;border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:0 0 8px 8px;box-shadow:0 12px 28px rgba(24,28,32,.12);list-style:none;margin:0;padding:8px 0;display:none}
  .dd-m a{display:block;padding:9px 16px;color:var(--ink);text-decoration:none}
  .dd-m a:hover{background:var(--tint)}
  .dd:hover .dd-m,.dd:focus-within .dd-m,.dd.open .dd-m{display:block}
  .nav-btns{display:flex;gap:10px}
}

/* sections */
.sec{padding:76px 0}
.bg-W{background:var(--page)}.bg-A{background:var(--alt)}.bg-T{background:var(--tint)}.bg-X{background:var(--accent)}.bg-D{background:var(--brand);color:#fff}
.bg-T{--ihl:var(--accent-ink)}
.sh{text-align:center;max-width:820px;margin:0 auto 40px}
.sh h2 .br{display:inline-block;padding:12px 26px;background:
 linear-gradient(var(--accent),var(--accent)) left top/18px 3px no-repeat,linear-gradient(var(--accent),var(--accent)) left top/3px 18px no-repeat,
 linear-gradient(var(--accent),var(--accent)) right top/18px 3px no-repeat,linear-gradient(var(--accent),var(--accent)) right top/3px 18px no-repeat,
 linear-gradient(var(--accent),var(--accent)) left bottom/18px 3px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom/3px 18px no-repeat,
 linear-gradient(var(--accent),var(--accent)) right bottom/18px 3px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom/3px 18px no-repeat}
.bg-T .sh h2 .br{--accent:#0E8F8C}
.intro{color:var(--muted);font-size:18px;margin-top:14px}
.center-intro{text-align:center;max-width:760px;margin:-18px auto 36px}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.bg-W .card{background:var(--alt)}
.icon .ib{stroke:var(--ib)}.icon .ih{stroke:var(--ihl)}
.icon{width:30px;height:30px;flex:none}

/* hero H53 */
.hero{padding:56px 0 72px}
.h53{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}.h53>*{min-width:0}
.h53-label{color:var(--accent-ink);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:15px;margin-bottom:12px}
.h53-text h1{margin-bottom:16px}
.h53-intro{font-size:19px;max-width:560px;margin-bottom:24px}
.h53-outline{font-family:var(--hfont);font-weight:700;line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px #B9C1C7;
  font-size:min(64px,calc((100vw - 40px)/(var(--n)*0.8)));margin-top:28px;letter-spacing:.01em;text-transform:uppercase;overflow:hidden}
.h53-photo{position:relative;padding:0 28px 28px 0}
.h53-frame{position:relative;max-width:560px;margin:0 auto}
.h53-frame::before{content:"";position:absolute;inset:0;transform:translate(28px,28px);background:var(--accent);border-radius:4px}
.h53-frame img{position:relative;aspect-ratio:1/1;object-fit:cover;width:100%;border-radius:4px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;font-size:14px;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--sec)}
.crumbs a{color:var(--muted)}
@media (min-width:1000px){
  .h53{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
  .h53-outline{font-size:min(118px,calc(44vw/(var(--n)*0.8)),calc(560px/(var(--n)*0.8)))}
}
@media (max-width:599px){.btn-pair{flex-direction:column}.btn-pair .btn{width:100%}}

/* facts */
.sec[data-component="facts"]{padding:28px 0}
.facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:14px}
.facts li{display:flex;align-items:center;gap:12px;font-weight:600}
@media (min-width:700px){.facts{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.facts{grid-template-columns:repeat(4,1fr)}}

/* K6 */
.k6-grid{display:grid;gap:22px;grid-template-columns:1fr}
@media (min-width:900px){.k6-grid{grid-template-columns:1fr 1fr}}
.k6-card{display:grid;grid-template-columns:1fr;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;background:#fff}
.k6-main{padding:22px 22px 18px}
.k6-label{display:block;font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:6px}
.k6-main h3{margin-bottom:8px}
.k6-panel{background:var(--brand);color:#fff;padding:18px 22px;display:flex;flex-direction:column;justify-content:center;gap:2px}
.k6-arrow{color:var(--accent-dark);font-size:26px;line-height:1}
.k6-start{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:#D5DADE}
.k6-panel strong{font-family:var(--hfont);font-size:21px}
.k6-card.away .k6-panel{background:var(--accent);color:var(--ink)}
.k6-card.away .k6-start{color:var(--ink)}.k6-card.away .k6-arrow{color:var(--ink)}
@media (min-width:600px){.k6-card{grid-template-columns:1fr 200px}}

/* P1 timeline */
.timeline{list-style:none;margin:0 auto;padding:0;max-width:1040px;position:relative}
.timeline::before{content:"";position:absolute;left:23px;top:8px;bottom:8px;width:3px;background:var(--accent)}
.tl-step{position:relative;display:grid;grid-template-columns:48px 1fr;gap:18px;margin-bottom:24px}
.tl-num{width:48px;height:48px;border-radius:50%;background:var(--brand);color:#fff;font-family:var(--hfont);font-weight:700;font-size:21px;display:flex;align-items:center;justify-content:center;position:relative;border:3px solid var(--accent)}
.tl-card{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:20px 22px}
.bg-W .tl-card{background:var(--alt)}
.tl-card h3{margin-bottom:8px}
.tl-photo{margin:0;grid-column:2}
.tl-photo img{border-radius:var(--r);aspect-ratio:3/2;object-fit:cover}
@media (min-width:1000px){.tl-step.has-photo{grid-template-columns:48px 1fr 360px}.tl-photo{grid-column:3}}

/* grids */
.grid-3-2,.grid-3,.grid-2,.grid-4{display:grid;gap:24px;grid-template-columns:1fr}
@media (min-width:700px){.grid-3-2,.grid-2,.grid-4,.grid-3{grid-template-columns:1fr 1fr}.grid-3>:last-child:nth-child(odd){grid-column:1/-1}}
@media (min-width:1000px){
  .grid-3{grid-template-columns:repeat(3,1fr)}.grid-3>:last-child:nth-child(odd){grid-column:auto}
  .grid-4{grid-template-columns:repeat(4,1fr)}
  .grid-3-2{grid-template-columns:repeat(6,1fr)}
  .grid-3-2>*{grid-column:span 2}
  .grid-3-2>:nth-child(4){grid-column:2/span 2}
}
@media (min-width:700px) and (max-width:999px){.grid-3-2>:last-child{grid-column:1/-1}}
.card img{aspect-ratio:3/2;object-fit:cover;width:100%}
.g-body,.s36-body{padding:20px 22px 22px}
.g-body h3,.s36-body h3{margin-bottom:8px}
.card-ic{padding:22px 22px 0}
.card-ic .icon{width:40px;height:40px}
.s36-gate{background:var(--tint);border-left:4px solid var(--accent);border-radius:6px;padding:12px 14px;margin:6px 0 14px;--ihl:var(--accent-ink)}
.s36-gate-t{display:block;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-ink);margin-bottom:6px}
.s36-gate ul{list-style:none;margin:0;padding:0}
.s36-gate li{display:flex;gap:10px;align-items:flex-start;font-size:16px;margin:4px 0}
.s36-gate .icon{width:22px;height:22px;margin-top:2px}

/* C8 */
.bg-X{padding:56px 0}
.c8{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.c8-icon{width:76px;height:76px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center;flex:none;--ib:#E8ECEE;--ihl:var(--accent-dark)}
.c8-icon .icon{width:38px;height:38px}
.c8 h2{color:var(--ink);margin-bottom:6px}
.c8 p{color:var(--ink);font-size:18px;max-width:640px}
@media (min-width:900px){.c8{flex-direction:row;text-align:left;gap:28px}.c8-text{flex:1}}

/* B8 */
.b8{display:grid;gap:24px;grid-template-columns:1fr}
.b8-fbody{padding:22px 24px 24px}
.b8-fbody h3{margin:10px 0 8px;font-size:clamp(22px,2vw,27px)}
.b8-smalls{display:grid;gap:18px}
.b8-small{padding:20px 22px}
.b8-small h3{margin:10px 0 6px}
@media (min-width:1000px){.b8{grid-template-columns:1.15fr 1fr}}

/* R2 */
.r2{border:1px solid var(--border);border-radius:var(--r);overflow:hidden;background:#fff}
.r2-head{display:none}
.r2-row{display:grid;grid-template-columns:1fr;gap:10px;padding:20px 22px;border-top:1px solid var(--border)}
.r2-row:first-of-type{border-top:0}
.r2-sym{display:flex;gap:12px;align-items:flex-start}
.r2-lbl{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-ink)}
.r2-fix{background:var(--tint);border-radius:6px;padding:10px 12px}
@media (min-width:900px){
  .r2-head{display:grid;grid-template-columns:1fr 1.2fr 1.3fr;gap:24px;padding:14px 22px;background:var(--brand);color:#fff;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.06em}
  .r2-row{grid-template-columns:1fr 1.2fr 1.3fr;gap:24px;border-top:1px solid var(--border)}
  .r2 .r2-lbl{display:none}
}

/* M21 map */
.m21-wrap{display:grid;gap:32px;grid-template-columns:1fr;align-items:center}
.m21-map{max-width:520px;margin:0 auto;width:100%}
.m21{width:100%;height:auto}
.m-bezel{fill:var(--brand)}.m-face{fill:#fff}
.m-ticks line{stroke:#E8ECEE;stroke-width:2}
.m-card{fill:#fff;font:700 20px var(--bfont);text-anchor:middle}
.m-ring{fill:none;stroke:#D6DBDF;stroke-dasharray:4 6}
.m-road{fill:none;stroke:var(--sec);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.m-road2{stroke-width:3;stroke-dasharray:1 0}
.m-rtag rect{fill:#fff;stroke:var(--sec);stroke-width:1.5}.m-rtag text{font:700 13px var(--bfont);fill:var(--ink);text-anchor:middle}
.m-city circle{fill:var(--accent);stroke:var(--brand);stroke-width:3}.m-city .m-dot{fill:var(--ink);stroke:none}
.m-city.dim circle{fill:#fff}
.m-cname{font:700 18px var(--hfont);fill:var(--ink)}
.m-pin circle{fill:var(--brand);stroke:#fff;stroke-width:3}
.m-pin.hl circle{fill:var(--accent);stroke:var(--brand)}
.m-name{font:700 17px var(--hfont);fill:var(--ink)}.m-name,.m-tag,.m-cname{paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round}
.m-tag{font:600 14px var(--bfont);fill:var(--muted)}
.m-nts{font:600 14px var(--bfont);fill:var(--muted);text-anchor:middle;font-style:italic}
.m21-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.m-item{display:flex;gap:14px;background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:18px 20px}
.m-item h3 a{color:var(--ink)}
.m-dir{display:inline-block;font-size:14px;font-weight:700;color:var(--accent-ink);text-transform:uppercase;letter-spacing:.05em;margin:4px 0 6px}
@media (min-width:1000px){.m21-wrap{grid-template-columns:1fr 1fr}}
.m21-small .m-name{font-size:26px}.m21-small .m-cname{display:none}
@media (max-width:599px){.m21 .m-tag,.m21 .m-rtag{display:none}.m21 .m-name{font-size:24px}.m21 .m-cname{font-size:23px}.m-card{font-size:24px}}

/* F13 */
.f13{max-width:1000px;margin:0 auto;border-top:2px solid var(--ink)}
.fq{border-bottom:1px solid var(--border)}
.fq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto 28px;gap:14px;align-items:center;padding:18px 4px}
.fq summary::-webkit-details-marker{display:none}
.fq summary h3{font-size:clamp(18px,1.6vw,21px)}
.chip{font-size:14px;font-weight:700;padding:5px 12px;border-radius:999px;background:var(--alt);border:1px solid var(--border);white-space:nowrap;color:var(--ink)}
.chip.yes{background:var(--tint);border-color:#9ED9D7}
.bg-A .chip{background:#fff}
.pm{width:28px;height:28px;border-radius:50%;border:2px solid var(--brand);position:relative}
.pm::before,.pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--ink);transform:translate(-50%,-50%)}
.pm::after{transform:translate(-50%,-50%) rotate(90deg)}
.fq[open] .pm::after{display:none}
.fq-a{padding:0 44px 20px 4px;max-width:820px}
@media (max-width:699px){.fq summary{grid-template-columns:1fr 28px}.fq summary .chip{grid-row:2;justify-self:start}}

/* closing */
.bg-D{padding:72px 0}
.closing{text-align:center;max-width:760px;margin:0 auto}
.closing h2{color:#fff;margin-bottom:12px}
.closing p{color:#E3E7EA;margin-bottom:26px}
.closing .btn-pair{justify-content:center}

/* split, checklist, links */
.split{display:grid;gap:32px;grid-template-columns:1fr;align-items:start}
.split-photo{margin:0}.split-photo img{border-radius:var(--r);aspect-ratio:3/2;object-fit:cover}
.list-t{display:block;font-weight:700;margin:6px 0 8px}
.ic-list,.checklist{list-style:none;margin:0;padding:0}
.ic-list li,.checklist li{display:flex;gap:12px;align-items:flex-start;margin:10px 0}
.ic-list .icon,.checklist .icon{width:26px;height:26px;margin-top:1px}
.checklist{display:grid;gap:4px 28px;grid-template-columns:1fr;max-width:1000px;margin:0 auto}
.checklist li{background:#fff;border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin:6px 0}
@media (min-width:900px){.split{grid-template-columns:1fr 1fr}.checklist{grid-template-columns:1fr 1fr}}
.links-wrap{display:grid;gap:28px;grid-template-columns:1fr;align-items:center}
.m21-inset{max-width:300px;margin:0 auto;width:100%}
.links-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.lk{display:flex;gap:14px;padding:16px 18px}
.lk a{font-weight:700;font-family:var(--hfont);font-size:20px;display:block}
@media (min-width:900px){.links-wrap{grid-template-columns:300px 1fr}}

/* FAQ page */
.faq-band{max-width:900px;margin:0 auto;text-align:center}
.faq-band p{font-size:19px}
.jump{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.jump a{display:inline-block;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--border);text-decoration:none;font-weight:600;color:var(--ink)}
.fcat{max-width:1000px;margin:0 auto 56px}
.fcat:last-child{margin-bottom:0}
.fcat>h2{text-align:center;margin-bottom:26px}
.fqa{background:#fff;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:8px;padding:22px 24px;margin-bottom:18px}
.bg-W .fqa{background:var(--alt)}
.fqa h3{margin-bottom:10px}
.fqa ul{margin:6px 0 12px;padding-left:22px}
.fqa li{margin:4px 0}
.fqa .rel{font-size:16px;margin-top:8px}
.tbl{width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:16px;background:#fff}
.tbl th,.tbl td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}
.tbl th{background:var(--brand);color:#fff}
.tbl-wrap{overflow-x:auto}
.sources{font-size:16px}
.sources li{margin:4px 0}

/* utility pages */
.util{padding:56px 0 72px}
.util h1{margin-bottom:12px}
.util .lead{font-size:19px;max-width:720px}
.form-card{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:26px;max-width:640px}
.lead-form label{display:block;font-weight:700;margin:14px 0 6px}
.lead-form input,.lead-form textarea{width:100%;min-height:48px;padding:10px 12px;border:2px solid var(--sec);border-radius:6px;font:inherit;color:var(--ink);background:#fff}
.lead-form textarea{min-height:120px}
.lead-form button{margin-top:18px}
.lead-form [aria-invalid="true"]{border-color:#B3261E}
.f-err{color:#B3261E;font-weight:600;margin-top:12px}
.f-ok{color:var(--accent-ink);font-weight:700;margin-top:12px}
.honeypot{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-grid{display:grid;gap:32px;grid-template-columns:1fr}
@media (min-width:1000px){.contact-grid{grid-template-columns:1.2fr 1fr}}
.ready{background:var(--tint);border-radius:var(--r);padding:24px;--ihl:var(--accent-ink)}
.ready h2{font-size:26px;margin-bottom:10px}
.legal{max-width:860px}
.legal h2{font-size:26px;margin:30px 0 10px}

/* footer */
.site-f{background:var(--ink);color:#D5DADE;padding:56px 0 calc(90px + env(safe-area-inset-bottom))}
.fgrid{display:grid;gap:30px;grid-template-columns:1fr}
.f-plate{display:inline-block;background:#fff;border-radius:8px;padding:10px 14px;margin-bottom:14px}
.f-plate img{height:56px;width:auto}
.f-h{font-size:18px;color:#fff;margin-bottom:10px}
.site-f ul{list-style:none;margin:0;padding:0}
.site-f li{margin:6px 0}
.site-f a{color:#E3E7EA;text-decoration:none}
.site-f a:hover{text-decoration:underline}
.f-phone{display:inline-flex;gap:8px;align-items:center;font-weight:700;font-size:19px;padding:8px 0}
.f-legal{display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid #343C43;margin-top:36px;padding-top:20px;font-size:15px}
@media (min-width:900px){.fgrid{grid-template-columns:1.4fr 1fr 1fr 1fr}.site-f{padding-bottom:40px}}

/* call bar */
.callbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;
  padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:var(--brand);color:#fff;font-weight:700;text-decoration:none;border-top:3px solid var(--accent)}
body.menu-open .callbar,body.cb-open .callbar{display:none}
@media (min-width:900px){.callbar{display:none}}

/* callback */
.cb-back{position:fixed;inset:0;background:rgba(24,28,32,.6);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}
.cb-back[hidden]{display:none}
.cb-box{background:#fff;border-radius:12px;max-width:440px;width:100%;padding:26px;position:relative;border-top:5px solid var(--accent)}
.cb-box h2{font-size:26px;margin-bottom:8px;padding-right:30px}
.cb-x{position:absolute;right:10px;top:10px;width:44px;height:44px;border:0;background:none;font-size:28px;cursor:pointer;color:var(--ink)}
.cb-direct{margin-top:14px}

/* calculator restyle (look only; kit behavior untouched) */
.roof-calc{--calc-accent:#12A3A0;--calc-accent-hover:#3CBAB7;--calc-accent-text:#181C20;--calc-track:#D6DBDF;--calc-border:#B9C1C7;
  --calc-focus:#0A6B68;--calc-text:#181C20;--calc-muted:#57616A;--calc-surface:#FFFFFF;--calc-surface-alt:#F3F4F5;--calc-radius:12px;
  --calc-font-head:"Kreon","Roboto Slab","Rockwell",Georgia,serif;--calc-font-body:"Source Sans 3","Segoe UI",Roboto,Arial,sans-serif}
.roof-calc .calc-card{border-top:5px solid var(--accent)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media (max-width:899px){.sec{padding:52px 0}.hero{padding:36px 0 56px}.logo img{height:48px}.hwrap{min-height:72px}}