*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#101319;color:#f1f2f5;font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #f7bf43;outline-offset:5px}button:disabled{cursor:default}img{max-width:100%}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;min-height:108px;border-bottom:1px solid #ffffff13;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:700;letter-spacing:-.7px}.brand img{border-radius:9px}.byline{display:block;color:#929ba9;font-size:12px;letter-spacing:.3px;font-weight:400;margin-top:-5px}.nav nav{display:flex;gap:34px;align-items:center;font-size:14px;color:#bdc3ce}.nav a:hover,.text-link:hover{color:#fff}.nav-download{border:1px solid #ffffff26;border-radius:8px;padding:10px 18px}.nav-download span{margin-left:16px}.hero{display:grid;grid-template-columns:1fr 1.06fr;gap:35px;align-items:center;padding-top:85px;padding-bottom:100px;min-height:760px}.eyebrow{font-size:12px;letter-spacing:1.65px;font-weight:600;color:#c3cbd6;display:flex;align-items:center;gap:13px}.tiny-rails{display:flex;gap:3px}.tiny-rails i{width:3px;height:17px;border-radius:3px;background:#e84a4f}.tiny-rails i:nth-child(2){background:#f7c143}.tiny-rails i:nth-child(3){background:#87b355}.tiny-rails i:nth-child(4){background:#5fa7ea}h1{font-size:clamp(42px,4.65vw,68px);font-weight:580;line-height:1.06;letter-spacing:-2.8px;margin:29px 0}.muted-heading{color:#818a9b}.hero-intro{max-width:420px;font-size:18px;color:#aeb6c4;line-height:1.75}.hero-actions{display:flex;gap:26px;align-items:center;margin:32px 0 16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 21px;border:0;border-radius:8px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.primary{background:#f2c34e;color:#16181d}.primary:hover{background:#ffcf60;transform:translateY(-2px)}.text-link{font-size:14px;font-weight:500}.small{font-size:13px}.muted{color:#8f99a9}.hero-demo{background:radial-gradient(ellipse at 60% 45%,#283640aa,transparent 68%),#141920;border:1px solid #ffffff13;border-radius:18px;min-width:0;overflow:hidden;box-shadow:0 28px 80px #0003;transform:rotate(-2deg)}.demo-top,.demo-bottom{padding:19px 23px;display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:1.1px;color:#a0abba}.demo-indicator{color:#8995a7;letter-spacing:0}.hero-stack{position:relative;height:410px;margin:8px 25px 2px}.window{border:1px solid #4c5d72;border-left:3px solid #62a9ee;background:#191f29;border-radius:10px;overflow:hidden;box-shadow:0 15px 35px #0007}.titlebar{height:35px;padding:7px 10px;display:flex;gap:8px;align-items:center;background:#151b25;font-size:12px;color:#bec8d8;white-space:nowrap}.app-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;width:20px;height:20px;font-size:12px;font-weight:bold;flex-shrink:0;background:#4784b8;color:#fff}.app-icon.yellow{background:#a67e32}.app-icon.green{background:#628a51}.window-actions{margin-left:auto;color:#738298}.hero-window{position:absolute;width:88%;height:320px;left:0;top:0;will-change:transform,opacity}.hw-back{transform:translate(0,0);animation:heroBack 9s infinite}.hw-middle{transform:translate(22px,37px);animation:heroMiddle 9s infinite}.hw-front{transform:translate(44px,74px);animation:heroFront 9s infinite}.browser-bar{display:flex;align-items:center;gap:12px;padding:9px;background:#242d3a;color:#a2adbd;font-size:12px}.browser-bar>div{background:#151b24;border-radius:20px;width:90%;padding:3px 10px}.browser-content{padding:24px 27px;background:linear-gradient(130deg,#1f2934,#172028);height:100%}.mini-wordmark{font-size:15px;font-weight:650}.mini-wordmark span{color:#f2c34e}.browser-content strong{display:block;font-size:31px;line-height:1.15;font-weight:500;letter-spacing:-1px;margin:13px 0}.text-line{height:5px;background:#4a566755;width:80%;border-radius:2px;margin:9px 0}.text-line.short{width:58%}.mock-button{display:inline-block;background:#f2c34e;color:#242322;border-radius:4px;font-size:12px;padding:6px 12px;margin-top:8px}.note-body{padding:30px}.note-kicker{font-size:12px;color:#8395ac;letter-spacing:2px}.note-body b{display:block;font-size:26px;margin:15px 0}.check-line{font-size:12px;color:#b4c0ce;margin-top:13px}.file-body{display:flex;height:90%}.mock-sidebar{width:24%;background:#202835}.file-grid{display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:22px;padding:30px;flex:1}.file-grid i{height:25px;background:#c3a150;border-radius:3px}.demo-bottom{justify-content:flex-start;align-items:center;letter-spacing:0}.key{padding:2px 9px;border:1px solid #68748a55;border-radius:4px;font-size:12px}.track-divider{height:4px;display:flex;gap:5px;max-width:1280px;margin:auto;opacity:.8}.track-divider i{height:100%;flex:1;background:#dc4b54}.track-divider i:nth-child(2){background:#f2c34e}.track-divider i:nth-child(3){background:#79a854}.track-divider i:nth-child(4){background:#519add}.features{padding-top:90px;padding-bottom:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}h2{font-size:clamp(32px,3.25vw,46px);font-weight:550;line-height:1.18;letter-spacing:-1.8px;margin:17px 0 0}.section-heading>p{color:#99a5b6;font-size:16px;line-height:1.9;margin:0}.playground{display:grid;grid-template-columns:285px 1fr;border:1px solid #313a46;border-radius:16px;overflow:hidden}.feature-picker{padding:16px 12px;background:#12171f;border-right:1px solid #313a46}.feature-picker button{width:100%;background:transparent;border:0;border-radius:8px;padding:17px 12px;display:flex;text-align:left;align-items:center;gap:14px;font-size:14px;margin:3px 0;color:#a6b0bf}.feature-picker button[aria-selected=true]{background:#272e38;color:#fff}.feature-picker button:hover{background:#202731}.feature-number{font-size:12px;color:#8897aa;font-variant-numeric:tabular-nums}.feature-picker button[aria-selected=true] .feature-number{color:#f2c34e}.feature-glyph{margin-left:auto;color:#8f9eaf;font-size:22px}.feature-picker small{font-size:12px;letter-spacing:.6px;border:1px solid #576170;border-radius:3px;padding:1px 3px;margin-left:3px}#feature-panel{min-width:0;background:#171d26}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 26px;color:#9baabd;font-size:12px;letter-spacing:1.2px;gap:16px}.quiet-button{background:none;border:1px solid #465264;border-radius:5px;padding:5px 10px;color:#aab5c5;font-size:12px}.feature-stage{position:relative;height:320px;overflow:hidden;background:radial-gradient(ellipse at center,#2b3b4555,transparent 68%)}.feature-info{padding:15px 30px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px}.feature-availability{font-size:12px;color:#d2b46b;letter-spacing:1.2px}h3{font-size:25px;line-height:1.25;letter-spacing:-.6px;margin:8px 0 10px;font-weight:550}.feature-info p{font-size:16px;color:#aab5c4;margin:0;max-width:590px}.feature-info .feature-caveat{font-size:13px;color:#99a8ba;margin-top:8px}.round-button{width:40px;height:40px;flex-shrink:0;background:#272f3a;border:1px solid #495363;border-radius:50%;font-size:23px}.round-button:hover{background:#364356}.illustration-note{font-size:12px;color:#99a6b8;padding:0 30px 20px;margin:0}.stage-window{position:absolute;width:55%;height:190px;left:20%;top:45px}.stage-content{padding:18px 22px}.stage-content b{font-size:22px;font-weight:500}.stage-content .text-line{margin:13px 0}.stage-card{border-left-color:#f2c34e}.fan-a{animation:fanA 6s infinite}.fan-b{animation:fanB 6s infinite}.fan-c{animation:fanC 6s infinite}.scene-caption{position:absolute;bottom:7px;left:0;width:100%;text-align:center;font-size:12px;color:#9dacbf}.size-chips{position:absolute;display:flex;gap:8px;left:50%;top:12px;transform:translateX(-50%);white-space:nowrap;font-size:12px}.size-chips span{border:1px solid #526075;border-radius:6px;padding:4px 10px;background:#222b38}.size-chips span:nth-child(2){color:#f2c34e;border-color:#d4ab4655}.sizing-window{animation:resizeWindow 7s infinite;transform-origin:center center;top:62px}.monitor{position:absolute;border:2px solid #4c596c;border-bottom:7px solid #4c596c;border-radius:8px;background:#1c2531;top:40px;height:205px;width:40%;left:7%}.monitor.portrait{left:65%;width:23%;top:20px;height:253px}.monitor:after{content:"";position:absolute;bottom:-19px;width:50%;left:25%;height:3px;background:#566378}.traveler{width:30%;height:155px;left:12%;top:65px;animation:tunnelMove 7s infinite}.monitor-label{position:absolute;bottom:12px;left:20%;font-size:12px;color:#8e9eb1}.monitor-label.right{left:68%}.depot-panel{position:absolute;background:#202a37;border:1px solid #506079;border-radius:12px;padding:15px;left:22%;top:35px;width:56%;animation:depotOpen 7s infinite;transform-origin:bottom left}.depot-heading{color:#b5c1d0;font-size:12px;margin-bottom:12px}.depot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.depot-app{font-size:12px;text-align:center;color:#a7b5c8}.depot-app span{display:flex;border-radius:9px;align-items:center;justify-content:center;background:#335975;color:#c7e1f5;height:43px;width:43px;margin:0 auto 5px;font-size:18px}.depot-app:nth-child(2n) span{background:#665932;color:#f5dda5}.depot-app:nth-child(3n) span{background:#3e604d;color:#c7e9c6}.depot-app:nth-child(3){animation:appHighlight 7s infinite;border-radius:8px}.taskbar{position:absolute;left:12%;right:12%;bottom:25px;padding:9px 16px;background:#263241;border:1px solid #4f5b6c;border-radius:7px;font-size:12px;color:#acbed3;display:flex;gap:20px}.start-symbol{color:#6cb0ed;font-size:18px;line-height:1}.audio-panel{position:absolute;width:65%;left:17.5%;top:23px;background:#202a37;border:1px solid #56657a;border-radius:12px;padding:17px 22px}.audio-title{font-size:12px;color:#c2ccd9;margin-bottom:13px}.audio-row{display:grid;grid-template-columns:65px 1fr 34px;gap:15px;align-items:center;font-size:12px;color:#a8b7c9;margin:18px 0}.audio-track{height:5px;background:#40516a;border-radius:5px}.audio-level{height:100%;width:68%;background:#78acdf;border-radius:5px;position:relative;animation:volumeMove 6s infinite}.audio-level:after{content:"";width:11px;height:11px;position:absolute;right:-3px;top:-3px;border-radius:50%;background:#9ac8f4}.audio-row:nth-child(3) .audio-level{animation-delay:-2s;background:#9fb765}.audio-output{font-size:12px;background:#131d29;padding:8px;border-radius:5px;color:#b0bed0}.tile-grid{position:absolute;inset:24px 10% 44px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;animation:tileResize 7s infinite}.tile-grid .window{position:relative;width:auto;height:auto;left:auto;top:auto;box-shadow:none;border-left-width:2px}.tile-grid .window:first-child{grid-row:1/3}.tile-grid .stage-content{padding:12px}.tile-grid .stage-content b{font-size:14px}.divider-handle{position:absolute;top:46%;left:50%;height:34px;width:6px;border-radius:5px;background:#f2c34e;animation:handleMove 7s infinite}.rosette{position:absolute;left:50%;top:47%;width:225px;height:225px;transform:translate(-50%,-50%);border:1px dashed #596a81;border-radius:50%}.rosette-center{position:absolute;width:76px;height:76px;left:74px;top:74px;border:1px solid #6c829d;border-radius:50%;background:#253243;display:flex;justify-content:center;align-items:center;font-size:13px;color:#d4bf80}.orbit{position:absolute;inset:0;animation:waterwheel 9s infinite}.orbit span{position:absolute;width:45px;height:45px;border-radius:50%;border:1px solid #6b809b;background:#2d4055;display:flex;align-items:center;justify-content:center;font-size:17px}.orbit span:nth-child(1){top:-22px;left:90px;background:#5e5433}.orbit span:nth-child(2){top:45px;right:-14px}.orbit span:nth-child(3){bottom:0;right:10px;background:#415842}.orbit span:nth-child(4){bottom:0;left:10px;background:#66404b}.orbit span:nth-child(5){top:45px;left:-14px}.download-section{background:#181e27;border-top:1px solid #303947;border-bottom:1px solid #303947;padding:85px 0}.download-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.download-layout h2{font-size:52px}.download-layout>div>p{color:#aeb9c8;font-size:16px;line-height:1.8}.update-path{display:flex;flex-wrap:wrap;gap:13px;font-size:14px;margin-top:26px;color:#97a6ba}.update-path span:nth-child(2n){color:#e4bb56}.download-card{border:1px solid #475265;border-radius:14px;padding:27px;background:#111822;box-shadow:0 16px 40px #0002}.channel-picker{display:flex;gap:5px;padding:4px;border:1px solid #334153;border-radius:8px;background:#0d131c}.channel-picker button{width:50%;border:0;background:transparent;border-radius:5px;text-align:left;padding:9px 12px;font-size:15px;color:#aab6c7}.channel-picker button[aria-selected=true]{background:#303b4a;color:#fff}.channel-picker small{display:block;font-size:12px;color:#aab8cc}#download-panel{padding-top:23px}.release-label{font-size:12px;letter-spacing:1.5px;color:#d8bb76}.release-version{font-size:35px;letter-spacing:-1px;margin:4px 0}#channel-description{font-size:16px;color:#a4b1c3;min-height:44px;line-height:1.7}.full{width:100%;margin:10px 0}.download-meta{font-size:12px;color:#a2b2c7}.feed-status{font-size:12px;color:#9bafc5;border-top:1px solid #303a49;padding-top:17px;margin-top:23px}.prerelease-note{font-size:13px;line-height:1.6;color:#a0afc3;margin-bottom:0}.release-section{padding-top:85px;padding-bottom:85px}.release-notes{display:grid;grid-template-columns:260px 1fr;gap:65px;border-top:1px solid #333e4f;padding-top:33px}.release-notes .muted{font-size:13px}.notes-body{color:#b1bbc9;font-size:16px;overflow-wrap:anywhere;max-height:410px;overflow:auto;padding-right:20px;scrollbar-width:thin;scrollbar-color:#58667b #19212d;white-space:pre-wrap}.notes-body>:first-child{margin-top:0}.footer{display:flex;gap:30px;align-items:center;justify-content:space-between;border-top:1px solid #2c3543;padding:27px 0 35px;color:#9aa9bf;font-size:13px}.footer .brand{font-size:21px;color:#e2e7ef}.skip{position:fixed;left:12px;top:-100px;background:#f2c34e;color:#111;padding:12px;z-index:100}.skip:focus{top:12px}.paused *{animation-play-state:paused!important}
@keyframes heroBack{0%,18%,100%{transform:translate(0,0);opacity:1}33%,80%{transform:translate(44px,74px);opacity:1}86%{transform:translate(60px,100px);opacity:0}92%{transform:translate(-10px,-10px);opacity:0}}@keyframes heroMiddle{0%,18%,100%{transform:translate(22px,37px)}33%,80%{transform:translate(0,0)}}@keyframes heroFront{0%,18%,100%{transform:translate(44px,74px);opacity:1}24%{transform:translate(62px,103px);opacity:0}25%{transform:translate(0,0);opacity:0}33%,80%{transform:translate(22px,37px);opacity:1}}
@keyframes fanA{0%,18%,100%{transform:translate(-30px,-23px);opacity:1}34%,78%{transform:translate(30px,23px);opacity:1}86%{transform:translate(55px,50px);opacity:0}92%{transform:translate(-40px,-35px);opacity:0}}@keyframes fanB{0%,18%,100%{transform:translate(0,0)}34%,78%{transform:translate(-30px,-23px)}}@keyframes fanC{0%,18%,100%{transform:translate(30px,23px);opacity:1}25%{transform:translate(55px,50px);opacity:0}26%{transform:translate(-30px,-23px);opacity:0}34%,78%{transform:translate(0,0);opacity:1}}
@keyframes resizeWindow{0%,15%,100%{width:42%;left:29%;height:160px}40%,55%{width:65%;left:17.5%;height:205px}75%,90%{width:52%;left:24%;height:185px}}@keyframes tunnelMove{0%,18%,100%{left:12%;width:30%;height:155px;top:65px}55%,80%{left:67%;width:19%;height:205px;top:43px}}@keyframes depotOpen{0%,8%,100%{opacity:0;transform:translateY(20px) scale(.94)}20%,85%{opacity:1;transform:translateY(0) scale(1)}}@keyframes appHighlight{0%,30%,90%,100%{background:transparent}45%,75%{background:#536478}}@keyframes volumeMove{0%,100%{width:68%}50%{width:38%}}@keyframes tileResize{0%,15%,100%{grid-template-columns:1fr 1fr}50%,80%{grid-template-columns:1.5fr 1fr}}@keyframes handleMove{0%,15%,100%{left:calc(50% - 3px)}50%,80%{left:calc(58% - 3px)}}@keyframes waterwheel{0%,15%{transform:rotate(0)}35%,50%{transform:rotate(72deg)}70%,85%{transform:rotate(144deg)}100%{transform:rotate(360deg)}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero{gap:20px;padding-top:60px;padding-bottom:65px;min-height:650px}.hero-stack{height:330px;margin:8px 15px}.hero-window{height:255px}.browser-content{padding:17px}.browser-content strong{font-size:27px}.demo-indicator{display:none}.hero-actions{gap:18px;flex-wrap:wrap}.playground{grid-template-columns:245px 1fr}.download-layout{gap:55px}.hero-intro{font-size:16px}.download-layout h2{font-size:45px}.feature-picker{padding:12px 8px}.feature-picker button{gap:9px;padding:16px 9px}.feature-glyph{display:none}.release-notes{gap:35px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{min-height:86px}.nav nav{gap:20px}.nav nav>a:first-child{display:none}.nav-download{padding:8px 13px}.hero{grid-template-columns:1fr;padding-top:48px;gap:40px;padding-bottom:55px}.hero h1{font-size:clamp(42px,9vw,64px);letter-spacing:-2px}.hero-intro{max-width:450px;font-size:17px}.hero-demo{transform:none;max-width:570px;width:100%;margin:auto}.hero-stack{height:365px;margin:8px 26px}.hero-window{height:280px}.hero-actions{margin:27px 0 15px}.section-heading{display:block}.section-heading>p{margin-top:22px}.features{padding:55px 0}.playground{grid-template-columns:1fr}.feature-picker{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #313a46;padding:9px;scrollbar-width:thin;scrollbar-color:#4f6076 #141a23}.feature-picker button{width:auto;flex-shrink:0;white-space:nowrap;margin:0 3px;padding:10px 12px;gap:8px}.feature-number{display:none}.feature-stage{height:320px}.preview-toolbar{padding:15px;letter-spacing:.5px;flex-wrap:wrap}.feature-info{padding:15px 20px}.illustration-note{padding:0 20px 18px}.stage-window{width:66%;left:17%}.stage-content{padding:14px}.stage-content b{font-size:18px}.depot-panel{width:82%;left:9%}.depot-grid{gap:9px}.audio-panel{width:84%;left:8%}.audio-row{gap:10px;grid-template-columns:55px 1fr 25px}.traveler{width:30%;left:12%}.download-section{padding:55px 0}.download-layout{grid-template-columns:1fr;gap:35px}.download-layout h2{font-size:43px}.download-card{padding:22px}.release-section{padding:55px 0}.release-section .section-heading .text-link{display:inline-block;margin-top:22px}.release-notes{grid-template-columns:1fr;gap:18px}.release-notes h3{margin-bottom:4px}.release-notes .muted{margin:0}.footer{flex-wrap:wrap;gap:18px}.footer>span{order:3;flex-basis:100%;text-align:center;font-size:12px}.titlebar .window-actions{display:none}.rosette{transform:translate(-50%,-50%) scale(.9)}}
@media(max-width:400px){.nav nav{gap:10px}.nav nav>a:nth-child(2){display:none}.hero-stack{margin:8px 12px}.hero-window{width:83%}.browser-content strong{font-size:25px}.channel-picker button{padding:8px}.channel-picker small{font-size:12px}.release-version{font-size:29px}.depot-app span{width:34px;height:34px}.taskbar{left:7%;right:7%;gap:10px}.download-meta{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.depot-panel{opacity:1}.fan-a{transform:translate(-30px,-23px)}.fan-c{transform:translate(30px,23px)}}

/* Change stacking order while the cycling card fades, matching the fan behavior. */
.hw-back{animation:heroBack 9s infinite,layerBack 9s steps(1,end) infinite}.hw-middle{animation:heroMiddle 9s infinite,layerMiddle 9s steps(1,end) infinite}.hw-front{animation:heroFront 9s infinite,layerFront 9s steps(1,end) infinite}
.fan-a{animation:fanA 6s infinite,layerBack 6s steps(1,end) infinite}.fan-b{animation:fanB 6s infinite,layerMiddle 6s steps(1,end) infinite}.fan-c{animation:fanC 6s infinite,layerFront 6s steps(1,end) infinite}
@keyframes layerBack{0%,24%{z-index:1}25%,85%{z-index:3}86%,100%{z-index:1}}@keyframes layerMiddle{0%,24%{z-index:2}25%,85%{z-index:1}86%,100%{z-index:2}}@keyframes layerFront{0%,24%{z-index:3}25%,85%{z-index:2}86%,100%{z-index:3}}