:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-picker{border:1px solid var(--line);background:var(--surface);color:#88788f;border-radius:7px;flex-shrink:0;align-items:center;gap:6px;height:34px;padding:0 9px;display:flex}.theme-picker select{appearance:none;color:inherit;cursor:pointer;outline-offset:3px;background:0 0;border:0;min-width:42px;padding:8px 0;font-size:10px}.theme-picker option{background:var(--surface);color:var(--ink)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15131b;--surface:#211e29;--ink:#eee8f2;--muted:#b4a7bf;--line:#37303f;--violet:#bc98ef;--violet-light:#33263f;--circuit-track:#504657;--circuit-inset:#24202b}:root[data-theme=dark] ::selection{color:#fff;background:#725090}:root[data-theme=dark] :is(.site-header,.nav-links.is-open){border-color:var(--line);background:#15131beb}:root[data-theme=dark] .theme-picker{color:#c8afdc;background:#27222f}:root[data-theme=dark] :is(.nav-link,.sign-in){color:#c4b6cf}:root[data-theme=dark] :is(.dropdown,.skip-link){background:var(--surface);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .button.dark{color:#2c2135;background:#e2d3ef;box-shadow:0 3px 12px #0002}:root[data-theme=dark] :is(.button.primary,.build-button){color:#fff;background:#9b70cb}:root[data-theme=dark] .build-button:hover{background:#b086df}:root[data-theme=dark] .hero-light{background:radial-gradient(#67408640,#0000 67%)}:root[data-theme=dark] .hero-light:after{background:radial-gradient(#70465b20,#0000 70%)}:root[data-theme=dark] .hero-grid{opacity:.45}:root[data-theme=dark] .announcement{color:#c1a8d2;background:#26202fa0;border-color:#4b3a58}:root[data-theme=dark] .badge-new{color:#d3b2ec;background:#3b294a}:root[data-theme=dark] .hero-gradient-line .text-reveal-line{background-image:linear-gradient(115deg,#d9b5f5,#b58be7,#e1b8e5)}:root[data-theme=dark] :is(.hero-description,.hero-bottom,.composer-caption,.hero-spark,.hero-intro-replay>span){color:#b5a1c2}:root[data-theme=dark] .composer{background:#24202b;border-color:#51405f;box-shadow:0 15px 40px #0002,0 0 0 5px #a47ac40a}:root[data-theme=dark] .composer:focus-within{border-color:#ad82ce;box-shadow:0 15px 40px #0003,0 0 0 5px #a47ac415}:root[data-theme=dark] .composer textarea{color:#eee3f5}:root[data-theme=dark] .composer textarea::placeholder{color:#9e89ad}:root[data-theme=dark] :is(.composer-tools,.model-select select){color:#bd9fce}:root[data-theme=dark] .model-select option{background:var(--surface);color:var(--ink)}:root[data-theme=dark] .tool-divider{background:#4c3c58}:root[data-theme=dark] :is(.suggestions>span,.eyebrow,.preview-footnote,.filter-note,.template-meta p,.story-disclaimer,.workflow-footnote,.agent-disclaimer,.team-disclaimer){color:#b3a0c1}:root[data-theme=dark] :is(.suggestions button,.preview-tag){color:#c3a5d5;background:#28202f;border-color:#45344f}:root[data-theme=dark] .suggestions button:hover{background:#3a2948}:root[data-theme=dark] :is(.hero-intro-replay,.text-button,.intro-enter){color:#d2b0e9;box-shadow:none;background:#34243f;border-color:#624676}:root[data-theme=dark] :is(.hero-intro-replay:hover,.text-button:hover,.intro-enter:hover){background:#463052}:root[data-theme=dark] .hero-signal-icon{color:#c7a2df;background:#32243e;border-color:#50375f}:root[data-theme=dark] :is(.hero-signal-label,.serif){color:#b59cc7}:root[data-theme=dark] .hero-signal-line{background:linear-gradient(90deg,#473052,#a37dbb)}:root[data-theme=dark] .hero-idea-float>div{background:#2e2724;border-color:#59443e;box-shadow:0 12px 35px #0002}:root[data-theme=dark] .hero-idea-float p{color:#dbc4ae}:root[data-theme=dark] .hero-idea-float p i{color:#c7a68d}:root[data-theme=dark] .hero-note-sketch>span{background:#493b32;border-color:#5c4a3d}:root[data-theme=dark] .hero-note-sketch>span:nth-child(2){background:#3a3240}:root[data-theme=dark] .hero-note-sketch>span:nth-child(3){background:#49394e}:root[data-theme=dark] .hero-app-float>div{background:#2a2230;border-color:#55415f}:root[data-theme=dark] .hero-float-browser{background:#33283d;border-color:#50405b}:root[data-theme=dark] .hero-result-label{color:#c99dbd;background:#2c2432;border-color:#61405b}:root[data-theme=dark] .section-heading h2{color:var(--ink)}:root[data-theme=dark] .muted-heading{color:#a68fb7}:root[data-theme=dark] :is(.section-heading>p,.section-heading>div>p:not(.eyebrow),.demo-heading-right p,.feature-grid p){color:#b7a5c4}:root[data-theme=dark] .showcase-filter .filter-active-pill{background:#372b42}:root[data-theme=dark] .showcase-filter button{color:#ad95be}:root[data-theme=dark] .showcase-filter button.active{color:#e1c2f3}:root[data-theme=dark] .showcase-filter button>span:not(.filter-label):not(.filter-active-pill){color:#dfc0f2;background:#4b365b}:root[data-theme=dark] .template-arrow{color:#bda0cf;border-color:#4e3a5d}:root[data-theme=dark] .template-use{color:#d7bce9;background:#2e2239f2;border-color:#604573}:root[data-theme=dark] .template-art{background:#302638;border-color:#473450}:root[data-theme=dark] :is(.store-card,.portfolio-card,.booking-card) .template-art{background:#302b26;border-color:#4d4034}:root[data-theme=dark] :is(.chat-card,.mobile-fitness-card) .template-art{background:#263025;border-color:#3b4a35}:root[data-theme=dark] :is(.crm-card,.mobile-travel-card) .template-art{background:#252d37;border-color:#394552}:root[data-theme=dark] .mobile-food-card .template-art{background:#362a25;border-color:#513c31}:root[data-theme=dark] :is(.mobile-preview-caption>span:first-child,.mobile-preview-tag){color:#b99bb1}:root[data-theme=dark] .mobile-preview-caption h4{color:#dfc7d8}:root[data-theme=dark] .mobile-preview-caption h4 i{color:#bb8cae}:root[data-theme=dark] .mobile-travel .mobile-preview-caption h4{color:#c4dbe4}:root[data-theme=dark] .mobile-travel .mobile-preview-caption h4 i{color:#94b9c9}:root[data-theme=dark] .mobile-food .mobile-preview-caption h4{color:#e7cdbb}:root[data-theme=dark] .mobile-food .mobile-preview-caption h4 i{color:#c69f80}:root[data-theme=dark] :is(.workspace,.workspace-toolbar,.workspace-status,.preview-tabs,.ai-panel){border-color:#46364f}:root[data-theme=dark] .workspace{background:#221c2a;box-shadow:0 24px 60px -25px #0005}:root[data-theme=dark] :is(.workspace-toolbar,.workspace-status){color:#b79ec7;background:#2b2233}:root[data-theme=dark] .workspace-project{color:#c3a8d5}:root[data-theme=dark] :is(.demo-label,.workspace-share){color:#c9a8dd;border-color:#5b426a}:root[data-theme=dark] .ai-panel{background:#241d2c}:root[data-theme=dark] .user-bubble{color:#cfaee2;background:#392747;border-color:#533862}:root[data-theme=dark] :is(.ai-reply p,.build-checklist>div,.file-tree){color:#a68ab8}:root[data-theme=dark] .build-checklist>div.complete{color:#cbb0dc}:root[data-theme=dark] .demo-prompt{color:#b89bc9;background:#2c2234;border-color:#4d365e}:root[data-theme=dark] .preview-panel{background:#1d1824}:root[data-theme=dark] .preview-inner{border-color:#4e3a5b}:root[data-theme=dark] .preview-tabs button.selected{color:#d3b1eb;border-color:#bd96d9}:root[data-theme=dark] .demo-play{color:#d9bbeb;background:#2d2139ef;border-color:#644a75}:root[data-theme=dark] .demo-progress{background:#493354}:root[data-theme=dark] .story-step.is-active{background:#28202f;border-color:#4a3459}:root[data-theme=dark] .story-step-title{color:#ab91bb}:root[data-theme=dark] .story-step.is-active .story-step-title{color:#eadcf4}:root[data-theme=dark] .story-step-description{color:#b19abe}:root[data-theme=dark] .story-step-icon{color:#a98aba;background:#2e2337}:root[data-theme=dark] .story-step.is-active .story-step-icon{color:#d9b4ee;background:#493055}:root[data-theme=dark] .story-stage{background:#302339;border-color:#50355e}:root[data-theme=dark] .story-stage-1{background:#302923}:root[data-theme=dark] .story-stage-2{background:#2b2430}:root[data-theme=dark] :is(.story-stage-top,.story-stage-bottom,.story-hint){color:#bc9ece}:root[data-theme=dark] .story-orb{color:#d5aee9;background:linear-gradient(145deg,#4f345e,#2d213a);border-color:#6b447e}:root[data-theme=dark] .story-idea>p{color:#e0c7ef}:root[data-theme=dark] .story-note{color:#d7b9e7;background:#3b2b43;border-color:#634570}:root[data-theme=dark] :is(.story-feedback,.story-code-chip){color:#c9a2dc;background:#37263f;border-color:#654873}:root[data-theme=dark] .story-store{border-color:#5b4838}:root[data-theme=dark] .story-ready{color:#c69ebb}:root[data-theme=dark] .features-section{border-color:var(--line);background:#1b1821}:root[data-theme=dark] .feature-grid>div:hover{background:#32253c60}:root[data-theme=dark] .feature-icon{color:#c49edc}:root[data-theme=dark] .roadmap-label{color:#c5a2da;background:#32243d;border-color:#563b65}:root[data-theme=dark] .cta-box{background:radial-gradient(at 50% 110%,#61447760,#0000 65%),#241b2c;border-color:#4b3459}:root[data-theme=dark] :is(.cta-box>p:not(.eyebrow),.cta-note){color:#baa0cb}:root[data-theme=dark] .cta-icon{color:#cba5e1;background:#3d2a4c;border-color:#624374}:root[data-theme=dark] .cta-box h2{color:#f0e5f6}:root[data-theme=dark] .cta-box h2>span{color:#c4a0dc}:root[data-theme=dark] :is(.footer-brand>p,.footer-column>a,.footer-column>button,.footer-status,.footer-bottom){color:#ad99ba}:root[data-theme=dark] .footer-column h3{color:#d0b9df}:root[data-theme=dark] .soon{color:#b99bcb;background:#33233e;border-color:#4c335c}:root[data-theme=dark] .info-dialog{color:#eee2f5;background:#231b2a;border-color:#54395f}:root[data-theme=dark] .info-dialog::backdrop{background:#09070b95}:root[data-theme=dark] .info-dialog>p:not(.eyebrow){color:#c2a9d1}:root[data-theme=dark] .team-card{background:#291e32;border-color:#4f355d;box-shadow:0 15px 30px -20px #0005}:root[data-theme=dark] .team-plan-card{background:#27212c;border-color:#4b3547}:root[data-theme=dark] .team-repair-card{background:#30251f;border-color:#514032}:root[data-theme=dark] .team-card-copy{background:#ffffff04;border-color:#ffffff08}:root[data-theme=dark] .team-card-copy h3{color:#eadbf4}:root[data-theme=dark] .team-card-copy h3>span{color:#bd99d1}:root[data-theme=dark] .team-card-copy>p{color:#bba5c8}:root[data-theme=dark] .team-plan-card .team-card-copy h3{color:#dbd0e7}:root[data-theme=dark] .team-plan-card .team-card-copy h3>span{color:#bc91b1}:root[data-theme=dark] .team-plan-card .team-card-copy>p{color:#bb9fb3}:root[data-theme=dark] .team-repair-card .team-card-copy h3{color:#ead5c3}:root[data-theme=dark] .team-repair-card .team-card-copy h3>span{color:#c6a78b}:root[data-theme=dark] .team-repair-card .team-card-copy>p{color:#c7b19c}:root[data-theme=dark] .team-agent-icon{color:#c9a0e0;background:#422b53;border-color:#634275}:root[data-theme=dark] .team-plan-card .team-agent-icon{color:#d099c0;background:#382a43;border-color:#633b59}:root[data-theme=dark] .team-repair-card .team-agent-icon{color:#d6b28b;background:#4b3628;border-color:#6a4e36}:root[data-theme=dark] :is(.team-agent-badge,.team-approve){color:#c8a4da;background:#37243f;border-color:#624571}:root[data-theme=dark] .team-approve.is-approved{color:#d9a5c9;background:#31253b;border-color:#633e58}:root[data-theme=dark] :is(.team-value,.team-credit-note){color:#c3a3d5;border-color:#4e365d}:root[data-theme=dark] .team-plan-card .team-value{color:#bf8fb2;border-color:#50354b}:root[data-theme=dark] .team-repair-card .team-value{color:#d0ad8a;border-color:#5d4532}:root[data-theme=dark] .team-plan-title{color:#bf9db5;border-color:#50344b}:root[data-theme=dark] .plan-task{background:#2b2331;border-color:#50374a}:root[data-theme=dark] .plan-task>span:first-child{color:#ba86ac;background:#392a44;border-color:#5d3653}:root[data-theme=dark] .plan-task.done>span:first-child{color:#da9ec6;background:#3e2c4c;border-color:#784569}:root[data-theme=dark] .plan-task b{color:#ccafc3}:root[data-theme=dark] .plan-task small{color:#a5819b}:root[data-theme=dark] .plan-task-status{color:#b781a9}:root[data-theme=dark] .team-plan-bottom>span{color:#bb8eb0}:root[data-theme=dark] .team-plan-bottom button{color:#d39ec2;background:#392a45;border-color:#6a3e5f}:root[data-theme=dark] .repair-console{background:#231c18;border-color:#58402f}:root[data-theme=dark] .repair-console-top{color:#c8aa8c;background:#3c2c20;border-color:#57402f}:root[data-theme=dark] .repair-log{color:#bda18a}:root[data-theme=dark] .repair-log-muted{color:#9e8877}:root[data-theme=dark] .repair-log-error{color:#e4a08c}:root[data-theme=dark] .repair-log-success{color:#cb8eb8}:root[data-theme=dark] .team-repair-status{color:#dbb18a;background:#443024;border-color:#715036}:root[data-theme=dark] .repair-status-2{color:#d59ac2;background:#362642;border-color:#6d3d5f}:root[data-theme=dark] .team-repair-button{color:#caab8b}:root[data-theme=dark] .team-credit-note{background:#291f32}:root[data-theme=dark] .team-credit-icon{color:#c5a0db;background:#3c294d;border-color:#634274}:root[data-theme=dark] .team-credit-note h3{color:#d9bfe9}:root[data-theme=dark] .team-credit-note p{color:#b79ac9}:root[data-theme=dark] .team-credit-flow>span{color:#be9ecf;background:#372640;border-color:#54365f}:root[data-theme=dark] .workflow-heading h2{color:var(--ink)}:root[data-theme=dark] .workflow-heading>p:not(.eyebrow){color:#b29bc1}:root[data-theme=dark] .workflow-card{background:#2d2136;border-color:#51365f}:root[data-theme=dark] .workflow-palette{background:#30271f;border-color:#514032}:root[data-theme=dark] .workflow-devices{background:#28222d;border-color:#4e3449}:root[data-theme=dark] .workflow-code{background:#242230;border-color:#444055}:root[data-theme=dark] .workflow-card-copy{background:#ffffff03;border-color:#ffffff09}:root[data-theme=dark] .workflow-card-copy h3{color:#e8d9f2}:root[data-theme=dark] .workflow-card-copy p{color:#b59cc4}:root[data-theme=dark] .workflow-card-copy>span{color:#a78bb9}:root[data-theme=dark] .style-tabs{background:#352440;border-color:#5e3c70}:root[data-theme=dark] .style-tabs button{color:#d1afe5}:root[data-theme=dark] .style-active{background:#5a3a6b}:root[data-theme=dark] .palette-note>p{color:#ddc3a9}:root[data-theme=dark] .palette-note>p i{color:#bda182}:root[data-theme=dark] .device-options>button{color:#9f7f97}:root[data-theme=dark] .device-options>button.active{color:#d6a5c7;background:#4d2e45;border-color:#744368}:root[data-theme=dark] .workflow-editor{background:#211c2c;border-color:#4b395e}:root[data-theme=dark] .workflow-editor-top{color:#b99dcb;background:#35283f;border-color:#523c64}:root[data-theme=dark] .editor-lines{color:#b6a0c8}:root[data-theme=dark] .editor-lines i{color:#7d6a8e}:root[data-theme=dark] .editor-lines b{color:#c29fdf}:root[data-theme=dark] .editor-lines em{color:#bc91a9}:root[data-theme=dark] .editor-active-line{color:#d2a8e4;background:#3a294a;border-color:#b791d3}:root[data-theme=dark] .workflow-sync{color:#d49ec3;background:#31233b;border-color:#673a5a}:root[data-theme=dark] .agent-machine{background:#211c28;border-color:#4b3c56;box-shadow:0 20px 50px -25px #0004}:root[data-theme=dark] .agent-machine-top{background:linear-gradient(#302737,#241e2b);border-color:#483651}:root[data-theme=dark] .agent-machine-name{color:#c0a7d1}:root[data-theme=dark] .agent-demo-badge{color:#c5a2d7;background:#36273f;border-color:#5a3e6b}:root[data-theme=dark] .agent-scenarios{background:#241b2e;border-color:#513862}:root[data-theme=dark] .agent-scenarios button{color:#a98ebd}:root[data-theme=dark] .agent-scenarios button[aria-pressed=true]{color:#e3c3f3;background:#493055}:root[data-theme=dark] .agent-board{background:radial-gradient(#65507112,#0000 65%),#211c28}:root[data-theme=dark] .agent-board-grid:after{border-color:#3c3047;box-shadow:inset 0 0 0 10px #28212f,0 0 0 1px #382a42}:root[data-theme=dark] .agent-input{background:linear-gradient(145deg,#39303f,#28212f);border-color:#5a4767;box-shadow:0 5px 12px #0002,inset 0 0 0 3px #32293a}:root[data-theme=dark] .agent-input.node-active{border-color:#9170a9;box-shadow:0 5px 12px #0002,inset 0 0 0 3px #3b2c46}:root[data-theme=dark] .agent-input p{color:#c2a7d2}:root[data-theme=dark] :is(.agent-node-label,.agent-output-title){color:#bea0cf}:root[data-theme=dark] .agent-node-light{background:#6f597c;box-shadow:0 0 0 2px #372a40}:root[data-theme=dark] .node-active .agent-node-light{background:#d6b288;box-shadow:0 0 0 2px #5c4032}:root[data-theme=dark] .agent-processor{background:linear-gradient(140deg,#47364f,#292031);border-color:#715582;box-shadow:0 11px 2px -5px #3b2e47,0 16px 3px -6px #5b426b,0 21px 3px -7px #2a1d35,0 28px 33px -12px #0005,inset 0 0 0 4px #493852}:root[data-theme=dark] .processor-title h3{color:#e1c6ef}:root[data-theme=dark] .processor-title h3>span{color:#b796cf}:root[data-theme=dark] .processor-core{color:#d9b7ec;background:linear-gradient(145deg,#654176,#37253f);border-color:#7a528d;box-shadow:inset 0 0 0 3px #52365d}:root[data-theme=dark] .agent-processor>p{color:#bc9ecf}:root[data-theme=dark] .processor-readout{color:#d7bce9;background:#191120;border-color:#644876}:root[data-theme=dark] .processor-progress{background:#483153}:root[data-theme=dark] .agent-output{background:linear-gradient(145deg,#382c40,#27202f);border-color:#564162;box-shadow:inset 0 0 0 2px #382b42}:root[data-theme=dark] .agent-output.node-active{border-color:#9571ab;box-shadow:inset 0 0 0 2px #47304f}:root[data-theme=dark] .agent-output-title{border-color:#51395e}:root[data-theme=dark] .agent-design-preview b{color:#d3b5e4}:root[data-theme=dark] .agent-output-files{color:#bea0d2}:root[data-theme=dark] .agent-conversation{background:#261d2e;border-color:#50395e}:root[data-theme=dark] .agent-user-message{border-color:#483153}:root[data-theme=dark] :is(.agent-user-message p,.agent-reply-message p){color:#c8afda}:root[data-theme=dark] .agent-chat-avatar{color:#c5a6d9;background:#382741;border-color:#624574}:root[data-theme=dark] .agent-avatar-ai{color:#e1bff1;background:#513463}:root[data-theme=dark] .agent-chat-phase{color:#c5a0d9;background:#3d2949;border-color:#674577}:root[data-theme=dark] .agent-timeline{background:#21182b}:root[data-theme=dark] .agent-timeline>div>button{color:#a78abb}:root[data-theme=dark] .agent-timeline>div>button.active{color:#e4c4f4;background:#4a2e59;border-color:#79538d}:root[data-theme=dark] .agent-timeline>div>button.complete{color:#bea1d1}:root[data-theme=dark] .agent-playback{color:#d4b0e7;background:#35223f;border-color:#654475}:root[data-theme=dark] .intro-screen{color:var(--ink);background:#16121d}:root[data-theme=dark] .intro-screen:before{background:radial-gradient(at 50% 47%,#79529a35,#0000 57%)}:root[data-theme=dark] .intro-watermark{color:#2b2133}:root[data-theme=dark] .intro-brand{color:#eddef7}:root[data-theme=dark] .intro-actions>button{color:#c7a5dc;background:#352640;border-color:#5b3d6c}:root[data-theme=dark] .intro-actions>.intro-skip{color:#ccb2dd;background:0 0}:root[data-theme=dark] .intro-stage{background:#2d1f38;border-color:#654474;box-shadow:0 20px 50px -20px #0005}:root[data-theme=dark] .intro-idea-scene{background:linear-gradient(145deg,#42274f,#281b33)}:root[data-theme=dark] .intro-scene-icon{color:#ddbaed;background:linear-gradient(145deg,#654174,#3b254b);border-color:#835b96}:root[data-theme=dark] .intro-idea-scene>p{color:#d4b3e6}:root[data-theme=dark] .intro-mini-composer{color:#c5a4db;background:#3b274b;border-color:#68467a}:root[data-theme=dark] .intro-agent-tile{background:linear-gradient(145deg,#493154,#2e2038);border-color:#6a457d}:root[data-theme=dark] .intro-agent-tile>b{color:#d2afe7}:root[data-theme=dark] .intro-agent-tile>small{color:#b390c7}:root[data-theme=dark] .intro-agent-sage{background:linear-gradient(145deg,#3b2c47,#281e30);border-color:#633d5a}:root[data-theme=dark] .intro-agent-sage>b{color:#d5a4c6}:root[data-theme=dark] .intro-agent-blue{background:linear-gradient(145deg,#303c54,#202837);border-color:#455b7c}:root[data-theme=dark] .intro-agent-blue>b{color:#b7c9e7}:root[data-theme=dark] .intro-agent-sand{background:linear-gradient(145deg,#4c3728,#30241c);border-color:#6b5036}:root[data-theme=dark] .intro-agent-sand>b{color:#e0c09d}:root[data-theme=dark] .intro-browser-bar{background:#34223e;border-color:#5d3d6d}:root[data-theme=dark] .intro-copy h2{color:#efe2f7}:root[data-theme=dark] .intro-copy h2 i{color:#c6a0e0}:root[data-theme=dark] :is(.intro-copy p,.intro-scroll-hint,.intro-scene-note){color:#ba9aca}:root[data-theme=dark] .intro-chapters>button>span{background:#4b3259}:root[data-theme=dark] .intro-chapters>button>span.complete{background:#b588d2}:root[data-theme=dark] .intro-chapters>button[aria-pressed=true] small{color:#d6b6ea}@media (max-width:620px){.theme-picker{justify-content:center;width:34px;height:34px;padding:0;position:relative}.theme-picker>svg:first-child{width:14px}.theme-picker>svg:last-child{display:none}.theme-picker select{opacity:0;width:100%;min-width:0;height:100%;padding:0;position:absolute;inset:0}.theme-picker:focus-within{outline-offset:3px;outline:3px solid #9d82df}.nav-actions{gap:8px}}@media (max-width:380px){.nav-actions .button.small{display:none}}:root[data-theme=dark] .section-transition-soft .section-transition-panel{background:#1d1724}:root[data-theme=dark] .section-transition-edge{background:linear-gradient(90deg,#0000,#644474,#0000)}:root[data-theme=dark] .section-transition-panel{box-shadow:0 -18px 45px -38px #0008}:root[data-theme=dark] .section-transition-sticky .section-transition-panel{box-shadow:none}
:root{--bg:#f7f4fb;--surface:#fdfbff;--ink:#1e0b33;--muted:#6f6482;--line:#e2daec;--violet:#b13dae;--violet-light:#f6e3f2;--pop-lime:#f56bb4;--pop-coral:#f97362;--pop-lilac:#baa6ec;--pop-blue:#8db0e8;--pop-ink:#1e0b33;--pop-paper:#f7f4fb;--panel-soft:#ede6f5}:root[data-theme=dark]{--bg:#110c1c;--surface:#1c1529;--ink:#f3eeff;--muted:#afa3c6;--line:#352a4a;--violet:#b9a4e8;--pop-lime:#b9a4e8;--violet-light:#3a2350;--panel-soft:#1a1426}body{font-size:15px}.section-shell{max-width:1360px;padding-left:48px;padding-right:48px}.section-heading{gap:45px;margin-bottom:43px}.section-heading h2{letter-spacing:-2.8px;font-size:clamp(35px,4vw,58px);font-weight:650;line-height:1.04}.section-heading>p,.section-heading>div>p:not(.eyebrow){max-width:340px;color:var(--muted);font-size:13px;line-height:1.8}.muted-heading{color:#927f8b}.eyebrow{font-family:var(--font-mono);letter-spacing:.8px;color:#806d78;margin-bottom:18px;font-size:9px;font-weight:450}.tiny-spark{color:var(--pop-coral);font-size:18px}.button{border-radius:99px;padding:15px 22px;font-size:13px}.button.dark{background:var(--pop-ink);color:var(--pop-paper);box-shadow:none}.button.dark:hover{background:#342a3b}.button.primary{background:var(--pop-coral);color:var(--pop-ink)}.site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;margin:14px 24px 0;animation:none;top:14px}.nav-shell{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fbf9fddb;border:1px solid #201c2324;border-radius:22px;gap:25px;max-width:1400px;height:72px;margin:auto;padding:0 25px}.logo{letter-spacing:-1.8px;font-size:30px;font-weight:750}.logo-symbol{background:var(--pop-lime);width:34px;height:34px;color:var(--pop-ink);box-shadow:none;border-radius:10px;transform:rotate(-8deg)}.logo-dot{color:var(--pop-coral)}.nav-links{gap:25px}.nav-link{color:#5e4c58;font-size:14px}.nav-actions{gap:18px}.sign-in{font-size:11px}.button.small{padding:12px 16px;font-size:11px}.theme-dock{isolation:isolate;background:#e4dfea;border:1px solid #d8c8d0;border-radius:99px;flex-shrink:0;gap:2px;padding:3px;display:flex}.theme-dock button{color:#7c6574;border-radius:30px;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:6px 8px;font-size:8px;display:flex;position:relative}.theme-dock button>:not(.theme-dock-active){z-index:1;position:relative}.theme-dock button[aria-pressed=true]{color:#241b2b}.theme-dock-active{background:var(--pop-lime);z-index:0;border-radius:30px;position:absolute;inset:0;box-shadow:0 1px 4px #3b264b12}.fun-hero{isolation:isolate;text-align:center;min-height:980px;padding:75px 30px 30px;position:relative;overflow:hidden}.hero-paper-grid{z-index:-1;pointer-events:none;background-image:radial-gradient(#9f869127 .8px,#0000 .8px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#0006 40%,#0000);mask-image:linear-gradient(#0000,#0006 40%,#0000)}.fun-hero .hero-content{z-index:2;pointer-events:none;max-width:1300px}.fun-hero .hero-content a,.fun-hero .hero-content button,.fun-hero .hero-content form,.fun-hero .hero-content textarea,.fun-hero .hero-content select{pointer-events:auto}.hero-kicker{font-family:var(--font-mono);letter-spacing:1px;color:#795f6f;background:#eee8f4cc;border:1px solid #91788852;border-radius:30px;align-items:center;gap:9px;padding:8px 12px;font-size:8px;display:inline-flex}.kicker-dot{background:var(--pop-coral);border-radius:50%;width:5px;height:5px}.fun-hero h1{letter-spacing:-9px;color:var(--ink);margin:30px 0 0;font-size:clamp(78px,10.6vw,152px);font-weight:800;line-height:.88;display:inline-block;position:relative}.fun-hero h1>.text-reveal-mask{color:var(--ink);background:0 0;margin-bottom:-.04em;padding-bottom:.12em;overflow:hidden}.fun-hero .hero-punchline .text-reveal-line{color:var(--pop-coral);white-space:nowrap}.hero-headline-flower{color:var(--pop-lime);vertical-align:top;-webkit-text-stroke:1px var(--pop-ink);margin-left:10px;font-size:.75em;line-height:1;display:inline-block;transform:rotate(-12deg)}.fun-hero .hero-description{color:#796371;max-width:570px;margin:22px auto 32px;font-size:14px;line-height:1.8}.fun-hero .hero-intro-replay{min-height:44px;box-shadow:none;color:#675360;background:#fbf9fd6b;border:1px solid #d6c5cd;border-radius:30px;gap:10px;margin:16px auto 30px;padding:7px 16px 7px 7px;font-size:13px;display:inline-flex}.fun-hero .hero-intro-replay>span:not(.intro-play-circle){font-family:var(--font-mono);color:#62495a;letter-spacing:.6px;margin-left:5px;font-size:10px}.intro-play-circle{background:var(--pop-ink);width:23px;height:23px;color:var(--pop-paper);border-radius:50%;place-items:center;display:grid}.fun-composer-label{max-width:710px;font-family:var(--font-mono);color:#8d7584;letter-spacing:.2px;justify-content:space-between;align-items:center;gap:20px;margin:0 auto 9px;padding:0 2px;font-size:7px;display:flex}.fun-composer-label>span{align-items:center;gap:6px;display:flex}.fun-composer-label>span:first-child{color:#594051}.fun-hero .composer-wrap{max-width:710px}.fun-hero .composer{box-shadow:6px 6px 0 var(--pop-lime);background:#fbfafd;border:1.5px solid #33293b;border-radius:18px;padding:20px 19px 15px}.fun-hero .composer:focus-within{box-shadow:7px 7px 0 var(--pop-coral);border-color:#201c23}.fun-hero .composer textarea{color:#4c3744;min-height:73px;font-size:14px}.fun-hero .composer textarea::placeholder{color:#a68e9c}.fun-hero .build-button{background:var(--pop-ink);color:var(--pop-lime);box-shadow:none;border-radius:99px;gap:20px;padding:11px 15px 11px 18px}.fun-hero .build-button>svg{background:#f45bb220;border-radius:50%}.fun-hero .composer-tools,.fun-hero .model-select select{color:#896b7f}.fun-hero .suggestions{gap:7px;margin-top:20px;font-size:10px}.fun-hero .suggestions button{color:#7a5d70;background:#e4deea77;border:1px solid #d1bfc9;border-radius:30px;padding:8px 12px;font-size:9px}.fun-hero .suggestions button:hover{background:var(--pop-lime);color:#2a1e33;border-color:#ba78a0;transform:translateY(-3px)rotate(-2deg)}.fun-hero .composer-caption{color:#987f8f;margin-top:15px;font-size:8px}.fun-hero .preview-tag{color:#9b768e;background:#e2dbea;border-color:#d8c5d0}.hero-footnotes{max-width:1240px;font-family:var(--font-mono);letter-spacing:.6px;color:#9d8795;justify-content:space-between;align-items:center;gap:25px;margin:58px auto 0;font-size:6px;display:flex}.hero-footnotes>a{font-family:var(--font-geist);letter-spacing:0;color:#724f65;align-items:center;gap:10px;font-size:10px;display:flex}.hero-playground{z-index:1;pointer-events:none;width:min(1440px,100%);height:680px;position:absolute;top:0;left:50%;transform:translate(-50%)}.play-card{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#faf8fd;border:1px solid #201c2335;border-radius:9px;width:173px;position:absolute;overflow:hidden;box-shadow:0 9px 20px #27163413}.play-card:active{cursor:grabbing}.play-card-label{font-family:var(--font-mono);letter-spacing:.3px;color:#87667b;white-space:nowrap;background:#eee8f4;border-bottom:1px solid #201c231b;justify-content:space-between;align-items:center;gap:5px;padding:7px 8px;font-size:4px;display:flex}.play-card-1{width:196px;top:13px;left:7%}.play-card-2{width:154px;top:28px;right:8%}.play-card-3{width:160px;top:230px;left:1%}.play-card-4{width:189px;top:267px;right:0%}.play-card-5{width:173px;top:480px;left:12%}.play-card-6{width:137px;top:492px;right:12%}.play-app-art{pointer-events:none;height:145px;overflow:hidden}.play-app-art .mini-app{height:170px;font-size:7px}.play-app-art .dashboard-heading{padding:12px 8px 8px}.play-app-art .dashboard-heading h4{font-size:8px}.play-app-art .dashboard-heading p{font-size:4px}.play-app-art .date-pill{padding:3px;font-size:4px}.play-app-art .mini-sidebar{padding:10px 5px}.play-app-art .orbit-logo{gap:2px;margin-bottom:12px;font-size:10px}.play-app-art .orbit-logo span{font-size:8px}.play-app-art .side-item{gap:2px;padding:5px 2px;font-size:4px}.play-app-art .metrics{gap:4px;margin:0 8px}.play-app-art .metrics>div{padding:4px}.play-app-art .metrics b{font-size:10px}.play-app-art .metrics small,.play-app-art .metrics em{font-size:3px}.play-app-art .metrics em span{display:none}.play-app-art .chart-panel{margin:6px 8px 0;padding:5px}.play-app-art .chart{height:45px}.play-app-art .chart-panel b{font-size:4px}.play-app-art .mini-top{padding:6px;font-size:4px}.play-app-art .mini-top>span{font-size:4px}.play-app-art .store-intro{padding:12px 10px 11px;font-size:22px}.play-app-art .objects{gap:5px;padding:0 10px}.play-app-art .objects>div{height:72px}.play-app-art .objects .vase,.play-app-art .objects .lamp,.play-app-art .objects .bowl{transform:scale(.8)}.play-poster-art{background:var(--pop-coral);color:#512f23;height:171px;padding:14px;position:relative}.play-poster-art>span{letter-spacing:-2px;font-size:35px;font-weight:800;line-height:.87;display:block}.play-poster-art>span>i{color:#fff0d8;font-style:normal}.play-poster-art>svg{position:absolute;bottom:10px;right:11px}.play-phone-art{background:var(--pop-blue);height:169px;position:relative;overflow:hidden}.play-phone{background:#f2f3d8;border:3px solid #e8eccb;border-radius:13px;width:80px;height:148px;position:absolute;top:19px;right:15px;overflow:hidden;transform:rotate(9deg);box-shadow:4px 7px 12px #35556b25}.play-phone-notch{background:#ccd9bb;border-radius:10px;width:26px;height:5px;margin:1px auto 0;display:block}.play-phone>span:nth-child(2){color:#7d966e;padding:8px 7px 0;font-size:8px;display:block}.play-phone>b{letter-spacing:-.4px;color:#506d47;z-index:2;padding:7px;font-size:14px;font-weight:500;line-height:1;display:block;position:relative}.play-phone>b i{font-family:Georgia,serif;font-weight:400}.play-phone-sun{background:#e0b65d;border-radius:50%;width:21px;height:21px;position:absolute;bottom:14px;left:13px}.play-phone-hill{background:#91b278;border-radius:40px;width:110px;height:90px;position:absolute;bottom:-52px;left:-5px;transform:rotate(-30deg)}.play-phone-art>span:last-child{letter-spacing:.5px;color:#476e96;writing-mode:vertical-rl;font-size:5px;font-weight:650;line-height:1.4;position:absolute;top:20px;left:10px}.play-code-art{color:#d8adc9;height:121px;font-family:var(--font-mono);text-align:left;background:#251f29;padding:11px 12px;position:relative}.play-code-art>span:first-child{color:#9e7291;align-items:center;gap:5px;font-size:5px;display:flex}.play-code-art p{margin-top:10px;font-size:6px;line-height:1.8}.play-code-art i{color:#e6a887;font-style:normal}.play-code-art em{color:#f35db1;font-style:normal}.play-code-art p>span{color:#855d7b}.play-code-cursor{background:#f45bb2;width:4px;height:9px;position:absolute;bottom:13px;right:18px}.play-spark-art{background:var(--pop-lime);color:#261a30;place-items:center;height:130px;display:grid;position:relative}.play-flower{font-size:121px;line-height:1;position:absolute;top:-5px;left:10px;transform:rotate(-8deg)}.play-eyes{gap:5px;display:flex;position:absolute;top:34px;left:49px;transform:rotate(-8deg)}.play-eyes>i{background:#f3edf9;border-radius:50%;width:9px;height:18px;position:relative}.play-eyes>i:after{content:"";background:#271c30;border-radius:50%;width:4px;height:7px;position:absolute;top:7px;left:2px}.play-spark-art>span:last-child{letter-spacing:.3px;font-size:6px;font-weight:600;line-height:1.2;position:absolute;bottom:9px;left:10px;transform:rotate(2deg)}.play-margin-note{color:#ae98a5;align-items:center;gap:4px;font-family:Georgia,serif;font-size:11px;font-style:italic;display:flex;position:absolute;top:441px;left:26px;transform:rotate(-6deg)}.canvas-shuffle{z-index:4;font-family:var(--font-mono);color:#947c8b;background:#eae3f2;border:1px solid #d2bcc9;border-radius:30px;align-items:center;gap:6px;padding:8px 10px;font-size:6px;display:flex;position:absolute;top:658px;right:30px}.canvas-shuffle:hover{color:#342540;background:var(--pop-lime)}.canvas-shuffle>span{color:#ae90a4;font-size:5px}.playground-ribbon{background:var(--pop-lime);color:var(--pop-ink);isolation:isolate;border-block:1px solid #843a65;margin:0 0 35px;padding:30px 0 24px;position:relative;overflow:hidden;transform:rotate(-1deg)scaleX(1.01)}.playground-ribbon>div{white-space:nowrap;letter-spacing:-2.5px;width:max-content;font-size:clamp(36px,5.4vw,74px);font-weight:750;line-height:1;display:flex}.playground-ribbon>div>span{align-items:center;gap:30px;display:inline-flex}.playground-ribbon i{color:#85376a;margin-right:8px;font-size:.85em;font-style:normal;font-weight:400}.ribbon-note{font-family:var(--font-mono);text-align:center;letter-spacing:1px;color:#8f4374;margin-top:18px;font-size:6px;display:block}.section-transition-panel{box-shadow:none}.section-transition-soft .section-transition-panel{background:var(--panel-soft)}.section-transition-edge{background:linear-gradient(90deg,#0000,#b98eaa,#0000);height:1px}.section-transition .demo-section{padding-top:65px;padding-bottom:70px}.demo-heading h2{letter-spacing:-2px;font-size:clamp(32px,3.8vw,54px);font-weight:650}.workspace{border:1px solid #b195a7;border-radius:20px;box-shadow:9px 9px #dfc7d5}.workspace-toolbar{border-radius:19px 19px 0 0}.preview-footnote{color:var(--muted);margin-top:22px;font-size:10px}.text-button{background:var(--surface);border-color:var(--line);color:#815f76;border-radius:30px;min-height:36px;padding:10px 14px;font-size:10px}.showcase-filter button{min-height:39px;padding:9px 15px;font-size:12px}.showcase-filter .filter-active-pill{background:var(--pop-ink);border-radius:30px}.showcase-filter button.active{color:var(--pop-lime)}.showcase-filter button>span:not(.filter-label):not(.filter-active-pill){color:#f45bb2;background:#f45bb225}.template-grid{gap:30px 25px}.template-art{background:#ddd9eb;border:1px solid #b9bea9;border-radius:17px;height:260px;padding:25px 24px 0}.store-card .template-art{background:#ebaa8f;border-color:#d69d82}.chat-card .template-art{background:#d7e88e;border-color:#b6ce75}.portfolio-card .template-art{background:#cab6e9;border-color:#bca1df}.booking-card .template-art{background:#e4d9b0;border-color:#c5b990}.crm-card .template-art{background:#b3c8e8;border-color:#9db7dc}.mobile-fitness-card .template-art{background:#d8eaa0;border-color:#b8d37c}.mobile-travel-card .template-art{background:#abc7e7;border-color:#8eafd6}.mobile-food-card .template-art{background:#e9b69c;border-color:#d4a287}.template-meta{align-items:center;padding-top:18px}.template-meta h3{letter-spacing:-.3px;font-size:16px;font-weight:550}.template-meta p{color:var(--muted);margin-top:5px;font-size:10px}.template-arrow{color:#996c8c;border-color:#b28ea5;width:33px;height:33px}.template-card:hover .template-arrow{background:var(--pop-lime);color:var(--pop-ink)}.template-use{color:var(--pop-lime);background:#201c23f0;border-color:#201c23;border-radius:30px;padding:10px 14px;font-size:10px}.template-art .mobile-app-stage{min-height:246px}.mobile-phone{width:124px;height:220px;top:3px}.mobile-preview-caption h4{font-size:29px}.mobile-floating-chip{bottom:38px}.filter-note{color:#9b8091;font-size:14px}.roadmap-label{font-family:var(--font-mono);color:#986b8c;background:#e1d8eb;border-color:#d5b5ca;border-radius:30px;padding:6px 10px;font-size:7px}.team-card{background:#e8dff4;border-color:#c1b5d0;border-radius:22px}.team-plan-card{background:#ebc4dc;border-color:#cc96b9}.team-repair-card{background:#f3d7bf;border-color:#d9b798}.team-card-header{padding:22px 20px 12px}.team-card-header>span:nth-child(2){letter-spacing:.5px;font-size:7px}.team-agent-icon{color:#73528f;background:#cfb9e6;border-color:#bba0d6;border-radius:14px;width:40px;height:40px}.team-plan-card .team-agent-icon{color:#6b2e5a;background:#d892c1;border-color:#bf73a6}.team-repair-card .team-agent-icon{color:#926138;background:#e9bb90;border-color:#d3a276}.team-card-copy{padding:28px 25px}.team-card-copy h3{letter-spacing:-.9px;font-size:25px;font-weight:600}.team-card-copy p{font-size:12px;line-height:1.85}.team-value{font-size:9px}.team-credit-note{background:#e4dbee;border-color:#cda4bf;border-radius:18px;padding:25px}.team-credit-note h3{letter-spacing:-.6px;color:#744866;font-size:19px;font-weight:550}.team-credit-note p{color:#9b7590;font-size:11px}.team-credit-icon{background:var(--pop-lime);color:#7a2b5e;border-color:#ce78ac}.agent-machine{border-color:#b6b2bd;border-radius:21px}.agent-disclaimer,.team-disclaimer,.workflow-footnote{color:var(--muted);font-size:9px}.story-step-title{letter-spacing:-.7px;font-size:22px;font-weight:550}.story-step-description{font-size:12px;line-height:1.8}.story-stage{border-radius:24px}.story-hint{font-size:10px}.workflow-heading h2{letter-spacing:-2.5px;font-size:clamp(40px,4.7vw,65px);font-weight:650;line-height:1.05}.workflow-heading h2>span{color:var(--pop-coral);background:var(--pop-lime);border:1px solid #873967;border-radius:50%;padding:0 13px 4px;font-family:inherit;font-style:normal;display:inline-block;transform:rotate(-7deg)}.workflow-heading>p:not(.eyebrow){color:var(--muted);font-size:13px}.workflow-grid{gap:25px}.workflow-card{border-radius:22px}.workflow-card-copy{padding:27px 28px}.workflow-card-copy h3{letter-spacing:-.8px;font-size:25px;font-weight:550}.workflow-card-copy p{max-width:400px;font-size:12px;line-height:1.8}.workflow-card-copy>span{font-size:8px}.feature-grid{gap:20px}.feature-motion-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:25px 22px!important}.feature-grid>div:hover{background:0 0}.feature-grid h3{letter-spacing:-.4px;margin-bottom:10px;font-size:16px;font-weight:550;line-height:1.25}.feature-grid p{font-size:12px;line-height:1.7}.feature-icon{color:#934678;background:#e9c4d9;border-radius:13px;place-items:center;width:43px;height:43px;margin-bottom:21px;transition:transform .3s;display:grid;transform:rotate(-5deg)}.feature-grid>div:nth-child(3n+2) .feature-icon{color:#ba7655;background:#f2d3c3;transform:rotate(5deg)}.feature-grid>div:nth-child(3n) .feature-icon{color:#9572ae;background:#e3d8ef}.feature-grid>div:hover .feature-icon{transform:rotate(0)translateY(-4px)}.features-section{background:#e3dee9;border-color:#cebac6}.cta-box{background:var(--pop-lilac);border:1px solid #9880bd;border-radius:28px;padding:66px 25px 48px}.cta-box h2{letter-spacing:-4.5px;color:#3b2c49;font-size:clamp(55px,7vw,100px);font-weight:700;line-height:.93}.cta-box h2>span{color:#ebe2f5;letter-spacing:-5px;font-family:Georgia,serif;font-style:italic;font-weight:400}.cta-box .eyebrow{color:#77608d;letter-spacing:.8px;font-size:8px}.cta-box>p:not(.eyebrow){color:#776486;margin-top:22px;font-size:13px;line-height:1.8}.cta-icon{background:var(--pop-lime);color:#7c2d5f;box-shadow:none;border-color:#9a4977;width:55px;height:55px;transform:rotate(8deg)}.cta-decoration{color:#9f83c51f;font-size:500px;top:45px;right:-90px}.cta-note{color:#826996}.cta-box .button{background:var(--pop-ink);color:var(--pop-lime);padding:15px 23px;font-size:12px}.site-footer{max-width:none;color:var(--pop-ink);background:#e7def2;border-top:1px solid #c7b8d9;margin:15px 0 0;padding:0;overflow:hidden}.footer-playground{max-width:1440px;margin:auto;padding:27px 48px 0;position:relative}.footer-play-top{font-family:var(--font-mono);letter-spacing:.6px;color:#924876;justify-content:space-between;align-items:center;gap:20px;font-size:7px;display:flex}.footer-play-top>a{align-items:center;gap:9px;font-size:6px;display:flex}.footer-play-body{align-items:center;gap:55px;padding:70px 0 48px;display:flex;position:relative}.footer-play-body h2{letter-spacing:-3px;max-width:800px;font-size:clamp(40px,5.2vw,75px);font-weight:700;line-height:.95}.footer-start{background:var(--pop-ink);width:126px;height:126px;color:var(--pop-lime);letter-spacing:-.3px;text-align:center;z-index:2;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:9px;margin-left:auto;font-size:14px;line-height:1.1;display:flex;position:relative;transform:rotate(8deg)}.footer-start:hover{transform:rotate(-7deg)scale(1.06)}.footer-friend-wrap{flex-shrink:0;width:170px;margin-left:8px;position:relative}.footer-friend{isolation:isolate;background:0 0;border-radius:40%;width:125px;height:125px;margin:0 auto;display:block;position:relative;transform:rotate(-7deg)}.friend-petal{background:var(--pop-coral);z-index:-1;border-radius:35%;position:absolute;inset:0;transform:rotate(12deg)}.friend-petal:before,.friend-petal:after{content:"";background:var(--pop-coral);z-index:-1;border-radius:35%;position:absolute;inset:0;transform:rotate(30deg)}.friend-petal:after{transform:rotate(60deg)}.friend-face{justify-content:center;align-items:center;gap:8px;padding-bottom:12px;display:flex;position:absolute;inset:0}.friend-face>i{background:#ebe2f5;border-radius:50%;width:15px;height:27px;display:block;position:relative;box-shadow:0 1px 1px #c7644520}.friend-face>i:after{content:"";background:#32253c;border-radius:50%;width:6px;height:10px;position:absolute;top:11px;left:4px}.friend-face>span{border-bottom:2px solid #824f32;border-radius:50%;width:20px;height:12px;position:absolute;bottom:34px;left:56px;transform:rotate(-8deg)}.footer-friend-caption{color:#944775;white-space:nowrap;justify-content:center;align-items:center;gap:3px;margin-top:17px;font-family:Georgia,serif;font-size:9px;font-style:italic;display:flex;transform:rotate(-4deg)}.footer-big-word{letter-spacing:-1vw;white-space:nowrap;color:#3a224d;justify-content:space-between;align-items:center;padding:25px 0 35px;font-size:clamp(110px,19.8vw,288px);font-weight:800;line-height:.7;display:flex}.footer-big-word>span{cursor:pointer;display:inline-block}.footer-big-word .footer-word-star{color:#9d427b;letter-spacing:-2vw;margin-left:6px;font-size:.85em;font-weight:400}.footer-link-shell{border-top:1px solid #9b467940;padding-top:35px}.footer-main{padding-bottom:30px}.footer-brand .logo{color:#5b2a4c;font-size:26px}.footer-brand .logo-symbol{color:#652651;background:#d94a9d;border:1px solid #bb3c85}.footer-brand>p{color:#954b79;font-size:12px}.footer-status{color:#9c4b7c}.footer-column h3{color:#7e3563;font-size:10px;font-weight:600}.footer-column>a,.footer-column>button{color:#944a78;min-height:25px;font-size:11px}.footer-column>a:hover,.footer-column>button:hover{color:#331c44}.footer-bottom{color:#9f5381;border-color:#9e467a40;font-size:9px}.footer-bottom button{color:#924674;font-size:9px}.site-footer .soon{color:#a54d80;background:#df55a4;border-color:#cc4c95}.footer-bottom .made-with{color:#9e5983}.intro-screen{background:var(--bg)}.intro-screen:before{background:0 0}.intro-topbar{padding:25px 35px}.intro-brand{letter-spacing:-1.8px;font-size:29px;font-weight:750}.intro-brand>span:first-child{background:var(--pop-lime);color:var(--pop-ink);border:1px solid #8c3e6c;border-radius:8px}.intro-brand>span:last-child{color:var(--pop-coral)}.intro-top-caption{font-family:var(--font-mono);letter-spacing:1px;color:#9b8693;font-size:7px}.intro-actions>button{background:var(--surface);border-color:var(--line);color:#916d84;border-radius:99px}.intro-actions>.intro-skip{background:var(--pop-ink);color:var(--pop-lime);min-height:34px;padding:0 14px;font-size:9px}.intro-watermark{color:#dbd4e3;letter-spacing:-1.8vw;font-size:22vw;font-weight:800;bottom:40px;left:-8px}.intro-composition{gap:23px}.intro-stage-0{width:min(760px,85vw);height:295px}.intro-stage-1{width:min(880px,88vw);height:280px}.intro-stage-2{width:min(980px,88vw);height:320px}.intro-stage{border:1px solid #883e69;border-radius:24px;box-shadow:9px 9px #b389a238}.intro-stage-content{border-radius:24px}:root .intro-screen .intro-idea-scene{background:var(--pop-lime);color:var(--pop-ink);text-align:left;justify-content:center;align-items:flex-start;padding:35px 30px;position:relative}:root .intro-screen .intro-scene-icon{background:var(--pop-coral);color:#512f23;width:110px;height:110px;box-shadow:none;border:1px solid #ab5e3d;border-radius:30%;position:absolute;top:75px;right:50px;transform:rotate(15deg)}.intro-scene-icon svg{width:55px;height:55px}.intro-idea-scene>.intro-scene-eyebrow{font-family:var(--font-mono);letter-spacing:.6px;color:#953c74;margin:0 0 18px;font-size:6px}:root .intro-screen .intro-idea-scene>p{font-family:var(--font-geist);letter-spacing:-4px;color:#3e2352;margin:0;font-size:clamp(46px,6.4vw,87px);font-weight:800;line-height:.88}:root .intro-screen .intro-mini-composer{color:#97467a;width:auto;min-width:265px;font-family:var(--font-mono);background:#fa99d1;border:1px solid #c05596;border-radius:99px;gap:30px;margin-top:22px;padding:10px 13px;font-size:6px}:root .intro-screen .intro-agents-scene{background:#b7a1e9;padding:28px 35px}.intro-agents-scene>.intro-scene-eyebrow{font-family:var(--font-mono);color:#746186;letter-spacing:.6px;font-size:7px}.intro-agent-lineup{gap:16px;margin-top:24px}:root .intro-screen .intro-agent-tile{background:#d9d1ec;border:1px solid #856eab;border-radius:16px;height:146px;box-shadow:5px 5px #5d43771a}:root .intro-screen .intro-agent-sage{background:var(--pop-lime);border-color:#aa4180}:root .intro-screen .intro-agent-violet{background:#eed8f5;border-color:#bba3ca}:root .intro-screen .intro-agent-blue{background:var(--pop-blue);border-color:#7293bf}:root .intro-screen .intro-agent-sand{background:var(--pop-coral);border-color:#c86344}:root .intro-screen .intro-agent-tile>b{color:#3e3446;letter-spacing:-.7px;font-size:24px;font-weight:650}:root .intro-screen .intro-agent-tile>span{color:#6b4f5b;width:38px;height:38px;margin-bottom:9px}:root .intro-screen .intro-agent-tile>small{color:#726c67;font-size:7px}.intro-agent-tile>span svg{width:28px;height:28px}.intro-scene-note{color:#806a93;margin-top:20px;font-size:8px}.intro-copy{min-height:152px}:root .intro-screen .intro-copy h2{letter-spacing:-2.8px;color:var(--ink);font-size:clamp(38px,4.7vw,65px);font-weight:750;line-height:.92}:root .intro-screen .intro-copy h2 i{color:var(--pop-coral);font-family:inherit;font-style:normal}.intro-copy p{color:var(--muted);font-size:11px}.intro-enter{background:var(--pop-ink);color:var(--pop-lime);border:0;border-radius:99px;gap:15px;padding:11px 17px;font-size:9px}.intro-scroll-hint{font-family:var(--font-mono);color:#a38196;font-size:7px}.intro-bottom{padding-bottom:18px}.intro-bottom>span:first-child{font-family:var(--font-mono);color:#a5859a;font-size:6px}.intro-chapters>button>span.complete{background:#d35ea3}.intro-chapters>button[aria-pressed=true] small{color:#ab5388}.intro-chapters>button>span{background:#e1ced9}.intro-chapters small{font-family:var(--font-mono);color:#aa899f;font-size:5px}.intro-preview-label{font-family:var(--font-mono);color:#ae99a6;font-size:5px}:root[data-theme=dark] .nav-shell{background:#231e27df;border-color:#60475880}:root[data-theme=dark] .site-header{background:0 0;border:0}:root[data-theme=dark] .nav-link,:root[data-theme=dark] .sign-in{color:#c6aabd}:root[data-theme=dark] .logo-symbol{background:var(--pop-lime);color:#2a1e34}:root[data-theme=dark] .logo-dot{color:var(--pop-coral)}:root[data-theme=dark] .theme-dock{background:#322a39;border-color:#553b4e}:root[data-theme=dark] .theme-dock button{color:#9e7c94}:root[data-theme=dark] .theme-dock button[aria-pressed=true]{color:#2f1b3e}:root[data-theme=dark] .button.dark{background:var(--pop-lime);color:#261732}:root[data-theme=dark] .hero-kicker{color:#ba8cab;background:#27202dbd;border-color:#7a496970}:root[data-theme=dark] .fun-hero h1>.text-reveal-mask{color:var(--ink);background:0 0}:root[data-theme=dark] .fun-hero .hero-punchline .text-reveal-line{color:var(--pop-coral)}:root[data-theme=dark] .fun-hero .hero-description{color:#b2a9c4}:root[data-theme=dark] .fun-hero .hero-intro-replay{color:#c4b3df;box-shadow:none;background:#29203099;border-color:#514362}:root[data-theme=dark] .fun-hero .hero-intro-replay>span:not(.intro-play-circle){color:#d0c2e4}:root[data-theme=dark] .fun-composer-label{color:#a69ab9}:root[data-theme=dark] .fun-composer-label>span:first-child{color:#c5b5df}:root[data-theme=dark] .fun-hero .composer{background:#211b2d;border-color:#82709c;box-shadow:6px 6px #514267}:root[data-theme=dark] .fun-hero .composer:focus-within{box-shadow:7px 7px 0 var(--pop-coral);border-color:#b9a4e8}:root[data-theme=dark] .fun-hero .composer textarea{color:#dbcdeb}:root[data-theme=dark] .fun-hero .composer textarea::placeholder{color:#a499b5}:root[data-theme=dark] .fun-hero .build-button{background:var(--pop-lime);color:#341d45}:root[data-theme=dark] .fun-hero .build-button>svg{background:#2915391a}:root[data-theme=dark] .fun-hero .composer-tools,:root[data-theme=dark] .fun-hero .model-select select{color:#bcb0ce}:root[data-theme=dark] .fun-hero .suggestions button{color:#c2b4d7;background:#2a1f33;border-color:#4c3c61}:root[data-theme=dark] .fun-hero .suggestions button:hover{background:var(--pop-lime);color:#351f46}:root[data-theme=dark] .fun-hero .suggestions>span,:root[data-theme=dark] .fun-hero .composer-caption{color:#a397b5}:root[data-theme=dark] .fun-hero .preview-tag{color:#b7a5ce;background:#3a2a46;border-color:#534365}:root[data-theme=dark] .hero-footnotes{color:#a296b2}:root[data-theme=dark] .hero-footnotes>a{color:#bca9d6}:root[data-theme=dark] .canvas-shuffle{color:#bba8d2;background:#2a1e34;border-color:#514164}:root[data-theme=dark] .canvas-shuffle:hover{background:var(--pop-lime);color:#2a1b35}:root[data-theme=dark] .play-margin-note{color:#a599b5}:root[data-theme=dark] .section-heading h2{color:var(--ink)}:root[data-theme=dark] .muted-heading{color:#b2a3c4}:root[data-theme=dark] :is(.section-heading>p,.section-heading>div>p:not(.eyebrow),.eyebrow,.template-meta p,.preview-footnote,.agent-disclaimer,.team-disclaimer,.workflow-footnote){color:#b5a9c5}:root[data-theme=dark] .section-transition-soft .section-transition-panel{background:var(--panel-soft)}:root[data-theme=dark] .section-transition-edge{background:linear-gradient(90deg,#0000,#65517e,#0000)}:root[data-theme=dark] .workspace{border-color:#716184;box-shadow:9px 9px #342a44}:root[data-theme=dark] .text-button{color:#c6b2e4;background:#31253b;border-color:#584571}:root[data-theme=dark] .showcase-filter .filter-active-pill{background:var(--pop-lime)}:root[data-theme=dark] .showcase-filter button{color:#b5a5cb}:root[data-theme=dark] .showcase-filter button.active{color:#372048}:root[data-theme=dark] .showcase-filter button>span:not(.filter-label):not(.filter-active-pill){color:#624c7d;background:#361d4a20}:root[data-theme=dark] .template-use{color:#3b204f;background:#b9a4e8f2;border-color:#8c75ad}:root[data-theme=dark] .template-arrow{color:#b9a5d2;border-color:#574568}:root[data-theme=dark] .roadmap-label{color:#c3addf;background:#362841;border-color:#584569}:root[data-theme=dark] .features-section{background:#231d28;border-color:#443650}:root[data-theme=dark] .feature-icon{color:#c5b1de;background:#3f2d4c}:root[data-theme=dark] .feature-grid>div:nth-child(3n+2) .feature-icon{color:#dfa080;background:#513b2a}:root[data-theme=dark] .feature-grid>div:nth-child(3n) .feature-icon{color:#c8a3e4;background:#483554}:root[data-theme=dark] .feature-grid p{color:#b9accb}:root[data-theme=dark] .workflow-heading h2>span{color:#ae7751}:root[data-theme=dark] .cta-box{background:var(--pop-lilac);border-color:#9073b6}:root[data-theme=dark] .cta-box h2{color:#3b2c49}:root[data-theme=dark] .cta-box h2>span{color:#ebe2f5}:root[data-theme=dark] .cta-box>p:not(.eyebrow),:root[data-theme=dark] .cta-box .eyebrow,:root[data-theme=dark] .cta-note{color:#7e668f}:root[data-theme=dark] .cta-icon{background:var(--pop-lime);color:#5e467c;border-color:#7c629c}:root[data-theme=dark] .cta-box .button{background:var(--pop-ink);color:var(--pop-lime)}:root[data-theme=dark] .site-footer{color:var(--pop-ink);background:#cbbfdf;border-color:#a99abf}:root[data-theme=dark] .site-footer :is(.footer-brand>p,.footer-column>a,.footer-column>button,.footer-status,.footer-bottom){color:#934877}:root[data-theme=dark] .site-footer .soon{color:#9e507e;background:#df55a4;border-color:#c94c94}:root[data-theme=dark] .intro-screen{background:var(--bg)}:root[data-theme=dark] .intro-screen:before{background:0 0}:root[data-theme=dark] .intro-watermark{color:#291f31}:root[data-theme=dark] .intro-brand{color:#ddcfed}:root[data-theme=dark] .intro-brand>span:last-child{color:var(--pop-coral)}:root[data-theme=dark] .intro-actions>button{color:#d295be;background:#2f203b;border-color:#68355a}:root[data-theme=dark] .intro-actions>.intro-skip{background:var(--pop-lime);color:#351f45}:root[data-theme=dark] .intro-copy p,:root[data-theme=dark] .intro-scroll-hint{color:#ab799c}::view-transition-old(root){animation:.35s both theme-out}::view-transition-new(root){animation:.45s cubic-bezier(.22,1,.36,1) both theme-in}@keyframes theme-out{to{opacity:0}}@keyframes theme-in{0%{opacity:0;clip-path:circle(0% at 90% 5%)}to{opacity:1;clip-path:circle(150% at 90% 5%)}}body{overflow-x:clip}@media (max-width:1250px){.play-card-1{width:170px;left:3%}.play-card-2{width:135px;right:4%}.play-card-3{width:140px;left:-2%}.play-card-4{width:165px;right:-3%}.play-card-5{width:150px;top:493px;left:1%}.play-card-6{width:117px;top:510px;right:2%}.play-code-art p{font-size:5px}.play-margin-note{display:none}.hero-footnotes{max-width:1100px}.hero-footnotes>span:last-child{font-size:5px}.canvas-shuffle{top:685px;right:16px}.section-shell{padding-left:38px;padding-right:38px}.team-card-copy h3{font-size:23px}.team-card-header>span:nth-child(2){font-size:6px}.footer-play-body{gap:35px}.footer-play-body h2{font-size:60px}.footer-friend-wrap{width:145px}.footer-start{width:110px;height:110px}}@media (max-width:1100px){.theme-dock button>span:not(.theme-dock-active){display:none}.theme-dock button{min-width:28px;min-height:29px;padding:7px}.nav-shell{gap:20px}.nav-links{gap:18px}.nav-link{font-size:13px}.nav-actions{gap:12px}.nav-actions .sign-in,.play-card-5,.play-card-6{display:none}.fun-hero{min-height:930px;padding-top:75px}.fun-hero h1{letter-spacing:-7px;font-size:clamp(90px,11.2vw,126px)}.play-card-1{width:150px;left:1%}.play-card-2{width:125px;right:1%}.play-card-3{width:130px;top:250px;left:-3%}.play-card-4{width:140px;right:-4%}.hero-description{max-width:510px}.canvas-shuffle{font-size:5px;top:625px;right:10px}.canvas-shuffle>span{display:none}.section-heading h2{letter-spacing:-1.8px;font-size:44px}.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:12px}.template-art{height:240px;padding:20px 20px 0}.template-meta h3{font-size:14px}.feature-motion-card{padding:21px 18px!important}.feature-grid h3{font-size:14px}.feature-grid p{font-size:11px}.footer-play-body h2{letter-spacing:-2px;font-size:49px}.footer-start{gap:7px;width:95px;height:95px;font-size:11px}.footer-start svg{width:25px}.footer-friend-wrap{width:125px}.footer-friend{width:105px;height:105px}.friend-face{gap:6px;padding-bottom:8px}.friend-face>i{width:13px;height:23px}.friend-face>span{bottom:28px;left:45px}.footer-friend-caption{font-size:7px}.footer-playground{padding-left:38px;padding-right:38px}}@media (max-width:800px){.site-header{margin:12px 18px 0;top:12px}.nav-shell{border-radius:18px;height:67px;padding:0 18px}.logo{font-size:27px}.logo-symbol{width:31px;height:31px}.nav-links{gap:13px}.nav-link{font-size:13px}.button.small{gap:10px;padding:10px 12px;font-size:10px}.nav-actions{gap:9px}.fun-hero{min-height:880px;padding:60px 25px 25px}.fun-hero h1{letter-spacing:-5px;font-size:93px}.hero-headline-flower{margin-left:7px}.hero-playground{height:470px}.play-card-1{width:130px;top:0;left:-4%}.play-card-2{width:110px;top:4px;right:-4%}.play-card-3,.play-card-4{display:none}.fun-hero .hero-description{max-width:490px;font-size:13px}.fun-composer-label{font-size:6px}.fun-composer-label>span:last-child{font-size:5px}.canvas-shuffle{background:0 0;border:0;font-size:5px;top:36px;right:130px}.hero-footnotes{justify-content:center;gap:15px;margin-top:45px}.hero-footnotes>span{display:none}.hero-footnotes>a{font-size:10px}.section-shell{padding-left:28px;padding-right:28px}.section-heading{gap:25px}.section-heading h2{letter-spacing:-1.7px;font-size:39px}.template-meta h3{font-size:15px}.template-art{height:250px}.workflow-heading h2{font-size:49px}.workflow-card-copy h3{font-size:23px}.feature-grid{gap:16px}.feature-motion-card{padding:23px!important}.cta-box h2{letter-spacing:-3px;font-size:72px}.footer-playground{padding-left:28px;padding-right:28px}.footer-play-body{gap:25px;padding-top:55px}.footer-play-body h2{letter-spacing:-1.5px;font-size:38px}.footer-friend-wrap{width:110px;margin-left:0}.footer-friend{width:88px;height:88px}.friend-face{padding-bottom:5px}.friend-face>i{width:11px;height:19px}.friend-face>i:after{width:5px;height:8px;top:8px;left:3px}.friend-face>span{width:17px;height:9px;bottom:22px;left:36px}.footer-friend-caption{margin-top:15px;font-size:6px}.footer-start{width:82px;height:82px;font-size:10px}.footer-play-top{font-size:6px}.footer-play-top>a{font-size:5px}.footer-main{gap:22px}.footer-column>a,.footer-column>button{font-size:10px}.footer-brand>p{font-size:11px}}@media (max-width:700px){.fun-hero .hero-content{pointer-events:auto}.hero-playground .play-card{pointer-events:none}.canvas-shuffle{min-height:34px;top:43px;right:120px}.fun-hero h1{font-size:clamp(72px,12vw,90px)}.hero-footnotes{margin-top:35px}.section-heading h2{font-size:36px}.section-heading{margin-bottom:30px}.section-transition .demo-section,.section-transition .showcase{padding-top:35px;padding-bottom:45px}.section-transition .agent-team-section,.section-transition .agent-flow-section{padding-top:38px}.section-transition .workflow-section{padding-top:40px}.template-grid{gap:26px 20px}.theme-dock button{min-width:27px;min-height:30px}.section-transition-panel{box-shadow:none}}@media (max-width:620px){.site-header{margin:10px 12px 0;top:10px}.nav-shell{border-radius:17px;gap:12px;height:61px;padding:0 14px}.logo{letter-spacing:-1.7px;font-size:26px}.logo-symbol{border-radius:9px;width:29px;height:29px;margin-right:7px}.logo-symbol svg{width:20px}.nav-actions{gap:7px}.nav-actions .button.small{display:none}.menu-toggle{width:29px;height:34px}.menu-toggle svg{width:20px}.nav-links.is-open{border:1px solid var(--line);background:var(--surface);border-radius:17px;padding:14px 20px;top:69px;left:0;right:0;box-shadow:0 9px 20px #0001}.nav-links .nav-link{min-height:43px;font-size:15px}.theme-dock{gap:2px;padding:3px}.theme-dock button{min-width:27px;min-height:28px;padding:6px}.theme-dock svg{width:12px}.fun-hero{min-height:auto;padding:111px 20px 22px}.hero-kicker{letter-spacing:.7px;gap:7px;padding:7px 10px;font-size:6px}.hero-kicker svg{width:10px}.fun-hero h1{letter-spacing:-4px;margin-top:26px;font-size:clamp(57px,16.8vw,92px);line-height:.91}.fun-hero h1>.text-reveal-mask{margin-bottom:-.03em;padding-bottom:.13em}.hero-headline-flower{vertical-align:top;margin-top:1px;margin-left:4px;font-size:.7em}.fun-hero .hero-description{letter-spacing:-.15px;max-width:340px;margin-top:19px;margin-bottom:25px;font-size:11px;line-height:1.8}.fun-hero .hero-intro-replay{gap:8px;min-height:42px;margin:14px auto 25px;padding:7px 12px 7px 7px;font-size:12px}.fun-hero .hero-intro-replay>span:not(.intro-play-circle){letter-spacing:.2px;margin-left:1px;font-size:9px}.intro-play-circle{width:22px;height:22px}.intro-play-circle svg{width:8px;height:8px}.fun-composer-label{gap:10px;margin-bottom:9px;font-size:5px}.fun-composer-label>span:first-child{gap:4px}.fun-composer-label>span:first-child svg{width:10px}.fun-composer-label>span:last-child{letter-spacing:-.1px;gap:3px;font-size:4px}.fun-composer-label>span:last-child svg{width:10px}.fun-hero .composer{box-shadow:4px 4px 0 var(--pop-lime);border-radius:14px;padding:17px 13px 12px}.fun-hero .composer:focus-within{box-shadow:5px 5px 0 var(--pop-coral)}.fun-hero .composer textarea{min-height:82px;font-size:12px}.fun-hero .build-button{gap:10px;padding:9px 10px 9px 13px;font-size:10px}.fun-hero .suggestions{gap:6px;margin-top:17px}.fun-hero .suggestions>span{margin-bottom:1px;font-size:8px}.fun-hero .suggestions button{min-height:33px;padding:7px 10px;font-size:8px}.fun-hero .composer-caption{gap:5px;margin-top:14px;font-size:6px}.fun-hero .preview-tag{font-size:5px}.hero-footnotes{justify-content:center;margin-top:30px}.hero-footnotes>a{gap:8px;font-size:8px}.hero-footnotes>a svg{width:13px}.hero-playground{height:125px;top:0}.play-card-1,.play-card-3,.play-card-4,.play-card-5{display:none}.play-card-2{width:79px;display:block;top:7px;right:calc(50% - 147px)}.play-card-2 .play-card-label{letter-spacing:.1px;padding:4px;font-size:2px}.play-card-2 .play-card-label svg{width:6px;height:6px}.play-poster-art{height:74px;padding:8px}.play-poster-art>span{letter-spacing:-1px;font-size:17px;line-height:.9}.play-poster-art>svg{width:13px;height:13px;bottom:5px;right:5px}.play-card-6{width:77px;display:block;top:6px;left:calc(50% - 135px);right:auto}.play-card-6 .play-card-label{letter-spacing:.1px;padding:4px;font-size:2px}.play-card-6 .play-card-label svg{width:6px;height:6px}.play-spark-art{height:72px}.play-flower{font-size:72px;top:-1px;left:5px}.play-eyes{gap:3px;top:20px;left:29px}.play-eyes>i{width:6px;height:12px}.play-eyes>i:after{width:3px;height:5px;top:5px;left:1px}.play-spark-art>span:last-child{font-size:3px;bottom:5px;left:6px}.canvas-shuffle{gap:4px;max-width:86px;min-height:33px;padding:5px 0;font-size:4px;top:42px;left:calc(50% - 40px);right:auto}.canvas-shuffle svg{width:8px;height:8px}.playground-ribbon{margin-top:16px;margin-bottom:23px;padding:22px 0 16px;transform:rotate(-1.3deg)scaleX(1.02)}.playground-ribbon>div{letter-spacing:-1.6px;font-size:39px}.playground-ribbon>div>span{gap:19px}.ribbon-note{letter-spacing:.7px;margin-top:13px;font-size:4px}.section-shell{padding-left:22px;padding-right:22px}.section-heading{margin-bottom:27px;display:block}.section-heading h2{letter-spacing:-1.7px;font-size:36px;line-height:1.06}.section-heading>p,.section-heading>div>p:not(.eyebrow){margin-top:15px;font-size:11px}.eyebrow{letter-spacing:.5px;margin-bottom:14px;font-size:6px}.tiny-spark{font-size:15px}.demo-heading{align-items:flex-end;gap:12px;display:flex}.demo-heading h2{letter-spacing:-1.2px;font-size:29px}.demo-heading .eyebrow{letter-spacing:.3px;font-size:5px}.demo-heading-right .text-button{min-width:34px;min-height:34px;padding:8px;font-size:0}.preview-footnote{margin-top:17px;font-size:7px;line-height:1.7}.workspace{border-radius:12px;box-shadow:5px 5px #dfc7d5}.workspace-toolbar{border-radius:11px 11px 0 0}.showcase-filter{gap:4px;margin-bottom:22px;padding-bottom:13px}.showcase-filter button{min-height:36px;padding:9px 10px;font-size:8px}.template-grid{gap:27px}.template-art{border-radius:17px;height:250px;padding:23px 23px 0}.template-meta{padding-top:14px}.template-meta h3{font-size:16px}.template-meta p{font-size:10px}.template-use{padding:8px 11px;font-size:8px}.template-arrow{width:31px;height:31px}.template-art .mobile-app-stage{min-height:236px}.mobile-phone{width:122px;height:220px;right:6%}.mobile-preview-caption h4{font-size:28px}.mobile-floating-chip{bottom:41px}.team-card{border-radius:19px}.team-card-header{padding:19px 19px 11px}.team-card-header>span:nth-child(2){font-size:6px}.team-agent-icon{border-radius:12px;width:35px;height:35px}.team-card-copy{padding:25px}.team-card-copy h3{font-size:26px;line-height:1.13}.team-card-copy p{font-size:11px;line-height:1.9}.team-value{font-size:8px}.team-credit-note{border-radius:14px;padding:19px}.team-credit-note h3{font-size:15px}.team-credit-note p{font-size:10px}.team-disclaimer,.agent-disclaimer,.workflow-footnote{font-size:7px}.agent-flow-section .section-heading h2{font-size:31px}.agent-machine{border-radius:15px}.story-step-title{font-size:15px}.story-step-description{font-size:10px}.story-stage{border-radius:19px}.workflow-heading h2{letter-spacing:-1.6px;font-size:37px}.workflow-heading h2>span{padding:0 8px 3px}.workflow-heading>p:not(.eyebrow){font-size:11px}.workflow-grid{gap:20px}.workflow-card{border-radius:19px}.workflow-card-copy{padding:25px}.workflow-card-copy h3{font-size:24px}.workflow-card-copy p{font-size:11px;line-height:1.9}.workflow-card-copy>span{font-size:6px}.feature-grid{gap:13px}.feature-motion-card{border-radius:15px;padding:20px 15px!important}.feature-grid h3{margin-bottom:9px;font-size:13px;line-height:1.3}.feature-grid p{font-size:10px;line-height:1.8}.feature-icon{border-radius:11px;width:35px;height:35px;margin-bottom:17px}.feature-icon svg{width:18px}.cta-box{border-radius:22px;padding:43px 15px 35px}.cta-box h2{letter-spacing:-3px;font-size:59px}.cta-box h2>span{letter-spacing:-3px}.cta-box .eyebrow{letter-spacing:.7px;font-size:5px}.cta-box>p:not(.eyebrow){margin-top:18px;font-size:10px;line-height:1.8}.cta-icon{border-radius:12px;width:44px;height:44px}.cta-icon svg{width:21px}.cta-box .button{padding:13px 19px;font-size:10px}.cta-decoration{font-size:350px;top:80px;right:-95px}.cta-note{font-size:7px}.site-footer{margin-top:5px}.footer-playground{padding:22px 22px 0}.footer-play-top{letter-spacing:.4px;gap:12px;font-size:4px}.footer-play-top>a{gap:5px;font-size:4px}.footer-play-top>a svg{width:10px}.footer-play-body{grid-template-columns:1fr 1fr;gap:30px;padding:42px 0 30px;display:grid}.footer-play-body h2{letter-spacing:-1.9px;grid-column:1/-1;font-size:40px;line-height:1}.footer-play-body h2>span{display:block}.footer-start{order:3;width:88px;height:88px;margin:0 9px 0 auto;font-size:11px}.footer-friend-wrap{order:2;width:130px;margin:0 0 0 5px}.footer-friend{width:92px;height:92px}.friend-face>span{bottom:23px;left:39px}.footer-friend-caption{margin-top:14px;font-size:6px}.footer-big-word{letter-spacing:-1.5vw;padding:23px 0 28px;font-size:20.5vw;line-height:.78}.footer-big-word .footer-word-star{letter-spacing:-1.5vw;margin-left:2px}.footer-link-shell{padding-top:28px}.footer-main{gap:25px 14px;padding-bottom:25px}.footer-brand .logo{font-size:26px}.footer-brand>p{font-size:10px}.footer-status{font-size:6px}.footer-column{gap:9px}.footer-column h3{font-size:9px}.footer-column>a,.footer-column>button{min-height:27px;font-size:9px}.footer-bottom{gap:10px;padding:17px 0 23px;font-size:7px}.footer-bottom button{font-size:7px}.footer-bottom>div{gap:17px}.intro-topbar{padding:18px 20px}.intro-brand{font-size:25px}.intro-actions>.intro-skip{padding:0 11px;font-size:8px}.intro-composition{gap:23px;padding:5px 20px 16px}.intro-stage-0{width:100%;max-width:370px;height:239px}.intro-stage-1{width:100%;max-width:370px;height:276px}.intro-stage-2{width:100%;max-width:390px;height:245px}.intro-stage,.intro-stage-content{border-radius:20px}:root .intro-screen .intro-idea-scene{justify-content:flex-start;padding:26px 22px}:root .intro-screen .intro-scene-icon{border-radius:30%;width:65px;height:65px;top:22px;right:22px}.intro-scene-icon svg{width:33px;height:33px}.intro-idea-scene>.intro-scene-eyebrow{letter-spacing:.3px;max-width:120px;margin-bottom:27px;font-size:4px;line-height:1.8}:root .intro-screen .intro-idea-scene>p{letter-spacing:-2.6px;font-size:52px;line-height:.88}:root .intro-screen .intro-mini-composer{gap:9px;width:100%;min-width:0;margin-top:22px;padding:9px 11px;font-size:5px}:root .intro-screen .intro-agents-scene{padding:20px}.intro-agents-scene>.intro-scene-eyebrow{letter-spacing:.5px;font-size:5px}.intro-agent-lineup{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:17px}:root .intro-screen .intro-agent-tile{border-radius:10px;height:85px;box-shadow:3px 3px #5d437715}:root .intro-screen .intro-agent-tile>b{font-size:18px}:root .intro-screen .intro-agent-tile>span{width:24px;height:24px;margin-bottom:5px}.intro-agent-tile>span svg{width:19px;height:19px}:root .intro-screen .intro-agent-tile>small{margin-top:4px;font-size:5px}.intro-scene-note{margin-top:15px;font-size:6px}:root .intro-screen .intro-copy h2{letter-spacing:-1.6px;font-size:40px;line-height:.94}.intro-copy{min-height:142px}.intro-copy p{max-width:280px;font-size:9px}.intro-scroll-hint{margin-top:13px;font-size:6px}.intro-watermark{letter-spacing:-2vw;font-size:26vw;bottom:62px;left:2px}.intro-bottom{padding-bottom:16px}.intro-chapters{gap:9px}.intro-chapters small{font-size:4px}.intro-enter{min-height:35px;padding:10px 15px;font-size:8px}}@media (max-width:380px){.fun-hero{padding-left:18px;padding-right:18px}.fun-hero h1{letter-spacing:-3.7px}.hero-headline-flower{margin-left:3px}.fun-hero .hero-description{font-size:10px}.fun-composer-label>span:last-child{display:none}.section-shell{padding-left:19px;padding-right:19px}.section-heading h2{font-size:32px}.feature-motion-card{padding:18px 13px!important}.footer-playground{padding-left:19px;padding-right:19px}.footer-play-body h2{font-size:35px}.footer-friend-wrap{width:120px}.intro-scene-icon{opacity:.85}:root .intro-screen .intro-idea-scene>p{font-size:47px}.intro-stage-0{height:230px}.intro-copy h2{font-size:36px!important}}@media (min-width:621px) and (max-height:850px){.intro-topbar{padding-top:18px;padding-bottom:15px}.intro-composition{gap:18px}.intro-stage-0{width:min(640px,80vw);height:225px}.intro-stage-1{width:min(730px,85vw);height:220px}.intro-stage-2{width:min(800px,85vw);height:250px}.intro-copy{min-height:130px}:root .intro-screen .intro-copy h2{letter-spacing:-2px;font-size:49px}:root .intro-screen .intro-idea-scene{padding:25px 30px}:root .intro-screen .intro-idea-scene>p{letter-spacing:-3px;font-size:64px}:root .intro-screen .intro-scene-icon{width:85px;height:85px;top:64px;right:35px}.intro-scene-icon svg{width:43px;height:43px}.intro-idea-scene>.intro-scene-eyebrow{margin-bottom:15px;font-size:5px}:root .intro-screen .intro-mini-composer{min-width:230px;margin-top:18px;padding:8px 11px}:root .intro-screen .intro-agents-scene{padding:20px 28px}.intro-agent-lineup{gap:12px;margin-top:18px}:root .intro-screen .intro-agent-tile{border-radius:12px;height:111px}:root .intro-screen .intro-agent-tile>b{font-size:20px}:root .intro-screen .intro-agent-tile>span{width:28px;height:28px;margin-bottom:6px}.intro-scene-note{margin-top:16px;font-size:7px}.intro-bottom{padding-top:10px;padding-bottom:14px}}@media (min-width:621px) and (max-height:520px){.intro-stage-0{width:45%;height:200px}.intro-stage-1{width:48%;height:200px}.intro-stage-2{width:49%;height:205px}.intro-copy{width:43%;min-height:0}:root .intro-screen .intro-copy h2{font-size:36px}:root .intro-screen .intro-idea-scene{padding:20px}:root .intro-screen .intro-idea-scene>p{letter-spacing:-2px;font-size:43px}:root .intro-screen .intro-scene-icon{width:55px;height:55px;top:45px;right:20px}.intro-scene-icon svg{width:30px;height:30px}.intro-idea-scene>.intro-scene-eyebrow{max-width:130px;margin-bottom:20px;font-size:4px}.intro-mini-composer{width:100%;min-width:0!important;padding:8px!important;font-size:4px!important}.intro-agent-lineup{gap:7px}:root .intro-screen .intro-agent-tile{height:90px}:root .intro-screen .intro-agent-tile>b{font-size:14px}:root .intro-screen .intro-agent-tile>small{font-size:4px}}@media (max-width:620px) and (max-height:700px){.fun-hero{padding-top:103px}.intro-topbar{padding-top:12px;padding-bottom:12px}.intro-composition{gap:17px}.intro-stage-0{height:208px}.intro-stage-1{height:237px}.intro-stage-2{height:210px}.intro-copy{min-height:123px}:root .intro-screen .intro-copy h2{font-size:34px}.intro-copy p{margin-top:10px;font-size:8px}.intro-idea-scene>.intro-scene-eyebrow{margin-bottom:20px}:root .intro-screen .intro-idea-scene{padding:21px}:root .intro-screen .intro-idea-scene>p{font-size:46px}:root .intro-screen .intro-scene-icon{width:55px;height:55px;top:19px;right:20px}:root .intro-screen .intro-mini-composer{margin-top:15px;padding:8px 10px}.intro-agent-lineup{gap:8px;margin-top:13px}:root .intro-screen .intro-agent-tile{height:74px}:root .intro-screen .intro-agent-tile>b{font-size:16px}:root .intro-screen .intro-agents-scene{padding:16px}.intro-scene-note{margin-top:13px;font-size:5px}.intro-bottom{padding-bottom:11px}.intro-watermark{bottom:51px}.intro-enter{margin-top:10px}}@media (prefers-reduced-motion:reduce){.playground-ribbon{transform:none}.footer-friend,.footer-start,.workflow-heading h2>span{transform:none!important}.feature-grid>div:hover .feature-icon{transform:none}.play-card{cursor:default}.hero-headline-flower{transform:none}.intro-screen{clip-path:none!important}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.site-footer :is(.footer-play-top,.footer-play-top>a,.footer-brand>p,.footer-column>a,.footer-column>button,.footer-status,.footer-bottom,.footer-bottom button,.footer-friend-caption){color:#6c2755}.footer-column h3{color:#5b2048}.footer-play-body h2>span{color:#822e63}:root[data-theme=dark] .site-footer :is(.footer-play-top,.footer-play-top>a,.footer-brand>p,.footer-column>a,.footer-column>button,.footer-status,.footer-bottom,.footer-bottom button,.footer-friend-caption){color:#6c2755}:root[data-theme=dark] .site-footer .footer-column h3{color:#5b2048}.hero-headline-flower{-webkit-text-stroke:1.25px #672d52;paint-order:stroke fill;text-shadow:3px 3px #672d52;color:var(--pop-lime)}:root[data-theme=dark] .hero-headline-flower{-webkit-text-stroke:0;text-shadow:none}:root[data-theme=dark] .site-header.site-header{background:0 0;border:0}:is(:root,:root[data-theme=dark]) .site-footer :is(.footer-play-top,.footer-play-top>a,.footer-brand>p,.footer-column>a,.footer-column>button,.footer-status,.footer-bottom,.footer-bottom button,.footer-friend-caption,.made-with){color:#311645}:is(:root,:root[data-theme=dark]) .site-footer :is(.footer-column h3,.footer-brand .logo){color:#260e38}:is(:root,:root[data-theme=dark]) .site-footer .footer-play-body h2>span{color:#5f1c4a}:is(:root,:root[data-theme=dark]) .site-footer .footer-big-word{color:#29113b}:is(:root,:root[data-theme=dark]) .site-footer .footer-word-star{color:#5f1c4a}:is(:root,:root[data-theme=dark]) .site-footer .soon{color:#3c1d53;background:#d5c6e7;border-color:#a28abf;font-size:8px}.footer-column>a,.footer-column>button{min-height:29px;font-size:12px}.footer-column h3{font-size:11px}.footer-brand>p{font-size:13px}.footer-play-top{font-size:9px}.footer-play-top>a{font-size:8px}.footer-friend-caption{font-size:10px}.footer-status{font-size:9px}.footer-bottom,.footer-bottom button,.footer-bottom .made-with{font-size:10px}@media (max-width:620px){.footer-column>a,.footer-column>button{min-height:30px;font-size:10px}.footer-column h3{font-size:10px}.footer-brand>p{font-size:11px}.footer-play-top,.footer-play-top>a{font-size:6px}.footer-friend-caption,.footer-status,.footer-bottom,.footer-bottom button,.footer-bottom .made-with{font-size:8px}.site-footer .soon{font-size:6px!important}}.hero-entrance-track{position:relative}.fun-hero h1>.hero-kinetic-line{color:var(--ink);white-space:nowrap;background:0 0;line-height:1.02;display:block;overflow:visible}.fun-hero h1>.hero-kinetic-line.hero-punchline{color:var(--pop-coral)}.hero-glyph{transform-origin:50% 70%;cursor:default;pointer-events:auto;display:inline-block;position:relative}.hero-glyph-space{pointer-events:none}.hero-kinetic-line .hero-headline-flower{pointer-events:auto;cursor:default;vertical-align:baseline}.fun-hero .hero-kinetic-line .hero-headline-flower{margin-left:10px}@media (hover:hover) and (pointer:fine){:where(button:not(:disabled),a[href]){transition-property:background,color,transform,box-shadow,border-color,filter,translate;transition-duration:.2s}:where(button:not(:disabled),a[href]):not(.footer-friend):hover{filter:brightness(1.04)}.fun-hero :where(button:not(:disabled),a[href]):hover,.site-footer :where(a[href],button:not(:disabled)):hover{translate:0 -2px}}:where(button:not(:disabled),a[href]):active{scale:.97}:where(button:not(:disabled),a[href]):focus-visible{outline:3px solid var(--pop-coral);outline-offset:4px}@media (max-width:620px){.fun-hero h1>.hero-kinetic-line{line-height:1.04}.fun-hero .hero-kinetic-line .hero-headline-flower{margin-left:4px}}@media (prefers-reduced-motion:reduce){.hero-glyph{transform:none!important}:where(button,a[href]){filter:none!important;translate:none!important;scale:none!important}}:root{--glyph-hover:#8054aa}:root[data-theme=dark]{--glyph-hover:#f45bb2}@media (hover:hover) and (pointer:fine){:where(button:not(:disabled),a[href]):not(.footer-friend):not(.template-card):hover{translate:0 -2px}}.hero-glyph{color:inherit;-webkit-text-fill-color:currentColor;transition:color .16s}.hero-glyph:hover{color:var(--glyph-hover)}@media (prefers-reduced-motion:reduce){.hero-glyph{transition:none}}:root{--flow-active:#9e5982;--flow-packet:#e98a56}:root[data-theme=dark]{--flow-active:#d768ac;--flow-packet:#fa805f}.agent-flow-section .section-heading>p{max-width:380px;font-size:15px;line-height:1.8}.agent-machine-top{min-height:76px;padding:17px 25px}.agent-machine-name{letter-spacing:.8px;gap:9px;font-size:11px}.agent-machine-name>span{font-size:9px}.agent-scenarios button{min-height:38px;padding:9px 13px;font-size:11px}.agent-demo-badge{padding:6px 9px;font-size:8px}.agent-board{height:600px}.agent-inputs{gap:25px;width:23%;top:50px;left:2.8%}.agent-input{border-radius:12px;height:150px;min-height:150px;padding:17px 18px}.agent-node-top{margin-bottom:9px}.agent-node-top>svg{width:19px;height:19px}.agent-node-label{letter-spacing:.6px;font-size:11px;font-weight:550}.agent-input p{max-width:none;margin-top:8px;font-size:13px;line-height:1.6}.agent-node-serial{font-size:7px;bottom:12px;right:14px}.agent-processor{border-radius:22px;width:30%;min-height:390px;padding:23px;top:100px;left:35%}.processor-top{letter-spacing:.6px;gap:9px;font-size:9px}.processor-vents i{width:3px;height:11px}.processor-title{gap:12px;margin-top:24px}.processor-title h3{letter-spacing:-1.3px;font-size:34px;line-height:1.06}.processor-core{border-radius:17px;width:62px;height:62px}.processor-core>svg{width:34px;height:34px}.agent-processor>p{font-family:var(--font-geist);margin-top:23px;font-size:13px;line-height:1.8}.processor-readout{margin-top:23px;padding:12px 11px}.processor-readout>span{font-size:11px}.processor-readout b{letter-spacing:.5px;font-size:14px}.processor-progress{height:6px;margin-top:15px}.processor-serial{letter-spacing:.6px;margin-top:15px;font-size:7px;line-height:1.7}.agent-outputs{gap:25px;width:24%;top:50px;right:2.8%}.agent-output{border-radius:12px;height:150px;min-height:150px;padding:16px}.agent-output-title{letter-spacing:.4px;gap:8px;padding-bottom:12px;font-size:11px}.agent-output-title>svg{width:17px;height:17px}.output-check{font-size:9px}.agent-design-preview{gap:10px;margin-top:17px}.agent-design-preview>span{border-radius:7px;width:35px;height:44px}.agent-design-preview b{font-size:17px;line-height:1.2}.agent-design-preview>div:nth-child(2)>span{margin-top:5px;font-size:9px;line-height:1.5}.agent-palette i{width:18px;height:9px}.agent-output-files{gap:9px;margin-top:14px;font-size:11px}.agent-output-files>span{gap:7px}.agent-output-files svg{width:13px;height:13px}.agent-final-preview{border-radius:6px;margin-top:12px}.agent-final-preview>div:first-child{gap:3px;padding:5px 8px}.agent-final-preview>div:first-child>span{width:3px;height:3px}.agent-final-page{padding:8px 10px}.agent-final-page b{font-size:12px}.agent-final-blocks{gap:6px;margin-top:7px}.agent-final-blocks>i{border-radius:3px;height:31px}.agent-user-message,.agent-reply-message{gap:14px;min-height:133px;padding:25px}.agent-chat-avatar{border-radius:11px;width:37px;height:37px;font-size:8px}.agent-avatar-ai>svg{width:20px;height:20px}.agent-user-message>div>span,.agent-reply-message>div>span{letter-spacing:.8px;min-height:20px;font-size:9px}.agent-user-message p,.agent-reply-message p{margin-top:7px;font-size:14px;line-height:1.8}.agent-chat-phase{padding:3px 6px;font-size:8px}.agent-type-caret{height:13px}.agent-timeline{padding:17px 23px}.agent-timeline>div{gap:8px}.agent-timeline>div>button{gap:8px;min-height:39px;padding:9px 12px;font-size:11px}.agent-timeline>div>button>span{font-size:9px}.agent-playback{gap:8px;min-width:91px;min-height:39px;font-size:11px}.agent-disclaimer{margin-top:18px;font-size:10px;line-height:1.8}@media (max-width:1100px) and (min-width:701px){.agent-machine-top{gap:10px;padding:15px 18px}.agent-machine-name{letter-spacing:.5px;font-size:9px}.agent-demo-badge{font-size:7px}.agent-scenarios button{padding:8px 10px;font-size:10px}.agent-input{padding:16px 14px}.agent-input p{font-size:12px}.agent-node-label{font-size:10px}.agent-processor{padding:19px}.processor-title h3{font-size:28px}.processor-core{border-radius:13px;width:44px;height:44px}.processor-core>svg{width:27px;height:27px}.processor-title{gap:8px}.agent-processor>p{font-size:12px}.processor-top{font-size:7px}.processor-serial{font-size:6px}.agent-output{padding:15px 12px}.agent-output-title{gap:6px;font-size:9px}.agent-design-preview b{font-size:14px}.agent-design-preview>div:nth-child(2)>span{font-size:8px}.agent-output-files{font-size:9px}.agent-timeline>div>button{padding:8px 9px;font-size:10px}.agent-timeline>div{gap:4px}}@media (max-width:700px){.agent-flow-section .section-heading>p{margin-top:18px;font-size:13px;line-height:1.8}.agent-machine-top{gap:13px;min-height:0;padding:16px}.agent-machine-name{letter-spacing:.6px;font-size:10px}.agent-demo-badge{letter-spacing:.3px;font-size:7px}.agent-scenarios button{min-height:39px;padding:8px;font-size:11px}.agent-board{gap:37px;height:auto;min-height:0;padding:25px 20px 30px}.agent-inputs,.agent-outputs{grid-template-columns:1fr;gap:12px;width:100%;display:grid;position:relative;inset:auto}.agent-input{border-radius:11px;height:auto;min-height:103px;padding:16px 17px 17px 48px;position:relative}.agent-node-top{flex-direction:column;gap:15px;margin:0;display:flex;position:absolute;top:17px;left:16px}.agent-node-top>svg{width:17px;height:17px}.agent-node-label{letter-spacing:.5px;font-size:11px}.agent-input p{max-width:none;margin-top:6px;margin-right:15px;font-size:13px;line-height:1.65}.agent-node-serial{font-size:6px;bottom:9px;right:12px}.agent-processor{border-radius:20px;width:100%;max-width:345px;min-height:0;margin:0 auto;padding:22px;position:relative;inset:auto}.processor-title{gap:12px;margin-top:22px}.processor-title h3{letter-spacing:-1px;font-size:34px}.processor-core{border-radius:15px;width:54px;height:54px}.processor-core>svg{width:31px;height:31px}.processor-top{font-size:9px}.agent-processor>p{margin-top:20px;font-size:13px;line-height:1.8}.processor-readout{margin-top:20px;padding:12px}.processor-readout>span{font-size:10px}.processor-readout b{font-size:13px}.processor-progress{height:5px;margin-top:14px}.processor-serial{letter-spacing:.5px;margin-top:12px;font-size:6px}.agent-output{border-radius:11px;height:auto;min-height:137px;padding:17px}.agent-output-title{gap:8px;min-height:0;padding-bottom:11px;font-size:11px}.agent-output-title>svg{width:16px;height:16px}.agent-output-title .output-check{font-size:9px}.agent-output-title .output-check svg{width:12px}.agent-design-preview{flex-wrap:nowrap;gap:12px;margin-top:15px}.agent-design-preview>span{border-radius:6px;width:32px;height:40px}.agent-design-preview b{font-size:18px}.agent-design-preview>div:nth-child(2)>span{max-width:none;margin-top:4px;font-size:10px;line-height:1.5}.agent-palette{flex-direction:column;flex-basis:auto;gap:3px;margin-top:0;margin-left:auto}.agent-palette i{width:19px;height:9px}.agent-output-files{gap:10px;margin-top:15px;font-size:12px}.agent-output-files>span{gap:8px}.agent-output-files svg{width:13px}.agent-output-files>span svg:last-child:not(:first-child){display:block}.agent-final-preview{margin-top:13px}.agent-final-preview>div:first-child{gap:3px;padding:7px 9px}.agent-final-preview>div:first-child>span{width:3px;height:3px}.agent-final-page{padding:10px 12px}.agent-final-page b{font-size:15px}.agent-final-blocks{gap:7px;margin-top:9px}.agent-final-blocks>i{height:41px}.agent-mobile-wire{border-left:3px dashed #b7a6c8;top:25px;bottom:25px}.agent-mobile-wire:before,.agent-mobile-wire:after{display:none}.agent-user-message,.agent-reply-message{gap:11px;min-height:125px;padding:21px 17px}.agent-chat-avatar{border-radius:9px;width:33px;height:33px;font-size:7px}.agent-user-message>div>span,.agent-reply-message>div>span{letter-spacing:.5px;min-height:17px;font-size:8px}.agent-user-message p,.agent-reply-message p{min-height:50px;margin-top:8px;font-size:13px;line-height:1.85}.agent-chat-phase{font-size:6px}.agent-user-message>svg{width:13px}.agent-timeline{gap:12px;padding:15px}.agent-timeline>div{gap:4px}.agent-timeline>div>button{white-space:normal;gap:8px;min-height:50px;padding:9px 5px;font-size:9px;line-height:1.2}.agent-timeline>div>button>span{height:10px;font-size:8px}.agent-playback{min-width:88px;min-height:38px;font-size:10px}.agent-disclaimer{margin-top:17px;font-size:9px;line-height:1.8}}@media (max-width:380px){.agent-board{padding-left:15px;padding-right:15px}.agent-machine-name{font-size:9px}.agent-demo-badge{font-size:6px}.agent-scenarios button{font-size:10px}.agent-processor{padding:19px}.processor-title h3{font-size:30px}.processor-core{width:47px;height:47px}.agent-node-label,.agent-output-title{font-size:10px}.agent-input p{font-size:12px}.agent-design-preview b{font-size:16px}.agent-design-preview>div:nth-child(2)>span{font-size:9px}.agent-timeline>div>button{font-size:8px}}:root .intro-screen .intro-actions>.intro-skip{border:1px solid var(--line);background:var(--ink);width:auto;min-width:122px;height:40px;min-height:40px;color:var(--bg);text-align:center;border-radius:99px;justify-content:center;place-items:center;padding:0 12px;font-size:11px;line-height:1;display:flex}.intro-skip:before{content:none}.intro-skip>span{white-space:nowrap;margin:0;padding:0;line-height:1}.intro-skip>svg{grid-column:3;width:13px;height:13px}.intro-actions>button:not(.intro-skip){width:40px;height:40px}:root .intro-screen .intro-enter{background:var(--pop-lime);color:#311844;text-align:left;min-width:264px;min-height:58px;font-family:var(--font-geist);letter-spacing:0;border:1px solid #ad4882;border-radius:99px;justify-content:space-between;align-items:center;gap:23px;margin-top:18px;padding:8px 8px 8px 22px;font-size:14px;line-height:1.2;display:inline-flex;box-shadow:4px 4px #fa805f65}.intro-enter-label{flex-direction:column;gap:4px;display:flex}.intro-enter-label>span{letter-spacing:-.3px;font-size:16px;font-weight:600}.intro-enter-label>small{color:#853a6a;letter-spacing:0;font-size:11px}.intro-enter-arrow{width:39px;height:39px;color:var(--pop-lime);background:#2a133c;border-radius:50%;flex-shrink:0;place-items:center;transition:transform .25s;display:grid}.intro-enter:hover .intro-enter-arrow{transform:rotate(9deg)}.intro-enter-arrow>svg{width:20px;height:20px}.intro-quality-tags{z-index:3;align-items:center;gap:6px;display:flex;position:absolute;bottom:13px;right:19px}.intro-quality-tags>span{color:#814a6f;background:#f0e8f8ec;border:1px solid #c599b6;border-radius:30px;align-items:center;gap:5px;padding:7px 9px;font-size:8px;display:flex;box-shadow:0 2px 6px #662a510b}.intro-copy #intro-description{max-width:540px;margin-left:auto;margin-right:auto;line-height:1.8}.quality-principles{border-top:1px solid var(--line);margin-top:70px;padding-top:55px}.quality-principles-heading{margin-bottom:28px;position:relative}.quality-principles-heading h3{letter-spacing:-1.7px;max-width:590px;color:var(--ink);font-size:43px;font-weight:650;line-height:1.04}.quality-principles-heading h3>span{color:#957a8c}.quality-principles-heading>p:not(.eyebrow){color:var(--muted);margin-top:17px;font-size:13px;line-height:1.8}.quality-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;display:grid}.quality-principle-card{background:#d9c9eb;border:1px solid #cb9cbb;border-radius:20px;padding:30px;position:relative;overflow:hidden}.quality-security{background:#dbe6ef;border-color:#aebfd4}.quality-principle-icon{color:#8d4776;background:#dfa6cb;border:1px solid #bd8dac;border-radius:15px;place-items:center;width:49px;height:49px;margin-bottom:22px;display:grid;transform:rotate(-6deg)}.quality-security .quality-principle-icon{color:#6e93b1;background:#c3d5e5;border-color:#a8bfd5;transform:rotate(6deg)}.quality-principle-number{font-family:var(--font-mono);letter-spacing:.5px;color:#9a6589;font-size:8px;position:absolute;top:40px;right:28px}.quality-principle-card h4{letter-spacing:-1.1px;color:#6e3d5f;font-size:33px;font-weight:550;line-height:1.08}.quality-security h4{color:#597992}.quality-principle-card>p{color:#906683;max-width:460px;margin-top:18px;font-size:13px;line-height:1.85}.quality-principle-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-top:23px;display:flex}.quality-principle-tags>span{color:#986288;background:#eee7f6;border:1px solid #cda6c0;border-radius:30px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:flex}.quality-security .quality-principle-tags>span{color:#829fb5;background:#edf4f9;border-color:#c0d1df}:root[data-theme=dark] .quality-principles-heading h3{color:var(--ink)}:root[data-theme=dark] .quality-principles-heading h3>span{color:#b88aaa}:root[data-theme=dark] .quality-code{background:#30233a;border-color:#643a58}:root[data-theme=dark] .quality-security{background:#26333d;border-color:#445e72}:root[data-theme=dark] .quality-code .quality-principle-icon{color:#d996c5;background:#572b4c;border-color:#874878}:root[data-theme=dark] .quality-security .quality-principle-icon{color:#a6c9e4;background:#364e62;border-color:#537792}:root[data-theme=dark] .quality-code h4{color:#dda9cd}:root[data-theme=dark] .quality-security h4{color:#bdd3e6}:root[data-theme=dark] .quality-code>p{color:#c295b5}:root[data-theme=dark] .quality-security>p{color:#9eb9ce}:root[data-theme=dark] .quality-code .quality-principle-tags>span{color:#dca4cb;background:#3f2b4e;border-color:#784369}:root[data-theme=dark] .quality-security .quality-principle-tags>span{color:#b9d4e9;background:#32495a;border-color:#50728e}@media (max-width:700px){.quality-principles{margin-top:42px;padding-top:37px}.quality-principles-heading h3{letter-spacing:-1.3px;font-size:33px}.quality-principles-heading>p:not(.eyebrow){font-size:12px}.quality-principles-grid{grid-template-columns:1fr;gap:19px}.quality-principle-card{border-radius:18px;padding:26px}.quality-principle-card h4{font-size:31px}.quality-principle-card>p{font-size:12px;line-height:1.85}.quality-principle-number{font-size:6px;top:37px;right:24px}.quality-principle-tags>span{font-size:8px}.quality-principle-icon{border-radius:13px;width:44px;height:44px}.quality-principle-tags{gap:6px;margin-top:21px}}@media (max-width:620px){:root .intro-screen .intro-actions>.intro-skip{min-width:108px;height:38px;min-height:38px;padding:0 10px;font-size:10px}.intro-skip:before{width:12px}.intro-skip>svg{width:12px;height:12px}.intro-actions>button:not(.intro-skip){width:35px;height:38px}:root .intro-screen .intro-enter{gap:19px;min-width:248px;min-height:54px;margin-top:15px;padding:7px 7px 7px 19px;box-shadow:3px 3px #fa805f65}.intro-enter-label>span{font-size:15px}.intro-enter-label>small{font-size:10px}.intro-enter-arrow{width:36px;height:36px}.intro-enter-arrow>svg{width:18px;height:18px}.intro-quality-tags{gap:5px;bottom:10px;right:11px}.intro-quality-tags>span{gap:4px;padding:5px 7px;font-size:6px}.intro-quality-tags svg{width:10px;height:10px}.intro-copy #intro-description{max-width:300px;font-size:10px;line-height:1.7}}@media (min-width:621px) and (max-height:520px){:root .intro-screen .intro-enter{gap:15px;min-width:225px;min-height:49px;margin-top:12px;padding:6px 6px 6px 17px}.intro-enter-label>span{font-size:12px}.intro-enter-label>small{font-size:6px}.intro-enter-arrow{width:34px;height:34px}.intro-quality-tags{gap:4px;bottom:9px;right:10px}.intro-quality-tags>span{padding:5px 6px;font-size:5px}.intro-copy #intro-description{font-size:8px}}@media (prefers-reduced-motion:reduce){.intro-enter:hover .intro-enter-arrow{transform:none}}.quality-principle-card>p{color:#683f5d}.quality-security>p{color:#486479}.quality-principle-number{color:#713f61}.quality-security .quality-principle-number{color:#536f86}.quality-principle-tags>span{color:#753d64}.quality-security .quality-principle-tags>span{color:#476a83}.intro-enter-label>small{color:#62284f}.intro-quality-tags>span{color:#633456}@media (max-width:620px) and (max-height:650px){.intro-stage-2{height:185px}:root .intro-screen.intro-phase-2 .intro-copy h2{font-size:30px}.intro-phase-2 .intro-composition{gap:14px}.intro-copy #intro-description{font-size:9px}}.intro-principles{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:13px auto 0;display:flex}.intro-principles>span{color:#562a4a;background:#e4dbef;border:1px solid #cba7bf;border-radius:99px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:550;line-height:1.2;display:inline-flex}:root[data-theme=dark] .intro-principles>span{color:#e5bcd8;background:#302439;border-color:#66415d}@media (max-width:620px){.intro-principles{gap:6px;margin-top:10px}.intro-principles>span{padding:6px 9px;font-size:11px}}@media (max-height:650px){.intro-principles{margin-top:7px}.intro-principles>span{padding:4px 8px;font-size:10px}}@media (min-width:701px) and (max-height:900px){.fun-hero{min-height:calc(100svh - 86px);padding:26px 30px 20px}.fun-hero h1{letter-spacing:-.065em;margin-top:18px;font-size:clamp(76px,12svh,108px)}.fun-hero .hero-description{margin:13px auto 20px;font-size:13px;line-height:1.6}.fun-hero .composer-wrap,.fun-composer-label{max-width:660px}.fun-composer-label{margin-bottom:7px}.fun-hero .composer{padding:15px 17px 12px}.fun-hero .composer textarea{height:60px;min-height:60px;font-size:14px}.fun-hero .build-button{padding:10px 14px 10px 17px}.fun-hero .suggestions{margin-top:13px}.fun-hero .suggestions button{min-height:30px;padding:7px 11px}.fun-hero .composer-caption{margin-top:10px}.hero-footnotes{margin-top:22px}.hero-playground{height:100%}.play-card-1{width:155px;top:10px;left:5%}.play-card-2{width:122px;top:15px;right:6%}.play-card-3{width:125px;top:205px;left:0}.play-card-4{width:148px;top:210px;right:0}.play-card-5{width:135px;top:400px;left:5%}.play-card-6{width:105px;top:405px;right:6%}.play-margin-note{display:none}.fun-hero .canvas-shuffle{top:auto;bottom:16px;right:20px}}@media (min-width:701px) and (max-height:740px){.fun-hero{padding-top:14px;padding-bottom:14px}.hero-kicker{padding:6px 10px;font-size:7px}.fun-hero h1{margin-top:12px;font-size:clamp(58px,10.2svh,76px)}.fun-hero .hero-description{margin:10px auto 14px;font-size:12px;line-height:1.5}.fun-hero .composer{padding:12px 16px 10px}.fun-hero .composer textarea{height:54px;min-height:54px}.fun-hero .suggestions{margin-top:10px}.hero-footnotes{margin-top:14px}.play-card-1{width:130px;left:5%}.play-card-2{width:105px;right:6%}.play-card-3{width:110px;top:175px}.play-card-4{width:125px;top:180px}.play-card-5,.play-card-6{display:none}}@media (min-width:701px) and (max-height:660px){.fun-hero{padding-top:10px}.fun-hero h1{font-size:clamp(54px,9.5svh,63px)}.hero-footnotes{display:none}}
@property --gv-rv{syntax:"<angle>";inherits:false;initial-value:360deg}@property --gv-wp{syntax:"<percentage>";inherits:false;initial-value:100%}@property --gv-g{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--gv-violet:#6a2fb0;--gv-magenta:#b13dae;--gv-pink:#e83e8c;--gv-coral:#f97362;--gv-ink:#1e0b33;--gv-gradient:linear-gradient(110deg, #6a2fb0, #b13dae 45%, #e83e8c 70%, #f97362)}.gv-logo{height:44px;color:var(--ink);border-radius:12px;flex-shrink:0;align-items:center;gap:9px;display:inline-flex}.gv-mark{flex-shrink:0;width:38px;height:38px;position:relative}.gv-mark img,.gv-mark>span,.gv-whirl>span,.gv-enter>span,.gv-sway>*{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.gv-whirl,.gv-enter,.gv-sway{transform-origin:50%;position:absolute;inset:0}.gv-rings{-webkit-mask-image:conic-gradient(from -90deg, #000 var(--gv-rv), transparent calc(var(--gv-rv) + 30deg));-webkit-mask-image:conic-gradient(from -90deg, #000 var(--gv-rv), transparent calc(var(--gv-rv) + 30deg));mask-image:conic-gradient(from -90deg, #000 var(--gv-rv), transparent calc(var(--gv-rv) + 30deg))}.gv-glint{background:conic-gradient(from var(--gv-g), transparent 0deg 316deg, #fffc 338deg, transparent 360deg);mix-blend-mode:soft-light;animation:4.5s linear infinite gv-spin;-webkit-mask:url(/brand/gv-rings.webp) 50%/100% 100% no-repeat;mask:url(/brand/gv-rings.webp) 50%/100% 100% no-repeat}.gv-cursor{transform-origin:40% 44%}.gv-brace-l{transform-origin:58%}.gv-brace-r{transform-origin:66%}.gv-bl,.gv-br{transition:transform .35s cubic-bezier(.3,1.5,.5,1)}.gv-word{width:auto;height:21px;-webkit-mask-image:linear-gradient(90deg, #000 var(--gv-wp), transparent calc(var(--gv-wp) + 18%));-webkit-mask-image:linear-gradient(90deg, #000 var(--gv-wp), transparent calc(var(--gv-wp) + 18%));mask-image:linear-gradient(90deg, #000 var(--gv-wp), transparent calc(var(--gv-wp) + 18%));margin-top:1px;display:block}.gv-sway{animation:9s ease-in-out infinite gv-sway}:root[data-theme=dark] :is(.gv-word,.gv-cursor,.gv-brace-l,.gv-brace-r){filter:invert()hue-rotate(180deg)brightness(1.08)}:root[data-theme=dark] .gv-glint{mix-blend-mode:screen;opacity:.6}:root[data-gv-intro] .gv-logo:not(.gv-static) .gv-enter{animation:1s cubic-bezier(.2,.9,.25,1.12) .15s both gv-ring-in}:root[data-gv-intro] .gv-logo:not(.gv-static) .gv-rings{animation:.9s cubic-bezier(.45,.05,.25,1) .15s both gv-reveal}:root[data-gv-intro] .gv-logo:not(.gv-static) .gv-cursor{animation:.55s cubic-bezier(.2,.8,.2,1.1) .55s both gv-cursor-in}:root[data-gv-intro] .gv-logo:not(.gv-static) .gv-brace-l{animation:.45s cubic-bezier(.3,1.6,.5,1) .95s both gv-brace-l}:root[data-gv-intro] .gv-logo:not(.gv-static) .gv-brace-r{animation:.45s cubic-bezier(.3,1.6,.5,1) .95s both gv-brace-r}:root[data-gv-intro] .gv-logo:not(.gv-static) .gv-word{animation:.9s cubic-bezier(.3,.7,.2,1) .6s both gv-word-in}@media (hover:hover){.gv-logo:hover .gv-whirl{animation:1.1s cubic-bezier(.3,.6,.2,1) gv-whirl}.gv-logo:hover .gv-bl{transform:translate(-4%)}.gv-logo:hover .gv-br{transform:translate(4%)}}@keyframes gv-reveal{0%{--gv-rv:-30deg}to{--gv-rv:360deg}}@keyframes gv-ring-in{0%{opacity:0;transform:rotate(-150deg)scale(.5)}40%{opacity:1}to{transform:none}}@keyframes gv-sway{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)}}@keyframes gv-spin{to{--gv-g:360deg}}@keyframes gv-whirl{to{transform:rotate(360deg)}}@keyframes gv-cursor-in{0%{opacity:0;transform:translate(-40%,40%)rotate(-25deg)}70%{opacity:1}85%{transform:translate(2%,-2%)}93%{transform:scale(.82)}to{transform:none}}@keyframes gv-brace-l{0%{opacity:0;transform:translate(6%)scale(.2)}to{opacity:1;transform:none}}@keyframes gv-brace-r{0%{opacity:0;transform:translate(-6%)scale(.2)}to{opacity:1;transform:none}}@keyframes gv-word-in{0%{--gv-wp:-18%;transform:translate(-6px)}to{--gv-wp:100%;transform:none}}.footer-brand .gv-logo{height:56px;margin-bottom:14px}.footer-brand .gv-mark{width:50px;height:50px}.footer-brand .gv-word{height:27px}:root[data-theme=dark] .site-footer :is(.gv-word,.gv-cursor,.gv-brace-l,.gv-brace-r){filter:none}.gv-symbol{vertical-align:-.12em;letter-spacing:0;flex-shrink:0;width:1em;height:1em;line-height:1;display:inline-block;position:relative}.gv-symbol>img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}:root[data-theme=dark] .gv-symbol-ink{filter:invert()hue-rotate(180deg)brightness(1.08)}:root[data-theme=dark] :is(.site-footer,.cta-box,.playground-ribbon,.play-spark-art) .gv-symbol-ink{filter:none}.cta-decoration .gv-symbol{opacity:.1}.made-with{align-items:center;gap:5px;display:inline-flex}.made-with .gv-symbol{font-size:18px}.hero-headline-flower .gv-symbol{vertical-align:-.08em}.play-spark-art .play-eyes{display:none}:root[data-theme=dark]{--glyph-hover:#b9a4e8;--flow-active:#b9a4e8}:root[data-theme=dark] .quality-code{background:#292236;border-color:#514365}:root[data-theme=dark] .quality-code .quality-principle-icon{color:#c7b5e3;background:#3d3052;border-color:#6d598a}:root[data-theme=dark] .quality-code h4{color:#d1c1e9}:root[data-theme=dark] .quality-code>p{color:#bcb0ce}:root[data-theme=dark] .quality-code .quality-principle-tags>span{color:#cabbdf;background:#342a44;border-color:#625075}@media (max-width:560px){.gv-mark{width:34px;height:34px}.gv-word{height:18px}}@media (prefers-reduced-motion:reduce){.gv-logo *,.gv-logo{transition:none!important;animation:none!important}.gv-glint{display:none}}