@font-face{font-family:Space;src:url('assets/fonts/space-grotesk.ttf');font-display:swap}
@font-face{font-family:Jakarta;src:url('assets/fonts/plus-jakarta-sans.ttf');font-display:swap}
:root{--forest:#102820;--surface:#1d3d35;--mint:#a5d9bb;--text:#f0f5ee;--muted:#a7b9ab;--line:#355347;--app:#f5f7f1;--ink:#283e37;--app-muted:#6c7f73;--app-line:#dfe6dc}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--forest);color:var(--text);font:13px/1.65 Jakarta,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #8bba9c;outline-offset:4px}button:disabled{cursor:default}button:disabled:hover{transform:none}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-header,.product-hero,.workspace-promise,footer{max-width:1450px;margin:auto}.site-header{padding:23px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:700;letter-spacing:-1px}.brand>span{display:flex;align-items:baseline;gap:6px}.brand small{font-size:10px;color:var(--muted);font-weight:400;letter-spacing:.04em}.brand img{object-fit:contain}.site-header nav{display:flex;align-items:center;gap:32px;font-size:11px;color:#c2d0c4}.site-header nav a:hover{color:var(--mint)}.nav-beta{border:1px solid #547365;padding:10px 15px;border-radius:7px;display:flex;gap:21px;align-items:center}.nav-beta .icon{width:15px;height:15px}
.product-hero{padding:27px 5% 15px}.hero-intro{display:grid;grid-template-columns:1.7fr 1fr;align-items:end;gap:55px;margin-bottom:37px}.eyebrow{font-size:9px;letter-spacing:.14em;font-weight:500;display:flex;align-items:center;gap:9px;color:#b2c6b7;margin:0 0 15px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--mint)}h1,h2,h3,h4,p{margin-top:0}h1{font:500 clamp(38px,4.05vw,59px)/1.08 Space,Jakarta,sans-serif;letter-spacing:-2.4px;margin-bottom:0}h1>span{color:var(--mint)}.hero-context{padding-bottom:2px}.hero-context>p{font-size:13px;color:#b9cbbb;line-height:1.8;margin-bottom:11px}.intro-link{display:inline-flex;align-items:center;gap:22px;font-size:12px;color:#d1e8d7;border-bottom:1px solid #587765;padding-bottom:5px}.intro-link .icon{width:16px;height:16px;transform:rotate(90deg)}.intro-note{display:block;font-size:9px;color:#8da998;margin-top:11px}
.workflow-demo{position:relative;isolation:isolate;scroll-margin-top:20px}.journey-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:8px;letter-spacing:.1em;color:#90aa99;margin-bottom:11px}.demo-disclosure{display:flex;gap:7px;align-items:center;letter-spacing:0;font-size:9px;color:#b6c7b8}.demo-disclosure>span{width:5px;height:5px;background:#a8c6ac;border-radius:50%}.journey-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:0 0 15px;border:1px solid #355547;border-radius:9px;background:#153328;padding:5px}.journey-tabs button{position:relative;border:0;border-radius:5px;background:transparent;color:#a9bcb0;display:flex;align-items:center;gap:10px;padding:13px 18px;font-size:12px;text-align:left;transition:background .2s,color .2s}.journey-tabs button:hover{background:#244535}.journey-tabs button[aria-selected=true]{background:#a8d9b9;color:#183d2a;box-shadow:0 2px 9px #081d1930}.step-check{margin-left:auto;width:14px;height:14px;opacity:0}.journey-tabs button.is-visited:not([aria-selected=true]) .step-check{opacity:.7}.journey-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-6px;left:20px;right:20px;height:2px;background:var(--mint);border-radius:3px}
.studio-window{background:var(--app);color:var(--ink);border:1px solid #567364;border-radius:13px;box-shadow:0 26px 65px #04130d55;overflow:hidden}.window-bar{height:33px;background:#dfE8db;border-bottom:1px solid #cedbc9;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#6e8270;font-size:8px}.window-bar>span:nth-child(2){display:flex;align-items:center;gap:6px}.window-bar .icon{width:10px;height:10px}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border:1px solid #a7b6a2;border-radius:50%}.window-label{font-size:8px}.studio-layout{display:grid;grid-template-columns:174px minmax(0,1fr)}.studio-sidebar{position:relative;background:#edf2e8;border-right:1px solid var(--app-line);padding:19px 13px 48px}.studio-brand{display:flex;align-items:center;gap:6px;margin-bottom:19px;font-size:15px;letter-spacing:-.6px}.studio-brand small{font-size:7px;color:#7f9381;font-weight:400;letter-spacing:.03em}.project-tile{border:1px solid #d3dfce;border-radius:8px;padding:13px 10px;background:#f6f9f2;display:grid;gap:5px;margin-bottom:16px}.project-tile>span,.sidebar-team>span{font-size:7px;letter-spacing:.11em;color:#5f755f}.project-tile strong{font-size:10px;line-height:1.5;max-width:108px}.project-tile small{font-size:8px;color:#657a60}.studio-nav{display:grid;gap:4px;margin-bottom:20px}.studio-nav>span{display:flex;gap:9px;align-items:center;font-size:9px;padding:8px;color:#7d8d7b;border-radius:5px}.studio-nav .icon{width:13px;height:13px}.studio-nav>span.is-current{background:#dae8d6;color:#3b6246;font-weight:600}.sidebar-team>div{display:flex;align-items:center;gap:7px;margin-top:11px}.sidebar-team img{height:29px;width:26px;object-fit:cover;object-position:50% 15%;border-radius:5px;background:#e0e5d6}.sidebar-team p{margin:0;display:grid}.sidebar-team b{font-size:9px;font-weight:600}.sidebar-team small{font-size:6.8px;color:#617657}.sidebar-team i{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#cad4c3}.sidebar-team i.is-current{background:#508568;box-shadow:0 0 0 3px #d3e5cf}.sidebar-foot{position:absolute;bottom:9px;left:20px;display:flex;gap:5px;align-items:center;color:#8d9d86;font-size:6.5px;margin-bottom:0}.sidebar-foot .icon{width:9px;height:9px}
.studio-main{min-width:0}.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:39px;border-bottom:1px solid #e1e8dc;padding:0 25px;font-size:8px;color:#82917b}.workspace-bar>span:first-child{color:#667c64;font-weight:500}.workspace-bar>span:last-child{display:flex;align-items:center;gap:8px}.tiny-dot{width:5px;height:5px;display:inline-block;background:#a9bba0;border-radius:50%}.demo-panel{padding:23px 26px 18px;min-height:390px;outline-offset:-5px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.panel-kicker{font-size:7px;letter-spacing:.11em;color:#79967e;margin-bottom:7px}.panel-heading h2{font:500 25px/1.18 Space,Jakarta,sans-serif;letter-spacing:-.8px;margin:0}.agent-label{display:flex;align-items:center;gap:8px;flex:none}.agent-label img{height:33px;width:31px;object-fit:cover;object-position:50% 15%;border-radius:7px;background:#e0e5d6}.agent-label>span{display:grid}.agent-label b{font-size:10px;font-weight:600}.agent-label small{font-size:7px;color:#83957c}.app-tag{border:1px solid #d4e0cc;border-radius:5px;background:#eaf1e2;padding:5px 8px;font-size:7.5px;color:#65815d;flex:none}.panel-summary{color:#61745b;font-size:9px;line-height:1.8;margin-bottom:17px}.app-button{border:1px solid #3e7b62;border-radius:6px;background:#477f68;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:10px 13px;font-size:9px;font-weight:600;line-height:1.3;transition:background .2s,transform .2s;white-space:nowrap;min-height:36px}.app-button:hover{background:#386a55;transform:translateY(-1px)}.app-button .icon{width:13px;height:13px}.app-button.secondary{background:transparent;border-color:#d5dfce;color:#6b8262}.app-button.secondary:hover{background:#e6eedf}.app-button:disabled{opacity:.75}
.chat-thread{display:grid;gap:17px;padding:2px 0 15px}.chat-message{display:flex;gap:11px;font-size:10px;max-width:100%}.chat-message>div:last-child{flex:1;min-width:0}.chat-avatar,.you-avatar{width:28px;height:31px;flex:none;border-radius:5px;object-fit:cover;object-position:50% 15%;background:#e5e9db}.you-avatar{display:grid;place-content:center;background:#e0e6da;color:#7d9076;font-size:9px}.message-author{font-size:9px;font-weight:600;display:block;margin-bottom:6px}.message-author small{font-size:7px;font-weight:400;color:#687c5e;margin-left:5px}.chat-message p{font-size:10px;line-height:1.8;margin:0;max-width:670px}.from-you p{background:#e8eee1;border:1px solid #dce5d4;border-radius:0 9px 9px 9px;padding:11px 14px;color:#5c7459;max-width:625px}.from-miles p{color:#6f8267}.chat-handoff{display:flex;align-items:center;gap:10px;background:#fdfef9;border:1px solid #d7e2d0;border-radius:7px;padding:12px;margin-top:13px;max-width:670px}.chat-handoff>.icon{width:23px;height:23px;color:#7ca27d}.chat-handoff>span{display:grid;gap:3px}.chat-handoff b{font-size:9px;font-weight:600}.chat-handoff small{font-size:7px;color:#657955}.chat-handoff button{margin-left:auto}.sample-composer{margin:3px 0 0 39px;border:1px solid #dce5d4;border-radius:7px;padding:11px 12px;background:#fafcf6;display:flex;align-items:center;gap:15px;min-height:42px}.sample-composer>span{font-size:9px;color:#6b7d5d}.sample-composer small{font-size:6.5px;margin-left:auto;color:#687e5d}.sample-composer .icon{width:12px;height:12px;color:#91ac8b}
.plan-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.plan-tickets{display:grid;gap:10px}.ticket{display:flex;align-items:flex-start;gap:10px;padding:14px 12px;border:1px solid #dce5d4;border-radius:7px;background:#fdfef9}.ticket-icon{height:27px;width:27px;border-radius:6px;background:#e3eddd;display:grid;place-content:center;color:#73946d;flex:none}.ticket-icon.sand{background:#f2ecd8;color:#a59662}.ticket-icon .icon{width:16px;height:16px}.ticket h3{font-size:10px;font-weight:600;margin-bottom:4px}.ticket p{font-size:8px;color:#66785c;line-height:1.7;margin-bottom:9px}.ticket-owner{font-size:7px;color:#6c8563;display:flex;align-items:center;gap:5px}.ticket-owner img{width:17px;height:20px;object-fit:cover;object-position:50% 15%;border-radius:3px}.scope-note{border:1px solid #d8e3ce;background:#eaf1e2;border-radius:7px;padding:18px 15px}.scope-note>span{font-size:7px;letter-spacing:.09em;color:#7d9873}.scope-note ul{list-style:none;padding:0;margin:14px 0;display:grid;gap:12px;font-size:8px;color:#607d54}.scope-note li{display:flex;gap:6px;align-items:center}.scope-note .icon{width:12px;height:12px;color:#729669}.scope-note p{font-size:7px;line-height:1.8;color:#617556;margin:0;border-top:1px solid #d8e3ce;padding-top:11px}.panel-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px}.panel-actions>span{font-size:7px;color:#6d7c63}
.work-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.board-column{padding:11px 9px;background:#edf1e7;border:1px solid #e3e9dc;border-radius:7px;min-height:211px}.board-column>h3{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:500;color:#83947b;margin:0 0 13px}.column-dot{height:5px;width:5px;border-radius:50%;background:#b9c5ad}.column-dot.working{background:#a89968}.column-dot.saved{background:#7ca17b}.board-ticket{background:#fdfef9;border:1px solid #dfe6d5;border-radius:6px;padding:12px 10px}.board-ticket.active-ticket{border-color:#b2c6a4;box-shadow:0 2px 5px #859d6b09}.ticket-type{font-size:5.5px;letter-spacing:.05em;color:#677a59}.board-ticket h4{font-size:10px;line-height:1.5;font-weight:600;margin:9px 0 6px}.board-ticket p{font-size:7px;line-height:1.8;color:#677b59;min-height:25px;margin-bottom:11px}.board-person{display:flex;align-items:center;gap:5px;padding-top:9px;border-top:1px solid #e8edde;font-size:7px;color:#7f9472}.board-person img{width:18px;height:22px;border-radius:3px;object-fit:cover;object-position:50% 15%}.board-person>.icon{margin-left:auto;width:12px;height:12px;color:#b0b79b}.working-label{font-size:6px;color:#8e9d78;margin-left:auto}.task-progress{height:3px;margin:13px 0 12px;background:#e8eee0;border-radius:2px;overflow:hidden}.task-progress span{display:block;height:100%;width:74%;background:#8fb480;transform-origin:left}.demo-panel.is-entering .task-progress span{animation:task-progress .85s ease-out both}.saved-file{display:flex;align-items:center;gap:5px;padding-top:9px;border-top:1px solid #e8edde;font-size:6px;color:#607b52}.saved-file .icon{width:11px;height:11px}
.review-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:stretch}.deliverable-preview{background:#fdfef9;border:1px solid #d6e0cc;border-radius:7px;overflow:hidden}.preview-toolbar{display:flex;justify-content:space-between;font-size:7px;color:#637952;border-bottom:1px solid #e3e9db;padding:9px 11px}.preview-toolbar>span:first-child{font-weight:600;color:#6b8461}.sample-website{background:#e8edde;min-height:222px;padding:16px 16px 11px;color:#3e573b}.sample-site-nav{display:flex;justify-content:space-between;gap:10px;font-size:5px;padding-bottom:20px}.sample-site-nav b{font-size:6px;letter-spacing:.06em}.sample-site-content{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;align-items:center}.sample-site-content>div>span:first-child{font-size:4px;letter-spacing:.12em;color:#8b9e7c}.sample-site-content h3{font:500 23px/1.05 Space,Jakarta,sans-serif;letter-spacing:-.6px;margin:10px 0 9px}.sample-site-content p{font-size:5px;line-height:1.8;max-width:148px;color:#8a9c7b}.sample-site-cta{display:inline-flex;align-items:center;gap:9px;background:#496c46;color:#f1f7e8;padding:7px 8px;font-size:5px;border-radius:3px}.sample-site-cta .icon{width:7px;height:7px}.sample-art{position:relative;height:147px;overflow:hidden;background:#cedbc0;border-radius:1px 48px 1px 1px;isolation:isolate}.sample-art i{position:absolute;border:20px solid #83a577;border-radius:50%;width:132px;height:160px;right:-20px;top:23px;transform:rotate(20deg);box-shadow:0 3px 12px #29412b08}.sample-art i:nth-child(2){width:77px;height:102px;right:34px;top:70px;border-width:18px;border-color:#506f48;z-index:-1}.sample-art i:nth-child(3){width:69px;height:91px;right:-2px;top:-35px;border-color:#e6ebda;border-width:16px;z-index:-1}.sample-site-foot{display:flex;gap:22px;border-top:1px solid #ced9c0;padding-top:10px;margin-top:18px;font-size:5px;color:#90a17f}.review-card{background:#eaf1e2;border:1px solid #d9e4ce;border-radius:7px;padding:16px}.review-card .agent-label img{width:25px;height:29px}.review-card .agent-label b{font-size:8px}.review-card .agent-label small{font-size:6px}.review-card>h3{font-size:13px;letter-spacing:-.3px;margin:13px 0 7px}.review-card>p{font-size:7px;line-height:1.8;color:#586f4b;margin-bottom:13px}.review-checks{list-style:none;padding:0;margin:0;display:grid;gap:7px;font-size:7px;color:#627e56}.review-checks li{display:flex;gap:6px;align-items:center}.review-checks .icon{width:10px;height:10px}.sample-checks{display:block;font-size:6px;color:#647952;margin:8px 0 12px}.review-buttons{display:flex;gap:7px;flex-wrap:wrap}.review-buttons .app-button{font-size:7px;padding:8px 9px;gap:7px;min-height:31px}.review-buttons .icon{width:10px;height:10px}.change-example{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#e7eedf;border:1px solid #c8d9bb;padding:12px 37px 12px 13px;border-radius:6px;margin-top:12px}.change-example strong{font-size:9px}.change-example p{font-size:8px;color:#7e9272;margin:4px 0 0}.change-example>.icon-button{position:absolute;right:1px;top:4px;color:#8a9d7d}
.demo-controls{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:21px 2px 12px}.step-description>span{font:500 16px/1.3 Space,Jakarta,sans-serif;color:#d5e6d6}.step-description>p{font-size:9px;line-height:1.7;color:#8ea895;margin:6px 0 0;max-width:610px}.playback-controls{display:flex;align-items:center;gap:9px;flex:none}.play-control,.motion-control,.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #43624f;background:transparent;color:#b0c7b6;border-radius:6px;min-height:35px;font-size:9px;padding:8px 11px;gap:8px;transition:background .2s,color .2s}.play-control:hover,.motion-control:hover,.icon-button:hover{background:#234633;color:#e2efdf}.play-control .icon{width:13px;height:13px}.motion-control{font-size:8px;border-color:transparent;color:#809e8b}.motion-control[aria-pressed=true]{border-color:#567963;color:#bad3bf}.icon-button{width:35px;padding:7px;border-color:transparent}.icon-button .icon{width:14px;height:14px}.play-control[aria-pressed=true]{background:#284a36}.demo-toast{position:absolute;bottom:70px;right:18px;background:#213e30;color:#e0efda;border:1px solid #7e9f7b;box-shadow:0 5px 20px #10251c25;border-radius:7px;padding:13px 16px;font-size:10px;max-width:360px;z-index:3}
.workspace-promise{padding:68px 5% 64px;margin-top:20px;border-top:1px solid #2e4a3b;display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.workspace-promise h2{font:500 34px/1.16 Space,Jakarta,sans-serif;letter-spacing:-1px;margin:18px 0 0}.promise-details>p{color:#9bb49f;font-size:12px;line-height:1.9;max-width:480px;margin-bottom:20px}.promise-details>div{display:flex;gap:19px;flex-wrap:wrap;font-size:8px;color:#a6beac}.promise-details>div>span{display:flex;gap:5px;align-items:center}.promise-details .icon{width:11px;height:11px}.promise-details>a{display:inline-flex;align-items:center;gap:20px;color:#c2d9c7;border-bottom:1px solid #4a6854;padding-bottom:5px;font-size:10px;margin-top:22px}footer{border-top:1px solid #2e4a3b;padding:24px 5% 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:8px;color:#7f9b89}footer>a{display:flex;gap:9px;align-items:center}footer .icon{width:12px;height:12px}
/* Enter only on an explicit stage change, never on an unrelated page refresh. */
.demo-panel.is-entering .reveal-item{animation:panel-enter .38s ease-out both}.demo-panel.is-entering .reveal-item:nth-child(2){animation-delay:.06s}.demo-panel.is-entering .reveal-item:nth-child(3){animation-delay:.11s}@keyframes panel-enter{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes task-progress{from{transform:scaleX(.25)}to{transform:scaleX(1)}}
@media(min-width:1500px){h1{font-size:60px}}
@media(max-width:1100px){.hero-intro{gap:25px;grid-template-columns:1.5fr 1fr}.studio-layout{grid-template-columns:148px minmax(0,1fr)}.studio-sidebar{padding:15px 10px 38px}.sidebar-team small{font-size:6px}.sidebar-foot{left:13px;font-size:6px}.studio-brand{font-size:13px}.demo-panel{padding:21px 20px 17px;min-height:399px}.panel-heading h2{font-size:22px}.sample-composer small{display:none}.plan-layout{grid-template-columns:1.4fr 1fr;gap:10px}.review-layout{grid-template-columns:1.1fr 1fr;gap:10px}.review-card{padding:12px}.sample-website{padding:12px;min-height:243px}.sample-site-content h3{font-size:20px}.sample-art{height:140px}.chat-handoff{gap:8px;padding:10px}.chat-handoff small{font-size:6px}.chat-handoff .app-button{padding:9px;font-size:8px;gap:6px}.playback-controls{gap:4px}}
@media(max-width:800px){.hero-intro{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.hero-context{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:24px}.hero-context>p{font-size:12px;margin:0}.intro-note{grid-column:1/-1;margin-top:14px;font-size:8px}.intro-link{font-size:11px}.studio-sidebar{display:none}.studio-layout{display:block}.demo-panel{min-height:394px;padding:22px}.journey-tabs button{padding:13px 11px;font-size:10px;gap:8px}.journey-tabs button>.icon{width:15px;height:15px}.journey-tabs .step-check{display:none}.journey-label{font-size:6px}.demo-disclosure{font-size:7px}.panel-heading h2{font-size:23px}.demo-controls{align-items:flex-start;flex-direction:column;gap:14px}.playback-controls{width:100%;gap:10px}.motion-control{margin-left:auto}.demo-toast{bottom:105px;max-width:calc(100% - 36px)}.workspace-promise{padding-top:45px;gap:30px;grid-template-columns:1fr 1fr}.workspace-promise h2{font-size:28px}.workspace-promise .eyebrow{font-size:7px}footer{flex-wrap:wrap}footer>span:nth-child(2){order:3;width:100%;font-size:7px}}
@media(max-width:640px){.site-header{padding:18px 6%;gap:15px}.brand{font-size:23px;gap:7px}.brand img{width:27px;height:34px}.site-header nav{gap:0}.site-header nav>a:not(.nav-beta){display:none}.nav-beta{font-size:9px;padding:9px 11px;gap:14px}.product-hero{padding:27px 6% 10px}.hero-intro{gap:21px}.eyebrow{font-size:7px;letter-spacing:.1em;margin-bottom:16px}h1{font-size:39px;line-height:1.08;letter-spacing:-1.7px;max-width:390px}.hero-context{display:block}.hero-context>p{font-size:11px;line-height:1.8}.intro-link{margin-top:13px;font-size:10px;gap:19px}.intro-note{font-size:7px;margin-top:13px}.journey-heading{gap:10px;align-items:flex-start;margin-bottom:11px}.journey-label{max-width:132px;font-size:6px;line-height:1.7}.demo-disclosure{max-width:138px;font-size:6px;line-height:1.7;align-items:flex-start}.demo-disclosure>span{margin-top:4px;width:4px;height:4px;flex:none}.journey-tabs{gap:2px;padding:4px;margin-bottom:11px}.journey-tabs button{padding:10px 3px;font-size:8px;justify-content:center;gap:4px;min-height:44px}.journey-tabs button>.icon{width:12px;height:12px}.journey-tabs button[aria-selected=true]:after{left:9px;right:9px}.studio-window{border-radius:9px}.window-bar{height:29px;padding:0 9px;font-size:6px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.window-label{font-size:6px}.window-bar .icon{width:8px;height:8px}.workspace-bar{padding:0 13px;height:32px;font-size:6px;gap:8px}.workspace-bar>span:last-child{font-size:5.5px;gap:5px}.demo-panel{padding:18px 13px 15px;min-height:420px}.panel-heading{align-items:flex-start;gap:12px;margin-bottom:18px}.panel-heading h2{font-size:22px;letter-spacing:-.7px;max-width:215px}.panel-kicker{font-size:5.5px;letter-spacing:.05em;margin-bottom:7px}.panel-heading>.agent-label{flex-direction:column;gap:4px;text-align:center}.panel-heading .agent-label img{width:25px;height:28px}.panel-heading .agent-label b{font-size:7px}.panel-heading .agent-label small{display:none}.panel-heading>.app-tag{font-size:5px;padding:5px;max-width:70px;white-space:normal;text-align:center;line-height:1.5}.chat-thread{gap:19px}.chat-message{gap:8px}.chat-avatar,.you-avatar{width:23px;height:26px}.message-author{font-size:8px}.message-author small{font-size:6px}.chat-message p{font-size:8px;line-height:1.9}.from-you p{padding:10px}.chat-handoff{flex-wrap:wrap;padding:11px;gap:8px;margin-top:11px}.chat-handoff>.icon{width:18px;height:18px}.chat-handoff>span{flex:1}.chat-handoff b{font-size:8px}.chat-handoff small{font-size:6px;line-height:1.6}.chat-handoff .app-button{margin:6px 0 0;width:100%;font-size:9px;min-height:44px}.sample-composer{margin:5px 0 0 31px;min-height:38px;padding:9px}.sample-composer>span{font-size:7px}.sample-composer>.icon{margin-left:auto}.panel-summary{font-size:8px;line-height:1.8;margin-bottom:15px}.plan-layout{display:block}.ticket{padding:11px 10px;gap:8px}.ticket h3{font-size:9px}.ticket p{font-size:7px}.ticket-icon{width:24px;height:24px}.ticket-owner{font-size:6px}.scope-note{padding:12px;margin-top:12px}.scope-note>span{font-size:6px}.scope-note ul{margin:9px 0;gap:6px;font-size:7px}.scope-note p{font-size:6px}.panel-actions{margin-top:14px;gap:10px;align-items:center;flex-wrap:wrap}.panel-actions>.app-button{font-size:9px;min-height:44px;flex:1}.panel-actions>span{font-size:6px;max-width:95px;line-height:1.7}.work-board{grid-template-columns:1fr;gap:10px}.board-column{min-height:0;padding:10px}.board-column>h3{font-size:8px;margin-bottom:9px}.board-ticket{padding:12px}.ticket-type{font-size:6px}.board-ticket h4{font-size:10px;margin:7px 0 5px}.board-ticket p{font-size:7px;min-height:0;margin-bottom:10px}.board-person{font-size:7px;padding-top:8px}.saved-file{font-size:7px}.working-label{font-size:7px}.review-layout{grid-template-columns:1fr;gap:12px}.sample-website{min-height:220px;padding:15px}.sample-site-content h3{font-size:25px}.sample-site-content p{font-size:6px}.sample-site-nav{padding-bottom:17px}.sample-site-nav b{font-size:6px}.sample-art{height:143px}.sample-site-cta{font-size:6px;padding:8px}.sample-site-foot{font-size:6px}.review-card{padding:15px}.review-card>h3{font-size:15px;margin-top:11px}.review-card>p{font-size:8px}.review-card .agent-label b{font-size:9px}.review-card .agent-label small{font-size:7px}.review-checks{gap:9px;font-size:8px}.review-checks .icon{width:12px;height:12px}.sample-checks{font-size:7px;margin:11px 0}.review-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.review-buttons .app-button{font-size:8px;min-height:44px;padding:9px 7px}.change-example{display:grid;gap:13px;padding:14px 28px 14px 12px}.change-example strong{font-size:10px}.change-example p{font-size:8px;line-height:1.8}.change-example .app-button{min-height:44px;font-size:9px}.demo-controls{padding-top:20px;gap:17px}.step-description>span{font-size:16px}.step-description>p{font-size:9px;line-height:1.8}.play-control{font-size:9px;min-height:44px;gap:7px;padding:10px}.playback-controls .icon-button{min-width:44px;min-height:44px}.motion-control{font-size:7px;padding:8px 4px;min-height:44px}.demo-toast{bottom:114px;font-size:10px;max-width:calc(100% - 24px);right:12px}.workspace-promise{grid-template-columns:1fr;padding:42px 6%;gap:24px;margin-top:21px}.workspace-promise h2{font-size:31px;margin-top:15px}.promise-details>p{font-size:11px}.promise-details>div{gap:11px;font-size:7px}.promise-details>a{font-size:9px}footer{padding:23px 6%;font-size:7px;gap:15px}footer>span:nth-child(2){line-height:1.8;max-width:290px}}
/* Keep essential example content readable rather than shrinking a full app. */
@media(min-width:801px){.chat-message p{font-size:12px}.message-author{font-size:10px}.message-author small{font-size:8px}.chat-handoff b{font-size:11px}.chat-handoff small{font-size:8px}.app-button{font-size:10px;min-height:40px}.sample-composer>span{font-size:10px}.panel-summary{font-size:11px}.ticket h3{font-size:12px}.ticket p{font-size:9px}.ticket-owner{font-size:8px}.scope-note ul{font-size:9px}.scope-note p{font-size:8px}.board-column>h3{font-size:10px}.ticket-type{font-size:7px}.board-ticket h4{font-size:12px}.board-ticket p{font-size:9px}.board-person{font-size:8px}.saved-file{font-size:8px}.review-card>h3{font-size:15px}.review-card>p{font-size:9px}.review-checks{font-size:9px}.sample-checks{font-size:7px}.review-buttons .app-button{font-size:8px;min-height:36px}.demo-panel{min-height:414px}}
@media(max-width:800px){.journey-tabs{position:sticky;top:8px;z-index:4}.chat-message p{font-size:12px}.message-author{font-size:10px}.message-author small{font-size:8px}.chat-handoff b{font-size:11px}.chat-handoff small{font-size:9px}.panel-kicker{font-size:8px}.chat-handoff .app-button,.app-button{font-size:11px;min-height:44px}.sample-composer>span{font-size:10px}.panel-summary{font-size:11px}.ticket h3{font-size:12px}.ticket p{font-size:10px}.ticket-owner{font-size:9px}.scope-note>span{font-size:8px}.scope-note ul{font-size:10px;gap:9px}.scope-note p{font-size:9px}.panel-actions>span{font-size:8px}.panel-actions>.app-button{font-size:10px}.board-column>h3{font-size:11px}.ticket-type{font-size:8px}.board-ticket h4{font-size:13px}.board-ticket p{font-size:10px}.board-person,.working-label,.saved-file{font-size:9px}.review-card>p{font-size:11px}.review-checks{font-size:11px}.sample-checks{font-size:9px}.review-buttons .app-button{font-size:10px}.change-example p{font-size:10px}.change-example .app-button{font-size:10px}.workspace-bar{font-size:8px}.workspace-bar>span:last-child{font-size:7px}.window-bar,.window-label{font-size:8px}.journey-tabs button{font-size:10px}.demo-disclosure{font-size:8px}.journey-label{font-size:8px}}
/* OS preference is authoritative; the in-page control can reduce motion further. */
html.motion-reduced{scroll-behavior:auto}
.motion-reduced *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}