@charset "UTF-8";
:root{--ink:#111214;--paper:#f5f5f3;--muted:#909196;--edge:rgba(255,255,255,.14);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#08090b;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:88px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #5887e9;outline-offset:6px}::selection{background:#adb9d0;color:#08090b}h1,h2,h3,p{margin:0}button:disabled{cursor:default;opacity:.3}img{max-width:100%}.wrap{width:min(1200px,calc(100% - 112px));margin:auto}.dark{background:#08090b;color:#f4f4f5}.light{background:var(--paper)}.section{padding:120px 0}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:500;line-height:1.6}.mono{font-family:"Cascadia Code",Consolas,monospace;letter-spacing:.06em}.soft{color:#8b8c8f}.outline{color:#c5c6c9}.skip{position:fixed;top:-80px;left:20px;background:white;color:black;padding:15px;z-index:200}.skip:focus{top:15px}.progress{position:fixed;top:0;left:0;height:2px;width:100%;background:#d5dbe5;transform:scaleX(0);transform-origin:left;z-index:102}.header{height:80px;padding:0 56px;position:absolute;top:0;width:100%;z-index:100;display:flex;align-items:center;justify-content:space-between;color:#f5f5f5;border-bottom:1px solid rgba(255,255,255,.1)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:18px;font-weight:650;letter-spacing:.05em}.brand-mark{font-size:29px;font-family:Georgia,serif;font-style:italic;font-weight:bold;letter-spacing:-5px;width:27px}.brand-mark span{font-family:Arial,sans-serif;font-size:24px}.header nav{display:flex;align-items:center;gap:36px;font-size:14px}.header nav a{color:#ccc;transition:color .2s}.header nav a:hover{color:white}.nav-project{border:1px solid #45464a;border-radius:30px;padding:10px 18px}.nav-project span{margin-left:16px}.hero{min-height:800px;min-height:max(800px,100svh);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:100px}.hero:after{content:"";position:absolute;width:800px;height:800px;top:-100px;right:-250px;pointer-events:none;background:radial-gradient(ellipse,rgba(123,132,150,.1),transparent 67%)}#field{position:absolute;inset:0;width:100%;height:100%;opacity:.65;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;position:relative;z-index:1;flex:1}.hero-copy{padding:60px 0}.hero-copy .eyebrow{display:flex;align-items:center;gap:13px;color:#aaa}.line{width:26px;height:1px;background:#999}.hero h1{font-size:clamp(58px,6.25vw,90px);letter-spacing:-.06em;line-height:1.2;margin:26px 0 26px;font-weight:650}.hero h1 .outline{-webkit-text-stroke:1px #c6c7cc;color:transparent}.hero-intro{font-size:18px;line-height:1.9;color:#a8a9af;margin-bottom:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;min-height:50px;padding:14px 25px;border-radius:40px;font-size:14px;font-weight:550;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 32px #8882}.button span{font-size:20px}.white{background:#f1f1f2;color:#111}.black{background:#141517;color:white}.product-stage{height:650px;position:relative;display:flex;justify-content:center;align-items:center;perspective:1000px}.device-float{width:340px;transform:translateY(var(--parallax,0px)) rotate(-11deg);transition:transform .12s ease-out;z-index:2;will-change:transform}.device{position:relative;container-type:inline-size;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s ease-out;filter:drop-shadow(0 30px 40px #000)}.device img{display:block;width:100%;height:auto;filter:grayscale(1)}.device-screen{position:absolute;left:20.6%;top:15.1%;width:47.2%;height:40.7%;border-radius:4.5cqw;background:linear-gradient(145deg,#191d22,#090c0f);color:#eee;padding:2.4cqw 2cqw;overflow:hidden;font-size:2.7cqw;box-shadow:inset 0 0 10px #000}.tiny-top{display:flex;justify-content:space-between;font-family:Consolas,monospace;font-size:3.5cqw;margin-bottom:4cqw}.tiny-date{font-size:2cqw;color:#999;letter-spacing:.12em}.tiny-heading{font-size:4.6cqw;font-weight:650;margin:1.8cqw 0 3cqw}.tiny-course{border:1px solid #5f626a;background:#2b3035;border-radius:1.5cqw;padding:2cqw;display:flex;flex-direction:column;gap:1cqw}.tiny-course strong{font-size:3.6cqw}.tiny-course span{font-size:2.5cqw;color:#b4b9bf}.tiny-course.muted{margin-top:1.8cqw;background:transparent;border-color:#30343a}.tiny-footer{display:flex;justify-content:space-between;font-size:2.2cqw;color:#9b9fa6;margin-top:2.8cqw}.orbit{position:absolute;width:550px;height:550px;border:1px solid #ffffff0c;border-radius:50%;transform:rotateX(20deg);pointer-events:none}.orbit-two{width:420px;height:420px;border-style:dashed;border-color:#ffffff12}.product-note{position:absolute;right:-6px;bottom:116px;display:flex;gap:14px;font-family:Consolas,monospace;font-size:11px;color:#8f929a;line-height:1.8;z-index:3}.product-note b{font-weight:400;font-size:10px;color:#676b75}.cross{font-size:25px;font-weight:200}.render-note{position:absolute;bottom:33px;font-size:11px;color:#81838b}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 0 29px;position:relative;z-index:3;border-top:1px solid #ffffff17;color:#888b94;font-size:12px}.hero-bottom a{color:#d0d1d5}.hero-bottom a span{margin-left:20px}.section-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #0002}.small-label{font-size:13px;color:#6e7075}.project-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin:55px 0 75px}.project-name{font-size:18px;margin-bottom:20px}h2{font-size:clamp(40px,4.2vw,64px);font-weight:600;letter-spacing:-.05em;line-height:1.25}.section-description{font-size:17px;line-height:1.95;color:#6c6e74;max-width:470px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.feature{position:relative;border-top:1px solid #0002;padding:30px 25px 0 0}.feature-num{position:absolute;right:0;top:28px;color:#888;font-size:12px;font-family:Consolas,monospace}.feature-symbol{font-size:45px;height:74px;font-family:Arial,sans-serif;font-weight:200}.controls-symbol{font-size:36px;letter-spacing:10px}.feature h3{font-size:21px;letter-spacing:-.03em;margin:18px 0 13px}.feature p{font-size:15px;line-height:1.9;color:#707176;max-width:290px}.experience{position:relative;overflow:hidden;padding:145px 0}.experience-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--gx,70%) var(--gy,50%),#27314255,transparent 55%)}.experience-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.experience h2{margin:26px 0}.experience .section-description{color:#93969f}.demo-instruction{display:flex;gap:18px;margin-top:48px;font-size:15px;line-height:1.8}.demo-instruction>span{font-size:28px}.demo-instruction p span{color:#858993}.demo-disclaimer{font-size:12px;color:#92969f;margin-top:28px;line-height:1.8;max-width:300px}.demo-panel{border:1px solid #ffffff26;background:linear-gradient(140deg,#1b1e23e6,#0d1014f2);padding:28px 30px;border-radius:24px;box-shadow:0 30px 80px #0008;min-width:0}.demo-bar{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9fa4ad;gap:12px}.demo-badge{border:1px solid #ffffff20;border-radius:30px;padding:5px 9px;font-size:11px;white-space:nowrap}.demo-date{display:flex;align-items:center;justify-content:space-between;margin:32px 0 25px}.demo-date p{font-size:14px;color:#aeb1b7}.demo-date h3{font-size:56px;font-weight:450;letter-spacing:-.07em;line-height:1.3}.demo-date h3 span{color:#686d78;font-weight:200}.date-controls{display:flex;gap:8px}.date-controls button{border:1px solid #ffffff24;border-radius:50%;width:38px;height:38px;background:transparent;color:white;font-size:18px;transition:background .2s}.date-controls button:hover:not(:disabled){background:#ffffff20}.day-indicator{display:flex;gap:5px;margin-bottom:28px}.day-indicator span{height:2px;background:#ffffff1a;flex:1}.day-indicator .active{background:#cfd7e2}.course-list{min-height:240px;display:flex;flex-direction:column;gap:12px}.course-row{border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.course-row button{display:flex;width:100%;text-align:left;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:0;padding:18px 20px;color:#f5f5f6}.course-row:first-child{background:#f0f1f3}.course-row:first-child button{color:#181a1f}.course-row small{display:block;font-size:12px;color:#a2a6b1;letter-spacing:.02em;margin-bottom:6px}.course-row:first-child small{color:#626671}.course-row strong{display:block;font-size:19px;font-weight:550}.course-row .plus{font-size:22px;font-weight:300}.course-detail{font-size:14px;line-height:1.8;padding:0 20px 18px;color:#a8acb5}.course-row:first-child .course-detail{color:#5d626b}.course-detail[hidden]{display:none}.demo-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff15;padding-top:19px;margin-top:24px;font-size:12px;color:#9da2ac}.demo-bottom button{font-size:12px;background:none;border:0;color:#c3c6cc;padding:8px 0 8px 10px}.no-js{font-size:14px;margin-top:15px}.empty-day{padding:40px 20px;text-align:center;color:#aaa;font-size:16px;line-height:2}.build-heading{text-align:center}.build-heading h2{margin:24px 0}.build-heading .section-description{margin:auto}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding:0;margin:70px 0 50px}.steps li{border-top:1px solid #0002;padding-top:25px}.step-no{font-size:44px;font-weight:350;color:#94979c;font-family:Consolas,monospace;letter-spacing:-.07em}.steps h3{font-size:20px;margin:22px 0 12px}.steps p{font-size:15px;color:#73757b;line-height:1.9}.project-actions{display:flex;justify-content:center;align-items:center;gap:35px}.text-link{font-size:14px;display:inline-block;border-bottom:1px solid currentColor;padding:8px 0}.release-note{text-align:center;font-size:12px;line-height:1.8;color:#74767c;margin-top:24px}.about{padding-bottom:0;overflow:hidden}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;margin-top:40px}.about-copy{padding-top:8px}.about-copy p{font-size:17px;line-height:1.9;color:#a5a7ae;margin-bottom:22px}.about-copy .text-link{margin-top:10px}.footer-word{font-size:clamp(100px,15.5vw,224px);letter-spacing:-.07em;line-height:1.3;color:#ffffff0c;font-weight:700;margin-top:85px;white-space:nowrap;user-select:none;display:flex;justify-content:space-between;align-items:flex-start}.footer-word span{font-size:30px;margin-top:30px}.footer{padding:0 0 28px}.footer-top{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff1a;padding:32px 0}.footer-top>a:last-child{font-size:12px;color:#afb1b8}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;color:#9599a3}.filings{display:flex;flex-wrap:wrap;gap:22px}.filings a{display:inline-flex;align-items:center;gap:7px;min-height:28px}.filings img{object-fit:contain}.credits{color:#747984;font-size:11px;line-height:1.8;margin-top:18px}.credits a:hover{color:#bbb}.motion-ready .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.visible{opacity:1;transform:none}.feature:nth-child(2),.steps li:nth-child(2){transition-delay:.1s}.feature:nth-child(3),.steps li:nth-child(3){transition-delay:.2s}
@media(min-width:1600px){.hero-grid{max-height:800px}.product-stage{height:740px}.device-float{width:390px}.hero h1{font-size:96px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header{padding:0 36px}.hero h1{font-size:64px}.device-float{width:290px}.product-stage{height:580px}.product-note{right:-10px;bottom:85px}.orbit{width:420px;height:420px}.orbit-two{width:340px;height:340px}.experience-grid{gap:55px}.demo-panel{padding:24px}.project-heading{gap:30px}.section-description{font-size:16px}.footer-bottom{align-items:flex-start}.filings{justify-content:flex-end;gap:8px 20px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:70px;padding:0 20px}.brand{font-size:16px;gap:9px}.header nav{gap:22px;font-size:13px}.nav-project{display:none}.hero{padding-top:90px;min-height:auto}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-copy{padding:45px 0 5px}.hero-copy .eyebrow{justify-content:center;font-size:10px}.hero h1{font-size:clamp(48px,10vw,72px);margin:20px 0;letter-spacing:-.06em}.hero-intro{font-size:16px;margin-bottom:25px}.button{min-height:48px;padding:12px 22px;font-size:13px}.product-stage{height:490px;width:100%;margin-top:15px}.device-float{width:255px}.orbit{width:340px;height:340px}.orbit-two{width:280px;height:280px}.product-note{bottom:70px;right:0;font-size:9px;text-align:left}.product-note b{font-size:8px}.render-note{bottom:15px;font-size:10px}.hero-bottom{font-size:10px;padding:22px 0}.hero-bottom>.mono{display:none}.section{padding:80px 0}.eyebrow{font-size:10px}.section-top{padding-bottom:20px}.project-heading{display:block;margin:38px 0 45px}.project-name{font-size:15px;margin-bottom:16px}h2{font-size:42px}.project-heading .section-description{margin-top:26px}.section-description{font-size:15px}.feature-grid{grid-template-columns:1fr;gap:30px}.feature{display:grid;grid-template-columns:55px 1fr;padding:25px 0 0;column-gap:18px}.feature-symbol{grid-row:1/3;font-size:37px;height:auto;padding-top:9px}.controls-symbol{font-size:25px;letter-spacing:1px}.feature h3{font-size:19px;margin:5px 0 10px;padding-right:30px}.feature p{max-width:none;font-size:14px}.feature-num{top:28px}.experience-grid{grid-template-columns:1fr;gap:45px}.experience-copy .demo-disclaimer{max-width:none}.demo-instruction{margin-top:25px}.demo-disclaimer{margin-top:18px}.demo-panel{width:100%;max-width:460px;margin:0 auto;padding:24px}.experience h2{margin:23px 0}.demo-date h3{font-size:53px}.course-list{min-height:230px}.build-heading{text-align:left}.build-heading .section-description{margin:0}.steps{grid-template-columns:1fr;gap:27px;margin:42px 0}.steps li{display:grid;grid-template-columns:48px 1fr;column-gap:20px;padding-top:24px}.step-no{grid-row:1/3;font-size:30px}.steps h3{margin:0 0 10px;font-size:18px}.steps p{font-size:14px}.project-actions{flex-direction:column;gap:18px}.release-note{font-size:11px}.about-grid{grid-template-columns:1fr;gap:28px;margin-top:25px}.about-copy p{font-size:16px}.about{padding-bottom:0}.footer-word{margin-top:45px;font-size:20vw;line-height:1.7}.footer-word span{font-size:15px;margin-top:12px}.footer-top{padding:24px 0}.footer-bottom{flex-direction:column;gap:15px}.filings{justify-content:flex-start;flex-direction:column;gap:6px}.credits{font-size:10px}.footer{padding-bottom:25px}}
@media(max-width:360px){.demo-date h3{font-size:39px;white-space:nowrap}.date-controls{gap:5px}.date-controls button{width:31px;height:31px}.demo-panel{padding:22px 19px}.demo-bar{font-size:9px}.course-row button{padding:16px}.demo-bottom{font-size:11px}.demo-bottom button{font-size:11px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.device-float,.device{transform:none!important}.motion-ready .reveal{opacity:1;transform:none}#field{display:none}}

.brand-logo{display:block;width:38px;height:38px;object-fit:contain;flex:none}.brand:hover .brand-logo{filter:drop-shadow(0 0 8px #ffffff55)}@media(max-width:760px){.brand-logo{width:32px;height:32px}}
