@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#10120f;--panel:#171a16;--ink:#f0f0e8;--muted:#a1a69a;--dim:#747b6e;--line:#2b3027;--lime:#cfef80;--lime-dark:#a9c766;--radius:14px;color-scheme:dark;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,video{max-width:100%}button{border:0}img{display:block;max-width:100%}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}::selection{color:var(--bg);background:var(--lime)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.1;letter-spacing:-.05em}small{font-size:inherit}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.container{width:calc(100% - 96px);max-width:1200px;margin-inline:auto}.skip-link{position:fixed;top:10px;left:15px;background:var(--lime);color:var(--bg);padding:12px;z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:none}.status-dot{display:inline-block;flex:none;width:5px;height:5px;border-radius:50%;background:var(--lime)}.site-header{position:relative;z-index:20;border-bottom:1px solid #262b23;background:#10120fec}.nav-wrap{height:86px;max-width:1440px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-1px;font-weight:650}.brand img{border-radius:8px}.brand-period{color:var(--lime)}.desktop-nav{display:flex;gap:32px;font-size:12px;color:#b8bcb1}.desktop-nav a,.footer-top a{transition:color .2s}.desktop-nav a:hover,.footer-top a:hover{color:var(--lime)}.nav-actions{display:flex;gap:12px;align-items:center}.button{min-height:52px;padding:0 22px;display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:7px;font-size:13px;font-weight:550;transition:background .2s,box-shadow .2s,transform .25s}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.97)}.button svg{width:17px;height:17px}.button-lime{background:var(--lime);color:#20271a;box-shadow:inset 0 1px 0 #e7ffb0}.button-lime:hover{background:#ddffa1;box-shadow:0 6px 28px #c7e77b18}.button-end{margin-left:16px}.button-ivory{background:#e9eadf;color:#20231c}.button-ivory:hover{background:#fff}.button-small{min-height:38px;padding:0 15px;font-size:11px;gap:8px}.exe-nav{margin-left:-8px}.button-outline{background:#151912;border:1px solid #353e2b}.button-outline:hover{background:#242c1d;border-color:#626e4d}.button-duration{font-size:10px;color:#a4ac96;border-left:1px solid #48523a;padding-left:10px;margin-left:3px}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);transition:background .2s,color .2s}.icon-button:hover{color:var(--ink);background:#262d20}.menu-button{display:none}.mobile-nav{padding:12px 24px 24px;display:grid;gap:4px;border-top:1px solid var(--line)}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:12px;color:var(--muted)}
.hero{position:relative;overflow:hidden;padding-top:66px}.hero:before{content:'';position:absolute;left:50%;top:125px;width:1150px;height:1100px;transform:translateX(-50%);background:radial-gradient(ellipse at center,#718e2421,transparent 64%);pointer-events:none}.hero-grid{position:absolute;inset:0 0 auto;height:760px;background-image:linear-gradient(#69734f0c 1px,transparent 1px),linear-gradient(90deg,#69734f0c 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 50% 45%,#000,transparent 68%);pointer-events:none}.hero-content{position:relative;text-align:center}.eyebrow-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid #3b462c;border-radius:30px;background:#1b2216;padding:8px 13px 8px 12px;font-size:8px;letter-spacing:1.3px;color:#c1ceb0}.eyebrow-pill svg{width:13px;height:13px;margin-left:9px}.hero h1{font-size:clamp(66px,7.5vw,104px);line-height:1.025;font-weight:500;letter-spacing:-.072em;margin-top:25px}.hero h1 span{color:var(--lime)}.hero-copy{font-size:16px;line-height:1.75;color:#aeb4a3;margin-top:25px;letter-spacing:-.2px}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.download-note{font-size:10px;letter-spacing:.1px;color:#89917c;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:15px}.download-note .status-dot{width:4px;height:4px;background:#8f9d75}.product-wrap{position:relative;margin-top:58px;padding-bottom:15px;scroll-margin-top:30px}.workspace{overflow:hidden;background:#111410;border:1px solid #414b34;border-radius:11px;box-shadow:0 0 0 6px #a7c36906,0 40px 100px #0005;position:relative;text-align:left}.workspace-top{height:49px;display:flex;align-items:center;gap:38px;padding:0 17px;border-bottom:1px solid #2b3028;background:#131610}.workspace-brand{display:flex;gap:8px;align-items:center;font-size:15px}.workspace-brand img{border-radius:5px}.local-tag{font-size:6px;letter-spacing:1px;color:#8f9c7c;border:1px solid #343c2c;border-radius:3px;padding:2px 5px;margin-left:3px}.workspace-tagline{font-size:8px;letter-spacing:.4px;color:#89947c;display:flex;gap:8px;align-items:center}.workspace-tools{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:8px;color:#9ba491}.workspace-tools svg{width:11px;height:11px}.avatar{height:25px;width:25px;display:inline-flex;justify-content:center;align-items:center;background:#272c23;border:1px solid #383e31;color:#b3bba6;border-radius:50%;font-size:8px;margin-left:14px}.workspace-body{display:grid;grid-template-columns:165px minmax(0,1fr) 226px;min-height:515px}.workspace-sidebar{border-right:1px solid #2a3025;padding:22px 10px 15px;position:relative}.space-identity{display:flex;gap:8px;align-items:center;margin:0 0 24px 3px;font-size:9px;font-weight:550}.space-identity small{display:block;color:#7f8b73;font-size:6px;margin-top:4px;font-weight:400}.avatar-lime{margin:0;border-radius:7px;background:#2b3420;color:var(--lime)}.sidebar-item{display:flex;align-items:center;gap:9px;color:#9ca690;font-size:8px;height:33px;padding:0 10px}.sidebar-item svg{width:12px;height:12px}.sidebar-label{display:flex;justify-content:space-between;color:#7d886f;font-size:6px;letter-spacing:1.2px;margin:29px 9px 10px}.sidebar-label span{font-size:13px;line-height:8px}.sidebar-item.selected{background:#262e1f;border:1px solid #3b492e;color:#d3debd;border-radius:5px;margin-top:4px}.sidebar-item.selected>.status-dot{width:4px;height:4px;margin-left:auto}.project-initial{display:flex;align-items:center;justify-content:center;background:#3c4a2e;color:#cde0ad;width:17px;height:17px;border-radius:4px;font-size:8px}.dim{color:#79866b}.sidebar-bottom{position:absolute;bottom:18px;left:12px;right:12px;border:1px solid #333d2a;border-radius:5px;padding:11px 8px;font-size:7px;color:#c1cdaf}.sidebar-bottom .status-dot{margin-right:5px}.sidebar-bottom small{display:block;font-size:6px;color:#808c73;margin-top:5px;margin-left:9px}.workspace-main{padding:20px 20px 18px;min-width:0}.project-breadcrumb{font-size:7px;color:#8a967b;display:flex;gap:10px}.project-breadcrumb span{color:#536044}.project-heading{display:flex;align-items:center;justify-content:space-between;margin:13px 0 19px}.project-heading h2{font-size:23px;font-weight:550;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.project-local{font-weight:400;font-size:6px;letter-spacing:0;color:#869474;border:1px solid #2e3826;border-radius:3px;padding:3px 5px;display:flex;align-items:center;gap:4px}.project-local svg{width:8px;height:8px}.project-heading p{font-size:7px;margin-top:8px;color:#88967a}.new-agent{font-size:7px;padding:6px 9px;background:#e9eddf;color:#242b1e;border-radius:4px}.app-tabs{display:flex;align-items:center;gap:19px;border-bottom:1px solid #2c3525;padding-bottom:9px;font-size:7px;color:#a6b099}.app-tab{display:flex;align-items:center;gap:5px}.app-tab svg{height:10px;width:10px}.app-tab.active{color:#e0e9d2;background:#252e1e;padding:5px 7px;border-radius:4px;margin:-5px -7px}.app-tab small{color:#89997b;font-size:6px;margin-left:2px}.agent-toolbar{display:flex;align-items:center;justify-content:space-between;margin:13px 0 12px;font-size:6px;color:#859577}.agent-toolbar span:first-child{display:flex;gap:6px;align-items:center}.agent-toolbar .status-dot{width:4px;height:4px}.demo-stage{height:326px}.agent-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:100%}.agent-card{overflow:hidden;min-width:0;border:1px solid #3a4630;background:#181e15;border-radius:6px;position:relative;animation:panel-in .45s both}.agent-card:nth-child(2){animation-delay:.08s}.agent-card:nth-child(3){animation-delay:.16s}.agent-card:nth-child(4){animation-delay:.24s}.agent-card:before{position:absolute;content:'';height:1px;width:45%;background:linear-gradient(90deg,transparent,#a5c574,transparent);left:0;top:0;animation:edge-travel 4s ease-in-out infinite}.agent-card:nth-child(2):before{animation-delay:1s}.agent-card:nth-child(3):before{animation-delay:2s}.agent-card:nth-child(4):before{animation-delay:3s}.agent-head{display:flex;align-items:center;gap:6px;padding:10px 10px 8px}.provider-badge{display:flex;align-items:center;justify-content:center;background:#e9ebdf;border-radius:5px;width:23px;height:23px;color:#283020;font-size:21px}.provider-badge img{width:17px;height:17px}.provider-badge.claude{background:#3d2b22;color:#d9a17e}.agent-name{font-size:8px;color:#dbe2d2;font-weight:550}.agent-name small{display:block;font-size:6px;font-weight:400;color:#909e80;margin-top:2px}.agent-state{font-size:5px;color:#c0d59d;background:#2a3720;border:1px solid #435533;border-radius:3px;display:flex;align-items:center;gap:3px;margin-left:auto;padding:3px 4px}.agent-state .status-dot{width:3px;height:3px}.agent-log{font-size:6.5px;color:#aab69d;padding:1px 10px;line-height:1.8}.agent-log>p{display:flex;align-items:center;gap:4px}.agent-log svg{width:8px;height:8px;color:#b2d280}.agent-log .log-dim{color:#788c68}.agent-composer{position:absolute;bottom:7px;left:8px;right:8px;font-size:5.5px;border:1px solid #333e2a;border-radius:4px;color:#7f9070;padding:6px 7px;display:flex;justify-content:space-between;align-items:center;background:#151b12}.agent-composer svg{width:9px;height:9px;color:#c4d5b0}.code-preview{font-family:Consolas,monospace;font-size:6px;line-height:1.75;color:#a0b294;border-left:1px solid #435432;margin:3px 10px;padding-left:7px}.code-preview b{font-weight:400;color:#c9d99b}.code-preview em{font-style:normal;color:#cdab85}.design-preview{margin:4px 10px;background:#ced8b9;height:57px;border-radius:3px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;overflow:hidden;color:#2c3523;position:relative}.design-preview strong{font-size:13px;line-height:1.05;letter-spacing:-.6px;font-weight:500;z-index:1}.design-preview small{display:block;font-size:4px;margin-bottom:5px;letter-spacing:.5px}.design-planet{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 25% 25%,#94a177,#303a23 65%,#17220c);box-shadow:inset -8px -4px 10px #14200070;position:relative;transform:rotate(-30deg)}.design-planet:after{content:'';position:absolute;width:68px;height:15px;border:3px solid #94a17a;border-radius:50%;top:13px;left:-12px;box-shadow:0 2px 0 #404e2a}.workspace-assistant{border-left:1px solid #303a28;padding:16px 13px 12px;display:flex;flex-direction:column;background:#141911}.assistant-heading{display:flex;gap:7px;align-items:center;font-size:9px;font-weight:550}.assistant-mark{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#cfe1b3;color:#344326;border-radius:6px}.assistant-mark svg{width:15px;height:15px}.assistant-heading small{display:block;font-size:6px;color:#8fa17a;margin-top:3px;font-weight:400}.assistant-more{margin-left:auto;font-size:16px;color:#8f9e7b}.assistant-mode{display:flex;align-items:center;gap:7px;border-top:1px solid #2b3623;border-bottom:1px solid #2b3623;padding:10px 0;margin-top:15px;font-size:7px;color:#b0c099}.assistant-mode svg{width:11px;height:11px}.assistant-mode .status-dot{margin-left:auto;width:4px;height:4px}.assistant-body{padding:20px 2px 12px}.assistant-orb{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #52643b;background:radial-gradient(circle,#455733,#202b16 70%);box-shadow:0 0 0 4px #c9ed7805;color:#d4e8ac}.assistant-orb svg{width:22px;height:22px}.assistant-kicker{font-size:5.5px;letter-spacing:1.4px;color:#93a777;margin-top:17px}.assistant-body h3{font-size:19px;font-weight:450;line-height:1.25;margin-top:7px;letter-spacing:-.65px}.assistant-user{font-size:8px;line-height:1.7;color:#b7c8a1;background:#222f19;border:1px solid #384c28;border-radius:6px 6px 2px 6px;padding:10px;margin-top:17px}.assistant-response{font-size:7px;line-height:1.8;color:#a8b899;margin-top:12px;min-height:38px}.assistant-task{display:flex;align-items:center;gap:5px;font-size:6px;color:#a7c880;margin-top:12px}.assistant-task .status-dot{width:3px;height:3px}.assistant-task svg{width:9px;height:9px;margin-left:auto}.assistant-input{border:1px solid #394a2b;border-radius:5px;padding:9px;font-size:7px;color:#8c9c78;margin-top:auto}.assistant-input>div{display:flex;align-items:center;gap:8px;margin-top:18px}.assistant-input small{font-size:5px;margin-right:auto}.assistant-input svg{width:10px;height:10px}.mini-send{border-radius:3px;background:#d5e7b6;color:#2c381f;padding:3px;line-height:0}.workspace-statusbar{display:flex;align-items:center;justify-content:space-between;padding:5px 12px;border-top:1px solid #303a29;font-size:6px;color:#84936f}.workspace-statusbar span:first-child{display:flex;align-items:center;gap:6px}.workspace-statusbar .status-dot{width:3px;height:3px}.voice-float{position:relative;margin:-23px auto 0;display:flex;align-items:center;gap:15px;width:535px;max-width:calc(100% - 48px);padding:15px 18px;background:#222b1a;border:1px solid #647743;border-radius:10px;box-shadow:0 12px 44px #0008,0 0 35px #a2c55b0b;z-index:2}.voice-float-icon{width:34px;height:34px;border:1px solid #586c39;background:#354323;color:var(--lime);border-radius:50%;display:flex;align-items:center;justify-content:center}.voice-float-icon svg{width:16px;height:16px}.voice-caption{font-size:6px;letter-spacing:1.2px;color:#9cb781}.voice-float p{font-size:11px;margin-top:3px;color:#e2edd2}.voice-enter{color:#a8bc8d;font-size:17px}.waveform{display:flex;align-items:center;justify-content:center;gap:3px}.waveform i{display:block;flex:none;width:2px;height:var(--height);background:var(--lime);border-radius:2px;animation:voice-wave 1.3s ease-in-out infinite alternate;animation-delay:var(--delay)}.small-wave{height:30px;flex:1;gap:2px}.small-wave i{width:2px;opacity:.75;max-height:27px}.demo-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin:29px 0 0}.demo-tabs{display:flex;align-items:center;gap:6px;padding:4px;border:1px solid #303929;background:#161b12;border-radius:8px}.demo-tabs button{display:flex;align-items:center;gap:9px;background:transparent;color:#8e9a7e;padding:10px 16px;border-radius:5px;font-size:10px;transition:background .2s,color .2s}.demo-tabs button span{font-size:8px;color:#788d60}.demo-tabs button[aria-selected=true]{background:#2c3722;color:#d7e9bb;box-shadow:0 0 0 1px #475934}.demo-tabs button[aria-selected=true] span{color:#adc87f}.demo-tabs button:hover{color:#e5efd9}.demo-controls>.icon-button{width:31px;height:31px;border-color:#35422b}.demo-controls>.icon-button svg{width:12px;height:12px}
.voice-scene{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center;border:1px solid #3b4c2b;border-radius:7px;background:radial-gradient(ellipse at 50% 45%,#3443206b,transparent 70%),#181f13;text-align:center;animation:panel-in .4s}.voice-scene .scene-label{font-size:7px;letter-spacing:2px;color:#a7c580}.voice-scene .waveform{height:77px;margin-top:17px}.voice-scene h3{font-size:25px;line-height:1.3;max-width:350px;margin-top:9px;min-height:66px;letter-spacing:-.8px}.voice-scene>p{font-size:8px;margin-top:17px;color:#99b17b;display:flex;align-items:center;gap:7px}.voice-scene>p svg{width:12px;height:12px}.scene-usage{height:100%;border:1px solid #3b4a2d;border-radius:6px;padding:17px;background:#181e14;animation:panel-in .4s}.scene-usage-title{font-size:12px;display:flex;justify-content:space-between;align-items:center}.scene-usage-title span{font-size:6px;color:#91a577;letter-spacing:1px}.scene-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:15px}.scene-stats small{display:block;color:#91a47c;font-size:6px}.scene-stats strong{font-weight:500;font-size:23px;letter-spacing:-1px}.scene-stats strong span{font-size:10px;color:#9aac83;margin-left:3px}.scene-usage .chart-bars{height:84px;margin-top:13px;gap:5px}.scene-usage .chart-bars i{border-radius:2px 2px 0 0}.scene-account{display:flex;align-items:center;gap:6px;font-size:7px;margin-top:10px;color:#b6c6a0}.scene-account img{width:14px;height:14px;background:#ebeddc;border-radius:3px;padding:1px}.scene-account>span:last-child{margin-left:auto;color:#a8b596;font-size:6px}.scene-account .account-line{height:4px;flex:1;border-radius:4px;background:#303e23;margin:0 8px;overflow:hidden}.scene-account .account-line:after{content:'';display:block;width:38%;height:100%;background:#bdd68d}.scene-account.claude .account-line:after{width:24%;background:#bca181}.scene-account .claude-mark{font-size:17px;color:#c99b79}
.integrations{text-align:center;padding:67px 0 55px;border-bottom:1px solid var(--line)}.integrations>p{color:#77836a;font-size:8px;letter-spacing:1.9px}.integration-logos{display:flex;align-items:center;justify-content:center;gap:49px;margin-top:28px;color:#bfc5b4}.integration-logos>span{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:550;letter-spacing:-.5px}.integration-logos img{filter:invert(80%) sepia(5%) saturate(500%) hue-rotate(36deg)}.integration-logos svg{width:23px;height:23px}.claude-mark{font-size:34px;font-weight:400;line-height:1;color:#b6bda8}.gitlab-mark{font-size:29px;line-height:1}.slack-mark{font-size:31px;line-height:1;transform:rotate(-10deg)}.section-space{padding-top:105px;padding-bottom:105px}.eyebrow{font-size:8px;letter-spacing:1.7px;color:#9cad85;line-height:1.5;font-weight:500}.eyebrow>span{color:#62734e;margin-right:14px}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:24px;gap:30px}.section-title-row h2,.faq-heading h2{font-size:52px;line-height:1.12;letter-spacing:-2.8px}.section-title-row h2 span,.faq-heading h2 span{color:#838f76}.section-title-row>p{font-size:13px;line-height:1.9;color:#939e86;padding-bottom:5px}.section-intro{margin-bottom:44px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature{border:1px solid #323b29;border-radius:var(--radius);background:#171c14;overflow:hidden}.feature-copy{padding:34px 36px 0}.feature-icon{display:flex;align-items:center;justify-content:center;border:1px solid #3e4b30;background:#252f1c;border-radius:9px;height:37px;width:37px;color:#c7dcaa;margin-bottom:24px}.feature-icon svg{width:17px;height:17px}.feature h3,.usage-feature h3{font-size:31px;letter-spacing:-1.35px;line-height:1.15}.feature-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#96a189;max-width:390px;margin-top:17px}.voice-design{margin-top:28px;padding:25px 35px 20px;position:relative;background:radial-gradient(ellipse at 50% 70%,#546b2430,transparent 72%)}.voice-visual-header{display:flex;align-items:center;gap:6px;font-size:6px;letter-spacing:1.1px;color:#b3c297}.voice-visual-header .status-dot{width:3px;height:3px}.voice-visual-header>span:last-child{margin-left:auto;color:#798b65;font-size:5px}.large-wave{height:104px;margin-top:17px;gap:4px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.large-wave i{width:3px;opacity:.7;box-shadow:0 0 16px #b9e35b15}.transcript-bubble{background:#242e1c;border:1px solid #4a5c34;border-radius:8px;max-width:300px;margin:4px auto 0;padding:16px 19px;box-shadow:0 14px 30px #0002;transform:rotate(-2deg)}.transcript-label{font-size:6px;letter-spacing:1.2px;color:#a5ba8a}.transcript-bubble p{font-size:19px;color:#dbe8c6;letter-spacing:-.6px;line-height:1.4;margin-top:7px}.transcript-check{font-size:7px;margin-top:13px;color:#a5bf85;display:flex;align-items:center;gap:6px}.transcript-check svg{width:10px;height:10px}.feature-footnote{display:block;padding:16px 35px 23px;font-size:8px;color:#7c8d6c}.team-design{padding:46px 30px 44px;background:radial-gradient(ellipse at 50% 40%,#45532822,transparent 65%)}.team-director{max-width:212px;border:1px solid #536540;background:#27331e;display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:8px;margin:auto;font-size:10px;box-shadow:0 0 35px #a7c65a08}.team-director img{border-radius:5px}.team-director small{font-size:7px;color:#95a780;display:block;margin-top:2px}.team-director svg{color:#b6d68a;width:16px;height:16px;margin-left:auto}.team-connectors{height:49px;display:flex;justify-content:space-around;width:70%;margin:auto;position:relative}.team-connectors:before{content:'';height:24px;position:absolute;left:50%;top:0;border-left:1px solid #647747}.team-connectors i{position:absolute;top:24px;bottom:0;width:50%;border-top:1px solid #647747}.team-connectors i:first-child{left:0;border-left:1px solid #647747;border-radius:9px 0 0}.team-connectors i:nth-child(2){left:50%;border-left:1px solid #647747;width:0}.team-connectors i:last-child{right:0;border-right:1px solid #647747;border-radius:0 9px 0 0}.team-members{display:flex;gap:12px;justify-content:center}.team-members>div{min-width:0;flex:1;border:1px solid #3c4930;border-radius:8px;padding:15px 6px 12px;background:#1d2518;text-align:center}.member-icon{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;margin:auto;font-size:14px}.design-icon{background:#3f3926;color:#d6c39a}.code-icon{background:#35412a;color:#cce8a9;font-size:11px}.review-icon{background:#303a3c;color:#b5ced4}.review-icon svg{width:16px;height:16px}.team-members strong{font-size:9px;font-weight:500;display:block;margin-top:10px}.team-members small{font-size:6px;color:#92a17f;display:block;margin-top:3px}.member-status{display:inline-flex;align-items:center;gap:4px;font-size:6px;color:#bdd799;margin-top:13px}.member-status i{width:3px;height:3px;background:#bdd799;border-radius:50%;animation:status-breathe 2s infinite}.usage-feature{margin-top:20px;display:grid;grid-template-columns:42% 58%;border:1px solid #343e2c;border-radius:var(--radius);overflow:hidden;background:linear-gradient(105deg,#171c14,#1c2516)}.usage-feature .feature-copy{padding:39px 36px 37px}.usage-feature .feature-icon{margin-bottom:22px}.usage-feature .eyebrow{font-size:7px;margin-bottom:13px;color:#849b6b}.usage-feature .feature-copy>p:not(.eyebrow){max-width:315px}.text-link{font-size:10px;display:inline-flex;align-items:center;gap:13px;color:#d0e4b1;margin-top:24px}.text-link svg{width:14px;height:14px;transition:transform .2s}.text-link:hover svg{transform:translateX(4px)}.usage-design{margin:42px 36px 42px 0;border:1px solid #435235;border-radius:10px;padding:23px 24px 18px;background:#171e13;box-shadow:0 14px 40px #0002;transform:rotate(-1deg)}.usage-design-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px}.usage-design-heading strong{font-weight:500}.usage-design-heading>span{font-size:6px;letter-spacing:1.2px;color:#a0b387;background:#25331b;border:1px solid #3d502b;border-radius:3px;padding:3px 6px}.usage-stat-row{display:flex;justify-content:space-between;margin-top:26px}.usage-stat-row small{display:block;font-size:7px;color:#91a47e;margin-bottom:5px}.usage-stat-row strong{font-size:28px;letter-spacing:-1px;font-weight:450;display:flex;align-items:baseline;gap:12px}.usage-stat-row strong span{font-size:14px;color:#c8e79e}.usage-stat-row strong .stat-sub{font-size:10px;color:#8b9e78;letter-spacing:0;margin-left:-7px}.usage-chart{position:relative;margin-top:27px;padding-top:19px}.chart-label{position:absolute;left:0;top:0;color:#8ca271;font-size:6px;letter-spacing:1.2px}.chart-bars{display:flex;align-items:flex-end;gap:7px;height:104px;border-bottom:1px solid #445733;background:repeating-linear-gradient(0deg,transparent 0,transparent 25px,#35452a66 25px,#35452a66 26px)}.chart-bars i{display:block;flex:1;height:var(--bar);background:linear-gradient(0deg,#809c4f,#d0e993);border-radius:3px 3px 0 0;position:relative;min-width:0;transform-origin:bottom;animation:bar-grow .7s both;animation-delay:var(--delay)}.chart-bars i:after{content:'';position:absolute;inset:auto 0 0;height:25%;background:#5d7348;border-top:1px solid #16201066}.chart-axis{display:flex;justify-content:space-between;font-size:6px;color:#7d9266;margin-top:8px}.usage-bottom{border-top:1px solid #354529;display:flex;align-items:center;gap:16px;padding-top:13px;margin-top:20px;color:#9cac8b;font-size:6px}.usage-bottom>span{display:flex;align-items:center;gap:4px}.legend-dot{width:4px;height:4px;background:#c4df8b;border-radius:1px}.muted-dot{background:#60764a}.usage-bottom>span:last-child{margin-left:auto;color:#899e72}.film-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#141811}.film-grid{display:grid;grid-template-columns:1.38fr 1fr;gap:22px}.film-card{background:transparent;padding:0;text-align:left;border:1px solid #38422f;border-radius:11px;overflow:hidden}.film-art{height:290px;position:relative;overflow:hidden;background:#252a21}.film-art>img,.film-art>video{width:100%;height:100%;object-fit:cover;transition:transform .7s}.film-card-main .film-art>img{opacity:.5;transform:scale(1.06);object-position:65% center}.film-card-main:hover .film-art>img{transform:scale(1.1)}.film-art-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10190fe0,#16201255),linear-gradient(0deg,#17210e77,transparent)}.film-tag{position:absolute;top:21px;left:23px;font-size:6px;letter-spacing:1.7px;color:#b5c99b;z-index:1}.film-overlay-copy{position:absolute;left:30px;bottom:34px}.film-overlay-copy>span{font-size:7px;letter-spacing:1.6px;color:#b8cc9e}.film-overlay-copy strong{display:block;font-size:38px;line-height:1.08;letter-spacing:-1.6px;font-weight:450;margin-top:13px}.film-play{position:absolute;left:73%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#cce692;color:#2f3c1d;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 9px #cce6920d;transition:box-shadow .3s,background .3s}.film-play svg{width:24px;height:24px;margin-left:3px}.film-card:hover .film-play{background:#e0f9a8;box-shadow:0 0 0 15px #cce69215}.film-time{position:absolute;bottom:18px;right:19px;color:#c5d9a4;font-size:6px;letter-spacing:1px}.film-caption{display:flex;align-items:center;justify-content:space-between;padding:19px 21px;background:#181f14;font-size:11px;color:#d5dfc8}.film-caption small{display:block;font-size:8px;color:#8fa17b;margin-top:5px}.film-caption>svg{width:16px;height:16px;color:#b4c899}.film-card-motion .film-art{background:#c5c8bd}.film-card-motion .film-art>video{object-fit:cover}.film-card-motion .film-tag{color:#414a33}.film-card-motion .film-time{color:#39422d;background:#eceee0bd;padding:3px 6px;border-radius:3px}.small-play{width:44px;height:44px;left:auto;right:12px;top:auto;bottom:35px;transform:none;background:#1e2819db;color:#e2ebd0;box-shadow:none}.small-play svg{width:17px;height:17px}.why-heading{text-align:center}.why-heading h2{font-size:47px;line-height:1.2;letter-spacing:-2.5px;margin-top:25px}.why-heading h2 span{color:#859577}.why-heading>p:not(.eyebrow){font-size:13px;line-height:1.85;color:#98a58b;margin-top:24px}.account-design{display:flex;align-items:center;gap:27px;max-width:800px;margin:45px auto 0}.account-card{flex:1;min-width:0;padding:26px;border-radius:10px;border:1px solid #414e33;background:linear-gradient(120deg,#242d1c,#182012);box-shadow:0 10px 25px #0001}.account-provider{display:flex;align-items:center;gap:12px}.account-provider img{filter:invert(90%) sepia(4%) saturate(450%) hue-rotate(30deg)}.account-provider strong{font-weight:500;font-size:20px;letter-spacing:-.7px}.account-provider .claude-mark{color:#d4a783;font-size:37px}.account-status{font-size:9px;color:#a9bc94;display:flex;align-items:center;gap:6px;margin-top:24px}.account-status svg{width:12px;height:12px;color:#c0dd98}.account-bar{height:3px;background:#36482a;margin-top:13px;border-radius:5px}.account-bar i{height:100%;width:100%;display:block;background:#a8c879;border-radius:5px;box-shadow:0 0 15px #a8c87920}.claude-bar i{background:#c6a284}.account-card-bottom{display:flex;justify-content:space-between;color:#95a584;font-size:8px;margin-top:13px}.account-plus{font-size:23px;color:#849873;font-weight:300}.subscription-note{font-size:9px;line-height:1.8;color:#889a77;text-align:center;margin-top:24px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:55px;margin-top:66px}.benefit-grid article>svg{width:20px;height:20px;color:#b1ca92;margin-bottom:19px}.benefit-grid h3{font-size:16px;line-height:1.4;letter-spacing:-.4px}.benefit-grid p{font-size:11px;line-height:1.9;color:#94a187;margin-top:12px}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:44% 56%;padding-bottom:110px}.faq-heading h2{font-size:43px;margin-top:25px}.faq-heading>p:not(.eyebrow){font-size:12px;color:#929f85;margin-top:19px}.faq-list details{border-bottom:1px solid #333d2a}.faq-list details:first-child{border-top:1px solid #333d2a}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:65px;padding:18px 0;cursor:pointer;list-style:none;font-size:12px;color:#d6dfcc}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:20px;font-weight:300;color:#92a879;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details[open] summary{color:#d2eaaa}.faq-list details p{font-size:11px;line-height:1.95;color:#a1b08f;padding:0 36px 23px 0;max-width:610px}.download-section{position:relative;overflow:hidden;text-align:center;border:1px solid #3b482f;border-radius:17px;background:#192212;padding:65px 25px 52px}.download-glow{position:absolute;width:950px;height:750px;left:50%;top:-360px;transform:translateX(-50%);background:radial-gradient(ellipse,#90b04428,transparent 70%);pointer-events:none}.download-section>*:not(.download-glow){position:relative}.cta-mark{margin:0 auto 25px;border-radius:14px;box-shadow:0 12px 24px #0002;transform:rotate(-7deg)}.download-section .eyebrow{color:#9ebc7d;font-size:7px}.download-section h2{font-size:67px;line-height:1.03;letter-spacing:-4px;margin-top:24px}.download-section h2 span{color:var(--lime)}.download-section>p:not(.eyebrow):not(.download-note){font-size:13px;color:#a4b88e;margin-top:18px}.download-section .button{margin-top:26px}.download-section .download-note{font-size:8px;color:#90a57b;margin-top:16px}.site-footer{margin-top:64px}.footer-top{display:flex;align-items:center;gap:26px;padding-bottom:28px;border-bottom:1px solid var(--line)}.footer-top .brand{font-size:25px}.footer-top>p{font-size:10px;color:#919e84}.footer-top>div{margin-left:auto;display:flex;gap:29px;align-items:center;font-size:10px;color:#b1bca5}.footer-top>div a{display:flex;align-items:center;gap:5px}.footer-top>div svg{height:12px;width:12px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#76856a;padding:22px 0 29px}.footer-bottom>span:last-child{display:flex;align-items:center;gap:7px}.footer-bottom .status-dot{width:4px;height:4px;background:#93ab74}
dialog{color:var(--ink);background:#192013;border:1px solid #566a3d;border-radius:15px;padding:0;max-height:90dvh;max-width:calc(100% - 32px);box-shadow:0 30px 130px #0008}dialog::backdrop{background:#080c07dd;backdrop-filter:blur(10px)}body:has(dialog[open]){overflow:hidden}dialog[open]{animation:panel-in .25s}.download-dialog{width:510px;padding:42px}.dialog-close{position:absolute;right:16px;top:16px}.download-dialog>img{border-radius:12px;margin-bottom:24px}.download-dialog h2{font-size:32px;line-height:1.16;letter-spacing:-1.3px;margin-top:15px}.download-dialog>p:not(.eyebrow):not(.modal-small){font-size:12px;line-height:1.8;color:#a8b99a;margin-top:17px}.release-placeholder{display:flex;align-items:center;gap:12px;padding:16px 12px;margin-top:25px;background:#222f18;border:1px solid #415831;border-radius:8px;font-size:11px}.release-placeholder>svg{width:24px;height:24px;color:#cee3ad}.release-placeholder small{display:block;font-size:8px;color:#9cad89;margin-top:4px}.coming-soon{margin-left:auto;font-size:7px;color:#cce5a8;border:1px solid #50653d;padding:4px 6px;border-radius:4px;white-space:nowrap}.download-dialog>.button{margin-top:24px;width:100%}.modal-small{font-size:8px;line-height:1.8;color:#8da279;text-align:center;margin-top:15px}.film-dialog{width:1120px;background:#11170e}.film-dialog-top{position:relative;padding:24px 28px}.film-dialog-top .eyebrow{font-size:7px}.film-dialog h2{font-size:20px;letter-spacing:-.6px;line-height:1.4;margin-top:6px;padding-right:35px}.film-dialog .dialog-close{top:25px;right:24px}#main-film{display:block;width:100%;max-height:65dvh;aspect-ratio:16/9;background:#090c08}.film-dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;font-size:9px;color:#9cb286}.film-dialog-bottom a{display:flex;align-items:center;gap:6px;color:#d6e6be;flex-shrink:0}.film-dialog-bottom svg{width:12px;height:12px}#video-error{color:#e6d2ab;font-size:12px;padding:0 28px 20px}.noscript-note{padding:25px;background:#29351d;color:#c6d9ac}.noscript-note a{text-decoration:underline}.reveal{opacity:1;transform:none}body.has-observer .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}body.has-observer .reveal.is-visible{opacity:1;transform:none}/* Pause ambient decoration only. Dialog entrance animations must finish. */
body:is(.motion-paused,.page-hidden) :is(.waveform i,.member-status i){animation-play-state:paused!important}
@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes voice-wave{0%{transform:scaleY(.35);opacity:.4}100%{transform:scaleY(1);opacity:.9}}@keyframes edge-travel{0%,100%{transform:translateX(-40%);opacity:.2}50%{transform:translateX(180%);opacity:.8}}@keyframes bar-grow{from{transform:scaleY(.15)}to{transform:scaleY(1)}}@keyframes status-breathe{50%{opacity:.35}}
@media(min-width:1500px){.hero{padding-top:80px}.hero h1{font-size:112px}.hero-content .hero-copy{font-size:17px}.product-wrap{margin-top:66px}.workspace-body{min-height:545px}.demo-stage{height:350px}.agent-log{font-size:7px}.agent-head{padding-top:12px}.design-preview{height:68px}.code-preview{font-size:7px}.agent-composer{font-size:6px;padding:8px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.nav-wrap{padding:0 32px}.desktop-nav{gap:24px}.workspace-body{grid-template-columns:135px minmax(0,1fr) 195px;min-height:500px}.workspace-main{padding:18px 15px}.space-identity{font-size:8px}.space-identity small{font-size:5px}.workspace-sidebar{padding-inline:7px}.sidebar-item{font-size:7px;padding:0 7px;gap:6px}.workspace-assistant{padding-inline:11px}.assistant-body h3{font-size:18px}.assistant-response{font-size:6.5px}.project-local{display:none}.app-tabs{gap:13px}.integration-logos{gap:30px}.integration-logos>span{font-size:16px}.section-title-row h2{font-size:47px}.feature-copy{padding:29px 29px 0}.feature h3{font-size:28px}.feature-copy>p:not(.eyebrow){font-size:11px}.team-design{padding-inline:23px}.voice-design{padding-inline:28px}.feature-footnote{padding-inline:28px;font-size:7px}.team-members{gap:8px}.usage-feature{grid-template-columns:42% 58%}.usage-feature .feature-copy{padding:31px 28px}.usage-design{margin:35px 28px 35px 0;padding:20px}.usage-stat-row strong{font-size:25px}.usage-stat-row strong span{font-size:11px}.usage-bottom{gap:10px}.usage-bottom>span:last-child{font-size:5px}.film-art{height:260px}.film-overlay-copy strong{font-size:32px}.film-overlay-copy{left:25px}.why-heading h2{font-size:43px}.benefit-grid{gap:35px}}
@media(max-width:850px){.desktop-nav{gap:17px;font-size:11px}.nav-wrap{height:75px}.brand{font-size:24px}.brand img{width:30px;height:30px}.hero{padding-top:55px}.hero h1{font-size:78px}.hero-copy{font-size:14px}.workspace-body{grid-template-columns:118px minmax(0,1fr);min-height:480px}.workspace-assistant{display:none}.workspace-main{padding-inline:19px}.workspace-top{gap:28px}.workspace-sidebar{padding-top:20px}.space-identity .avatar{display:none}.space-identity{padding-left:5px}.space-identity small{font-size:5.5px}.sidebar-item{font-size:7px}.sidebar-item svg{width:10px;height:10px}.project-heading h2{font-size:22px}.agent-name{font-size:8px}.demo-stage{height:304px}.agent-head{padding:9px 9px 7px}.agent-log{font-size:6.5px}.design-preview{height:50px}.code-preview{font-size:6px}.voice-float{margin-top:-18px;padding:13px 16px}.voice-scene h3{font-size:23px}.integrations{padding-top:48px}.integration-logos{flex-wrap:wrap;gap:23px 33px}.integration-logos>span{font-size:16px}.integration-logos svg,.integration-logos img{width:20px;height:20px}.section-space{padding-block:80px}.section-title-row h2{font-size:42px}.section-title-row>p{font-size:11px}.feature-copy{padding:25px 23px 0}.feature h3{font-size:25px}.feature-copy>p:not(.eyebrow){font-size:10px}.feature-icon{margin-bottom:21px}.voice-design{padding-inline:23px;padding-top:20px}.voice-visual-header{font-size:5px;letter-spacing:.6px}.voice-visual-header>span:last-child{font-size:4px;letter-spacing:.1px}.large-wave{gap:3px;height:92px}.large-wave i{width:2px}.transcript-bubble{padding:14px}.transcript-bubble p{font-size:17px}.transcript-label{font-size:5px}.transcript-check{font-size:6px}.feature-footnote{font-size:6px;padding:15px 23px 20px}.team-design{padding:44px 20px 36px}.team-members{gap:6px}.team-members>div{padding-inline:3px}.team-members strong{font-size:8px}.team-members small{font-size:5px}.team-director{max-width:175px}.usage-feature .feature-copy{padding:29px 23px}.usage-feature h3{font-size:28px}.usage-design{margin:32px 22px 32px 0;padding:18px 16px}.usage-stat-row strong{font-size:22px;gap:7px}.usage-stat-row small{font-size:6px}.usage-stat-row strong .stat-sub{font-size:8px;margin-left:0}.usage-bottom>span:last-child{display:none}.chart-bars{gap:5px}.film-grid{grid-template-columns:1.3fr 1fr;gap:16px}.film-art{height:235px}.film-caption{padding:16px;font-size:9px}.film-caption small{font-size:6px}.film-overlay-copy{left:20px;bottom:30px}.film-overlay-copy strong{font-size:28px}.film-overlay-copy>span{font-size:5px}.film-play{width:47px;height:47px;left:78%;top:45%}.film-play svg{width:18px;height:18px}.small-play{left:auto;top:auto;width:35px;height:35px;right:15px;bottom:38px}.film-tag{left:19px;font-size:5px;letter-spacing:1px}.film-time{font-size:5px}.why-heading h2{font-size:36px;letter-spacing:-1.8px}.why-heading>p:not(.eyebrow){font-size:12px}.benefit-grid{gap:25px}.benefit-grid h3{font-size:14px}.benefit-grid p{font-size:10px}.account-card{padding:23px}.faq-heading h2{font-size:35px}.faq-heading>p:not(.eyebrow){font-size:10px}.faq-list summary{font-size:10px;min-height:60px}.faq-list details p{font-size:10px;padding-right:20px}.download-section h2{font-size:61px}.footer-top>p{font-size:8px}.footer-top>div{font-size:9px;gap:20px}.footer-bottom{font-size:7px}}
@media(max-width:650px){.container{width:calc(100% - 40px)}.nav-wrap{height:72px;padding:0 20px}.desktop-nav{display:none}.menu-button{display:inline-flex;width:35px;height:35px}.button-small{min-height:35px;padding-inline:11px;font-size:10px}.brand{font-size:25px}.hero{padding-top:48px}.eyebrow-pill{font-size:6px;letter-spacing:.8px;padding:8px 10px;gap:7px}.eyebrow-pill svg{width:10px;height:10px;margin-left:2px}.eyebrow-pill .status-dot{width:4px;height:4px}.hero h1{font-size:70px;margin-top:27px;letter-spacing:-5px}.hero-copy{font-size:12px;line-height:1.8;margin-top:22px}.hero-actions{gap:9px;margin-top:27px}.hero-actions .button{padding:0 14px;min-height:47px;font-size:10px;gap:7px}.hero-actions .button svg{width:14px;height:14px}.hero-actions .button-end{margin-left:7px}.button-duration{display:none}.download-note{font-size:8px;margin-top:13px}.product-wrap{margin-top:41px;width:calc(100% - 28px)}.workspace{border-radius:8px;box-shadow:0 0 0 4px #a7c36906,0 25px 60px #0004}.workspace-top{height:38px;padding:0 12px;gap:15px}.workspace-brand{font-size:12px;gap:6px}.workspace-brand img{width:20px;height:20px}.local-tag{font-size:5px}.workspace-tagline{display:none}.workspace-tools{font-size:6px;gap:5px}.workspace-tools svg{width:9px;height:9px}.avatar{width:19px;height:19px;font-size:6px;margin-left:7px}.workspace-body{display:block;min-height:0}.workspace-sidebar{display:none}.workspace-main{padding:17px 12px 27px}.project-breadcrumb{font-size:6px}.project-heading{margin:11px 0 17px}.project-heading h2{font-size:22px}.project-heading p{font-size:6px;margin-top:6px}.new-agent{font-size:6px}.app-tabs{font-size:6px;gap:19px;padding-bottom:9px}.app-tab svg{width:9px;height:9px}.app-tab.active{padding:4px 6px;margin:-4px -6px}.agent-toolbar{font-size:5px;margin:11px 0}.demo-stage{height:298px}.agent-grid{gap:7px}.agent-head{padding:9px 7px 7px;gap:5px}.provider-badge{width:20px;height:20px;border-radius:4px}.provider-badge img{height:15px;width:15px}.agent-name{font-size:7px}.agent-name small{font-size:5px}.agent-state{font-size:4px;padding:3px;gap:2px}.agent-state .status-dot{width:2px;height:2px}.agent-log{font-size:5.5px;padding-inline:8px}.agent-log svg{width:7px;height:7px}.code-preview{font-size:5.5px;margin-inline:8px;padding-left:5px}.design-preview{margin:4px 8px;height:48px;padding:6px 7px}.design-preview strong{font-size:11px}.design-preview small{font-size:3.5px}.design-planet{width:33px;height:33px}.design-planet:after{width:50px;height:12px;top:10px;left:-9px;border-width:2px}.agent-composer{font-size:5px;padding:6px;bottom:7px;left:7px;right:7px}.workspace-statusbar{font-size:4.5px;padding:5px 9px}.voice-float{width:calc(100% - 28px);max-width:none;gap:10px;padding:11px;margin-top:-17px;border-radius:8px}.voice-float-icon{height:27px;width:27px}.voice-float-icon svg{width:13px;height:13px}.voice-caption{font-size:5px;letter-spacing:1px}.voice-float p{font-size:8px}.small-wave{gap:2px;height:20px}.small-wave i{width:1.5px;max-height:20px}.small-wave i:nth-child(n+16){display:none}.voice-enter{font-size:13px}.demo-controls{gap:10px;margin-top:22px}.demo-tabs{gap:3px;padding:4px}.demo-tabs button{padding:8px 10px;font-size:8px;gap:6px}.demo-tabs button span{font-size:6px}.demo-controls>.icon-button{width:27px;height:27px}.voice-scene h3{font-size:24px;max-width:270px;min-height:80px}.voice-scene .scene-label{font-size:6px}.voice-scene>p{font-size:6px}.voice-scene .waveform{max-width:95%;overflow:hidden}.scene-usage{padding:17px 13px}.scene-usage-title{font-size:11px}.scene-stats strong{font-size:24px}.scene-usage .chart-bars{height:79px;margin-top:17px;gap:4px}.scene-account{margin-top:11px}.integrations{padding:42px 0 40px}.integrations>p{font-size:6px;letter-spacing:1.2px}.integration-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 10px;margin-top:25px}.integration-logos>span{justify-content:center;font-size:12px;gap:6px;letter-spacing:-.3px}.integration-logos>span:nth-child(2){font-size:11px}.integration-logos img,.integration-logos svg{width:17px;height:17px}.claude-mark{font-size:25px}.gitlab-mark{font-size:25px}.slack-mark{font-size:26px}.section-space{padding-block:60px}.eyebrow{font-size:6.5px;letter-spacing:1.2px}.eyebrow>span{margin-right:8px}.section-title-row{display:block;margin-top:19px}.section-title-row h2{font-size:42px;letter-spacing:-2.3px}.section-title-row>p{font-size:11px;line-height:1.8;margin-top:20px}.section-title-row>p br{display:none}.section-intro{margin-bottom:29px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-copy{padding:28px 27px 0}.feature-icon{width:34px;height:34px;margin-bottom:20px}.feature-icon svg{width:16px;height:16px}.feature h3{font-size:30px}.feature-copy>p:not(.eyebrow){font-size:11px;line-height:1.9;max-width:340px;margin-top:15px}.voice-design{padding:25px 26px 16px;margin-top:24px}.voice-visual-header{font-size:5.5px;letter-spacing:1px}.voice-visual-header>span:last-child{font-size:4.5px}.large-wave{height:90px;gap:4px}.large-wave i{width:2px}.transcript-bubble{max-width:260px;padding:16px 20px}.transcript-bubble p{font-size:20px}.transcript-label{font-size:6px}.transcript-check{font-size:7px}.feature-footnote{font-size:7px;padding:16px 26px 22px}.team-design{padding:33px 25px 26px}.team-director{max-width:200px;padding:14px}.team-members>div{padding:15px 5px}.team-members strong{font-size:10px}.team-members small{font-size:6px}.team-members .member-status{font-size:6px}.team-connectors{height:47px}.team-members{gap:10px}.feature-agents .feature-footnote{padding-top:17px}.usage-feature{grid-template-columns:1fr;margin-top:16px}.usage-feature .feature-copy{padding:28px 27px 0}.usage-feature .eyebrow{font-size:6px}.usage-feature h3{font-size:32px}.usage-feature .feature-copy>p:not(.eyebrow){max-width:340px}.text-link{font-size:10px;margin-top:20px}.usage-design{margin:29px 22px 30px;padding:20px 18px;transform:rotate(-1deg)}.usage-design-heading{font-size:10px}.usage-stat-row{margin-top:20px}.usage-stat-row strong{font-size:24px}.usage-stat-row strong .stat-sub{font-size:9px}.usage-stat-row small{font-size:6px}.chart-bars{gap:5px;height:106px}.usage-bottom{font-size:6px}.usage-bottom>span:last-child{display:flex;font-size:5px}.film-grid{grid-template-columns:1fr;gap:20px}.film-art{height:260px}.film-overlay-copy strong{font-size:37px}.film-overlay-copy{left:25px;bottom:32px}.film-overlay-copy>span{font-size:6px}.film-tag{font-size:6px;left:23px;top:20px}.film-play{width:54px;height:54px;left:77%;top:45%}.film-caption{padding:18px 21px;font-size:11px}.film-caption small{font-size:8px}.film-time{font-size:6px}.film-card-motion .film-art{height:240px}.small-play{left:auto;top:auto;width:38px;height:38px;right:18px;bottom:40px}.why-heading{text-align:left}.why-heading h2{font-size:35px;line-height:1.2;letter-spacing:-1.8px;margin-top:19px}.why-heading>p:not(.eyebrow){font-size:11px;margin-top:20px}.why-heading>p br{display:none}.account-design{flex-direction:column;gap:14px;margin-top:30px}.account-card{width:100%;padding:25px}.account-provider strong{font-size:20px}.account-status{font-size:9px;margin-top:19px}.account-card-bottom{font-size:9px}.account-plus{font-size:22px;line-height:1}.subscription-note{font-size:8px;text-align:left;margin-top:20px}.benefit-grid{grid-template-columns:1fr;gap:28px;margin-top:39px}.benefit-grid article{position:relative;padding-left:40px}.benefit-grid article>svg{position:absolute;left:0;top:2px;width:18px;height:18px}.benefit-grid h3{font-size:15px}.benefit-grid p{font-size:11px;margin-top:9px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-heading h2{font-size:40px;margin-top:19px}.faq-heading>p:not(.eyebrow){font-size:11px;margin-top:16px}.faq-list summary{font-size:11px;min-height:62px}.faq-list details p{font-size:11px;line-height:1.9;padding-right:17px}.download-section{padding:45px 20px 39px;border-radius:13px}.cta-mark{width:52px;height:52px;border-radius:12px;margin-bottom:24px}.download-section .eyebrow{font-size:5.5px;letter-spacing:1px}.download-section h2{font-size:54px;letter-spacing:-3.2px;margin-top:23px}.download-section>p:not(.eyebrow):not(.download-note){font-size:12px;margin-top:17px}.download-section .button{font-size:12px;min-height:49px;margin-top:23px}.site-footer{margin-top:43px}.footer-top{flex-wrap:wrap;gap:16px;padding-bottom:25px}.footer-top>p{font-size:8px;margin-left:auto}.footer-top>div{width:100%;margin-top:4px;gap:25px;font-size:10px}.footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:11px;font-size:7px;padding:22px 0 26px}.download-dialog{padding:30px 24px}.download-dialog h2{font-size:29px}.download-dialog>.eyebrow{font-size:7px}.release-placeholder{padding:13px 10px;gap:9px;font-size:10px}.release-placeholder small{font-size:7px}.coming-soon{font-size:6px}.film-dialog-top{padding:21px 18px}.film-dialog h2{font-size:16px;line-height:1.4}.film-dialog .dialog-close{right:14px;top:20px;width:31px;height:31px}.film-dialog .dialog-close svg{width:17px;height:17px}.film-dialog-bottom{align-items:flex-start;padding:16px 18px;font-size:8px;gap:12px}.film-dialog-bottom a{font-size:7px}.film-dialog-bottom>span{max-width:210px}.film-dialog-bottom svg{width:10px;height:10px}}
@media(max-width:370px){.hero h1{font-size:62px;letter-spacing:-4px}.hero-actions .button{font-size:9px;padding-inline:12px}.hero-actions .button-end{display:none}.voice-float p{font-size:7px}.demo-tabs button{padding-inline:8px;font-size:7px}.demo-tabs button span{font-size:5px}.agent-state{font-size:3.5px;padding:2px}.agent-name{font-size:6px}.agent-log{font-size:5px}.code-preview{font-size:4.8px}.app-tabs{gap:15px}.section-title-row h2{font-size:38px}.feature-copy{padding-inline:23px}.feature h3{font-size:27px}.feature-copy>p:not(.eyebrow){font-size:10px}.large-wave{gap:3px}.usage-stat-row strong{font-size:22px}.film-overlay-copy strong{font-size:32px}.why-heading h2{font-size:31px}.download-section h2{font-size:48px}.footer-top>p{font-size:7px}.eyebrow-pill{font-size:5px}}
body.motion-paused .agent-card,body.motion-paused .voice-scene,body.motion-paused .scene-usage,body.motion-paused .chart-bars i{animation:none!important}
@media(max-width:650px){.hero h1{font-size:clamp(45px,13.3vw,77px);letter-spacing:-.067em}.hero h1>span{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal,body.has-observer .reveal{opacity:1!important;transform:none!important}}

.native-window{overflow:hidden;border:1px solid #687454;border-radius:11px;background:#f1f1ec;box-shadow:0 0 0 6px #a7c36906,0 35px 85px #0004}
.native-window video{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;background:#f1f1ec}
.hero-story{display:flex;align-items:center;gap:22px;min-height:135px;padding:27px 32px;background:radial-gradient(ellipse at 0 50%,#b9d87010,transparent 55%),#151c11;border-top:1px solid #465535;color:#ecf2e2}
.hero-story-icon{display:grid;place-items:center;flex:none;width:50px;height:50px;border:1px solid #516238;border-radius:14px;background:linear-gradient(145deg,#39482b,#202a18);box-shadow:0 8px 24px #0002;color:#d0ed98}
.hero-story-icon svg{width:23px;height:23px}.hero-story-copy{min-width:0;flex:1}.hero-story-kicker{display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:1.5px;color:#a9c18a}.hero-story-kicker>span:first-child{font-variant-numeric:tabular-nums;color:#7d9565}
.hero-story h2{font-size:25px;font-weight:500;line-height:1.25;letter-spacing:-.8px;margin:9px 0 7px}.hero-story-copy>p:last-child{font-size:11px;line-height:1.7;color:#9dab8e}
.hero-chapters{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#53693b #141b10;background:#11180d;border-top:1px solid #303d25;padding:0 18px;overscroll-behavior-x:contain}
.hero-chapters button{--chapter-progress:0%;position:relative;flex:1;min-width:95px;white-space:nowrap;background:transparent;color:#8b9a7b;font-size:9px;text-align:center;padding:19px 9px 20px;transition:color .2s,background .2s}
.hero-chapters button>span{font-size:6px;margin-right:6px;color:#677b55;font-variant-numeric:tabular-nums}.hero-chapters button:after{content:'';position:absolute;bottom:0;left:8px;right:8px;height:2px;background:linear-gradient(90deg,#c9ec91 var(--chapter-progress),#35432a var(--chapter-progress));border-radius:2px}.hero-chapters button[aria-current=step]{color:#d8ebbb;background:#bddb8108}.hero-chapters button[aria-current=step]>span{color:#c9ec91}.hero-chapters button:hover{color:#edf5df;background:#b9d8800d}
@media(max-width:850px){.hero-story{padding:22px;gap:17px}.hero-story h2{font-size:22px}.hero-chapters{padding:0 9px}.hero-chapters button{min-width:91px;padding-block:17px}}
@media(max-width:650px){.hero-story{padding:19px 17px;min-height:145px;align-items:flex-start;gap:13px}.hero-story-icon{width:32px;height:32px;border-radius:9px;margin-top:26px}.hero-story-icon svg{width:16px;height:16px}.hero-story-kicker{font-size:6px;letter-spacing:1px;gap:9px}.hero-story h2{font-size:21px;letter-spacing:-.65px;margin-top:10px}.hero-story-copy>p:last-child{font-size:9px;line-height:1.65}.hero-chapters button{min-width:89px;font-size:8px}.hero-chapters button>span{font-size:6px}.hero-chapters{padding:0 5px}}
.native-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 4px 0;font-size:9px;color:#a6b497}
.native-caption>span{display:flex;align-items:center;gap:7px}.native-caption-detail{color:#7c8e6d}.native-caption .status-dot{width:4px;height:4px}
.native-expand{display:inline-flex;align-items:center;gap:8px;color:#ccdfa9;font-size:9px;background:transparent;padding:4px 0}.native-expand svg{width:12px;height:12px}
.native-controls{margin-top:22px;justify-content:flex-start;gap:13px}
.theme-controls{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #35432a;background:#161d12;border-radius:8px}
.theme-controls button{display:flex;align-items:center;gap:8px;padding:9px 15px;background:transparent;color:#8e9e7f;border-radius:5px;font-size:10px;transition:background .2s,color .2s}
.theme-controls button>span{font-size:14px;line-height:1}.theme-controls button[aria-pressed=true]{background:#354329;color:#e4efcf;box-shadow:inset 0 0 0 1px #52683a}.theme-controls button:hover{color:#e6efd8}

@media(max-width:650px){.native-window{border-radius:8px;box-shadow:0 0 0 4px #a7c36906,0 20px 50px #0003}.native-caption{font-size:7px;padding:13px 4px 0;gap:10px}.native-caption-detail{display:none}.native-expand{font-size:7px;gap:5px}.native-expand svg{width:11px;height:11px}.native-controls{margin-top:15px;justify-content:center;gap:11px}.theme-controls button{font-size:8px;padding:8px 12px;gap:6px}.theme-controls button>span{font-size:12px}}

/* The product film has a full-size stage and direct access to each workflow. */
.film-section-expanded{background:#151a11}
.film-section-expanded .section-title-row h2{font-size:clamp(35px,4vw,52px)}
.film-card-wide{display:block;width:100%;border-radius:13px;box-shadow:0 25px 65px #0002}
.film-section-expanded .film-art{height:auto;aspect-ratio:16/9;max-height:675px;background:#10130e}
.film-section-expanded .film-art>img{opacity:.91;transform:none;object-fit:cover;object-position:center}
.film-section-expanded .film-card-main:hover .film-art>img{transform:scale(1.015)}
.film-section-expanded .film-art-shade{background:linear-gradient(0deg,#101b0ebd,transparent 25%),radial-gradient(ellipse at 50% 49%,#0b10089e,transparent 48%)}
.film-section-expanded .film-tag{display:flex;align-items:center;gap:7px;top:22px;left:24px;background:#14200cde;border:1px solid #59723d;border-radius:5px;padding:7px 10px;letter-spacing:1.7px;font-size:7px;color:#cee3ad}
.film-section-expanded .film-tag .status-dot{width:4px;height:4px}
.film-section-expanded .film-play{left:50%;top:47%;width:80px;height:80px;box-shadow:0 0 0 12px #cce6920e,0 10px 45px #0006}
.film-section-expanded .film-play svg{height:28px;width:28px}
.film-play-label{position:absolute;left:50%;top:calc(47% + 60px);transform:translateX(-50%);white-space:nowrap;font-size:12px;letter-spacing:.1px;text-shadow:0 2px 15px #000;color:#edf3e3}
.film-section-expanded .film-time{right:24px;bottom:20px;font-size:8px;letter-spacing:1.2px}
.film-section-expanded .film-caption{padding:24px 28px;font-size:14px;background:#1b2514}
.film-section-expanded .film-caption small{font-size:9px;color:#9cae86;margin-top:6px}
.film-caption-action{display:flex;align-items:center;gap:14px;color:#c6dfa2;font-size:11px}
.film-caption-action svg{width:16px;height:16px}
.film-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.film-chapters>button{display:flex;align-items:center;gap:10px;min-width:0;padding:17px 14px;background:#192113;border:1px solid #37482a;border-radius:7px;text-align:left;transition:background .2s,border-color .2s}
.film-chapters>button:hover{background:#25321b;border-color:#637a45}
.chapter-number{font-size:9px;color:#a5c47b;border:1px solid #425933;background:#25341b;min-width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:5px}
.film-chapters strong{display:block;font-size:10px;font-weight:500;line-height:1.5;color:#d4e3c1}
.film-chapters small{display:block;font-size:7px;color:#8fa778;margin-top:3px;line-height:1.7}
.film-chapters>button>svg{height:11px;width:11px;margin-left:auto;color:#bfd899}
.film-section-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;color:#8da476;font-size:9px}
.film-section-footer .text-link{margin-top:0;background:transparent;padding:5px 0;font-size:9px;gap:9px}
@media(max-width:1050px){.film-chapters{grid-template-columns:1fr 1fr;gap:10px}.film-chapters>button{padding:16px 18px}.film-chapters strong{font-size:11px}.film-chapters small{font-size:8px}.film-section-expanded .film-play{width:67px;height:67px}.film-play-label{top:calc(47% + 52px);font-size:11px}}
@media(max-width:650px){.film-section-expanded .section-title-row h2{font-size:37px;line-height:1.13;letter-spacing:-2px}.film-section-expanded .film-art{aspect-ratio:4/3}.film-section-expanded .film-art>img{width:133.333%;max-width:none;transform:translateX(-12.5%);object-fit:cover}.film-section-expanded .film-card-main:hover .film-art>img{transform:translateX(-12.5%)}.film-section-expanded .film-play{width:54px;height:54px;top:45%;box-shadow:0 0 0 8px #cce6920e,0 8px 30px #0005}.film-section-expanded .film-play svg{width:22px;height:22px}.film-play-label{top:calc(45% + 41px);font-size:10px}.film-section-expanded .film-tag{top:13px;left:13px;padding:5px 7px;font-size:5px;letter-spacing:1px}.film-section-expanded .film-time{bottom:13px;right:14px;font-size:6px}.film-section-expanded .film-caption{padding:17px;font-size:11px}.film-section-expanded .film-caption small{font-size:7px;margin-top:5px}.film-caption-action{font-size:0;gap:0}.film-caption-action svg{width:14px;height:14px;margin-left:10px}.film-chapters{margin-top:14px;gap:8px}.film-chapters>button{padding:13px 10px;gap:8px;align-items:flex-start}.chapter-number{font-size:7px;min-width:20px;height:20px}.film-chapters strong{font-size:9px;line-height:1.5}.film-chapters small{font-size:6px;line-height:1.6;margin-top:4px}.film-chapters>button>svg{display:none}.film-section-footer{align-items:flex-start;font-size:8px;margin-top:19px;line-height:1.8}.film-section-footer>span{max-width:190px}.film-section-footer .text-link{font-size:8px;white-space:nowrap;gap:4px}.film-section-footer .text-link svg{width:11px;height:11px}}

#main-film{object-fit:contain}.hero-chapters button{flex:1 0 94px}
#film-narration{margin:0;min-height:88px;padding:18px 36px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;line-height:1.6;color:#e1ead5;background:#1b2415;border-top:1px solid #35432a}
#film-narration[hidden]{display:none}
.film-dialog:has(#film-narration:not([hidden])) #main-film{max-height:min(65dvh,calc(90dvh - 250px))}
@media(max-width:650px){#film-narration{min-height:132px;padding:16px 18px;font-size:12px}.film-dialog:has(#film-narration:not([hidden])) #main-film{max-height:min(65dvh,calc(90dvh - 310px))}}

/* --- polish pass: legibility + scroll affordance --- */
.film-section-expanded .film-art-shade{background:linear-gradient(0deg,#101b0ed9,transparent 30%),radial-gradient(ellipse at 50% 49%,#080d06d4,#080d0670 36%,transparent 62%)}
.film-play-label{z-index:1;background:#0d140abf;border:1px solid #ffffff1f;border-radius:999px;padding:7px 15px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);text-shadow:0 1px 6px #000000b3}
@media(max-width:650px){.film-play-label{padding:5px 11px}}
@media(max-width:900px){.hero-chapters{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent 100%)}}
@media(min-width:901px){.faq-heading{position:sticky;top:120px;align-self:start}}

/* --- hero: product caption, not a second headline --- */
.hero-story{min-height:0;padding:15px 26px;gap:15px}
.hero-story-icon{width:33px;height:33px;border-radius:9px;background:#232d19;border-color:#414f30;box-shadow:none}
.hero-story-icon svg{width:16px;height:16px}
.hero-story-kicker{gap:11px;font-size:7px;color:#93a87a}
.hero-story h2{font-size:15px;font-weight:550;letter-spacing:-.25px;line-height:1.35;margin:6px 0 0}
.hero-story-copy>p:last-child{font-size:10.5px;line-height:1.6;color:#909d84;margin-top:3px}
@media(max-width:850px){.hero-story{padding:14px 20px;gap:13px}.hero-story h2{font-size:14px}}
@media(max-width:650px){.hero-story{padding:13px 15px;min-height:0;align-items:center;gap:11px}.hero-story-icon{width:28px;height:28px;margin-top:0}.hero-story-icon svg{width:14px;height:14px}.hero-story h2{font-size:13px;margin-top:5px;letter-spacing:-.2px}.hero-story-copy>p:last-child{font-size:9px;margin-top:2px}}