@font-face{font-family:Satoshi;src:url('../fonts/satoshi-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('../fonts/satoshi-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#080a09;--ink:#edf0ed;--muted:#949c95;--line:#252c26;--green:#2ad449;--gutter:clamp(24px,6.25vw,120px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:50px}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 Satoshi,Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--green);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:7px}h1,h2,h3,p{margin:0;font-weight:400}h1,h2,h3{line-height:1.06;letter-spacing:-.06em}h2 span{color:var(--muted)}main{overflow:clip;width:100%;max-width:100%}.skip{position:fixed;left:20px;top:12px;background:var(--green);color:#080a09;padding:10px 18px;z-index:20;transform:translateY(-150%)}.skip:focus{transform:none}
.nav{height:100px;margin-inline:var(--gutter);display:flex;align-items:center;gap:48px;position:relative;z-index:5;border-bottom:1px solid #ffffff0a}.nox-logo{font-size:36px;font-weight:700;line-height:1;letter-spacing:-2.5px}.nox-logo span{color:var(--green)}.byline{font-size:11px;color:var(--muted)}.nav nav{display:flex;gap:32px;margin-left:auto;font-size:12px}.nav a{transition:color .3s}.nav nav a:hover{color:var(--green)}.nav nav a:last-child span{color:var(--green);margin-left:9px}
.guide-dot{position:fixed;top:0;left:0;width:74px;height:74px;border-radius:50%;background:var(--green);z-index:4;pointer-events:none;visibility:hidden;will-change:transform;box-shadow:0 0 55px #2ad4490a}.dot-home{width:74px;height:74px;margin:42px auto 36px;border-radius:50%;background:var(--green)}.has-guide [data-dot]{background:transparent}.hero{padding:55px var(--gutter) 0;text-align:center;min-height:calc(100svh - 100px);position:relative}.eyebrow{font-size:12px;color:var(--muted)}.hero h1{font-size:clamp(62px,7.5vw,118px);max-width:72rem;margin:auto;line-height:1.02;letter-spacing:-.07em}.hero h1 span{color:var(--muted)}.hero-copy{font-size:15px;color:var(--muted);line-height:1.65;margin:27px auto 0}.hero-links{display:flex;align-items:center;justify-content:center;gap:35px;margin:28px 0 50px;font-size:12px}.text-link{border-bottom:1px solid var(--green);padding-bottom:7px}.text-link span{color:var(--green);display:inline-block;margin-left:24px;transition:transform .4s}.text-link:hover span{transform:translateY(3px)}.quiet-link{color:var(--muted);transition:color .3s}.quiet-link:hover{color:var(--ink)}.hero-foot{display:flex;justify-content:space-between;padding-block:18px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);text-align:left}
.story{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:0 var(--gutter);column-gap:9%}.story-stage{height:100svh;grid-column:2;grid-row:1;position:relative;align-self:start;overflow:hidden;min-height:600px}.story-chapters{grid-column:1;grid-row:1}.story-chapter{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:100px 0;position:relative}.dot-target{width:28px;height:28px;border-radius:50%;background:var(--green);margin-bottom:26px}.small-label{font-size:11px;color:var(--muted);margin-bottom:28px}.story h2{font-size:clamp(35px,4.2vw,65px);margin-bottom:32px}.story-chapter>p:not(.small-label){font-size:16px;max-width:390px;color:#c0c6c1;line-height:1.75}.story-chapter>p.aside{font-size:12px;margin-top:24px;color:var(--muted)}.signal-field{position:absolute;inset:25% 0 20%;font-size:13px}.signal{position:absolute;left:5%;color:var(--muted);letter-spacing:.02em}.s1{top:8%}.s2{top:32%;left:16%}.s3{top:56%}.s4{top:80%;left:13%}.filter-line{position:absolute;left:52%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#2ad44980,transparent)}.signal-clear{position:absolute;right:0;top:45%;font-size:12px;width:32%;color:var(--ink)}.device-outline{position:absolute;width:205px;height:380px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #5a6d5c;border-radius:34px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;opacity:0}.speaker{position:absolute;width:44px;height:5px;background:var(--line);border-radius:8px;top:14px;left:calc(50% - 22px)}.orbit-rings{position:absolute;inset:30% 8%;opacity:0;perspective:800px}.orbit-rings i{position:absolute;inset:10%;border:1px solid #2ad44970;border-radius:50%;transform:rotateX(58deg) rotateY(-20deg)}.orbit-rings i:nth-child(2){transform:rotateX(58deg) rotateY(40deg)}.orbit-rings i:nth-child(3){transform:rotateX(-15deg) rotateY(60deg)}
.belief{padding:160px var(--gutter) 180px;text-align:center;border-block:1px solid var(--line);background:#0b0e0b}.reveal-copy{font-size:clamp(32px,4.6vw,70px);letter-spacing:-.05em;line-height:1.2;max-width:1100px;margin:auto}.reveal-copy .word{display:inline-block}.belief-note{display:block;font-size:12px;color:var(--muted);margin-top:38px}.inside,.plans{padding:160px var(--gutter)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:64px}.section-heading h2,.questions h2{font-size:clamp(37px,4.6vw,68px)}.section-heading>p{font-size:13px;color:var(--muted);min-width:215px}
.screens{display:flex;border-block:1px solid var(--line);gap:0;min-height:650px}.screen-panel{flex:1;min-width:0;padding:28px 24px 24px;border-right:1px solid var(--line);transition:flex .8s cubic-bezier(.2,.7,.2,1)}.screen-panel:first-child{padding-left:0}.screen-panel:last-child{border-right:0;padding-right:0}.screen-panel.is-active{flex:2.4}.screen-tab{padding:0 0 24px;text-align:left;border:0;background:none;font-size:clamp(17px,1.8vw,27px);line-height:1.3;letter-spacing:-.035em;width:100%}.screen-tab span{display:block;font-size:11px;color:var(--muted);margin-top:12px;letter-spacing:0}.screen-tab:hover{color:var(--green)}.screen-panel:not(.is-active) .screen-tab::after{content:'+';display:block;margin-top:40px;font-size:24px;font-weight:400;color:var(--green)}.screen-content{text-align:center;animation:screen-in .65s both}.screen-content img{width:220px;max-width:100%;height:auto;display:block;margin:auto;border:1px solid var(--line);border-radius:28px;transition:transform .6s}.screen-content img:hover{transform:translateY(-4px)}.screen-content p{font-size:11px;color:var(--muted);max-width:290px;margin:20px auto 0}.screen-content[hidden]{display:none}@keyframes screen-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.quiet-ribbon{padding-block:28px;overflow:hidden;border-block:1px solid var(--line)}.quiet-ribbon>div{white-space:nowrap;font-size:clamp(32px,5vw,72px);line-height:1.2;letter-spacing:-.04em;width:max-content;animation:ribbon 45s linear infinite}.quiet-ribbon span{color:#465048;margin-inline:36px}@keyframes ribbon{to{transform:translateX(-50%)}}
.plan-rows{border-top:1px solid var(--line)}.plan-row{display:grid;grid-template-columns:1fr 2fr;padding:32px 0;gap:50px;border-bottom:1px solid var(--line)}.plan-row h3{font-size:30px}.plan-row h3 span{color:var(--green);font-size:13px;letter-spacing:0;margin-left:12px}.plan-row p{font-size:15px;color:#b9c1ba;max-width:600px}.plan-note{font-size:11px;color:var(--muted);margin-top:24px;max-width:580px}
.questions{padding:30px var(--gutter) 150px;display:grid;grid-template-columns:1fr 1.25fr;gap:12%}.answers{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:25px 0}summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:16px}summary::-webkit-details-marker{display:none}summary span{color:var(--green)}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:14px;line-height:1.8;margin:20px 30px 0 0}details a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.get{border-top:1px solid var(--line);text-align:center;padding:110px var(--gutter) 130px}.dot-end{width:48px;height:48px;background:var(--green);border-radius:50%;margin:0 auto 45px}.get h2{font-size:clamp(58px,7vw,105px)}.get>p:not(.small-label){font-size:15px;color:var(--muted);margin-top:30px}.get-link{display:inline-block;margin-top:35px;padding:13px 24px;background:var(--green);color:#081109;border-radius:2px;font-size:14px;transition:background .3s,transform .3s}.get-link span{margin-left:28px}.get-link:hover{background:#5be474;transform:translateY(-2px)}.get>p.availability{font-size:11px;margin-top:18px}footer{margin-inline:var(--gutter);border-top:1px solid var(--line);padding:35px 0 55px;display:flex;align-items:center;gap:40px;font-size:11px;color:var(--muted)}footer .nox-logo{color:var(--ink);font-size:32px}footer>div{margin-left:auto;display:flex;gap:28px}footer a:hover{color:var(--green)}.motion{position:fixed;bottom:14px;right:16px;z-index:10;background:var(--bg);border:1px solid var(--line);padding:7px 11px;font-size:10px;color:var(--muted)}.motion[hidden]{display:none}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal-copy .word{opacity:1!important}
@media(min-width:1600px){.hero{padding-top:75px}.dot-home{margin-block:55px}.hero-links{margin-bottom:70px}}
@media(max-width:900px){.byline{display:none}.nav{gap:20px}.story{column-gap:5%}.story h2{font-size:40px}.story-chapter>p:not(.small-label){font-size:14px}.section-heading{display:block}.section-heading>p{margin-top:25px}.screens{min-height:620px}.screen-panel{padding-inline:15px}.questions{gap:7%;grid-template-columns:1fr 1.2fr}}
@media(max-width:640px){.nav{height:78px}.nox-logo{font-size:32px}.nav nav{gap:20px;font-size:11px}.nav nav a:nth-child(2){display:none}.hero{padding-top:38px;min-height:calc(100svh - 78px)}.eyebrow{font-size:10px}.dot-home{width:54px;height:54px;margin:42px auto 38px}.hero h1{font-size:clamp(45px,11.7vw,74px)}.hero-copy{font-size:13px;margin-top:28px}.hero-links{gap:24px;font-size:11px;flex-direction:column;margin-bottom:40px}.hero-foot{font-size:9px;gap:20px}.hero-foot span:last-child{text-align:right}.guide-dot{width:74px;height:74px}.story{display:block}.story-stage{display:none}.story-chapter{min-height:85svh;padding:95px 0}.story h2{font-size:clamp(37px,9.3vw,53px)}.story-chapter>p:not(.small-label){font-size:15px}.story-chapter>p.aside{font-size:12px}.belief{padding:100px var(--gutter)}.reveal-copy{font-size:33px}.inside,.plans{padding:100px var(--gutter)}.section-heading{margin-bottom:40px}.section-heading h2,.questions h2{font-size:36px}.screens{display:block;min-height:0}.screen-panel,.screen-panel:first-child,.screen-panel:last-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.screen-panel:last-child{border-bottom:0}.screen-tab{font-size:23px;padding-bottom:0}.screen-tab span{margin-top:8px}.screen-panel:not(.is-active) .screen-tab::after{float:right;margin-top:-42px}.screen-content{padding-top:28px}.screen-content img{width:230px}.plan-row{grid-template-columns:1fr;gap:18px;padding:26px 0}.plan-row p{font-size:14px}.questions{display:block;padding:0 var(--gutter) 100px}.answers{margin-top:42px}summary{font-size:15px}.get{padding-block:85px 100px}.get h2{font-size:58px}footer{flex-wrap:wrap;gap:22px;padding-bottom:70px}footer>div{width:100%;margin-left:0}.small-label{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.guide-dot,.motion{display:none!important}.has-guide [data-dot]{background:var(--green)}.reveal-copy .word{opacity:1!important}}
/* Keep the travelling dot in the reading margin, clear of the copy. */
.story-chapter .dot-target{position:absolute;left:-32px;top:calc(50% - 120px);width:14px;height:14px;margin:0}
.motion-paused .story-chapter h2,.motion-paused .story-chapter p{opacity:1!important;transform:none!important}
@media(max-width:640px){.story-chapter .dot-target{left:-16px;width:10px;height:10px}}
.belief,.inside,.plans,.questions,.get{position:relative}
.margin-dot{position:absolute;top:36px;left:calc(var(--gutter)/2);width:12px;height:12px;border-radius:50%}
/* The same green dot stretches into a blade; words split at the passing edge. */
.shred-field .filter-line,.shred-field .signal-clear{display:none}
.shred-field .signal{left:50%;transform:translateX(-50%);font-size:clamp(19px,2.2vw,30px);white-space:nowrap;letter-spacing:-.025em;color:#abb5ad}
.shred-char{position:relative;display:inline-block}
.shred-spacer{visibility:hidden}
.shred-fragment{position:absolute;inset:0;display:block;will-change:transform,opacity}
.shred-fragment.upper{clip-path:inset(0 0 48% 0)}
.shred-fragment.lower{clip-path:inset(52% 0 0 0)}
.mobile-shred{position:relative;inset:auto;width:100%;height:280px;flex:none;margin-top:45px}
.mobile-shred .signal{font-size:25px}
.motion-paused .shred-fragment{transform:none!important;opacity:1!important}