:root{color-scheme:dark;--paper:#111310;--ink:#f1eee7;--muted:#a3a49e;--line:#343732;--orange:#cf642d;--orange-dark:#a94b20;--charcoal:#1a1c19;--charcoal2:#242723}
body{background:var(--paper);color:var(--ink)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 75% 8%,rgba(207,100,45,.09),transparent 29%),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,100% 48px}
.header{border-color:var(--line)}.logo{background:#efede6;padding:7px 12px;width:240px;height:60px}.header nav a,.footer a{color:#b2b3ad}.header nav a:hover{color:var(--orange)}.nav-action{border-color:#555952;color:#f4f1ea!important}.menu i{background:#f2efe8}
.hero{min-height:790px;grid-template-columns:.9fr 1.1fr;gap:75px}.hero h1{font-size:clamp(49px,5.4vw,76px)}.hero h1 em{color:var(--orange)}.intro{color:var(--muted)}.quiet{border-color:#4d504a;color:#f1eee7}.hero-foot{border-color:var(--line);color:#888b84}
.configurator{background:#1b1e1a;border:1px solid #393d36;padding:28px;box-shadow:20px 20px 0 #0b0c0b;align-self:center}.config-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #3a3e37;padding-bottom:20px;margin-bottom:22px}.config-head p{margin:0 0 5px;color:#858981;font:9px var(--mono);letter-spacing:.14em}.config-head h2{font-size:28px;margin:0}.config-head>span{color:var(--orange);font:9px var(--mono);letter-spacing:.1em}.control{margin:20px 0}.control-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.control-label label{font-size:13px;font-weight:600}.control-label output{color:var(--orange);font:11px var(--mono)}.control input[type=range]{width:100%;height:3px;accent-color:var(--orange);cursor:pointer}.scale{display:flex;justify-content:space-between;color:#666a63;font:8px var(--mono);margin-top:4px}.config-options{border-top:1px solid #3a3e37;margin-top:24px}.config-options>label{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;border-bottom:1px solid #3a3e37;padding:15px 0}.config-options span b,.config-options span small{display:block}.config-options span b{font-size:12px}.config-options span small{color:#777b73;font-size:9px}.config-options em{font:9px var(--mono);color:#90938c;font-style:normal}.config-options input[type=checkbox]{position:absolute;opacity:0}.config-options label>i{width:35px;height:19px;border-radius:20px;background:#464a43;position:relative;cursor:pointer}.config-options label>i::after{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#aaa;transition:.2s}.config-options input:checked+i{background:var(--orange)}.config-options input:checked+i::after{transform:translateX(16px);background:white}.config-options select{background:#111310;border:1px solid #50544d;color:white;padding:7px 24px 7px 9px}.config-total{display:flex;justify-content:space-between;align-items:end;padding-top:22px}.config-total small{display:block;color:#858981;font-size:9px}.config-total strong{display:flex;align-items:flex-start;font-size:44px;line-height:1}.config-total sup{font:13px var(--mono);margin:7px 3px 0 0}.config-total strong em{align-self:end;color:#777b73;font:9px var(--mono);font-style:normal;margin:0 0 5px 6px}.config-total>a{background:var(--orange);color:white;text-decoration:none;padding:13px 16px;font-size:11px;font-weight:700}.bandwidth-note{color:#7f827b;font-size:9px;margin:17px 0 0}.bandwidth-note b{color:#b6b8b2}
.statement{background:#e9e5dc;color:#222421}.statement-inner>p{color:#7d7c76}.statement-inner>div{border-color:#c4c0b7}.statement-inner>div span{color:#656761;border-color:#c4c0b7}
.offers{background:#111310}.section-head>p{color:var(--muted)}.period{border-color:var(--line)}.period button{color:#92958e}.period button.active{background:var(--orange);color:white}.offer{background:#191c18;border-color:#383b35}.offer.featured{background:#e9e5dc;border-color:#e9e5dc;color:#222421}.offer-summary{color:#93968f}.featured .offer-summary{color:#686a65}.offer dl div{border-color:#383b35}.featured dl div{border-color:#c8c3b9}.offer>a{border-color:#4b4e47;color:#f1eee7}.featured>a{color:white}.disclaimer{color:#7e817a;line-height:1.7}
.approach{background:#1b1e1a}.signup{box-shadow:18px 18px 0 #252824}.footer{border-color:var(--line);color:#898c85}.footer img{background:#efede6;padding:7px 10px;width:205px;height:58px}.footer>div{border-color:var(--line)}
@media(max-width:900px){.header nav{background:#181b17;border-color:var(--line)}.hero{grid-template-columns:1fr}.configurator{max-width:680px}.offer.featured{color:#222421}}
@media(max-width:600px){.logo{width:190px;height:53px}.hero{padding-top:50px}.hero h1{font-size:45px}.configurator{padding:20px;box-shadow:8px 8px 0 #0b0c0b}.config-options>label{grid-template-columns:1fr auto}.config-options em{grid-column:1/-1}.config-total{align-items:flex-start}.config-total strong{font-size:38px}.config-total>a{margin-top:5px}.hero-foot{flex-direction:column}.statement{padding-block:80px}}