:root{--bg:#0a0b0d;--bg-raised:#121418;--bg-card:#16191e;--line:#ffffff14;--text:#eef2f6;--text-muted:#9aa4b0;--accent:#7fd4ff;--accent-strong:#b5e6ff;--accent-ink:#04121b;--accent-glow:#7fd4ff59;--heat:#ff5a1f;--heat-soft:#ff9a3c;--font-display:"Oswald", "Bebas Neue", "Arial Narrow", sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-xs:.8125rem;--fs-sm:.9375rem;--fs-base:1.0625rem;--fs-lg:clamp(1.125rem, 1rem + .5vw, 1.375rem);--fs-h3:clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);--fs-h2:clamp(2.25rem, 1.6rem + 3vw, 4.5rem);--fs-h1:clamp(2.75rem, 1.6rem + 5.5vw, 7.5rem);--fs-stat:clamp(4rem, 2rem + 10vw, 11rem);--gutter:clamp(16px, 4vw, 48px);--section-y:clamp(80px, 12vw, 180px);--maxw:1320px;--radius:14px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur:.6s;--nav-h:68px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:clip}body:after{content:"";z-index:100;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}a{color:inherit;text-underline-offset:.2em}a:hover{color:var(--accent-strong)}h1,h2,h3{font-family:var(--font-display);letter-spacing:.005em;text-transform:uppercase;text-wrap:balance;margin:0;font-weight:600;line-height:.98}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip-link{left:var(--gutter);z-index:200;background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:10px 16px;font-weight:600;position:absolute;top:-100px}.skip-link:focus{top:12px}.wrap{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin-inline-start:auto;margin-inline-end:auto}.section{padding-block:var(--section-y);position:relative}.eyebrow{font-size:var(--fs-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;font-weight:600}.lead{font-size:var(--fs-lg);color:var(--text-muted);max-width:46ch;margin-top:24px}.disclaimer{font-size:var(--fs-sm);color:var(--text-muted);border-left:2px solid var(--accent);max-width:52ch;margin-top:28px;padding-left:14px}.btn{min-height:48px;font-weight:600;font-size:var(--fs-sm);letter-spacing:.04em;white-space:nowrap;transition:background-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), color .2s, transform .2s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:var(--accent-strong);color:var(--accent-ink);box-shadow:0 0 32px var(--accent-glow)}.btn--ghost{color:var(--text);border-color:#ffffff47}.btn--ghost:hover{border-color:var(--accent);color:var(--accent-strong)}.btn--sm{min-height:40px;padding:0 18px}.btn--lg{min-height:56px;font-size:var(--fs-base);padding:0 34px}.icon-btn{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#0a0b0d99;border-radius:50%;place-items:center;width:48px;height:48px;transition:border-color .2s,background-color .2s;display:inline-grid}.icon-btn:hover{border-color:var(--accent)}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.pic{display:block}.pic img{object-fit:cover;background-position:50%;background-size:cover;width:100%;height:100%}.vid{position:relative;overflow:hidden}.vid video{object-fit:cover;background-position:50%;background-size:cover;width:100%;height:100%}.media-toggle{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#0a0b0d8c;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:12px;right:12px}.media-toggle[hidden]{display:none}.media-toggle__icon{border-inline:4px solid var(--text);width:12px;height:14px}.media-toggle[data-state=paused] .media-toggle__icon{border:0;border-left:12px solid var(--text);border-block-start:7px solid #0000;border-block-end:7px solid #0000;width:0;height:0;margin-left:3px}.tag{vertical-align:middle;font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border-radius:999px;margin-left:8px;padding:4px 10px;font-weight:600;display:inline-block}.nav{z-index:50;height:var(--nav-h);border-bottom:1px solid #0000;transition:background-color .4s,border-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;position:fixed;top:0;bottom:auto;left:0;right:0}.nav.is-scrolled,.nav.is-open{-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-color:var(--line);background:#0a0b0dc7}.nav__inner{height:100%;max-width:var(--maxw);padding-inline:var(--gutter);align-items:center;gap:32px;margin-inline-start:auto;margin-inline-end:auto;display:flex}.nav__wordmark{font-family:var(--font-display);letter-spacing:.14em;margin-right:auto;font-size:1.25rem;font-weight:700;text-decoration:none}.nav__links ul{gap:30px;margin:0;padding:0;list-style:none;display:flex}.nav__links a:not(.btn){font-size:var(--fs-sm);color:var(--text-muted);font-weight:500;text-decoration:none;transition:color .2s}.nav__links a:not(.btn):hover{color:var(--text)}.nav__buy-mobile,.nav__toggle{display:none}@media (max-width:899px){.nav__buy{display:none}.nav__toggle{cursor:pointer;background:0 0;border:0;place-items:center;width:48px;height:48px;margin-right:-10px;display:grid}.nav__burger,.nav__burger:before,.nav__burger:after{background:var(--text);width:22px;height:2px;transition:transform .3s var(--ease-out), opacity .2s;border-radius:2px;display:block}.nav__burger{position:relative}.nav__burger:before,.nav__burger:after{content:"";position:absolute;left:0}.nav__burger:before{top:-7px}.nav__burger:after{top:7px}.nav.is-open{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}.nav.is-open .nav__burger{background:0 0}.nav.is-open .nav__burger:before{transform:translateY(7px)rotate(45deg)}.nav.is-open .nav__burger:after{transform:translateY(-7px)rotate(-45deg)}.nav__links{inset:var(--nav-h) 0 0;background:var(--bg);padding:32px var(--gutter);visibility:hidden;opacity:0;transition:opacity .3s, transform .3s var(--ease-out), visibility 0s .3s;flex-direction:column;gap:32px;display:flex;position:fixed;transform:translateY(-8px)}.nav.is-open .nav__links{visibility:visible;opacity:1;transition-delay:0s;transform:none}.nav__links ul{flex-direction:column;gap:6px}.nav__links a:not(.btn){font-family:var(--font-display);text-transform:uppercase;color:var(--text);padding:10px 0;font-size:2.25rem;display:block}.nav__buy-mobile{align-self:flex-start;display:inline-flex}}.hero{min-height:100svh;padding-block:calc(var(--nav-h) + 40px) clamp(48px, 8vh, 96px);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero__media{position:absolute;top:0;bottom:0;left:0;right:0}.hero__pic{width:100%;height:100%}.hero__pic img{object-position:50% 45%}.hero__shade{background:linear-gradient(to top, var(--bg) 0%, #0a0b0dbf 28%, #0a0b0d00 60%), linear-gradient(to bottom, #0a0b0da6 0%, #0a0b0d00 22%);position:absolute;top:0;bottom:0;left:0;right:0}@media (min-aspect-ratio:4/5) and (min-width:900px){.hero__shade{background:linear-gradient(to top, var(--bg) 0%, #0a0b0d8c 25%, #0a0b0d00 50%), linear-gradient(to left, #0a0b0de0 0%, #0a0b0d8c 38%, #0a0b0d00 62%), linear-gradient(to bottom, #0a0b0d99 0%, #0a0b0d00 20%)}.hero__content{flex-direction:column;align-items:flex-start;padding-left:52%;display:flex}.hero__title{font-size:clamp(2.75rem,1rem + 4.2vw,6rem)}}@media (max-aspect-ratio:4/5){.hero{min-height:0;padding:0 0 56px;display:block}.hero__media{height:min(118vw,70svh);position:relative;top:auto;bottom:auto;left:auto;right:auto}.hero__content{margin-top:-18vw}.hero__actions .btn{padding-inline-start:18px;padding-inline-end:18px}.hero__pic img{object-position:50% 35%}.hero__shade{background:linear-gradient(to top, var(--bg) 0%, #0a0b0d99 22%, #0a0b0d00 45%), linear-gradient(to bottom, #0a0b0d99 0%, #0a0b0d00 18%)}.hero__title{font-size:clamp(2.5rem,1.2rem + 7vw,4.5rem)}}@media (max-width:899px) and (min-aspect-ratio:4/5){.hero__shade{background:linear-gradient(to top, var(--bg) 0%, #0a0b0dcc 45%, #0a0b0d33 75%)}}.hero__content{position:relative}.hero__title{font-size:var(--fs-h1);max-width:12ch}.hero__sub{font-size:var(--fs-lg);max-width:34ch;color:var(--text);margin-top:20px}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero__note{font-size:var(--fs-sm);color:var(--text-muted);margin-top:20px}.story__grid{align-items:center;gap:clamp(40px,6vw,96px);display:grid}@media (min-width:900px){.story__grid{grid-template-columns:5fr 7fr}}.story__flow{grid-template-columns:1fr clamp(28px,8vw,110px) 1fr;align-items:center;display:grid}.story__frame{margin:0}.story__frame--intake{margin-top:18%}.story__media{aspect-ratio:2/3;border-radius:var(--radius);width:100%;overflow:hidden;box-shadow:0 30px 80px #00000080}.story__media img,.story__media video{height:100%}.story__frame figcaption{font-size:var(--fs-sm);color:var(--text-muted);align-items:baseline;gap:10px;margin-top:14px;display:flex}.story__step{font-family:var(--font-display);color:var(--accent);letter-spacing:.08em;font-size:1rem}.story__streaks{width:100%;height:60%;overflow:visible}.story__streaks path{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:6 10;vector-effect:non-scaling-stroke;opacity:.7}.results{align-items:center;min-height:100svh;display:flex;overflow:hidden}.results__media{position:absolute;top:0;bottom:0;left:0;right:0}.results__pic{width:100%;height:100%}.results__pic img{object-position:50% 60%}.results__grade{background:linear-gradient(to top, var(--bg) 0%, #0a0b0dd9 40%, #0a0b0d59 75%, var(--bg) 100%), linear-gradient(160deg, #ff5a1f52, #7fd4ff2e);position:absolute;top:0;bottom:0;left:0;right:0}@media (min-width:900px){.results__media{width:56%;left:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000059 25%,#000 60%);mask-image:linear-gradient(90deg,#0000 0%,#00000059 25%,#000 60%)}.results__grade{background:linear-gradient(to bottom, var(--bg) 0%, #0a0b0d00 20%, #0a0b0d00 80%, var(--bg) 100%), linear-gradient(160deg, #ff5a1f4d, #7fd4ff26)}}.results__content{padding-top:30vh;position:relative}@media (min-width:900px){.results__content{padding-top:0}}.results__stat{font-size:var(--fs-h3);flex-direction:column;gap:4px;max-width:9.5em;display:flex}.results__prefix{color:var(--text-muted)}.results__num{font-size:var(--fs-stat);color:var(--accent);font-variant-numeric:tabular-nums;line-height:.85}.results__label{font-size:var(--fs-h3)}.film{isolation:isolate;overflow:hidden}.film__backdrop{object-fit:cover;opacity:.9;z-index:-1;--glow-x:50%;width:120%;max-width:none;height:120%;-webkit-mask-image:radial-gradient(ellipse 55% 60% at var(--glow-x) 55%, #000 20%, transparent 72%);-webkit-mask-image:radial-gradient(ellipse 55% 60% at var(--glow-x) 55%, #000 20%, transparent 72%);mask-image:radial-gradient(ellipse 55% 60% at var(--glow-x) 55%, #000 20%, transparent 72%);position:absolute;top:-10%;bottom:-10%;left:-10%;right:-10%}@media (min-width:900px){.film__backdrop{--glow-x:66%}}.film__grid{place-items:center;gap:40px;display:grid}.film__text{justify-self:start}@media (min-width:900px){.film__grid{grid-template-columns:1fr auto;gap:80px}}.film__card{aspect-ratio:9/16;border:1px solid #ffffff14;border-radius:22px;max-width:100%;height:min(82svh,860px);box-shadow:0 40px 120px #0009,0 0 80px #7fd4ff14}@media (max-width:899px){.film__card{width:min(100%,460px);height:auto}}.material__lead{margin-bottom:48px}.compare{gap:20px;max-width:720px;display:grid}.compare__card{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--line);padding:clamp(24px,4vw,44px)}.compare__card h3{margin-bottom:24px}.compare__card--asa{background:linear-gradient(160deg, #7fd4ff1a, #7fd4ff00 60%), var(--bg-card);border-color:#7fd4ff66}.checks,.crosses{gap:14px;margin:0;padding:0;list-style:none;display:grid}.checks li,.crosses li{padding-left:32px;position:relative}.checks li:before,.crosses li:before{border-radius:50%;place-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:grid;position:absolute;top:.1em;left:0}.checks li:before{content:"✓";background:var(--accent);color:var(--accent-ink)}.crosses li{color:var(--text-muted)}.crosses li:before{content:"✕";border:1px solid var(--text-muted);color:var(--text-muted)}.fitment{background:var(--bg-raised)}.fitment__grid{gap:48px;display:grid}.fitment__grid>*{min-width:0}@media (min-width:900px){.fitment__grid{grid-template-columns:1fr 1fr;align-items:end}}.checker{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:36px;display:grid}.checker__field{gap:8px;display:grid}.checker label{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.checker select{-webkit-appearance:none;appearance:none;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237fd4ff' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 18px;cursor:pointer;border:1px solid #ffffff2e;border-radius:10px;width:100%;min-height:52px;padding:0 44px 0 16px}.checker select:hover{border-color:var(--accent)}.checker__result{border:1px solid var(--line);min-height:60px;color:var(--text-muted);border-radius:10px;grid-column:1/-1;padding:16px 18px}.checker__result[data-state=fits]{border-color:var(--accent);color:var(--text);background:#7fd4ff14}.checker__result[data-state=fits] strong{color:var(--accent)}.checker__result[data-state=no]{color:var(--text);border-color:#ffffff4d}.checker__result a{color:var(--accent)}.facts{margin:0;padding:0;list-style:none;display:grid}.facts li{border-bottom:1px solid var(--line);color:var(--text-muted);padding:18px 0}.facts li:first-child{border-top:1px solid var(--line)}.facts strong{color:var(--text);font-weight:600}.gallery__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.gallery__controls{align-items:center;gap:10px;display:flex}.gallery__count{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-right:8px}.gallery__stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:zoom-in;height:clamp(440px,80svh,900px);position:relative;overflow:hidden}.gallery__stage:focus-visible{outline-offset:-3px}.gallery__track{margin:0;padding:0;list-style:none;position:absolute;top:0;bottom:0;left:0;right:0}.gallery__slide{opacity:0;visibility:hidden;transition:opacity .8s var(--ease-out), visibility 0s .8s;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.gallery__slide.is-active{opacity:1;visibility:visible;transition-delay:0s}.gallery__ambient{filter:blur(48px)saturate(1.3)brightness(.6);background-position:50%;background-size:cover;position:absolute;top:-8%;bottom:-8%;left:-8%;right:-8%;-webkit-mask-image:radial-gradient(42% 62%,#000 35%,#0000 100%);mask-image:radial-gradient(42% 62%,#000 35%,#0000 100%)}.gallery__media{aspect-ratio:9/16;max-width:100%;position:absolute;top:0;bottom:0;left:50%;translate:-50%}.gallery__media img,.gallery__media video{object-fit:cover;width:100%;height:100%}@media (max-width:600px){.gallery__media{aspect-ratio:auto;left:0;right:0;translate:none}}.gallery__expand{right:var(--gutter);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#0a0b0d99;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;bottom:20px}.gallery__expand svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:20px;height:20px}.lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--text);background:#050608f5;border:0;margin:0;padding:0}.lightbox::backdrop{background:#000000b3}.lightbox__stage{position:absolute;top:72px;bottom:72px;left:16px;right:16px}.lightbox__stage .pic,.lightbox__stage .vid{position:absolute;top:0;bottom:0;left:0;right:0}.lightbox__stage img,.lightbox__stage video{object-fit:contain;background:0 0;width:100%;height:100%}.lightbox__close{position:absolute;top:14px;right:14px}.lightbox__prev,.lightbox__next{position:absolute;top:50%;translate:0 -50%}.lightbox__prev{left:14px}.lightbox__next{right:14px}.steps{counter-reset:step;gap:20px;margin:48px 0 0;padding:0;list-style:none;display:grid}@media (min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}.step{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--line);padding:32px 28px;position:relative}.step__icon{fill:none;width:52px;height:52px;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:28px}.step__num{font-family:var(--font-display);color:#ffffff1f;font-size:2.5rem;line-height:1;position:absolute;top:24px;right:26px}.step p{font-size:var(--fs-lg)}.install__note{color:var(--text-muted);font-size:var(--fs-sm);margin-top:28px}.faq__grid{gap:40px;display:grid}@media (min-width:900px){.faq__grid{grid-template-columns:1fr 2fr}}.faq__item{border-bottom:1px solid var(--line)}.faq__item:first-child{border-top:1px solid var(--line)}.faq__q{font-family:var(--font-body);text-transform:none;font-size:var(--fs-lg);letter-spacing:0;font-weight:500;line-height:1.35}.faq__q button{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:22px 0;display:flex}.faq__q button:hover{color:var(--accent-strong)}.faq__icon{flex:none;width:16px;height:16px;position:relative}.faq__icon:before,.faq__icon:after{content:"";background:var(--accent);height:2px;transition:transform .3s var(--ease-out);position:absolute;top:7px;bottom:7px;left:0;right:0}.faq__icon:after{transform:rotate(90deg)}.faq__q button[aria-expanded=true] .faq__icon:after{transform:rotate(0)}.faq__a p{color:var(--text-muted);max-width:62ch;padding:0 40px 24px 0}.faq__a a{color:var(--accent)}.cta{min-height:92svh;padding-block:var(--section-y);isolation:isolate;align-items:center;display:flex;position:relative;overflow:hidden}.cta__ambient{z-index:-1;background:radial-gradient(50% 60% at 75% 40%,#b4321e38,#0000 70%),radial-gradient(60% 50% at 20% 70%,#7fd4ff1f,#0000 70%);position:absolute;top:0;bottom:0;left:0;right:0}.cta__grid{align-items:center;gap:48px;display:grid}.cta__title{font-size:var(--fs-h1);margin-bottom:36px}.cta__photo{border-radius:22px;overflow:hidden}.cta__pic{aspect-ratio:9/16}@media (min-width:900px){.cta__grid{grid-template-columns:1fr auto;gap:80px}.cta__photo{aspect-ratio:9/16;height:min(80svh,820px)}.cta__pic{height:100%}}@media (max-width:899px){.cta{align-items:flex-end}.cta__photo{z-index:-1;border-radius:0;position:absolute;top:0;bottom:0;left:0;right:0}.cta__photo:after{content:"";background:linear-gradient(to top, var(--bg) 0%, #0a0b0db3 40%, #0a0b0d1a 75%, var(--bg) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.cta__pic{aspect-ratio:auto;height:100%}}.footer{border-top:1px solid var(--line);background:var(--bg);padding-block-start:64px;padding-block-end:40px}.footer__grid{gap:40px;display:grid}@media (min-width:760px){.footer__grid{grid-template-columns:2fr 1fr}}.footer__wordmark{font-family:var(--font-display);letter-spacing:.14em;margin-bottom:16px;font-size:1.5rem;font-weight:700}.footer__about p:not(.footer__wordmark){color:var(--text-muted);max-width:56ch}.footer__links{color:var(--text-muted);gap:12px;margin:0;padding:0;list-style:none;display:grid}.footer__links a{color:var(--text)}.footer__legal{border-top:1px solid var(--line);font-size:var(--fs-sm);color:var(--text-muted);gap:6px;margin-top:48px;padding-top:24px;display:grid}.footer__legal strong{color:var(--text)}
