body{background:#1a1a1a}.os{--field:#1a1a1a;--on:#f4f1e8;--dim:#f4f1e8b8;--rule:#f4f1e833;--band:#202024;--warm:#ffa56e;--panel:#252526;--nav-h:84px;--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,monospace;background:var(--field);color:var(--on);min-height:100dvh}.os em{color:var(--warm);font-style:normal}.os strong{color:var(--on);font-weight:700;box-shadow:inset 0 -.18em #ffa56ed1}.os a{color:inherit;text-decoration:none}.mark{box-shadow:inset 0 -.15em #ffa56ed1}.os-nav{z-index:10;padding-top:clamp(23px,6.8vh,75px);position:relative}.os-nav-in{max-width:1280px;height:var(--nav-h);grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(16px,3vw,40px);margin-inline:auto;padding:0 clamp(20px,4vw,48px);display:grid}.nav-side{gap:clamp(16px,2.2vw,34px);margin:0;padding:0;list-style:none;display:flex}.nav-side.right{justify-content:flex-end}.nav-side a{font-family:var(--mono);color:#f4f1e8d1;font-size:15px;font-weight:600;transition:color .2s}.nav-side a:hover{color:var(--on)}.os .nav-logo{letter-spacing:-.035em;color:var(--on);white-space:nowrap;justify-self:center;font-size:clamp(40px,6.4vw,78px);font-weight:900}.os .nav-logo .r{color:var(--on)}.os .nav-logo .lm{color:var(--warm)}.os-hero{min-height:calc(100dvh - var(--nav-h));text-align:center;justify-content:center;align-items:center;margin-top:calc(-1*clamp(52px,10vh,124px));padding:0 clamp(20px,4vw,48px);display:flex}.os-hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(3rem,11vw,9rem);font-weight:900;line-height:1.04}.os-intro{text-align:center;max-width:1440px;margin-inline:auto;padding:clamp(70px,14vh,170px) clamp(16px,2.4vw,32px)}.os-intro h2{letter-spacing:-.045em;max-width:none;margin:0 auto;font-size:clamp(1.9rem,4.7vw,4.4rem);font-weight:900;line-height:1.02}.os-intro h2 i{font-style:italic}.os-intro p{max-width:58ch;color:var(--dim);margin:36px auto 0;font-size:clamp(1.18rem,1.9vw,1.55rem);line-height:1.5}.os-kin{padding:clamp(64px,13vh,150px) 0}.feats{flex-direction:column;gap:clamp(74px,15vh,180px);max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,4vw,48px);display:flex}.feat-h{letter-spacing:-.045em;max-width:19ch;margin:0;font-size:clamp(2.2rem,6.2vw,4.8rem);font-weight:900;line-height:.94}.feat-list{flex-direction:column;gap:clamp(15px,2.1vh,24px);max-width:78ch;margin:clamp(26px,4.4vh,48px) 0 0;padding:0;list-style:none;display:flex}.feat-list li{font-size:clamp(1.12rem,1.7vw,1.55rem);line-height:1.38}.feat-list b{letter-spacing:-.01em;color:var(--on);font-weight:800}.feat-list span{color:var(--dim)}.feat.arm{clip-path:inset(0 100% 0 0)}.feat.arm.in{clip-path:inset(0);transition:clip-path .62s cubic-bezier(.16,1,.3,1)}.os-mani{max-width:1280px;margin-inline:auto;padding:clamp(56px,11vh,140px) clamp(20px,4vw,48px)}.os-mani p{letter-spacing:-.04em;max-width:27ch;margin:0;font-size:clamp(2.2rem,6.2vw,4.8rem);font-weight:800;line-height:1.02}.os-mani .body{color:var(--dim);letter-spacing:0;max-width:64ch;margin:32px 0 0;font-size:clamp(1.12rem,1.6vw,1.4rem);font-weight:400;line-height:1.55}.os-full{max-width:1280px;margin-inline:auto;padding:clamp(64px,12vh,150px) clamp(20px,4vw,48px)}.os-fhead h2{letter-spacing:-.04em;margin:0;font-size:clamp(2.2rem,6.2vw,4.8rem);font-weight:900;line-height:1}.os-fhead p{color:var(--dim);max-width:52ch;margin:14px 0 30px;font-size:clamp(1.02rem,1.4vw,1.2rem)}.cz{border:1px solid var(--rule);background:var(--panel);border-radius:16px;overflow:hidden;box-shadow:0 30px 70px #00000047}.cz-tabs{border-bottom:1px solid var(--rule);background:color-mix(in srgb,var(--panel) 70%,#000);gap:4px;padding:10px;display:flex;overflow-x:auto}.cz-tab{font-family:var(--mono);color:var(--dim);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:100px;padding:9px 16px;font-size:13px;transition:color .2s,border-color .2s,background-color .2s}.cz-tab:hover{color:var(--on)}.cz-tab.on{color:var(--warm);border-color:var(--warm);background:color-mix(in srgb,var(--warm) 10%,transparent)}.cz-panel:not(.on){display:none}.cz-code{background:#1e1e1e;max-height:min(62vh,572px);margin:0;padding:16px 0;overflow:auto}.cz-code code{font-family:var(--mono);width:max-content;min-width:100%;font-size:12.5px;line-height:1.8;display:block}.cz-code .row{display:flex}.cz-code .gut{text-align:right;width:3.4em;color:var(--dim);opacity:.4;user-select:none;flex:none;padding:0 16px 0 12px}.cz-code .src{white-space:pre;color:var(--on);padding-right:20px}.cz-cap{color:var(--dim);margin:0;padding:16px 20px 18px;font-size:14px}.cz-panel.seal .row{animation:.42s cubic-bezier(.16,1,.3,1) both czseal;animation-delay:calc((var(--i,1) - 1) * 9ms)}.cz-panel.seal .gut{animation:.6s cubic-bezier(.16,1,.3,1) both czgut;animation-delay:calc((var(--i,1) - 1) * 9ms)}@keyframes czseal{0%{opacity:0;transform:translate(-7px)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes czgut{0%{color:var(--warm);opacity:.95}to{color:var(--dim);opacity:.4}}.os-access{max-width:1280px;margin-inline:auto;padding:clamp(48px,9vh,120px) clamp(20px,4vw,48px) clamp(40px,6vh,72px)}.os-access h2{letter-spacing:-.04em;max-width:none;margin:0 0 34px;font-size:clamp(2.2rem,6.2vw,4.8rem);font-weight:900;line-height:1.14}.os-plans{margin:0 0 42px;padding:0;list-style:none}.os-plans li{align-items:center;gap:18px;padding:20px 0;display:flex}.os-plans .nm{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.os-plans .n{letter-spacing:-.03em;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:900}.os-plans .seat{font-family:var(--mono);color:var(--dim);font-size:12px}.os-plans .p{font-family:var(--mono);white-space:nowrap;font-size:1.25rem;font-weight:700}.os-plans .p small{color:var(--dim);margin-left:2px;font-size:.66rem}.os-plans .go{font-family:var(--mono);color:var(--on);font-size:14.5px}.os-cta-big{letter-spacing:-.03em;font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:900;display:inline-block;box-shadow:inset 0 -.18em #ffa56ed1}.os-foot{max-width:1280px;font-family:var(--mono);color:var(--dim);justify-content:space-between;margin-inline:auto;padding:22px clamp(20px,4vw,48px) 30px;font-size:12px;display:flex}.os-foot a:hover{color:var(--on)}.os-foot .foot-nav{gap:18px;display:flex}@media (width<=760px){.os{--nav-h:150px}.os-nav{padding-top:clamp(18px,4vh,40px)}.os-nav-in{flex-direction:column;align-items:center;gap:14px;height:auto;padding-inline:16px;display:flex}.os .nav-logo{order:-1;font-size:clamp(34px,11vw,58px)}.nav-side{flex-wrap:wrap;justify-content:center;gap:10px 20px;display:flex}.nav-side.right{justify-content:center}.os-hero{min-height:calc(100dvh - var(--nav-h));margin-top:0}.os-plans li{flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding:18px 0}.os-plans .nm{flex:100%}.os-plans .p{order:2;font-size:1.15rem}.os-plans .go{order:3;margin-left:auto}}@media (width<=600px){.os-mani .band,.os-access .band{padding:clamp(22px,6vw,32px)}.os-mani p{font-size:clamp(1.7rem,7vw,2.6rem)}.feats{gap:clamp(48px,9vh,80px)}}@media (prefers-reduced-motion:reduce){.feat.arm,.feat.arm.in{clip-path:none;transition:none}}.band{background:var(--band);border:1px solid var(--rule)}.card{border-radius:24px;box-shadow:0 30px 80px #00000080}.feat{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:start;gap:clamp(28px,4vw,64px);display:grid}.feat:nth-child(2n) .feat-text{order:2}.feat-h{max-width:none;font-size:clamp(1.7rem,3.1vw,2.9rem)}.feat-media{top:calc(var(--nav-h) + 20px);align-self:start;position:sticky}.frame{border:1px solid var(--rule);background:var(--panel);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #00000080}.frame-stage{aspect-ratio:16/10;background:#161616;place-items:center;display:grid;position:relative}.frame-stage img,.frame-stage video{object-fit:cover;width:100%;height:100%;display:block}.frame-ph{color:var(--dim);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;flex-direction:column;align-items:center;gap:12px;font-size:11px;display:flex}.frame-ph-ic{border:1px solid var(--rule);width:52px;height:52px;color:var(--warm);border-radius:50%;place-items:center;font-size:14px;display:grid}.frame-cap{color:var(--dim);border-top:1px solid var(--rule);margin:0;padding:13px 16px;font-size:13.5px;line-height:1.45}.os-mani .band{text-align:center;padding:clamp(44px,7vw,84px)}.os-mani p{margin-inline:auto}.os-access .band{padding:clamp(40px,6vw,72px)}.os-access .band h2{margin-top:0}@media (width<=920px){.feat{grid-template-columns:1fr;gap:clamp(22px,4vw,32px)}.feat:nth-child(2n) .feat-text{order:0}.feat-media{position:static}.feat-h{font-size:clamp(2rem,7vw,3rem)}}
