:root{
  --char:#1E2124; --char2:#272B2F; --char3:#33383D; --char4:#454B52; --volt:#FFD60A; --volt-d:#E6BE00; --volt-l:#FFF6C2;
  --bone:#F4F3EF; --paper:#FAFAF7; --ink:#17191B; --mute:#5E646B; --line:#E1E0DA; --dline:#3A3F45; --dmute:#A3AAB2; --white:#fff;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{font-family:"Schibsted Grotesk",system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;font-size:17px;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--volt);outline-offset:2px}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}
h1,h2,h3,.syne{font-family:"Syne",sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.02}
h2{font-size:clamp(34px,4.4vw,58px)}
h3{font-size:23px}
.lede{font-size:19px;color:var(--mute);max-width:56ch}
.dark{background:var(--char);color:#fff}
.dark .lede,.dark p{color:var(--dmute)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:15px 26px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .2s,color .2s;font-size:16px}
.btn-volt{background:var(--volt);color:var(--char)}
.btn-volt:hover{background:#FFE14D}
.btn-dark{background:var(--char);color:#fff}
.btn-dark:hover{background:var(--char3)}
.btn-ghost{border:1.5px solid currentColor;background:transparent}
section{padding:100px 0}
.sh{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px;flex-wrap:wrap}
.sh .lede{max-width:46ch}
.tag{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;margin-bottom:16px;color:var(--mute)}
.tag svg{flex:none}
.dark .tag{color:var(--volt)}

/* header */
.top{position:sticky;top:0;z-index:60;background:var(--char);color:#fff;border-bottom:1px solid var(--dline)}
.top .wrap{display:flex;align-items:center;gap:30px;height:78px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.logo b{font-family:"Syne";font-weight:800;font-size:24px;letter-spacing:-.03em}
.nav{display:flex;gap:6px;margin-left:auto}
.nav a{text-decoration:none;font-weight:500;font-size:15.5px;color:var(--dmute);padding:8px 14px;border-radius:999px}
.nav a:hover{color:#fff}
.nav a[aria-current="page"]{color:var(--char);background:var(--volt)}
.tel{text-decoration:none;font-weight:700;white-space:nowrap}
.burger{display:none;margin-left:auto;background:var(--char3);border:0;border-radius:999px;width:46px;height:46px;cursor:pointer}
.burger span{display:block;width:20px;height:2px;background:#fff;margin:4.5px auto}
.mnav{display:none}

/* inner hero */
.phero{background:var(--char);color:#fff;padding:80px 0 90px;position:relative;overflow:hidden}
.phero h1{font-size:clamp(42px,5.6vw,76px);max-width:15ch}
.phero .lede{color:var(--dmute);margin-top:20px}
.phero .wire{position:absolute;right:0;top:0;height:100%;width:46%;pointer-events:none}
.crumbs{font-size:14px;color:var(--dmute);margin-bottom:18px}
.crumbs a{text-decoration:none;color:#fff}

/* forms */
label.l{display:block;font-size:14px;font-weight:600;margin-bottom:7px}
input[type=text],input[type=tel],input[type=email],input[type=date],input[type=search],select,textarea{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff;font-size:16px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--char)}
textarea{min-height:110px;resize:vertical}
.field .err{display:none;color:#B42318;font-size:13.5px;margin-top:5px}
.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:#B42318}
.field.invalid .err{display:block}
.ok{display:none;background:var(--volt-l);border:1.5px solid var(--volt-d);color:var(--ink);border-radius:10px;padding:16px 18px;font-weight:600}
.ok.show{display:block}

/* faq */
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 50px 22px 0;font-weight:600;font-size:18px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--bone);display:grid;place-items:center;font-size:20px;font-weight:600}
.faq details[open] summary::after{content:"–";background:var(--volt)}
.faq details p{padding:0 0 22px;color:var(--mute);max-width:66ch}

/* CTA strip */
.cta-strip{background:var(--volt);padding:60px 0}
.cta-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.cta-strip h2{max-width:18ch}
.cta-strip .acts{display:flex;gap:12px;flex-wrap:wrap}

footer{background:var(--char);color:var(--dmute);padding:64px 0 30px;font-size:15px}
footer .fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
footer h4{color:#fff;font-size:15px;font-weight:600;margin-bottom:12px}
footer ul{list-style:none;display:grid;gap:7px}
footer a{text-decoration:none}
footer a:hover{color:#fff}
footer .legal{border-top:1px solid var(--dline);margin-top:44px;padding-top:22px;font-size:13.5px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

@media (max-width:1000px){footer .fg{grid-template-columns:1fr 1fr}.phero .wire{opacity:.3;width:80%}}
@media (max-width:920px){
  .nav,.top .tel,.top .btn{display:none}
  .burger{display:block}
  .mnav{position:absolute;left:0;right:0;top:78px;background:var(--char);padding:8px 20px 24px;flex-direction:column;border-bottom:1px solid var(--dline)}
  .mnav.open{display:flex}
  .mnav a{color:#fff;text-decoration:none;padding:13px 0;border-bottom:1px solid var(--dline);font-weight:500}
  .mnav a[aria-current="page"]{color:var(--volt)}
  .mnav .btn{margin-top:14px;border:0;color:var(--char)}
}
@media (max-width:600px){
  body{font-size:16px}
  section{padding:68px 0}
  .wrap{width:calc(100% - 32px)}
  .phero{padding:54px 0 62px}
  footer .fg{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}