:root{font-family:Arial,'Segoe UI',sans-serif;color:#f4f5ed;background:#10120e;font-synthesis:none;--olive:#515840;--lime:#d5e4a2;--muted:#b3b8a8}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;min-height:98px;padding:20px 4vw;display:flex;align-items:center;gap:5vw;border-bottom:1px solid #ffffff20;background:linear-gradient(#10120eeb,#10120e80);backdrop-filter:blur(12px)}.logo{position:relative;width:220px;height:50px;overflow:hidden;flex-shrink:0}.logo img{position:absolute;max-width:none;width:550px;height:auto;left:-162px;top:-24px;mix-blend-mode:screen}.site-header nav{display:flex;gap:30px}.site-header nav button{background:none;border:0;padding:12px 0;font-size:.875rem;text-transform:uppercase;letter-spacing:.035em}.site-header nav button:hover{color:var(--lime)}.header-note{font-size:.6875rem;letter-spacing:.14em;color:var(--muted);margin-left:auto}#screens{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;scroll-behavior:smooth}#screens::-webkit-scrollbar{display:none}.screen{height:100dvh;min-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:auto;padding:150px 6vw 105px;isolation:isolate;display:flex;align-items:center}.hero{background:radial-gradient(ellipse at 88% 35%,#646a493d,transparent 50%),linear-gradient(115deg,#13160f 10%,#242b1d 65%,#131810)}.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#c5c9ab0a 1px,transparent 1px),linear-gradient(90deg,#c5c9ab0a 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-word{position:absolute;right:-.07em;top:8%;font-size:clamp(280px,48vw,850px);font-weight:900;letter-spacing:-.13em;line-height:1;color:#dce4ba05;-webkit-text-stroke:1px #dce4ba14;z-index:-1;user-select:none}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:600;color:var(--muted);margin:0 0 24px;display:block}h1{font-size:clamp(3.2rem,6.65vw,7.6rem);letter-spacing:-.055em;line-height:.98;margin:0;font-weight:800}h1 span{color:#cbd4b6}.hero-content{width:72%;max-width:1050px}.hero-bottom{display:flex;gap:36px;align-items:center;margin-top:35px}.hero-bottom p{font-size:.9375rem;line-height:1.6;color:var(--muted);margin:0;max-width:300px}.action{display:inline-flex;min-height:62px;padding:0 22px;align-items:center;justify-content:space-between;gap:36px;font-size:.875rem;font-weight:600}.light{background:#f1f2e9;color:#191e13}.action span{background:var(--olive);color:#fff;display:grid;place-items:center;width:32px;height:32px;font-size:1.25rem}.action:hover{background:var(--lime)}.hero-card{position:absolute;right:6vw;bottom:135px;width:260px;background:#515840d9;padding:28px 24px;border:1px solid #d7dfbf25;backdrop-filter:blur(8px);transition:transform .25s}.hero-card:hover{transform:translateY(-5px)}.hero-card .eyebrow{font-size:.6875rem;margin-bottom:16px}.hero-card strong{font-size:2rem;letter-spacing:-.04em;display:block}.card-rule{display:block;height:1px;background:#ffffff30;margin:30px 0 20px}.hero-card>span:not(.eyebrow):not(.card-rule){font-size:.875rem}.hero-card-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:32px;align-items:center}.hero-card-bottom b{font-size:1.5rem;font-weight:400}.screen-footer{position:fixed;z-index:10;bottom:0;left:0;right:0;height:66px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#10120ed9;border-top:1px solid #ffffff18;backdrop-filter:blur(12px)}.footer-brand{font-size:.6875rem;letter-spacing:.14em;color:var(--muted)}.screen-nav{display:flex;gap:20px;align-items:center}.screen-nav button{width:32px;height:36px;border:0;background:none;font-size:1.3rem}.screen-nav button:disabled{opacity:.25;cursor:default}#screen-count{font-size:.75rem;font-variant-numeric:tabular-nums;letter-spacing:.14em}.scroll-hint{font-size:.625rem;letter-spacing:.12em;color:var(--muted)}.scroll-hint span{font-size:1.2rem;margin-left:20px}.product{background:#161a13;gap:6vw}.product:nth-child(3){background:#24291f}.product:nth-child(4){background:#111815}.product-copy{width:48%;max-width:620px}.product h2{font-size:clamp(3rem,5.5vw,6.5rem);margin:0 0 20px;line-height:1;letter-spacing:-.065em}.product-subtitle{font-size:1.25rem;color:var(--lime);margin:0 0 30px}.product-description{font-size:1rem;color:var(--muted);line-height:1.7;margin-bottom:22px}.ranges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.ranges span{border:1px solid #ffffff25;padding:10px 12px;font-size:.875rem}.product-visual{width:46%;aspect-ratio:1;max-height:540px;position:relative;border:1px solid #aebb8e40;background:linear-gradient(130deg,#707c5525,#10130e20);display:flex;align-items:center;padding:3vw;overflow:hidden}.visual-label,.visual-bottom{position:absolute;left:24px;font-size:.6875rem;letter-spacing:.14em;color:var(--muted)}.visual-label{top:24px}.visual-bottom{bottom:24px}.visual-word{font-size:clamp(2rem,4vw,5rem);font-weight:700;line-height:1;letter-spacing:-.05em;color:#aeb99d}.visual-number{position:absolute;bottom:0;right:15px;font-size:clamp(6rem,14vw,15rem);font-weight:700;line-height:1;color:#c4d4a010;z-index:-1}.product-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.is-active .reveal{opacity:1;transform:translateY(0)}.product-visual.reveal{transition-delay:.1s}dialog{color:#f4f5ed;background:#20251b;border:1px solid #b1bf9140;max-width:620px;width:calc(100% - 32px);max-height:85dvh;padding:34px;overflow:auto}dialog::backdrop{background:#050803c9;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.dialog-heading .eyebrow{margin:0}.close{background:none;border:0;font-size:2rem;line-height:1;padding:4px 8px}dialog h2{font-size:2.6rem;letter-spacing:-.05em;margin:0 0 25px}dialog p{font-size:1rem;line-height:1.7;color:#c4cabc}dialog .action{margin-top:14px}details{border-top:1px solid #ffffff26;padding:20px 0}summary{cursor:pointer;line-height:1.5;font-size:1rem}details p{font-size:.9375rem}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:#fff;color:#000;padding:14px}.skip:focus{top:10px}@media(max-width:1100px){.header-note{display:none}.site-header{justify-content:space-between}.hero-content{width:100%}.hero-card{width:220px;right:5vw;bottom:110px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:22px}.product{gap:4vw}.product-copy{width:52%}.product-visual{width:44%}}@media(max-width:700px){.site-header{min-height:88px;padding:10px 20px;gap:8px;flex-wrap:wrap}.logo{width:160px;height:42px}.logo img{width:420px;left:-126px;top:-18px}.site-header nav{gap:18px}.site-header nav button{font-size:.75rem;padding:10px 0}.screen{padding:125px 24px 100px;align-items:flex-start}.hero{align-items:center}.hero-content{width:100%}h1{font-size:clamp(2.7rem,10vw,4.5rem)}.hero-card{display:none}.hero-bottom{margin-top:25px;gap:25px}.hero-bottom p{font-size:.875rem}.eyebrow{font-size:.6875rem;margin-bottom:22px}.hero-word{font-size:85vw;top:28%;right:0}.screen-footer{height:60px;padding:0 24px}.scroll-hint{display:none}.footer-brand{font-size:.625rem}.product{flex-direction:column;justify-content:center;gap:25px}.product-copy{width:100%;max-width:none}.product h2{font-size:clamp(2.5rem,10vw,3.4rem)}.product-subtitle{font-size:1rem;margin-bottom:20px}.product-description{font-size:.9375rem;margin-bottom:16px}.product-visual{width:100%;height:180px;aspect-ratio:auto;padding:20px;flex-shrink:0;min-height:180px}.visual-label,.visual-bottom{display:none}.visual-word{font-size:2.3rem}.visual-number{font-size:9rem}.action{min-height:56px;gap:20px}.ranges{margin-bottom:24px;gap:6px}.ranges span{font-size:.8125rem;padding:8px}.product .eyebrow{margin-bottom:15px}dialog{padding:25px}}@media(max-width:420px){.site-header{justify-content:center;gap:0}.site-header nav{gap:30px}.logo{height:36px}.screen{padding-top:130px}.site-header{padding-bottom:7px}.product-visual{height:145px;min-height:145px}}@media(max-height:700px) and (min-width:701px){.screen{padding-top:125px;padding-bottom:85px}h1{font-size:4.4rem}.hero-bottom{margin-top:20px;gap:20px}.hero-card{bottom:100px}.product h2{font-size:4rem}.product-visual{max-height:350px}}@media(max-height:780px) and (max-width:700px){.product{justify-content:flex-start}.hero{align-items:flex-start}.hero-bottom{gap:18px}}@media(prefers-reduced-motion:reduce){#screens{scroll-behavior:auto}.reveal{transition:none;transform:none;opacity:1}.hero-card{transition:none}}

.hero{background:linear-gradient(90deg,#0b100af5 0%,#10170dda 43%,#11180d60 100%),url('assets/quasar-d.jpg') 75% 40%/cover no-repeat}.hero-grid{opacity:.5}.hero-word{display:none}.product-visual{border:0;background:radial-gradient(ellipse,#64744820,transparent 70%);overflow:visible}.product-visual[data-product-image=quasar-d]{height:min(60dvh,600px);max-height:600px;aspect-ratio:4/5;background:#20251e;overflow:hidden}.product-visual[data-product-image=quasar-d] img{object-fit:cover;object-position:50% 42%}.product-visual[data-product-image=quasar-3m] img,.product-visual[data-product-image=tl-spectrum] img{filter:drop-shadow(0 24px 24px #0005)}@media(max-width:700px){.product-visual,.product-visual[data-product-image=quasar-d]{height:230px;min-height:230px;width:100%;max-height:none}.product-visual[data-product-image=quasar-d] img{object-position:50% 45%}.hero{background-position:65% 50%}.hero-content{position:relative}.hero{background-image:linear-gradient(90deg,#0b100ae8,#10170d85),url('assets/quasar-d.jpg')}}


/* Keep full-screen navigation without visible nested scrollbars. */
html,body{height:100%;width:100%;overflow:hidden}#screens{width:100%;overflow-x:hidden}.screen{overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.screen::-webkit-scrollbar,#screens::-webkit-scrollbar{display:none;width:0;height:0}.logo img{position:absolute;width:112%;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);mix-blend-mode:normal}


/* Fit the portrait product photo into the available phone viewport. */
@media (max-width:700px) {
  #quasar-d {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:max-content minmax(140px,1fr);
    align-items:stretch;
    align-content:stretch;
    gap:16px;
    padding-top:112px;
    padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));
  }
  #quasar-d .product-copy{min-width:0;width:100%}
  #quasar-d h2{font-size:clamp(2rem,9vw,2.6rem);margin-bottom:12px}
  #quasar-d .eyebrow{margin-bottom:12px}
  #quasar-d .product-subtitle{margin-bottom:12px}
  #quasar-d .product-description{margin:0 0 12px;line-height:1.5}
  #quasar-d .ranges{margin-bottom:16px}
  #quasar-d .action{min-height:50px;max-width:100%}
  #quasar-d .product-visual[data-product-image=quasar-d]{
    width:100%;height:100%;min-height:140px;max-height:none;
    aspect-ratio:auto;padding:0;background:transparent;overflow:hidden;
  }
  #quasar-d .product-visual[data-product-image=quasar-d] img{
    object-fit:contain;object-position:center;width:100%;height:100%;
  }
}

