@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wdth,wght@75..100,400..700&family=Onest:wght@500;600;700&display=swap";:root{--canvas:#0c0e0b;--surface:#141612;--raised:#1d201a;--paper:#efede5;--paper-2:#f8f6ef;--ink:#181a16;--text:#f4f1e8;--muted:#999c92;--dark-muted:#74776e;--line:#efede521;--line-light:#181a1624;--blue:#7795ff;--blue-dark:#3459d5;--cyan:#63d9c7;--shell:1240px;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Instrument Sans,sans-serif;overflow-x:hidden}body:before{z-index:99;opacity:.035;pointer-events:none;content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img,video{max-width:100%;display:block}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;display:block}.shell{width:min(var(--shell), calc(100% - 48px));margin-inline:auto}.nav-shell{z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1320px,100% - 40px);height:88px;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.wordmark{align-items:center;gap:9px;width:fit-content;display:inline-flex}.wordmark img{width:31px;height:31px}.wordmark>span{letter-spacing:-.05em;font-family:Onest,sans-serif;font-size:18px;font-weight:700}.wordmark small{color:var(--muted);letter-spacing:.19em;margin-left:2px;font-size:8px;font-weight:700}.nav-shell nav{align-items:center;gap:32px;display:flex}.nav-shell nav a{color:var(--muted);font-size:12px;font-weight:600;transition:color .2s}.nav-shell nav a:hover{color:var(--text)}.nav-cta{border:1px solid var(--line);color:#d7d6cf;border-radius:999px;justify-self:end;align-items:center;gap:10px;padding:10px 15px;font-size:11px;font-weight:650;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.nav-cta:hover{background:var(--raised);border-color:#f4f1e840;transform:translateY(-1px)}.nav-cta svg{width:14px;height:14px}.hero{grid-template-columns:.87fr 1.13fr;align-items:center;gap:78px;min-height:820px;padding-top:112px;display:grid;position:relative}.hero:before{z-index:-1;content:"";filter:blur(22px);background:radial-gradient(#3158c929,#0000 65%);width:62vw;height:600px;position:absolute;top:70px;left:-15vw}.eyebrow{color:#b3b5aa;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:27px;font-size:10px;font-weight:700;display:flex}.eyebrow i,.signal-row i{background:var(--cyan);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #5ad8c517,0 0 18px #5ad8c58c}h1,h2,h3,p{margin:0}h1,h2,.closing h2{letter-spacing:-.055em;font-family:Onest,sans-serif;font-weight:600}.hero h1{font-size:clamp(56px,6vw,86px);line-height:.96}.hero h1 em{color:#8f9188;font-style:normal}.hero-lead{max-width:535px;color:var(--muted);margin:29px 0 34px;font-size:14px;line-height:1.7}.hero-actions{align-items:center;gap:25px;display:flex}.button{min-height:47px;transition:transform .2s var(--ease), background .2s, box-shadow .2s;border-radius:9px;justify-content:center;align-items:center;gap:12px;padding:0 19px;font-size:12px;font-weight:700;display:inline-flex}.button svg{width:15px;height:15px}.button.primary{background:var(--blue);color:#0e1321;box-shadow:0 14px 30px #6b8cff29}.button.primary:hover{background:#809cff;transform:translateY(-2px);box-shadow:0 18px 40px #6b8cff40}.text-action{color:#bec0b6;align-items:center;gap:12px;font-size:12px;font-weight:600;display:inline-flex}.text-action span{color:var(--cyan);transition:transform .2s}.text-action:hover span{transform:translate(3px,3px)}.signal-row{border-top:1px solid var(--line);color:#71756c;letter-spacing:.08em;text-transform:uppercase;gap:22px;margin-top:62px;padding-top:19px;font-size:9px;font-weight:650;display:flex}.signal-row span{align-items:center;gap:8px;display:flex}.signal-row i{width:5px;height:5px;box-shadow:none}.hero-product{perspective:1000px;position:relative}.browser-frame{background:#080908;border:1px solid #f4f1e829;border-radius:13px;overflow:hidden;box-shadow:0 50px 100px #00000061,0 0 0 1px #0000004d}.hero-frame{transform:rotateY(-2.5deg)rotateX(1deg)}.browser-top{background:#171916;border-bottom:1px solid #292b27;grid-template-columns:1fr auto 1fr;align-items:center;height:44px;padding:0 14px;display:grid}.traffic{gap:5px;display:flex}.traffic i{background:#4c4f49;border-radius:50%;width:6px;height:6px}.traffic i:first-child{background:#6c7167}.url-pill{color:#969a90;background:#111310;border:1px solid #2c2f29;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:155px;padding:7px 14px;font-size:8px;display:flex}.url-pill svg{width:11px;height:11px}.live-pill{color:#878b81;justify-self:end;align-items:center;gap:6px;font-size:7px;font-weight:700;display:flex}.live-pill i,.status-ready i,.preview-heading small i,.agent-status i{background:var(--cyan);border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 9px #5ad8c5b3}.video-shell{aspect-ratio:1.6;background:#090a09;position:relative;overflow:hidden}.video-shell video{object-fit:cover;width:100%;height:100%}.video-shell:after{pointer-events:none;content:"";background:linear-gradient(#0000 72%,#05060566);position:absolute;inset:0}.video-toggle{z-index:3;backdrop-filter:blur(12px);cursor:pointer;background:#0b0c0bb8;border:1px solid #ffffff2b;border-radius:7px;place-items:center;width:31px;height:31px;display:grid;position:absolute;bottom:13px;right:13px}.video-toggle svg{color:#fff;width:14px;height:14px}.video-toggle .play-icon,.video-toggle.is-paused .pause-icon{display:none}.video-toggle.is-paused .play-icon{display:block}.motion-cue{z-index:3;color:#b6eee5;opacity:0;background:#090f0dbf;border:1px solid #5ad8c561;border-radius:5px;padding:7px 9px;font-size:7px;font-weight:650;animation:9s ease-in-out 2.5s infinite cue;position:absolute;top:38%;right:18%}.motion-cue i{background:var(--cyan);width:1px;height:22px;position:absolute;top:100%;left:18px}.capture-status{color:#70746a;border-top:1px solid #272925;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;height:49px;padding:0 15px;font-size:7px;display:grid}.capture-name{color:#aeb0a8;align-items:center;gap:7px;display:flex}.capture-name i{border:1px solid var(--blue);background:#6b8cff33;border-radius:2px;width:6px;height:6px}.mini-track{background:#30332d;border-radius:4px;height:3px;position:relative}.mini-track b{border-radius:inherit;background:var(--blue);width:52%;height:100%;display:block}.mini-track i{border:2px solid var(--blue);background:#131512;border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;left:51%}.hero-command{backdrop-filter:blur(14px);background:#191c17cc;border:1px solid #f4f1e821;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:84%;min-height:58px;margin:17px auto 0;padding:0 16px;display:grid;box-shadow:0 19px 45px #00000047}.hero-command p{color:#b4b7ad;font-size:10px}.command-mark{color:var(--blue);font-size:18px}.command-key{color:#71756c;border:1px solid #343731;border-radius:5px;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.orbit-label{z-index:5;background:var(--surface);color:#8f9389;letter-spacing:.06em;text-transform:uppercase;border:1px solid #f4f1e81f;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:7px;font-weight:650;display:flex;position:absolute;box-shadow:0 12px 30px #0000004d}.orbit-label i{background:var(--blue);border-radius:50%;width:5px;height:5px}.label-a{top:14%;left:-55px}.label-b{bottom:22%;right:-47px}.label-b i{background:var(--cyan)}.reveal{animation:reveal .85s var(--ease) both;animation-delay:var(--delay)}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#111310;overflow:hidden}.marquee>div{color:#5d6158;letter-spacing:.15em;align-items:center;gap:31px;width:max-content;height:55px;padding-left:31px;font-size:8px;font-weight:700;animation:30s linear infinite marquee;display:flex}.marquee i{background:var(--cyan);opacity:.7;border-radius:50%;width:4px;height:4px}.showcase{background:var(--paper);color:var(--ink)}.section-heading{opacity:0;transition:opacity .75s var(--ease), transform .75s var(--ease);grid-template-columns:1.1fr .9fr;align-items:end;gap:90px;margin-bottom:70px;display:grid;transform:translateY(22px)}.section-heading.in-view{opacity:1;transform:none}.section-kicker{color:var(--blue-dark);letter-spacing:.18em;margin-bottom:20px;font-size:9px;font-weight:750;display:block}.section-heading h2{font-size:clamp(46px,5vw,70px);line-height:1.02}.section-heading>p{max-width:430px;color:var(--muted);font-size:14px;line-height:1.7}.showcase-grid{grid-template-columns:.58fr 1.42fr;align-items:center;gap:70px;display:grid}.sample-list{border-top:1px solid var(--line-light)}.sample-row{border:0;border-bottom:1px solid var(--line-light);width:100%;min-height:86px;color:var(--ink);text-align:left;cursor:pointer;transition:padding .25s var(--ease), background .25s;background:0 0;grid-template-columns:35px 1fr auto 20px;align-items:center;gap:14px;padding:0;display:grid}.sample-row:hover,.sample-row.active{background:#ffffff8c;padding-inline:12px}.sample-index{color:#9d9f97;font-size:8px;font-weight:700}.sample-title{flex-direction:column;gap:4px;display:flex}.sample-title b{font-family:Onest;font-size:17px}.sample-title small{color:#898c84;font-size:9px}.sample-duration{color:#7a7d74;font:600 9px monospace}.sample-row>svg{color:#8a8c85;opacity:0;width:16px;height:16px;transition:opacity .2s,transform .2s;transform:translate(-4px)}.sample-row:hover>svg,.sample-row.active>svg{opacity:1;transform:none}.sample-row.active .sample-index{color:var(--blue-dark)}.sample-note{border:1px dashed #cac9c1;border-radius:8px;gap:12px;margin-top:25px;padding:14px;display:flex}.sample-note>i{background:#198477;border-radius:50%;flex:none;width:7px;height:7px;margin-top:3px;box-shadow:0 0 0 4px #1984771a}.sample-note p{flex-direction:column;gap:3px;display:flex}.sample-note b{font-size:10px}.sample-note span{color:#85877f;font-size:9px}.sample-stage{background:#e6e3d8;border:1px solid #cfcec6;border-radius:16px;padding:18px;box-shadow:0 32px 70px #26292221}.stage-meta{justify-content:space-between;align-items:center;padding:2px 3px 16px;display:flex}.stage-meta>div{flex-direction:column;gap:4px;display:flex}.stage-meta>div:last-child{align-items:flex-end}.stage-meta span{font-size:10px;font-weight:700}.stage-meta small{color:#777a71;font-size:8px}.status-ready{color:#30756d}.active-sample-size{color:#80837b;font:600 8px monospace!important}.sample-browser{border-color:#00000073;border-radius:9px;box-shadow:0 25px 45px #12141038}.sample-browser video{aspect-ratio:1.6;object-fit:cover;background:#060706;width:100%}.expand-button{color:#7f8379;cursor:pointer;background:0 0;border:0;justify-self:end}.expand-button svg{width:13px;height:13px}.studio-section{background:var(--canvas);color:var(--text)}.section-heading.inverted .section-kicker{color:var(--cyan)}.section-heading.inverted>p{color:var(--muted)}.studio-window{border:1px solid var(--line);opacity:0;min-height:625px;transition:opacity .8s var(--ease), transform .8s var(--ease);background:#10120f;border-radius:16px;grid-template-columns:155px 310px 1fr;display:grid;overflow:hidden;transform:translateY(24px)scale(.985);box-shadow:0 50px 100px #00000059}.studio-window.in-view{opacity:1;transform:none}.studio-sidebar{border-right:1px solid var(--line);background:#121411;flex-direction:column;padding:21px 14px;display:flex}.studio-brand{align-items:center;gap:9px;margin-bottom:34px;padding:0 6px;display:flex}.studio-brand img{width:27px;height:27px}.studio-brand span{font-family:Onest;font-size:12px;font-weight:700}.studio-brand small{color:#74776f;letter-spacing:.13em;margin-left:2px;font:700 6px Instrument Sans}.side-item{color:#696d64;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:10px;font-size:9px;font-weight:650;display:flex}.side-item svg{width:14px;height:14px}.side-item.active{background:var(--raised);color:#d7d9d1}.sidebar-bottom{border-top:1px solid var(--line);color:#55594f;letter-spacing:.13em;justify-content:space-between;align-items:center;margin-top:auto;padding:10px 7px 0;font-size:7px;font-weight:700;display:flex}.sidebar-bottom i{background:var(--cyan);border-radius:50%;width:5px;height:5px}.studio-controls{border-right:1px solid var(--line);background:#171916;flex-direction:column;gap:23px;padding:25px 21px;display:flex}.control-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding-bottom:18px;display:flex}.control-title>div{flex-direction:column;gap:4px;display:flex}.control-title b{font-size:12px}.control-title span{color:#666a61;font-size:8px}.control-title button{color:#55594f;background:0 0;border:0}.ui-field{flex-direction:column;gap:8px;display:flex}.ui-field>span,.control-label>span{color:#a7aaa1;font-size:9px;font-weight:650}.url-input{color:#c2c4bc;background:#1d201b;border:1px solid #343730;border-radius:7px;align-items:center;gap:9px;height:38px;padding:0 11px;font-size:8px;display:flex}.url-input svg{color:#70746a;width:13px;height:13px}.control-block{flex-direction:column;gap:10px;display:flex}.control-label{justify-content:space-between;align-items:center;display:flex}.control-label small{color:#686c63;font-size:7px}.segmented{background:#121411;border:1px solid #30332d;border-radius:7px;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;padding:3px;display:grid}.segmented button{color:#696d64;cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:29px;padding:0 7px;font-size:7px;font-weight:650}.segmented button.active{color:#e1e2dc;background:#292c26;box-shadow:inset 0 0 0 1px #373a33}.curve-card{background:#121411;border:1px solid #30332d;border-radius:7px;height:94px;position:relative;overflow:hidden}.curve-card svg{width:100%;height:100%}.curve-grid{stroke:#272a25;stroke-width:1px}.curve-line{fill:none;stroke:var(--blue);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-dasharray:400;animation:3.4s ease-in-out infinite curveDraw}.curve-card>i{border:2px solid var(--blue);width:7px;height:7px;animation:curveDot 3.4s var(--ease) infinite;background:#121411;border-radius:50%;position:absolute;bottom:5px;left:4px}.capture-button{background:var(--blue);color:#111725;cursor:pointer;border:0;border-radius:7px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:42px;margin-top:auto;padding:0 13px;font-size:9px;font-weight:750;display:grid}.capture-button small{opacity:.55;font-size:7px}.record-dot{border:2px solid;border-radius:50%;width:7px;height:7px}.capture-button.running .record-dot{animation:1s infinite pulse}.studio-preview{background:#0f110e;grid-template-rows:55px 1fr 54px;min-width:0;display:grid}.preview-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.preview-heading>span{font-size:10px;font-weight:650}.preview-heading small{color:#6e7268;align-items:center;gap:7px;font-size:7px;display:flex}.preview-canvas{background-color:#151713;background-image:linear-gradient(#f4f1e806 1px,#0000 1px),linear-gradient(90deg,#f4f1e806 1px,#0000 1px);background-size:20px 20px;place-items:center;min-height:0;padding:42px;display:grid;overflow:hidden}.device-preview{--device-ratio:1.6;width:min(100%,650px);aspect-ratio:var(--device-ratio);transition:width .5s var(--ease), aspect-ratio .5s var(--ease);background:#070807;border:1px solid #33362f;border-radius:7px;position:relative;overflow:hidden;box-shadow:0 25px 55px #00000059}.device-preview.mobile{width:min(48%,280px)}.device-preview video{object-fit:cover;width:100%;height:100%}.capture-overlay{opacity:0;pointer-events:none;backdrop-filter:blur(5px);background:#080a08d4;grid-template-columns:1fr auto;align-content:center;gap:10px;padding:20%;transition:opacity .25s;display:grid;position:absolute;inset:0}.capture-overlay.visible{opacity:1}.capture-overlay span,.capture-overlay b{color:#d5d7cf;font-size:9px}.capture-overlay>div{background:#32352f;border-radius:4px;grid-column:1/-1;height:3px;overflow:hidden}.capture-overlay>div i{background:var(--blue);width:0;height:100%;transition:width 50ms linear;display:block}.capture-overlay small{color:#6e7268;grid-column:1/-1;font-size:7px}.preview-timeline{border-top:1px solid var(--line);color:#666a61;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:10px;padding:0 20px;font-size:7px;display:grid}.preview-timeline button{color:#90938b;background:0 0;border:0;padding:0}.preview-timeline button svg{width:13px;height:13px}.preview-timeline>div{background:#30332d;border-radius:4px;height:3px;position:relative}.preview-timeline>div i{border-radius:inherit;background:#8c8f87;width:43%;height:100%;display:block}.preview-timeline>div b{background:#10120f;border:2px solid #aaa;border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;left:42%}.mcp-section{background:var(--paper);color:var(--ink)}.mcp-grid{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);grid-template-columns:1.07fr .93fr;gap:20px;display:grid;transform:translateY(20px)}.mcp-grid.in-view{opacity:1;transform:none}.agent-card,.usage-card{background:var(--paper-2);border:1px solid #cfcec5;border-radius:15px;min-height:560px}.agent-card{padding:28px}.agent-top{border-bottom:1px solid #deddd5;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding-bottom:25px;display:grid}.agent-avatar{background:var(--ink);width:34px;height:34px;color:var(--paper);border-radius:9px;place-items:center;font-family:Onest;font-size:13px;display:grid}.agent-top>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.agent-top b{font-size:11px}.agent-top span{color:#878a81;font-size:8px}.agent-status{letter-spacing:.09em;align-items:center;gap:7px;font-weight:750;display:flex;color:#347d74!important}.prompt-bubble{color:#363832;background:#fff;border:1px solid #d9d8d0;border-radius:10px 10px 3px;margin:26px 0;padding:17px 19px;font-size:11px;line-height:1.55;box-shadow:0 8px 20px #1c1f190a}.tool-call{border-bottom:1px solid #e0dfd7;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px 0;display:grid}.tool-icon{width:31px;height:31px;color:var(--blue-dark);background:#f0eee7;border:1px solid #d2d2ca;border-radius:8px;place-items:center;display:grid}.tool-icon svg{width:14px;height:14px}.tool-call>div:nth-child(2){flex-direction:column;gap:4px;display:flex}.tool-call span{font:650 9px monospace}.tool-call small{color:#8e9088;font-size:8px}.tool-call>b{color:#92948c;font:600 8px monospace}.agent-result{background:#5ad8c514;border:1px solid #087e7240;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-top:26px;padding:16px;display:grid}.result-mark{color:#14786d;background:#d9eee8;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.result-mark svg{stroke-width:2px;width:15px;height:15px}.agent-result>div:nth-child(2){flex-direction:column;gap:4px;display:flex}.agent-result b{font-size:9px}.agent-result span{color:#758078;font-size:8px}.agent-result button{color:#357b73;background:0 0;border:1px solid #bfdbd4;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.agent-result button svg{width:13px;height:13px}.usage-card{color:var(--text);background:#171914;padding:28px}.usage-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:23px;display:flex}.usage-head>div{color:#96998f;letter-spacing:.12em;align-items:center;gap:8px;font-size:8px;font-weight:700;display:flex}.info-dot{color:#8c9087;background:0 0;border:1px solid #484b44;border-radius:50%;place-items:center;width:16px;height:16px;padding:0;font:700 8px serif;display:grid}.estimate-badge{color:#9cafed;letter-spacing:.12em;background:#6b8cff14;border:1px solid #6b8cff40;border-radius:5px;padding:6px 8px;font-size:6px;font-weight:750}.usage-total{align-items:baseline;gap:9px;margin-top:30px;display:flex}.usage-total span{letter-spacing:-.055em;font-family:Onest;font-size:52px;font-weight:600}.usage-total small{color:#7d8178;font-size:10px}.usage-caption{color:#74786e;margin-top:5px;font-size:9px}.usage-presets{background:#111310;border:1px solid #30332d;border-radius:7px;grid-template-columns:repeat(3,1fr);gap:3px;margin:25px 0;padding:3px;display:grid}.usage-presets button{color:#6c7067;cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:30px;font-size:7px;font-weight:650}.usage-presets button.active{color:#e2e3dd;background:#292c26}.usage-bars{flex-direction:column;gap:17px;display:flex}.usage-row>div:first-child{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.usage-row span{color:#a2a59c;font-size:8px}.usage-row b{color:#90948a;font:500 8px monospace}.usage-track{background:#30332d;border-radius:5px;height:4px;overflow:hidden}.usage-track i{width:var(--width);border-radius:inherit;background:var(--blue);height:100%;transition:width .55s var(--ease);display:block}.usage-row:nth-child(2) .usage-track i{background:var(--cyan)}.usage-row:nth-child(3) .usage-track i{background:#a7b7ed}.usage-row:nth-child(4) .usage-track i{background:#6f746a}.usage-foot{border-top:1px solid var(--line);gap:10px;margin-top:25px;padding-top:17px;display:flex}.usage-foot svg{color:#666a60;flex:none;width:14px;height:14px}.usage-foot p{color:#71756c;font-size:7px;line-height:1.5}.feature-section{background:var(--paper);color:var(--ink);padding:125px 0 145px}.feature-intro{border-bottom:1px solid var(--line-light);justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:30px;display:flex}.feature-intro .section-kicker{margin:0}.feature-intro p{letter-spacing:-.035em;max-width:410px;font-family:Onest;font-size:22px;line-height:1.35}.feature-list article{border-bottom:1px solid var(--line-light);opacity:0;min-height:142px;transition:opacity .6s var(--ease), transform .6s var(--ease), padding .25s, background .25s;grid-template-columns:70px .8fr 1.25fr auto;align-items:center;gap:30px;display:grid;transform:translateY(14px)}.feature-list article.in-view{opacity:1;transform:none}.feature-list article:hover{background:#fff6;padding-inline:15px}.feature-list article>span{color:#96998f;font-size:9px;font-weight:700}.feature-list h3{letter-spacing:-.04em;max-width:310px;font-family:Onest;font-size:20px;line-height:1.2}.feature-list p{color:#6d7068;max-width:500px;font-size:12px;line-height:1.65}.feature-list small{color:#888b82;letter-spacing:.07em;text-transform:uppercase;font-size:7px;font-weight:700}.closing{border-top:1px solid var(--line);grid-template-columns:130px 1fr .68fr;align-items:center;gap:55px;min-height:450px;display:grid}.closing-mark{border:1px solid var(--line);background:var(--surface);border-radius:50%;place-items:center;width:100px;height:100px;display:grid}.closing-mark img{width:53px;height:53px}.closing h2{font-size:clamp(43px,5vw,70px);line-height:1.02}.closing .section-kicker{color:var(--cyan)}.closing-action{place-self:center end}.closing-action p{max-width:315px;color:var(--muted);margin-bottom:24px;font-size:12px;line-height:1.65}.footer{border-top:1px solid var(--line);color:#696d64;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:45px;min-height:96px;font-size:8px;display:grid}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes cue{0%,27%,to{opacity:0;transform:translateY(8px)}34%,48%{opacity:1;transform:none}55%{opacity:0;transform:translateY(-5px)}}@keyframes curveDraw{0%{stroke-dashoffset:400px}55%,to{stroke-dashoffset:0}}@keyframes curveDot{0%{bottom:5px;left:4px}24%{bottom:45%;left:22%}50%{bottom:82%;left:49%}76%{bottom:42%;left:75%}to{bottom:5px;left:calc(100% - 11px)}}@keyframes pulse{50%{opacity:.5;transform:scale(.6)}}@media (width<=1050px){.hero{gap:42px}.studio-window{grid-template-columns:105px 280px 1fr}.studio-brand small,.side-item{font-size:0}.side-item svg{width:17px;height:17px}.feature-list article{grid-template-columns:45px .9fr 1.15fr}.feature-list article small{display:none}}@media (width<=820px){.section-pad{padding-block:105px}.nav-shell{grid-template-columns:1fr auto}.nav-shell nav{display:none}.hero{grid-template-columns:1fr;min-height:0;padding-top:150px;padding-bottom:100px}.hero-copy{max-width:650px}.hero-product{width:min(720px,100%);margin-inline:auto}.label-a{left:-10px}.label-b{right:-10px}.section-heading{grid-template-columns:1fr;gap:28px;margin-bottom:50px}.showcase-grid{grid-template-columns:1fr;gap:40px}.sample-list{grid-template-columns:1fr 1fr;display:grid}.sample-note{display:none}.sample-row{border-right:1px solid var(--line-light)}.studio-window{grid-template-columns:260px 1fr}.studio-sidebar{display:none}.mcp-grid{grid-template-columns:1fr}.agent-card,.usage-card{min-height:auto}.feature-list article{grid-template-columns:40px 1fr;padding:25px 0}.feature-list article p{grid-column:2}.closing{grid-template-columns:90px 1fr;gap:35px;padding:85px 0}.closing-mark{width:80px;height:80px}.closing-action{grid-column:2;justify-self:start}.footer{grid-template-columns:1fr auto}.footer>p,.footer>span{display:none}}@media (width<=580px){.shell{width:calc(100% - 30px)}.nav-shell{width:calc(100% - 28px)}.wordmark small{display:none}.nav-cta{padding-inline:12px;font-size:10px}.hero{padding-top:125px;padding-bottom:80px}.hero h1{font-size:49px}.hero-lead{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start}.signal-row{flex-wrap:wrap;margin-top:45px}.orbit-label{display:none}.hero-command{width:94%}.hero-command p{font-size:8px}.browser-top{height:38px}.url-pill{min-width:120px}.capture-status{height:42px}.section-heading h2{font-size:43px}.section-heading>p{font-size:13px}.sample-list{grid-template-columns:1fr}.sample-row{border-right:0;min-height:73px}.sample-stage{border-radius:11px;padding:10px}.stage-meta{padding:4px 2px 12px}.active-sample-detail{max-width:210px}.studio-window{grid-template-columns:1fr;min-height:580px}.studio-controls{display:none}.studio-preview{min-height:580px}.preview-canvas{padding:22px}.device-preview.mobile{width:min(64%,280px)}.mcp-section .section-heading h2{font-size:41px}.agent-card,.usage-card{border-radius:11px;padding:20px}.agent-top{grid-template-columns:auto 1fr}.agent-status{display:none}.tool-call small{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.usage-total span{font-size:45px}.usage-presets button{font-size:6px}.feature-intro{flex-direction:column;align-items:flex-start}.feature-list article{grid-template-columns:30px 1fr;gap:14px}.closing{grid-template-columns:1fr;gap:28px}.closing-mark{width:68px;height:68px}.closing-mark img{width:40px;height:40px}.closing-action{grid-column:1}.footer nav{gap:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.section-pad{padding-block:120px}.hero{text-align:center;flex-direction:column;justify-content:center;gap:58px;min-height:1020px;padding-top:130px;padding-bottom:70px;display:flex}.hero:before{background:radial-gradient(#3158c924,#0000 67%);width:900px;height:700px;top:60px;left:50%;transform:translate(-50%)}.hero-copy{z-index:2;max-width:760px;margin-inline:auto;position:relative}.hero h1{letter-spacing:-.058em;font-size:clamp(50px,5.4vw,74px);line-height:1.01}.hero-lead{color:#9a9d94;max-width:560px;margin:21px auto 28px;font-size:15px;line-height:1.65}.hero-actions{justify-content:center;gap:22px}.hero-flow{color:#868a80;backdrop-filter:blur(10px);background:#151713b3;border:1px solid #f4f1e81a;border-radius:999px;align-items:center;gap:11px;width:fit-content;margin:28px auto 0;padding:8px;font-size:8px;display:flex}.hero-flow span{align-items:center;gap:7px;padding:4px 8px;display:flex}.hero-flow i{color:var(--cyan);font:600 6px monospace}.hero-flow b{color:#454940;font-size:9px;font-weight:400}.hero-product{--hero-shift:0px;--hero-scale:1;width:min(1010px,94%);transform:translateY(var(--hero-shift)) scale(var(--hero-scale));transform-origin:top;perspective:none;will-change:transform;margin-inline:auto}.hero-glow{z-index:-1;filter:blur(45px);opacity:.72;background:radial-gradient(#6b8cff38,#5ad8c50f 44%,#0000 72%);border-radius:50%;position:absolute;inset:8% 5% -5%}.hero-frame{border-color:#f4f1e830;border-radius:15px;transform:none;box-shadow:0 55px 120px #0000007a,0 0 0 1px #6b8cff0d}.hero-frame .browser-top{height:46px}.hero-frame .video-shell{aspect-ratio:1.6}.hero-command{z-index:4;background:#191c17e6;border-color:#f4f1e829;width:min(560px,76%);min-height:54px;margin:-18px auto 0;position:relative;box-shadow:0 20px 50px #0006}.command-mark{background:#5ad8c51a;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.command-mark i{background:var(--cyan);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #5ad8c5b3}.command-key{letter-spacing:.04em;border-radius:999px;width:auto;height:auto;padding:5px 8px;font-size:7px}.scroll-cue{color:#62665d;letter-spacing:.09em;text-transform:uppercase;flex-direction:column;align-items:center;gap:10px;margin-top:4px;font-size:8px;font-weight:650;display:flex}.scroll-cue i{background:#2d302b;width:1px;height:30px;position:relative;overflow:hidden}.scroll-cue i:after{content:"";background:var(--cyan);height:100%;animation:2.2s ease-in-out infinite scrollDrop;position:absolute;inset:-100% 0 auto}.section-heading{gap:70px;margin-bottom:58px}.section-heading h2{letter-spacing:-.052em;font-size:clamp(39px,4.2vw,56px);line-height:1.06}.section-heading>p{font-size:14px;line-height:1.72}.feature-section{padding:120px 0 140px}.feature-intro{border:0;align-items:end;padding-bottom:42px}.feature-intro h2{font-size:clamp(38px,4vw,54px);line-height:1.06}.feature-intro p{color:#676a62;letter-spacing:0;max-width:430px;font:400 14px/1.7 Instrument Sans}.feature-visual-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.visual-feature{opacity:0;min-width:0;transition:opacity .7s var(--ease), transform .7s var(--ease), box-shadow .3s, border-color .3s;background:#faf8f1bd;border:1px solid #d4d3cb;border-radius:14px;overflow:hidden;transform:translateY(24px)}.visual-feature:nth-child(2){transition-delay:80ms}.visual-feature:nth-child(3){transition-delay:.16s}.visual-feature:hover{border-color:#bfc0b7;box-shadow:0 24px 50px #1e211b17}.feature-visual{background-color:#e8e6dd;background-image:linear-gradient(#1719140b 1px,#0000 1px),linear-gradient(90deg,#1719140b 1px,#0000 1px);background-size:20px 20px;border-bottom:1px solid #d9d8d0;height:270px;position:relative;overflow:hidden}.feature-copy{min-height:165px;padding:24px 25px 27px}.feature-copy h3{letter-spacing:-.035em;margin-bottom:10px;font:600 18px/1.25 Onest}.feature-copy p{color:#72756d;font-size:12px;line-height:1.65}.motion-page{width:58%;height:360px;animation:pageTravel 5s var(--ease) infinite alternate;background:#f8f6ef;border:1px solid #c6c7be;border-radius:9px;padding:18px;position:absolute;top:38px;left:50%;transform:translate(-50%);box-shadow:0 20px 45px #1f221c1f}.motion-page>span{background:#d8d8d0;border-radius:4px;height:8px;margin-bottom:11px;display:block}.motion-page>span:nth-child(2){width:64%}.motion-page>span:nth-child(3){background:#e5e3dc;height:74px;margin-top:21px}.motion-page>span:nth-child(4){background:#deddd5;height:95px;margin-top:20px}.view-window{z-index:2;border:1px solid #3158c999;border-radius:6px;height:175px;position:absolute;top:18px;left:10px;right:10px;box-shadow:0 0 0 200px #e8e6dd85}.motion-rail{background:#d0d0c8;border-radius:4px;width:3px;position:absolute;top:34px;bottom:34px;right:24px}.motion-rail i{border-radius:inherit;background:var(--blue-dark);width:100%;height:64%;animation:railFill 5s var(--ease) infinite alternate;display:block}.motion-rail b{border:2px solid var(--blue-dark);background:var(--paper);width:9px;height:9px;animation:railThumb 5s var(--ease) infinite alternate;border-radius:50%;position:absolute;top:62%;left:-3px}.motion-readout{background:#faf8f1e6;border:1px solid #d0d0c8;border-radius:6px;gap:7px;padding:7px 9px;font-size:8px;display:flex;position:absolute;bottom:18px;left:20px}.motion-readout span{color:#85877f}.demo-interface{background:#f9f7f0;border:1px solid #cbc9c1;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:28px;display:flex;position:absolute;inset:58px 34px;box-shadow:0 20px 42px #1e211b1a}.demo-label{letter-spacing:-.04em;max-width:190px;font:600 18px/1.22 Onest}.demo-interface button{color:#4d5049;background:0 0;border:1px solid #c9c8c0;border-radius:7px;padding:10px 13px;font-size:8px;transition:color .25s,background .25s,border-color .25s,transform .25s}.demo-interface button i{margin-left:7px;font-style:normal}.demo-cursor{z-index:3;color:var(--blue-dark);filter:drop-shadow(0 3px 5px #0000002e);animation:cursorVisit 4.2s var(--ease) infinite;position:absolute;top:63%;left:39%}.demo-cursor svg{width:25px;height:25px;fill:var(--paper-2);stroke-width:1.4px}.interaction-map:hover .demo-interface button,.interaction-map:has(.demo-cursor) .demo-interface button{animation:4.2s ease-in-out infinite buttonHover}.safe-pill{color:#397a72;background:#faf8f1d1;border:1px solid #087e7238;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-size:7px;display:flex;position:absolute;top:18px;right:19px}.safe-pill i{background:#168477;border-radius:50%;width:5px;height:5px}.workflow-map{background-color:#171914;border-color:#2b2e29}.flow-line{background:#3b3e38;height:1px;position:absolute;top:50%;left:42px;right:42px;overflow:hidden}.flow-line i{background:var(--cyan);width:34%;height:100%;box-shadow:0 0 12px var(--cyan);animation:3.2s ease-in-out infinite flowTravel;display:block}.flow-node{color:#d1d3cb;background:#1d201b;border:1px solid #3d403a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:68px;height:68px;animation:3.2s ease-in-out infinite nodePulse;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.flow-node span{color:#656960;font-size:7px}.flow-node b{font-size:8px}.node-one{left:21%}.node-two{animation-delay:.35s;left:50%}.node-three{animation-delay:.7s;left:79%}.output-chip{color:#8e9288;background:#20231e;border:1px solid #353832;border-radius:6px;align-items:center;gap:6px;padding:7px 9px;font:7px monospace;display:flex;position:absolute;bottom:15px;right:18px}.output-chip i{background:var(--blue);border-radius:2px;width:5px;height:5px}.closing-section{background:radial-gradient(ellipse 55% 70% at 20% 50%, #6b8cff1f, transparent 70%), var(--canvas);position:relative;overflow:hidden}.closing-section:before{content:"";background-image:linear-gradient(#f4f1e806 1px,#0000 1px),linear-gradient(90deg,#f4f1e806 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#000,#0000 75%)}.closing{border:0;grid-template-columns:1fr 1fr;gap:90px;min-height:700px;position:relative}.closing-visual{aspect-ratio:1;place-items:center;width:min(440px,40vw);display:grid;position:relative}.closing-ring{opacity:0;border:1px solid #f4f1e81a;border-radius:50%;position:absolute;transform:scale(.65)}.ring-one{inset:11%}.ring-two{inset:24%}.ring-three{border-color:#5ad8c529;inset:36%}.closing.in-view .closing-ring{animation:ringReveal 1.1s var(--ease) forwards}.closing.in-view .ring-two{animation-delay:.12s}.closing.in-view .ring-three{animation-delay:.22s}.closing-mark{z-index:2;opacity:0;background:#171a16;border-color:#6b8cff47;width:104px;height:104px;position:relative;transform:scale(.72)rotate(-8deg);box-shadow:0 0 80px #6b8cff29}.closing.in-view .closing-mark{animation:markArrive 1s var(--ease) .28s forwards}.closing-path{background:#292c27;height:1px;position:absolute;top:50%;left:50%;right:-10%;overflow:hidden}.closing-path i{background:linear-gradient(90deg,var(--cyan),var(--blue));width:0;height:100%;display:block}.closing.in-view .closing-path i{animation:pathDraw 1.15s var(--ease) .6s forwards}.closing-copy{z-index:2;position:relative}.closing-copy h2{font-size:clamp(44px,4.6vw,64px);line-height:1.05}.closing-copy>p{color:var(--muted);margin:21px 0 28px;font-size:14px}.closing-actions{align-items:center;gap:22px;display:flex}.closing-link{color:#a5a89e;font-size:11px;font-weight:650}.closing-link span{color:var(--cyan);margin-left:7px;transition:transform .2s;display:inline-block}.closing-link:hover span{transform:translateY(-3px)}.footer{border-top:1px solid var(--line);color:#74786e;background:#10120f;min-height:0;display:block}.footer-main{justify-content:space-between;align-items:center;gap:40px;min-height:150px;display:flex}.footer-brand{flex-direction:column;gap:12px;display:flex}.footer-brand p{font-size:10px}.footer .wordmark{color:var(--text)}.footer nav{gap:28px;display:flex}.footer nav a{font-size:10px;transition:color .2s}.footer nav a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--line);color:#51554d;letter-spacing:.05em;justify-content:space-between;align-items:center;min-height:54px;font-size:8px;display:flex}@keyframes scrollDrop{0%{transform:translateY(0)}75%,to{transform:translateY(200%)}}@keyframes pageTravel{to{transform:translate(-50%,-98px)}}@keyframes railFill{to{height:92%}}@keyframes railThumb{to{top:89%}}@keyframes cursorVisit{0%,15%{opacity:0;transform:translate(80px,46px)}30%,62%{opacity:1;transform:translate(8px)}80%,to{opacity:0;transform:translate(8px)}}@keyframes buttonHover{0%,28%,78%,to{color:#4d5049;background:0 0;border-color:#c9c8c0;transform:none}38%,68%{color:#fff;background:var(--blue-dark);border-color:var(--blue-dark);transform:translateY(-2px)}}@keyframes flowTravel{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes nodePulse{0%,to{box-shadow:none;border-color:#3d403a}40%{border-color:#5ad8c58c;box-shadow:0 0 22px #5ad8c51a}}@keyframes ringReveal{to{opacity:1;transform:scale(1)}}@keyframes markArrive{to{opacity:1;transform:scale(1)rotate(0)}}@keyframes pathDraw{to{width:100%}}@media (width<=900px){.hero{gap:48px;min-height:880px}.feature-visual-grid{grid-template-columns:1fr}.visual-feature{grid-template-columns:1.05fr .95fr;display:grid}.feature-visual{border-bottom:0;border-right:1px solid #d9d8d0;height:260px}.feature-copy{align-self:center;min-height:auto}.closing{grid-template-columns:.8fr 1.2fr;gap:45px;min-height:620px}.closing-visual{width:min(330px,38vw)}}@media (width<=620px){.section-pad{padding-block:88px}.hero{gap:44px;min-height:790px;padding-top:116px;padding-bottom:48px}.hero h1{font-size:46px}.hero-lead{max-width:330px;font-size:13px}.hero-actions{flex-direction:row;align-items:center;gap:18px}.hero-actions .button{min-height:44px;padding-inline:15px;font-size:10px}.text-action{font-size:10px}.hero-product{width:100%}.hero-frame{border-radius:10px}.hero-frame .browser-top{height:38px}.hero-command{width:91%;min-height:48px;padding-inline:11px}.hero-command p{text-align:left;font-size:7px}.scroll-cue{display:none}.section-heading h2{font-size:37px}.feature-section{padding:88px 0 100px}.feature-intro{align-items:flex-start;gap:18px;padding-bottom:30px}.feature-intro h2{font-size:37px}.feature-intro p{font-size:13px}.feature-visual-grid{gap:12px}.visual-feature{display:block}.feature-visual{border-bottom:1px solid #d9d8d0;border-right:0;height:245px}.feature-copy{min-height:145px}.closing{text-align:center;grid-template-columns:1fr;gap:0;min-height:670px;padding:70px 0}.closing-visual{width:270px;margin:0 auto -20px}.closing-path{display:none}.closing-copy h2{font-size:42px}.closing-actions{justify-content:center}.footer-main{flex-direction:column;justify-content:center;align-items:flex-start;gap:28px;min-height:180px}.footer nav{justify-content:space-between;gap:10px;width:100%}.footer-bottom{font-size:7px}}.hero-copy{max-width:820px}.hero h1{color:#0000;background:linear-gradient(#fffdf6 15%,#e2e1da 70%,#989b92) text}.hero h1 em{color:#0000}.hero-product{width:min(1160px,97%)}.hero-frame{background:linear-gradient(145deg,#ffffff06,#0000 30%),#080908;border-color:#f4f1e838;position:relative;box-shadow:0 64px 150px #0000008f,0 0 0 1px #6b8cff14}.hero-frame:before{z-index:4;border-radius:inherit;pointer-events:none;content:"";background:linear-gradient(110deg,#ffffff2e,#0000 24% 72%,#5ad8c51c) border-box;border:1px solid #0000;position:absolute;inset:-1px;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:padding-box,border-box;mask-origin:padding-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.hero-glow{background:radial-gradient(#6b8cff40,#5ad8c50b 48%,#0000 73%);inset:12% 0 -8%}.showcase .shell{width:min(1320px,100% - 48px)}.showcase .section-heading{max-width:1120px;margin-inline:auto}.showcase-grid{flex-direction:column;gap:18px;display:flex}.sample-list{border:0;order:0;grid-template-columns:1fr 1fr 1.1fr;gap:8px;display:grid}.sample-row{background:#faf8f17a;border:1px solid #d2d1c9;border-radius:9px;grid-template-columns:28px 1fr auto 18px;min-height:68px;padding:0 14px}.sample-row:hover,.sample-row.active{background:var(--paper-2);border-color:#b9bbb1;padding-inline:14px;box-shadow:0 10px 26px #1b1e180f}.sample-note{background:#e6e3d87a;border-style:solid;align-items:center;min-height:68px;margin:0;padding:0 16px}.sample-stage{--scroll-progress:0;--scroll-shift:36px;--scroll-scale:.96;transform:translateY(var(--scroll-shift)) scale(var(--scroll-scale));transform-origin:top;will-change:transform;border-radius:18px;order:1;padding:22px;box-shadow:0 45px 100px #26292229}.stage-meta{padding:3px 4px 19px}.stage-meta span{font-size:11px}.stage-meta small{font-size:9px}.sample-browser{border-radius:11px}.sample-browser .browser-top{height:46px}.sample-browser video{aspect-ratio:1.6}.recording-beats{background:#faf8f1b3;border:1px solid #d0cfc7;border-radius:10px;margin-top:12px;overflow:hidden}.beats-heading{border-bottom:1px solid #d9d8d0;justify-content:space-between;align-items:center;gap:18px;min-height:43px;padding:0 14px;display:flex}.beats-heading>span{font-size:9px;font-weight:700}.beats-heading>small{color:#777a72;font-size:7px}.beats-heading>small i{color:var(--blue-dark);background:#3158c917;border-radius:4px;margin-right:5px;padding:3px 5px;font-style:normal;font-weight:750}.beats-track{grid-template-columns:repeat(5,1fr);display:grid}.beats-track button{min-height:65px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-right:1px solid #dddcd4;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 13px;transition:background .2s;display:grid;position:relative}.beats-track button:last-child{border-right:0}.beats-track button:after{content:"";background:var(--blue-dark);height:2px;transition:transform .25s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.beats-track button:hover{background:#ffffffa6}.beats-track button.active{background:var(--paper-2)}.beats-track button.active:after{transform:scaleX(1)}.beats-track button>i{color:#989a92;font:7px monospace}.beats-track button>b{font-size:8px}.beats-track button>small{color:#777a72;letter-spacing:.05em;background:#e1e0d8;border-radius:4px;padding:3px 5px;font-size:5px;font-weight:800}.beats-track button>small.mcp-only{color:var(--blue-dark);background:#3158c91a}.studio-window{--scroll-progress:0;--scroll-shift:44px;--scroll-scale:.96;transform:translateY(var(--scroll-shift)) scale(var(--scroll-scale));transform-origin:top;will-change:transform}.studio-window.in-view{transform:translateY(var(--scroll-shift)) scale(var(--scroll-scale))}.comparison-section{background:var(--canvas);color:var(--text);padding:25px 0 125px}.comparison-inner{border-top:1px solid var(--line);grid-template-columns:.65fr 1.35fr;align-items:start;gap:70px;padding-top:85px;display:grid}.comparison-inner header h2{font-size:clamp(34px,3.4vw,48px);line-height:1.08}.comparison-inner header p{max-width:310px;color:var(--muted);margin-top:18px;font-size:12px;line-height:1.65}.comparison-cards{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.comparison-cards article{border:1px solid var(--line);background:#151713;border-radius:11px;min-height:245px;padding:23px 20px}.comparison-cards article.recommended{background:linear-gradient(160deg,#6b8cff12,#0000 55%),#171916;border-color:#6b8cff52}.comparison-cards article.mcp-comparison{background:linear-gradient(160deg,#5ad8c50d,#0000 55%),#171916;border-color:#5ad8c53d}.comparison-cards article>span{color:#73776d;letter-spacing:.1em;text-transform:uppercase;margin-bottom:28px;font-size:7px;font-weight:750;display:inline-block}.comparison-cards h3{letter-spacing:-.035em;margin-bottom:22px;font:600 16px Onest}.comparison-cards ul{flex-direction:column;gap:13px;margin:0;padding:0;list-style:none;display:flex}.comparison-cards li{color:#858980;padding-left:13px;font-size:9px;line-height:1.45;position:relative}.comparison-cards li:before{content:"";background:#555950;border-radius:50%;width:4px;height:4px;position:absolute;top:5px;left:0}.recommended li:before{background:var(--blue)}.mcp-comparison li:before{background:var(--cyan)}.mcp-grid{--scroll-progress:0;--scroll-opacity:.45;--scroll-split:44px;--scroll-split-neg:-44px;perspective:1200px}.capability-note{background:#3158c90e;border:1px solid #3158c933;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:14px;max-width:770px;margin:-27px 0 35px auto;padding:13px 15px;display:grid}.capability-note>span{background:var(--blue-dark);color:#fff;letter-spacing:.1em;border-radius:5px;padding:5px 7px;font-size:6px;font-weight:800}.capability-note p{color:#62665e;font-size:9px;line-height:1.5}.mcp-grid .agent-card{transform:translateX(var(--scroll-split-neg));opacity:1}.mcp-grid .usage-card{transform:translateX(var(--scroll-split));opacity:1}.agent-card,.usage-card{transition:transform .16s linear,opacity .16s linear}.usage-total{margin-top:26px}.usage-total span{font-size:46px}.usage-presets{margin:21px 0 16px}.token-chart{height:200px;margin:0 0 19px;padding-left:27px;position:relative}.token-chart svg{width:100%;height:174px;overflow:visible}.chart-grid{fill:none;stroke:#30332d;stroke-width:1px;vector-effect:non-scaling-stroke}.chart-area{fill:#6b8cff17;stroke:none;transition:d .45s var(--ease)}.chart-line{fill:none;stroke:var(--cyan);stroke-width:2.2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px #5ad8c540);transition:points .5s var(--ease)}.chart-points circle{fill:#171914;stroke:var(--cyan);stroke-width:2px;vector-effect:non-scaling-stroke;transition:cy .5s var(--ease)}.token-chart.is-updated .chart-line{animation:chartFlash .55s var(--ease)}.chart-scale{color:#595d54;flex-direction:column;justify-content:space-between;font:6px monospace;display:flex;position:absolute;top:17px;bottom:29px;left:0}.chart-labels{color:#777b71;text-align:center;grid-template-columns:repeat(4,1fr);padding:0 7px 0 17px;font-size:7px;display:grid}.usage-legend{background:#30332d;border:1px solid #30332d;border-radius:8px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.usage-legend .usage-row{background:#1b1e19;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:42px;padding:0 11px;display:grid}.usage-legend .usage-row>i{background:var(--blue);border-radius:50%;width:6px;height:6px}.usage-legend .usage-row:nth-child(2)>i{background:var(--cyan)}.usage-legend .usage-row:nth-child(3)>i{background:#a7b7ed}.usage-legend .usage-row:nth-child(4)>i{background:#6f746a}.usage-legend .usage-row span{font-size:7px}.usage-legend .usage-row b{color:#c0c2ba;font-size:7px}.usage-foot{margin-top:18px}.feature-visual-grid{--scroll-progress:0;--scroll-shift:40px;transform:translateY(var(--scroll-shift));will-change:transform}.closing-section{background:radial-gradient(ellipse 50% 55% at 50% 55%, #6b8cff1f, transparent 72%), var(--canvas);min-height:760px}.closing-section:before{display:none}.closing{--scroll-progress:0;--scroll-word:80px;--closing-scale:.7;--scroll-shift:42px;--scroll-opacity:.35;text-align:center;grid-template-columns:1fr;place-items:center;min-height:760px;display:grid;overflow:hidden}.closing-word{z-index:0;color:#f4f1e809;letter-spacing:-.09em;white-space:nowrap;transform:translate(-50%, calc(-44% + var(--scroll-word)));user-select:none;font:700 clamp(170px,31vw,470px)/.75 Onest;position:absolute;top:50%;left:50%}.closing-word:after{content:"DEIO";color:#0000;-webkit-text-stroke:1px #f4f1e809;position:absolute;inset:0;transform:scale(1.012)}.closing-orb{z-index:0;filter:blur(8px);width:420px;height:420px;transform:translate(-50%,-50%) scale(var(--closing-scale));background:radial-gradient(circle,#5ad8c517,#6b8cff0b 35%,#0000 70%);border-radius:50%;position:absolute;top:50%;left:50%}.closing-orb i{background:var(--cyan);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px 7px #5ad8c55c}.closing-copy{z-index:2;transform:translateY(var(--scroll-shift));opacity:1;position:relative}.closing-copy h2{font-size:clamp(45px,5vw,68px)}.closing-copy>p{margin-inline:auto}.closing-actions{justify-content:center}@keyframes chartFlash{0%{opacity:.25}to{opacity:1}}@media (width<=900px){.hero{min-height:930px}.showcase .shell{width:min(100% - 32px,1320px)}.showcase .section-heading{max-width:none}.sample-list{grid-template-columns:1fr 1fr}.sample-note{grid-column:1/-1}.mcp-grid .agent-card,.mcp-grid .usage-card{transform:translateY(var(--scroll-shift))}.comparison-inner{grid-template-columns:1fr;gap:38px}}@media (width<=620px){.hero{min-height:820px}.hero h1{font-size:40px}.hero-flow{gap:3px;margin-top:23px;padding:5px}.hero-flow span{gap:5px;padding-inline:5px;font-size:6px}.hero-flow b{font-size:7px}.hero-product{width:100%}.sample-list{grid-template-columns:1fr}.sample-note{grid-column:auto;display:flex}.sample-stage{border-radius:12px;padding:9px}.sample-browser .browser-top{height:38px}.beats-heading{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding-block:9px}.beats-track{grid-template-columns:1fr}.beats-track button{border-bottom:1px solid #dddcd4;border-right:0;min-height:49px}.beats-track button:last-child{border-bottom:0}.comparison-section{padding-bottom:90px}.comparison-inner{padding-top:70px}.comparison-cards{grid-template-columns:1fr}.comparison-cards article{min-height:auto}.comparison-cards article>span{margin-bottom:18px}.capability-note{align-items:start;margin-top:-20px}.usage-card{min-height:auto}.token-chart{height:178px;margin-bottom:15px}.token-chart svg{height:152px}.usage-legend{grid-template-columns:1fr}.closing-section,.closing{min-height:650px}.closing-word{font-size:37vw}.closing-orb{width:300px;height:300px}.closing-copy h2{font-size:40px}}.hero{gap:46px;min-height:980px}.hero-product{margin-top:2px}.sample-stage{padding-bottom:22px}.usage-card{min-height:555px}.token-table-wrap{background:#181a17;border:1px solid #30332d;border-radius:9px;margin-top:2px;overflow:hidden}.token-table{border-collapse:collapse;table-layout:fixed;width:100%}.token-table th,.token-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #2d302a;padding:13px 11px}.token-table th{color:#6f7369;letter-spacing:.09em;text-transform:uppercase;font-size:6px;font-weight:750}.token-table th:first-child{width:28%}.token-table th:nth-child(2){width:40%}.token-table th:nth-child(3){width:19%}.token-table th:nth-child(4){width:13%}.token-table tbody tr{transition:background .18s}.token-table tbody tr:hover{background:#20231e}.token-table td{color:#a0a39a;font-size:7px;line-height:1.35}.token-table td:first-child{color:#d1d3cc;font-weight:650}.token-table td:nth-child(2){color:#777b72}.token-table td:nth-child(3),.token-table td:nth-child(4){color:#c5c7c0;text-align:right;font-family:monospace}.token-table td:first-child i{background:var(--blue);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.token-table tbody tr:nth-child(2) td:first-child i{background:var(--cyan)}.token-table tbody tr:nth-child(3) td:first-child i{background:#a7b7ed}.token-table tbody tr:nth-child(4) td:first-child i{background:#6f746a}.token-table tfoot td{color:#d5d7d0;background:#20231e;border-bottom:0;font-weight:700}.token-table tfoot td:nth-child(2),.token-table tfoot td:nth-child(3){text-align:right}@media (width<=620px){.hero{gap:38px;min-height:760px}.usage-card{min-height:auto}.token-table th,.token-table td{padding:12px 9px}.token-table th:nth-child(2),.token-table td:nth-child(2){display:none}.token-table th:first-child{width:55%}.token-table th:nth-child(3){width:28%}.token-table th:nth-child(4){width:17%}}.mcp-console{--scroll-shift:44px;transform:translateY(var(--scroll-shift));will-change:transform}.codex-terminal{color:#e8e8e2;background:#0f110e;border:1px solid #2f322c;border-radius:7px;overflow:hidden;box-shadow:0 36px 80px #1f221b2e}.codex-terminal-bar{background:#171916;border-bottom:1px solid #292c27;grid-template-columns:1fr auto 1fr;align-items:center;height:54px;padding:0 20px;display:grid}.codex-terminal-bar>div{gap:6px;display:flex}.codex-terminal-bar>div i{background:#555950;border-radius:50%;width:7px;height:7px}.codex-terminal-bar>span{color:#858980;font:10px monospace}.codex-terminal-bar>small{color:#777b72;justify-self:end;align-items:center;gap:7px;font-size:9px;display:flex}.codex-terminal-bar>small i{background:var(--cyan);border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #5ad8c58c}.codex-terminal-body{grid-template-columns:1fr 300px;min-height:455px;display:grid}.terminal-chat{border-right:1px solid #292c27;padding:38px 42px}.terminal-user{border-bottom:1px solid #292c27;padding-bottom:27px}.terminal-user>span,.terminal-summary>span{color:#65695f;letter-spacing:.12em;margin-bottom:13px;font:700 8px monospace;display:block}.terminal-user p{color:#f0f0eb;align-items:center;margin:0;font:500 15px/1.5 monospace;display:flex}.terminal-user p b{color:var(--blue);margin-right:11px;font-size:19px;font-weight:400}.typed-prompt{white-space:nowrap;width:0;font-style:normal;display:inline-block;overflow:hidden}.terminal-user p em{background:var(--cyan);opacity:0;width:7px;height:17px;margin-left:3px;display:inline-block}.mcp-console.in-view .typed-prompt{animation:1.9s steps(42,end) .35s forwards terminalType}.mcp-console.in-view .terminal-user p em{animation:.75s step-end .35s 5 cursorBlink}.terminal-event{opacity:0;border-bottom:1px solid #252823;grid-template-columns:30px 1fr auto;align-items:center;gap:13px;min-height:72px;display:grid;transform:translateY(8px)}.terminal-event .event-icon{color:#8c9087;border:1px solid #343730;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.terminal-event>div{flex-direction:column;gap:5px;display:flex}.terminal-event b{color:#cfd1ca;font:500 11px monospace}.terminal-event small{color:#6f736a;font-size:9px}.terminal-event time{color:#5f635a;font:9px monospace}.mcp-console.in-view .event-one{animation:terminalEvent .45s var(--ease) 2.45s forwards}.mcp-console.in-view .event-two{animation:terminalEvent .45s var(--ease) 3.15s forwards}.mcp-console.in-view .event-three{animation:terminalEvent .45s var(--ease) 3.85s forwards}.terminal-complete{opacity:0;grid-template-columns:31px 1fr auto;align-items:center;gap:13px;min-height:78px;display:grid;transform:translateY(8px)}.mcp-console.in-view .terminal-complete{animation:terminalEvent .5s var(--ease) 4.75s forwards}.terminal-complete>span{width:28px;height:28px;color:var(--cyan);background:#5ad8c51f;border-radius:50%;place-items:center;font-size:12px;display:grid}.terminal-complete>div{flex-direction:column;gap:5px;display:flex}.terminal-complete b{font-size:11px}.terminal-complete small{color:#74786e;font-size:9px}.terminal-complete button{color:#9ca097;background:0 0;border:1px solid #353832;border-radius:5px;padding:8px 10px;font-size:8px}.terminal-summary{background:#131512;padding:38px 28px}.terminal-summary dl{margin:0}.terminal-summary dl>div{border-bottom:1px solid #292c27;justify-content:space-between;align-items:center;min-height:58px;display:flex}.terminal-summary dt{color:#666a61;font-size:9px}.terminal-summary dd{color:#c2c4bc;margin:0;font:10px monospace}.usage-report{border-top:1px solid #cecdc5;margin-top:86px;padding-top:48px}.usage-report-head{grid-template-columns:1fr auto;align-items:end;gap:40px;margin-bottom:35px;display:grid}.usage-report-head>div:first-child>span{color:#6c7067;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:700}.usage-report-head h3{letter-spacing:-.025em;margin:8px 0 5px;font:500 23px Instrument Sans}.usage-report-head h3 strong{letter-spacing:-.055em;margin-right:7px;font:650 42px Onest}.usage-report-head p{color:#74776f;font-size:12px}.usage-report .usage-presets{background:#e5e3da;border-color:#d0cfc7;min-width:420px;margin:0}.usage-report .usage-presets button{color:#71746c;min-height:36px;font-size:9px}.usage-report .usage-presets button.active{background:var(--paper-2);color:var(--ink);box-shadow:0 1px 4px #191c1614}.usage-report .token-table-wrap{background:0 0;border:0;border-top:1px solid #aaa9a2;border-radius:0;margin:0}.usage-report .token-table th,.usage-report .token-table td{border-color:#d2d1c9;padding:21px 14px}.usage-report .token-table th{color:#777a72;letter-spacing:.08em;font-size:9px}.usage-report .token-table td{color:#5f625b;font-size:13px}.usage-report .token-table td:first-child{color:var(--ink);font-weight:650}.usage-report .token-table td:nth-child(2){color:#72756d}.usage-report .token-table td:nth-child(3),.usage-report .token-table td:nth-child(4){color:#2f322d;font-size:12px}.usage-report .token-table tbody tr:hover{background:#ffffff59}.usage-report .token-table tfoot td{color:var(--ink);background:0 0;border-top:1px solid #aaa9a2}.usage-report footer{border-bottom:1px solid #cecdc5;justify-content:space-between;align-items:center;gap:30px;min-height:58px;display:flex}.usage-report footer span{color:var(--blue-dark);letter-spacing:.1em;font-size:8px;font-weight:800}.usage-report footer p{color:#7a7d75;font-size:10px}.section-heading>p{font-size:15px}.feature-copy p{font-size:13px}.comparison-cards li,.capability-note p{font-size:10px}.visual-feature{border-radius:8px}.comparison-cards article{border-radius:7px}@keyframes terminalType{0%{width:0}to{width:42ch}}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes terminalEvent{to{opacity:1;transform:none}}@media (width<=800px){.codex-terminal-body{grid-template-columns:1fr}.terminal-chat{border-right:0}.terminal-summary{display:none}.usage-report-head{grid-template-columns:1fr;align-items:start}.usage-report .usage-presets{width:100%;min-width:0}}@media (width<=620px){.codex-terminal-bar{height:46px;padding-inline:12px}.codex-terminal-bar>span{font-size:8px}.codex-terminal-body{min-height:405px}.terminal-chat{padding:27px 16px}.terminal-user p{font-size:8px}.terminal-user p b{margin-right:7px;font-size:14px}.terminal-user p em{height:12px}.terminal-event{grid-template-columns:26px 1fr auto;gap:9px;min-height:67px}.terminal-event .event-icon{width:24px;height:24px}.terminal-event b{font-size:8px}.terminal-event small{text-overflow:ellipsis;white-space:nowrap;max-width:205px;font-size:7px;overflow:hidden}.terminal-event time{font-size:7px}.terminal-complete{grid-template-columns:27px 1fr}.terminal-complete button{display:none}.usage-report{margin-top:62px;padding-top:35px}.usage-report-head{margin-bottom:25px}.usage-report-head h3 strong{font-size:35px}.usage-report .token-table th,.usage-report .token-table td{padding:16px 8px}.usage-report .token-table th{font-size:7px}.usage-report .token-table td{font-size:10px}.usage-report .token-table td:nth-child(3),.usage-report .token-table td:nth-child(4){font-size:9px}.usage-report footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:12px 0}.usage-report footer p{font-size:8px;line-height:1.5}}.nav-shell{height:68px;box-shadow:none;-webkit-backdrop-filter:none;background-color:#0000;border:1px solid #0000;border-radius:999px;padding-inline:24px;top:16px;transition:top .35s var(--ease), height .35s var(--ease), padding .35s var(--ease), border-radius .35s var(--ease), border-color .35s var(--ease), background-color .35s var(--ease), box-shadow .35s var(--ease), backdrop-filter .35s var(--ease), transform .85s var(--ease)!important;position:fixed!important}.nav-shell.scrolled{-webkit-backdrop-filter:blur(16px);height:56px;padding-inline:32px;top:12px;box-shadow:0 16px 36px #00000059;background-color:#10120fd1!important;border-color:#ffffff14!important}.wordmark{opacity:0;animation:revealWordmark 1.25s var(--ease) .1s forwards;transform:translate(-24px)}@keyframes revealWordmark{to{opacity:1;transform:none}}.nav-shell nav a{opacity:0;animation:revealNavLinks 1.1s var(--ease) forwards;transform:translateY(-12px)}.nav-shell nav a:first-child{animation-delay:.25s}.nav-shell nav a:nth-child(2){animation-delay:.45s}.nav-shell nav a:nth-child(3){animation-delay:.65s}@keyframes revealNavLinks{to{opacity:1;transform:none}}.nav-cta{opacity:0;animation:revealNavLinks 1.1s var(--ease) .85s forwards;transform:translateY(-12px)}.hero-copy h1.reveal{opacity:0;transform:translateY(48px)scale(.95);animation:revealHeroH1 1.4s var(--ease) .5s both!important}@keyframes revealHeroH1{to{opacity:1;transform:none}}.hero-copy .hero-lead.reveal{opacity:0;transform:translateY(32px)scale(.97);animation:revealHeroLead 1.35s var(--ease) .8s both!important}@keyframes revealHeroLead{to{opacity:1;transform:none}}.hero-copy .hero-actions.reveal{opacity:0;transform:translateY(24px);animation:revealHeroActions 1.3s var(--ease) 1.1s both!important}@keyframes revealHeroActions{to{opacity:1;transform:none}}.hero-product.reveal{opacity:0;transform:translateY(110px)scale(.85);animation:revealHeroProduct 1.8s var(--ease) 1.4s both!important}@keyframes revealHeroProduct{to{opacity:1;transform:translateY(var(--hero-shift,0px)) scale(var(--hero-scale,1))}}.scroll-cue.reveal{opacity:0;animation:revealScrollCue 1.2s var(--ease) 2.1s both!important}@keyframes revealScrollCue{to{opacity:1}}.hero-copy{opacity:var(--hero-opacity,1);transform:translateY(var(--hero-shift-y,0));will-change:transform, opacity;transition:opacity .15s ease-out,transform .15s ease-out}.section-heading{opacity:1!important;transform:none!important}.section-kicker{opacity:0;transform:translateY(-16px);transition:opacity .9s var(--ease), transform .9s var(--ease)!important}.section-heading h2{opacity:0;transform-origin:0;transform:translateY(28px)scale(.96);transition:opacity 1.15s var(--ease), transform 1.15s var(--ease)!important}.section-heading>p{opacity:0;transform:translate(36px);transition:opacity 1.05s var(--ease), transform 1.05s var(--ease)!important}.section-heading.in-view .section-kicker{opacity:1;transition-delay:.1s;transform:none}.section-heading.in-view h2{opacity:1;transition-delay:.28s;transform:none}.section-heading.in-view>p{opacity:1;transition-delay:.48s;transform:none}.comparison-inner header{opacity:0;transform:translateY(22px);transition:opacity 1.2s var(--ease), transform 1.2s var(--ease)!important}.comparison-inner header.in-view{opacity:1;transition-delay:.1s;transform:none}.comparison-cards article{opacity:0;transition:opacity 1.25s var(--ease), transform 1.25s var(--ease), border-color .35s var(--ease), background-color .35s var(--ease), box-shadow .35s var(--ease)!important}.comparison-cards article:first-child{transform:translate(-54px)translateY(12px)rotate(-1.5deg)scale(.93)}.comparison-cards article:nth-child(2){transform:translateY(68px)scale(.91)}.comparison-cards article:nth-child(3){transform:translate(54px)translateY(12px)rotate(1.5deg)scale(.93)}.comparison-cards article.in-view{opacity:1;transform:none!important}.comparison-cards article.in-view:first-child{transition-delay:.15s}.comparison-cards article.in-view:nth-child(2){transition-delay:.35s}.comparison-cards article.in-view:nth-child(3){transition-delay:.55s}.comparison-cards article:hover{box-shadow:0 20px 45px #00000059;border-color:#ffffff38!important;transform:translateY(-8px)scale(1.025)!important}.comparison-cards article.recommended:hover{box-shadow:0 20px 45px #6b8cff29;border-color:var(--blue)!important}.comparison-cards article.mcp-comparison:hover{box-shadow:0 20px 45px #5ad8c524;border-color:var(--cyan)!important}.sample-row{opacity:0;transition:opacity 1.1s var(--ease), transform 1.1s var(--ease), padding .25s var(--ease), background .25s!important}.sample-list .sample-row:first-child{transform:translate(-48px)}.sample-list .sample-row:nth-child(2){transform:translate(-72px)}.sample-row.in-view{opacity:1;transform:none!important}.sample-list .sample-row.in-view:first-child{transition-delay:.15s}.sample-list .sample-row.in-view:nth-child(2){transition-delay:.4s}.sample-note{opacity:0;transform:translateY(24px)scale(.96);transition:opacity 1.2s var(--ease), transform 1.2s var(--ease), border-color .3s!important}.sample-note.in-view{opacity:1;transition-delay:.65s;transform:none}.sample-stage .stage-meta{opacity:0;transform:translateY(-16px);transition:opacity .9s var(--ease), transform .9s var(--ease)!important}.sample-stage.in-view .stage-meta{opacity:1;transition-delay:.35s;transform:none}.sample-stage .sample-browser{opacity:0;transform:translateY(48px)scale(.94);transition:opacity 1.25s var(--ease), transform 1.25s var(--ease)!important}.sample-stage.in-view .sample-browser{opacity:1;transition-delay:.6s;transform:none}.studio-sidebar{opacity:0;transform:translate(-120px);transition:opacity 1.35s var(--ease), transform 1.35s var(--ease)!important}.studio-window.in-view .studio-sidebar{opacity:1;transition-delay:.2s;transform:none}.studio-brand{opacity:0;transform:translateY(-50px)scale(.85);transition:opacity 1.1s var(--ease), transform 1.1s var(--ease)!important}.studio-window.in-view .studio-brand{opacity:1;transition-delay:.45s;transform:none!important}.studio-sidebar .side-item{opacity:0;transform:translate(-80px)rotate(-3deg);transition:opacity 1s var(--ease), transform 1s var(--ease), background-color .2s, color .2s!important}.studio-window.in-view .studio-sidebar .side-item:first-of-type{opacity:1;transition-delay:.65s;transform:none!important}.studio-window.in-view .studio-sidebar .side-item:nth-of-type(2){opacity:1;transition-delay:.85s;transform:none!important}.studio-controls{opacity:1!important;transform:none!important}.control-title{opacity:0;transform:translateY(-60px);transition:opacity 1.1s var(--ease), transform 1.1s var(--ease)!important}.studio-window.in-view .control-title{opacity:1;transition-delay:.3s;transform:none!important}.ui-field{opacity:0;transform:translate(-100px);transition:opacity 1.2s var(--ease), transform 1.2s var(--ease)!important}.studio-window.in-view .ui-field{opacity:1;transition-delay:.55s;transform:none!important}.studio-controls .control-block:first-of-type{opacity:0;transform:translateY(80px)scale(.92);transition:opacity 1.3s var(--ease), transform 1.3s var(--ease)!important}.studio-window.in-view .studio-controls .control-block:first-of-type{opacity:1;transition-delay:.75s;transform:none!important}.studio-controls .control-block:nth-of-type(2){opacity:0;transform:translateY(80px)scale(.92);transition:opacity 1.3s var(--ease), transform 1.3s var(--ease)!important}.studio-window.in-view .studio-controls .control-block:nth-of-type(2){opacity:1;transition-delay:.95s;transform:none!important}.studio-controls .control-block.motion-control{opacity:0;transform:translate(120px)rotate(4deg)scale(.85);transition:opacity 1.35s var(--ease), transform 1.35s var(--ease)!important}.studio-window.in-view .studio-controls .control-block.motion-control{opacity:1;transition-delay:1.15s;transform:none!important}.capture-button{opacity:0;transform:translateY(90px)scale(.8);transition:opacity 1.2s var(--ease), transform 1.2s var(--ease), background .25s, color .25s!important}.studio-window.in-view .capture-button{opacity:1;transition-delay:1.35s;transform:none!important}.studio-preview{opacity:1!important;transform:none!important}.preview-heading{opacity:0;transform:translate(80px);transition:opacity 1.1s var(--ease), transform 1.1s var(--ease)!important}.studio-window.in-view .preview-heading{opacity:1;transition-delay:.45s;transform:none!important}.preview-canvas{opacity:0;transform:translate(140px)scale(.82);transition:opacity 1.4s var(--ease), transform 1.4s var(--ease)!important}.studio-window.in-view .preview-canvas{opacity:1;transition-delay:.75s;transform:none!important}.preview-timeline{opacity:0;transform:translateY(70px)scale(.9);transition:opacity 1.25s var(--ease), transform 1.25s var(--ease)!important}.studio-window.in-view .preview-timeline{opacity:1;transition-delay:1.05s;transform:none!important}.capability-note{opacity:0;transform:translateY(22px)scale(.96);transition:opacity 1.1s var(--ease), transform 1.1s var(--ease), border-color .3s, background .3s!important}.capability-note.in-view{opacity:1;transition-delay:.25s;transform:none}.terminal-user{opacity:0;transform:translate(-24px);transition:opacity .9s var(--ease), transform .9s var(--ease)!important}.mcp-console.in-view .terminal-user{opacity:1;transition-delay:.25s;transform:none}.terminal-summary{opacity:0;transform:translate(36px);transition:opacity 1.1s var(--ease), transform 1.1s var(--ease)!important}.mcp-console.in-view .terminal-summary{opacity:1;transition-delay:.6s;transform:none}.usage-report{opacity:0;transform:translateY(32px);transition:opacity 1.3s var(--ease), transform 1.3s var(--ease)!important}.usage-report.in-view{opacity:1;transition-delay:.3s;transform:none}.token-table tbody tr{opacity:0;transform:translateY(14px);transition:opacity .85s var(--ease), transform .85s var(--ease)!important}.usage-report.in-view .token-table tbody tr{opacity:1;transform:none}.usage-report.in-view .token-table tbody tr:first-child{transition-delay:.45s}.usage-report.in-view .token-table tbody tr:nth-child(2){transition-delay:.65s}.usage-report.in-view .token-table tbody tr:nth-child(3){transition-delay:.85s}.usage-report.in-view .token-table tbody tr:nth-child(4){transition-delay:1.05s}.feature-intro{opacity:0;transform:translateY(22px);transition:opacity 1.2s var(--ease), transform 1.2s var(--ease)!important}.feature-intro.in-view{opacity:1;transition-delay:.1s;transform:none}.visual-feature{opacity:0!important;transition:opacity 1.25s var(--ease), transform 1.25s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease)!important}.visual-feature:first-child{transform:translate(-48px)scale(.95)!important}.visual-feature:nth-child(2){transform:translateY(58px)scale(.93)!important}.visual-feature:nth-child(3){transform:translate(48px)scale(.95)!important}.visual-feature.in-view{opacity:1!important;transform:none!important}.visual-feature.in-view:first-child{transition-delay:.15s}.visual-feature.in-view:nth-child(2){transition-delay:.4s}.visual-feature.in-view:nth-child(3){transition-delay:.65s}.visual-feature:hover{transform:translateY(-8px)scale(1.02)!important}.feature-section{box-sizing:border-box;flex-direction:column;justify-content:center;z-index:5!important;background:var(--paper)!important;min-height:100vh!important;padding-block:60px!important;display:flex!important;position:sticky!important;top:0!important}.closing-section{z-index:15;border-top:1px solid #ffffff14;border-top-left-radius:40px;border-top-right-radius:40px;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:0 -40px 100px #000000b3;background:var(--canvas)!important;min-height:100vh!important;margin-top:0!important;display:flex!important}.closing{will-change:transform;align-items:center;width:100%;min-height:100vh!important;transform:translateY(calc(var(--scroll-shift) * 2.4))!important;transition:transform .28s ease-out!important;display:grid!important}.footer{z-index:20;opacity:0;transform-origin:top;will-change:transform, opacity;border-top:1px solid #ffffff14;border-top-left-radius:36px;border-top-right-radius:36px;margin-top:-60px;position:relative;transform:translateY(140px)scale(.94);box-shadow:0 -30px 80px #0000008c;transition:opacity 1.45s var(--ease), transform 1.45s var(--ease)!important;background:#10120f!important}.footer.in-view{opacity:1;transition-delay:.2s;transform:none!important}@media (width<=900px){.feature-section{padding-block:40px!important}.feature-visual-grid{scroll-snap-type:x mandatory!important;-ms-overflow-style:none!important;scrollbar-width:none!important;flex-direction:row!important;gap:16px!important;width:100%!important;padding:10px 20px!important;display:flex!important;overflow-x:auto!important}.feature-visual-grid::-webkit-scrollbar{display:none!important}.visual-feature{scroll-snap-align:center!important;opacity:1!important;flex:0 0 280px!important;transform:none!important}}.closing-word{transform-origin:bottom;will-change:transform;color:#f4f1e806;letter-spacing:-.09em;white-space:nowrap;user-select:none;pointer-events:none;z-index:0;margin:0;padding:0;font:700 clamp(120px,22vw,360px)/1 Onest;position:absolute;bottom:60px;left:50%;transform:translate(-50%, 0) scale(calc(.65 + var(--scroll-progress) * .95))!important;transition:transform .28s ease-out!important}.closing-copy h2{opacity:0;transform:translateY(32px)scale(.96);transition:opacity 1.25s var(--ease), transform 1.25s var(--ease)!important}.closing-copy p{opacity:0;transform:translateY(24px);transition:opacity 1.15s var(--ease), transform 1.15s var(--ease)!important}.closing-actions{opacity:0;transform:translateY(16px);transition:opacity 1.05s var(--ease), transform 1.05s var(--ease)!important}.closing.in-view .closing-copy h2{opacity:1;transition-delay:.25s;transform:none}.closing.in-view .closing-copy p{opacity:1;transition-delay:.5s;transform:none}.closing.in-view .closing-actions{opacity:1;transition-delay:.75s;transform:none}.closing-actions .button.primary{transition:transform .3s var(--ease), box-shadow .3s var(--ease), background-color .3s}.closing-actions .button.primary:hover{transform:scale(1.05)translateY(-2px);box-shadow:0 12px 28px #6b8cff40}.closing-actions .button.primary:active{transform:scale(.98)translateY(0)}.closing-actions .closing-link{transition:transform .3s var(--ease), color .3s}.closing-actions .closing-link:hover{transform:translateY(-2px);color:#fff!important}.closing-actions .closing-link span{transition:transform .3s var(--ease);display:inline-block}.closing-actions .closing-link:hover span{transform:translate(4px,-4px)}.sample-stage,.studio-window{opacity:var(--scroll-opacity,1);transform:translateY(var(--scroll-shift)) scale(var(--scroll-scale));transition:opacity .25s ease-out,transform .25s ease-out}.mcp-console{opacity:var(--scroll-opacity,1);transform:translateY(var(--scroll-shift)) scale(var(--scroll-scale,1));transform-origin:top;transition:opacity .25s ease-out,transform .25s ease-out}.feature-visual-grid{opacity:var(--scroll-opacity,1);transform:translateY(var(--scroll-shift));transition:opacity .25s ease-out,transform .25s ease-out}@media (width<=1140px){.section-heading{gap:40px}.sample-list{grid-template-columns:1fr 1fr}.sample-note{grid-column:1/-1}}@media (width<=900px){.comparison-cards{grid-template-columns:1fr;gap:15px}.comparison-cards article{min-height:auto;transform:none!important}}@media (width<=480px){.sample-title b{font-size:15px}.sample-row{gap:10px;min-height:62px;padding-inline:8px}}