:root{color:#f2f4f7;font-synthesis:none;text-rendering:optimizelegibility;--background:#0b0d10;--surface:#12151a;--surface-raised:#171a20;--line:#bdc9dc24;--line-strong:#bdc9dc42;--text:#f2f4f7;--muted:#9aa2af;--dim:#69717d;--blue:#397cf4;--blue-bright:#6ca2ff;--green:#45d7ad;--display:"Avenir Next Condensed", "DIN Condensed", "Franklin Gothic Condensed", sans-serif;--mono:"SFMono-Regular", "Cascadia Code", "Roboto Mono", monospace;background:#0b0d10;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 50% 0, #397cf41c, transparent 32rem), var(--background);min-width:320px;min-height:100vh;margin:0}body:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#c8d3e206 1px,#0000 1px),linear-gradient(90deg,#c8d3e206 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 60%);mask-image:linear-gradient(#000,#0000 60%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{overflow:hidden}.content{width:min(1120px,100% - 48px);margin-inline:auto}.eyebrow{color:var(--blue-bright);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.65rem;font-weight:650}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0d10b3}.site-header__inner{grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;display:grid}.brand{justify-self:start;align-items:center;gap:11px;width:max-content;display:inline-flex}.brand__icon{border-radius:8px;width:34px;height:34px;box-shadow:0 8px 24px #235fda33}.brand__name{color:#e9edf3;font-family:var(--display);letter-spacing:.035em;text-transform:uppercase;font-size:1.02rem;font-weight:650}.brand__name strong{color:var(--blue-bright);font-weight:inherit}.site-nav{color:var(--muted);font-family:var(--mono);gap:30px;font-size:.67rem;display:flex}.site-nav a,.github-link,.text-link{transition:color .18s}.site-nav a:hover,.github-link:hover,.text-link:hover{color:var(--blue-bright)}.button{color:#fff;background:var(--blue);width:max-content;min-height:48px;font-family:var(--mono);border:1px solid #70a2ffa6;border-radius:5px;justify-content:center;align-items:center;gap:13px;padding:0 20px;font-size:.7rem;font-weight:650;transition:transform .18s,background .18s;display:inline-flex;box-shadow:0 12px 34px #1c489a40}.button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:17px}.button:hover{background:#4b88f7;transform:translateY(-2px)}.button:focus-visible,.site-nav a:focus-visible,.brand:focus-visible,.text-link:focus-visible,.github-link:focus-visible{outline:2px solid var(--green);outline-offset:4px}.button--compact{justify-self:end;min-height:38px;padding-inline:15px;font-size:.64rem}.hero{text-align:center;flex-direction:column;align-items:center;padding-block:108px 94px;display:flex}.hero__status{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;background:#111419b3;border-radius:100px;align-items:center;gap:9px;margin:0;padding:7px 11px;font-size:.62rem;display:inline-flex}.hero__status span,.status-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 11px #45d7ada6}.hero__title{max-width:900px;font-family:var(--display);letter-spacing:-.05em;text-transform:uppercase;margin:29px 0 0;font-size:clamp(4.5rem,9vw,7.8rem);font-weight:650;font-stretch:75%;line-height:.86}.hero__title em{color:var(--blue-bright);font-style:normal;font-weight:inherit}.hero__intro{max-width:650px;color:var(--muted);margin:31px 0 0;font-size:.96rem;line-height:1.72}.hero__actions{align-items:center;gap:27px;margin-top:34px;display:flex}.text-link{color:#c9d0da;font-family:var(--mono);align-items:center;gap:9px;font-size:.68rem;display:inline-flex}.text-link span{color:var(--blue-bright)}.hero__facts{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);width:min(690px,100%);margin:74px 0 0;padding:0;display:grid}.hero__facts div{padding:17px 22px}.hero__facts div+div{border-left:1px solid var(--line)}.hero__facts dt{color:#dfe4eb;font-size:.73rem;font-weight:650}.hero__facts dd{color:var(--dim);font-family:var(--mono);margin:5px 0 0;font-size:.58rem}.reveal{animation:.65s cubic-bezier(.22,1,.36,1) both reveal}.reveal--one{animation-delay:70ms}.reveal--two{animation-delay:.14s}.reveal--three{animation-delay:.21s}@keyframes reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.product-preview{border-top:1px solid var(--line);padding-block:84px 145px}.product-preview__heading{grid-template-columns:1fr minmax(280px,.55fr);align-items:end;column-gap:90px;margin-bottom:52px;display:grid}.product-preview__heading .eyebrow{grid-column:1/-1;margin-bottom:18px}.product-preview__heading h2,.section-heading h2,.privacy h2,.installation h2{font-family:var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:0;font-size:clamp(3.1rem,5vw,4.7rem);font-weight:650;font-stretch:75%;line-height:.92}.product-preview__heading>p:last-child,.section-heading>p:last-child,.privacy__copy>p:last-child,.installation__copy>p:last-of-type{color:var(--muted);margin:0;font-size:.82rem;line-height:1.7}.window{border:1px solid var(--line-strong);background:#111317;border-radius:10px;width:min(780px,100%);margin-inline:auto;overflow:hidden;box-shadow:0 38px 90px #00000075}.window__bar{border-bottom:1px solid var(--line);background:#191c21;grid-template-columns:1fr auto;align-items:center;height:43px;padding-inline:15px;display:grid}.window__lights{gap:6px;display:flex}.window__lights i{background:#4a505c;border-radius:50%;width:6px;height:6px}.window__label{color:#9099a6;font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:8px;font-size:.55rem;display:flex}.window img{width:100%;height:auto}.features{border-top:1px solid var(--line);padding-block:140px}.section-heading{grid-template-columns:1fr minmax(280px,.5fr);align-items:end;column-gap:90px;display:grid}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:18px}.feature-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin-top:58px;display:grid}.feature-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#11141980;min-height:210px;padding:31px;transition:background .18s;position:relative}.feature-card:hover{background:#171b22cc}.feature-card__number{color:var(--blue-bright);font-family:var(--mono);font-size:.6rem}.feature-card h3{margin:42px 0 10px;font-size:.91rem;font-weight:650}.feature-card p{max-width:430px;color:var(--muted);margin:0;font-size:.76rem;line-height:1.67}.privacy__inner{grid-template-columns:82px minmax(0,1fr) minmax(280px,.65fr);align-items:center;gap:42px;padding-block:62px;display:grid}.privacy__mark{background:#397cf414;border:1px solid #6ca2ff4d;border-radius:50%;align-self:start;place-items:center;width:72px;height:72px;margin-top:18px;display:grid}.privacy__mark svg{fill:none;width:34px;stroke:var(--green);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}.privacy h2{margin:15px 0 17px;font-size:clamp(2.5rem,4vw,3.8rem)}.privacy ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.privacy li{color:#cbd2dc;align-items:center;gap:10px;font-size:.72rem;display:flex}.privacy li span{color:var(--green);font-family:var(--mono)}.installation{grid-template-columns:minmax(320px,.8fr) minmax(440px,1fr);gap:clamp(80px,12vw,140px);padding-block:145px 165px;display:grid}.installation h2{margin-top:18px}.installation__copy>p:last-of-type{max-width:470px;margin-top:24px}.installation__copy .button{margin-top:29px}.steps{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--line);grid-template-columns:54px 1fr;gap:16px;padding:25px 0;display:grid}.steps__number{color:var(--blue-bright);font-family:var(--mono);padding-top:3px;font-size:.6rem}.steps h3{margin:0 0 7px;font-size:.86rem;font-weight:650}.steps p{color:var(--muted);margin:0;font-size:.73rem;line-height:1.6}.site-footer{border-top:1px solid var(--line);background:#080a0d}.site-footer__inner{grid-template-columns:1fr auto 1fr;align-items:center;min-height:108px;display:grid}.site-footer p{color:var(--dim);font-family:var(--mono);margin:0;font-size:.59rem}.github-link{color:var(--muted);font-family:var(--mono);justify-self:end;font-size:.64rem}.github-link span{color:var(--blue-bright);margin-left:6px}@media (width<=900px){.site-header__inner{grid-template-columns:1fr auto}.site-nav{display:none}.product-preview__heading,.section-heading{grid-template-columns:1fr;gap:20px}.product-preview__heading>p:last-child,.section-heading>p:last-child{max-width:520px}.privacy__inner{grid-template-columns:72px 1fr}.privacy ul{grid-column:2}.installation{grid-template-columns:1fr;gap:70px}.site-footer__inner{grid-template-columns:1fr auto}.site-footer p{display:none}}@media (width<=640px){.content{width:min(100% - 30px,1120px)}.site-header__inner{min-height:70px}.site-header .button{width:38px;padding:0}.site-header .button span{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero{padding-block:76px 78px}.hero__title{font-size:clamp(3.8rem,18vw,5.3rem)}.hero__intro{font-size:.87rem}.hero__actions{flex-direction:column}.hero__facts{grid-template-columns:1fr;margin-top:58px}.hero__facts div+div{border-top:1px solid var(--line);border-left:0}.product-preview{padding-block:76px 100px}.product-preview__heading h2,.section-heading h2,.privacy h2,.installation h2{font-size:clamp(2.8rem,14vw,3.8rem)}.window{width:calc(100% + 8px);margin-left:-4px}.feature-grid{grid-template-columns:1fr;margin-top:44px}.features{padding-block:100px}.feature-card{min-height:195px}.privacy__inner{grid-template-columns:1fr;gap:26px;padding-block:55px}.privacy ul{grid-column:1}.installation{gap:60px;padding-block:105px}.site-footer__inner{flex-direction:column;align-items:flex-start;gap:20px;padding-block:30px;display:flex}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