/* Give each slide exactly the space between the measured header and footer. */
#screens{position:fixed;top:var(--header-height,98px);bottom:var(--footer-height,110px);height:auto;overscroll-behavior:none}
#screens .screen{height:100%;min-height:100%;padding:24px 6vw;overscroll-behavior:none}
.screen-footer{flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}
.home-legal{width:100%;border-top:1px solid #ffffff18;padding-top:9px;font-size:10px;line-height:1.5;letter-spacing:0}
.home-legal .legal-footer-content{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.home-legal a{color:#b3b8a8}.home-legal a:hover{color:#d5e4a2}.home-legal p{margin:0 0 0 auto;color:#b3b8a8}
@media(max-width:700px){#screens .screen{padding:18px 24px}#screens .product{gap:16px;justify-content:center}#screens .product-visual{min-height:0;height:clamp(100px,23svh,180px);flex-shrink:1}#screens #quasar-d{grid-template-rows:max-content minmax(0,1fr)}#screens #quasar-d .product-visual{height:100%;min-height:0}#screens .hero-content{width:100%}.home-legal .legal-footer-content{gap:5px 12px}.home-legal p{width:100%;margin:0}.screen-footer{gap:6px}}
@media(max-height:650px){#screens .screen{padding-block:12px}#screens .product h2{font-size:2.5rem}#screens .product .eyebrow{margin-bottom:8px}#screens .hero h1{font-size:clamp(2rem,6vh,3.5rem)}#screens .hero-bottom{margin-top:16px}#screens .product-subtitle{margin-bottom:10px}}
.screen-footer{height:auto;min-height:0}
#screens .screen{overflow:hidden}

.screen-footer.compact-footer{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:24px;padding:0 16px;height:auto;min-height:44px;font-size:11px;line-height:1.4;letter-spacing:0;color:#b3b8a8}
.compact-footer a{display:flex;align-items:center;min-height:44px;white-space:nowrap}.compact-footer a:hover{color:#d5e4a2}
.screen-footer.compact-footer{display:grid;grid-template-columns:auto auto;gap:0 24px;padding:4px 16px 8px}
.compact-footer a{min-height:30px}
.compact-footer .home-copyright{grid-column:1/-1;margin:0;text-align:center;font-size:9px;line-height:14px;letter-spacing:0;color:#b3b8a8}

#screens .hero{background:#10120e}
.hero-slideshow{position:absolute;inset:0;z-index:-2;pointer-events:none}
.hero-slideshow::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b100aec 0%,#10170dbb 45%,#11180d55 100%)}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 45%;opacity:0;transition:opacity 1.4s ease}
.hero-slide.is-visible{opacity:1}.hero-slide:nth-child(2){object-position:62% 45%}.hero-slide:nth-child(3){object-position:55% 45%}
.slideshow-toggle{position:absolute;right:24px;bottom:14px;z-index:2;min-height:44px;padding:8px 12px;background:#10120e99;border:1px solid #ffffff35;color:#f4f5ed;font-size:11px;backdrop-filter:blur(8px)}
@media(max-width:700px){.hero-slideshow::after{background:linear-gradient(90deg,#0b100ac9,#10170d70)}.hero-slide{object-position:65% center}.hero-slide:nth-child(2){object-position:60% center}.hero-slide:nth-child(3){object-position:52% center}.slideshow-toggle{right:16px;bottom:8px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}
