.marketing-page{--site-ink:#111216;--site-muted:#626773;--site-line:#e6e8ec;--site-accent:var(--brand-accent,#c4f541);--site-accent-hover:var(--brand-accent-hover,#b6e32f);--site-accent-soft:var(--brand-accent-soft,#f4f9e6);--site-accent-line:var(--brand-accent-line,#d9e8b0);--site-accent-ink:var(--brand-accent-ink,#4d6817);background:radial-gradient(ellipse 62% 34rem at 50% 0,#f4f9e6b3,transparent 78%),#fff;color:var(--site-ink);overflow:clip}.marketing-page :where(h1,h2,h3,p){margin:0}.marketing-page :where(h1,h2,h3){text-wrap:balance}.site-container{max-width:1160px;margin-inline:auto;padding-inline:32px}.site-header{height:76px;border-bottom:1px solid var(--site-line);background:rgb(255 255 255/.92);position:sticky;top:0;z-index:100;backdrop-filter:blur(16px)}.site-header-inner{height:100%;max-width:1400px;padding:0 40px;margin:auto;display:flex;align-items:center;gap:44px}.site-header .brand{font-size:21px;gap:10px;letter-spacing:-.9px;font-weight:650;white-space:nowrap;flex-shrink:0}.site-header .brand svg{width:27px;height:27px}.site-desktop-nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:500;color:#60646e}.site-desktop-nav a:hover,.site-sign-in:hover{color:#111}.site-header-actions{display:flex;align-items:center;gap:25px;margin-left:auto}.site-sign-in{font-size:13px;color:#525660}.site-github-mark{display:inline-flex;flex-shrink:0}.site-github-mark svg{width:19px;height:19px}.site-community-link,.site-github-nav{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 14px;border:1px solid var(--site-line);border-radius:8px;background:#fff;color:var(--site-ink);font-size:13px;font-weight:550;white-space:nowrap;flex-shrink:0;transition:background .15s,border-color .15s}.site-community-link:hover,.site-github-nav:hover{background:var(--site-accent-soft);border-color:var(--site-accent-line)}.site-community-link:focus-visible,.site-github-mobile:focus-visible,.site-github-nav:focus-visible{outline:2px solid var(--site-accent-ink);outline-offset:4px}.site-github-mobile{display:flex;align-items:center;gap:10px}.site-community{margin-block:28px 0}.site-community-inner{display:flex;align-items:center;gap:20px;padding:24px 28px;border:1px solid var(--site-line);border-radius:14px;background:#fafbf8}.site-community-inner>.site-github-mark svg{width:30px;height:30px}.site-community-copy{flex:1;min-width:0}.site-community-copy h2{font-size:17px;font-weight:600;letter-spacing:-.4px}.site-community-copy p{margin-top:6px;font-size:13px;line-height:1.65;color:var(--site-muted)}@media (min-width:961px) and (max-width:1150px){.site-sign-in{display:none}.site-header-inner{gap:20px}.site-desktop-nav{gap:16px}.site-header-actions{gap:12px}}@media (max-width:640px){.site-github-nav>span:not(.site-github-mark),.site-header-actions .site-github-nav{display:none}.site-community-inner{flex-wrap:wrap;gap:16px;padding:22px}.site-community-copy{flex-basis:calc(100% - 46px)}.site-community-link{width:100%}}.site-button.cr-button{--cr-button-height:46px;--cr-button-padding:21px;--cr-button-font-size:13px;--cr-button-font-weight:550;gap:12px;letter-spacing:-.12px}.site-button[data-size=sm]{--cr-button-height:44px;font-size:12px}.site-mobile-menu{display:none}.site-hero{padding-top:72px;padding-bottom:49px;text-align:center;position:relative}.release-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #d9e8b0;border-radius:30px;padding:7px 11px;font-size:11px;font-weight:500;color:#4d6817;background:#f8fbf0;box-shadow:0 2px 5px #c4f54106}.release-pill:hover{border-color:#c4f541;background:var(--site-accent-soft)}.release-dot{height:6px;width:6px;border-radius:50%;background:var(--site-accent-ink);box-shadow:0 0 0 3px #c4f54135}.release-separator{height:12px;width:1px;background:#e4e7ec;margin-inline:2px}.site-hero h1{font-size:clamp(46px,6.5vw,82px);letter-spacing:-.066em;line-height:1.045;font-weight:620;margin:29px 0 24px}.hero-accent{color:var(--site-ink);text-decoration-line:underline;text-decoration-color:var(--site-accent);text-decoration-thickness:.085em;text-underline-offset:.075em;text-decoration-skip-ink:none}.hero-description{font-size:16px;line-height:1.8;letter-spacing:-.18px;color:#666b75;max-width:720px;margin:0 auto!important;text-wrap:pretty}.site-hero-actions{gap:10px;margin-top:28px}.site-hero-actions,.site-hero-note{display:flex;align-items:center;justify-content:center}.site-hero-note{gap:9px;margin-top:18px!important;color:#59677b;font-size:10px}.site-hero-note>span{height:3px;width:3px;background:#b8bec8;border-radius:50%;margin-inline:2px}.site-hero-note svg{color:#5a6576}.site-showcase{position:relative;scroll-margin-top:100px}.studio-demo{position:relative;border:1px solid #dde1e8;border-radius:12px;background:#fff;box-shadow:0 3px 5px #10182803,0 14px 44px -12px #10182816,0 0 0 6px #f4f9e6;overflow:hidden;text-align:left;font-size:12px}.demo-topbar{gap:15px;height:55px;padding:0 18px;border-bottom:1px solid #e8ebef;background:#fff}.demo-project,.demo-topbar{display:flex;align-items:center}.demo-project{gap:10px;font-size:11px;color:#59677b}.demo-project strong{color:#252a34;font-weight:600}.demo-project-icon{background:var(--site-accent-soft);color:var(--site-accent-ink);border:1px solid #d9e8b0;border-radius:6px;width:26px;height:26px;display:grid;place-items:center}.demo-slash{color:#c2c7d0;font-size:18px;font-weight:300;margin:0 1px}.demo-framework.cr-badge{--cr-badge-radius:5px;font-size:10px;margin-left:auto}.demo-start{font-size:10px;display:flex;align-items:center;gap:7px;color:#343c4c}.demo-start:hover{text-decoration:underline;text-underline-offset:4px}.demo-body{display:grid;grid-template-columns:164px minmax(0,1fr) 193px;min-height:432px}.demo-sidebar{border-right:1px solid #e9ecf0;display:flex;flex-direction:column;padding:20px 10px 12px;background:#fcfcfd}.demo-nav-label{font-family:var(--font-geist-mono),monospace;font-size:8px;letter-spacing:.09em;color:#59677b;padding:0 9px 11px}.demo-sidebar button,.demo-sidebar>a{--cr-button-height:34px;display:flex;justify-content:flex-start;align-items:center;gap:8px;width:100%;text-align:left;font-size:10px;padding:9px 8px;border:0;background:transparent;color:#59677b;border-radius:5px;margin-bottom:3px;white-space:nowrap}.demo-sidebar button>.cr-badge{--cr-badge-radius:3px;margin-left:auto;font-size:8px;padding:0 3px}.demo-sidebar button:hover,.demo-sidebar>a:hover{background:#f0f2f6;color:#242f42}.demo-sidebar button.active{color:#4d6817;background:var(--site-accent-soft);font-weight:550}.demo-sidebar-rule{height:1px;background:#e8ebef;margin:12px 8px 22px}.demo-sidebar-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;padding:16px 5px 1px;font-size:9px;color:#3d4656}.demo-sidebar-bottom small{display:block;font-size:8px;color:#59677b;margin-top:4px}.demo-monogram{display:grid;place-items:center;width:26px;height:26px;border:1px solid #dddfe5;border-radius:50%;color:#48536b;background:#f0f2f8}.demo-main{min-width:0;background:#fafbfd}.demo-viewbar{height:43px;border-bottom:1px solid #e9ecf0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.demo-tabs{display:flex;align-self:stretch;gap:19px}.demo-tabs button{height:100%;border-radius:0;border:0;border-bottom:2px solid transparent;padding:0 1px;background:none;font-size:10px;color:#59677b}.demo-tabs button[aria-pressed=true]{border-bottom-color:var(--site-accent);color:#4d6817}.demo-canvas-label{font-family:var(--font-geist-mono),monospace;color:#59677b;font-size:7px;letter-spacing:.03em}.demo-canvas{padding:29px 25px 24px;min-height:388px;background-image:radial-gradient(#cdd5e13d .65px,transparent 0);background-size:10px 10px}.demo-canvas-heading{margin-bottom:22px}.demo-canvas-heading>span{font-family:var(--font-geist-mono),monospace;color:#7f8c9e;font-size:8px;letter-spacing:.08em}.demo-canvas-heading h2{font-size:27px;letter-spacing:-1.1px;margin:6px 0!important;color:var(--cr-foreground);font-weight:600}.demo-canvas-heading>p{font-size:10px;color:#788496}.demo-component-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:13px;align-items:start}.demo-canvas .cr-card{box-shadow:0 2px 5px #12264504;border-color:var(--cr-border)}.demo-canvas .cr-card-header{padding:16px 16px 10px}.demo-canvas .cr-card-title{font-size:12px;font-weight:600;letter-spacing:-.25px}.demo-canvas .cr-card-header .cr-description{font-size:9px;margin-top:4px!important;color:#59677b}.demo-canvas .cr-card-body{padding:13px 16px}.demo-canvas .cr-field{gap:6px}.demo-canvas .cr-field-label{font-size:9px}.demo-canvas .cr-input{font-size:10px;height:var(--cr-control-height);padding:6px 8px}.demo-switch-row{margin:16px 0 18px}.demo-canvas .cr-check-label{font-size:9px;gap:7px}.demo-canvas .cr-switch{width:25px;height:15px;padding:2px}.demo-canvas .cr-switch-thumb{width:11px;height:11px}.demo-canvas .cr-switch[data-checked] .cr-switch-thumb{transform:translateX(10px)}.demo-canvas .cr-button{font-size:9px;gap:5px;min-height:calc(var(--cr-control-height) - 12px);height:auto;padding:6px 9px;border-radius:var(--cr-radius-md)}.demo-form-actions{display:flex;gap:6px;flex-wrap:wrap}.demo-save-status{display:block;min-height:0;font-size:8px;line-height:1.4;color:#636f80}.demo-save-status:not(:empty){margin-top:9px}.demo-small-stack{display:grid;gap:13px}.demo-card-label{display:block;font-family:var(--font-geist-mono),monospace;font-size:7px;letter-spacing:.07em;color:#59677b;margin-bottom:13px}.demo-button-row{display:flex;gap:6px}.demo-badges{display:flex;gap:5px;margin-top:13px}.demo-canvas .cr-badge{font-size:7px;border-radius:calc(var(--cr-radius-md) / 2);padding:2px 5px}.demo-member-header{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:500}.demo-mini-label{font-family:var(--font-geist-mono),monospace;font-size:7px;font-weight:400;color:#59677b}.demo-avatar-row{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.demo-avatar-stack{display:flex;padding-left:5px}.demo-avatar-stack span{margin-left:-5px;display:grid;place-items:center;height:28px;width:28px;border:2px solid #fff;border-radius:50%;font-size:8px;background:#dae7fc;color:#445d82}.demo-avatar-stack span:nth-child(2){background:#efe8df;color:#78634b}.demo-avatar-stack span:nth-child(3){background:#e3eee9;color:#496c5a}.demo-inspector{border-left:1px solid #e9ecf0;padding:0 15px;background:#fff}.demo-inspector-heading{display:flex;align-items:center;gap:7px;height:43px;margin-bottom:20px;border-bottom:1px solid #eef0f4;font-size:10px;color:#616c7b}.demo-inspector-heading strong{font-weight:500;color:#394251}.demo-inspector-heading .cr-button{--cr-button-height:24px;--cr-button-padding:3px;margin-left:auto}.demo-inspector legend{font-size:9px;font-weight:500;margin-bottom:10px;color:#5c6573}.demo-swatches{display:flex;gap:7px;padding-left:2px}.demo-swatches button{width:23px;height:23px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #e8ebef;color:#fff;display:grid;place-items:center;padding:0}.demo-swatches button[aria-pressed=true]{box-shadow:0 0 0 1.5px currentColor;outline:2px solid #76849a;outline-offset:2px}.demo-color-value{display:flex;align-items:center;border:1px solid #e3e7ed;border-radius:5px;padding:7px 8px;margin:13px 0 26px;gap:7px;color:#4a5567}.demo-color-value>span:first-child{width:10px;height:10px;border-radius:2px}.demo-color-value code{font-size:9px}.demo-color-value>span:last-child{margin-left:auto;color:#59677b;font-size:8px;border-left:1px solid #e4e8ed;padding-left:6px}.demo-radius-control{margin-bottom:20px}.demo-radius-control .cr-slider{min-width:0}.demo-radius-control .cr-description,.demo-radius-control .cr-label{font-size:9px;margin-bottom:0}.demo-radius-control .cr-slider-control{margin-top:6px}.demo-density-control{font-size:9px;color:var(--cr-muted-foreground)}.demo-density-control>span{display:block;margin-bottom:9px}.demo-density-control .cr-select-trigger{--cr-select-height:32px;--cr-input-font-size:9px;--cr-input-padding:8px}.demo-token-link{margin-top:26px;border-top:1px solid #edf0f4;padding-top:17px}.demo-token-link>div{display:flex;align-items:center;gap:6px;font-size:9px;color:#687588}.demo-token-link strong{font-weight:500}.demo-token-link p{font-size:9px;color:#59677b;line-height:1.65;margin-top:8px!important}.demo-token-dot{height:5px;width:5px;border-radius:50%;background:#468166}.demo-statusbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8ebef;height:32px;padding:0 17px;color:#59677b;font-size:8px;background:#fff}.demo-statusbar>span{display:flex;align-items:center;gap:6px}.status-dot{display:inline-block;width:5px;height:5px;background:#25865a;border-radius:50%;flex-shrink:0}.showcase-caption{display:flex;justify-content:space-between;font-size:10px;color:#59677b;padding:21px 1px 0}.showcase-caption>span{display:flex;align-items:center;gap:7px}.demo-code-view{min-height:388px;background:#fafbfd;padding:19px;font-size:10px;color:#4c5c74}.demo-code-file{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border:1px solid #e2e7ee;border-radius:7px 7px 0 0;background:#fff;font-size:9px}.demo-code-file>span{display:flex;align-items:center;gap:7px;min-width:0;overflow-wrap:anywhere}.demo-code-file .cr-button{--cr-button-height:24px;--cr-button-padding:3px}.demo-code-view pre{margin:0;padding:16px;border:1px solid #e2e7ee;border-top:0;border-radius:0 0 7px 7px;overflow:auto;font-size:10px;line-height:1.75;background:#fff}.demo-code-view>p{margin-top:13px!important;color:#59677b;font-size:9px}.site-facts{display:grid;grid-template-columns:1fr 1fr 1.15fr 1.1fr;margin-top:46px;padding-block:32px;border-block:1px solid var(--site-line);gap:20px}.site-facts>div{display:flex;align-items:center;gap:10px;font-size:11px;color:#59677b;justify-content:center}.site-facts strong{font-size:26px;font-weight:500;letter-spacing:-1.3px;color:#4d6817}.site-facts svg{color:#4d6817;stroke-width:1.3}.site-product{padding-block:104px 0;scroll-margin-top:100px}.site-section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:90px;margin-bottom:40px}.site-eyebrow{display:block;font-family:var(--font-geist-mono),monospace;font-size:10px;font-weight:400;letter-spacing:.06em;color:var(--site-accent-ink);line-height:1.6;margin-bottom:16px}.site-faq h2,.site-frameworks h2,.site-section-heading h2{font-size:42px;line-height:1.14;letter-spacing:-1.9px;font-weight:550}.site-section-heading>p{font-size:14px;line-height:1.85;color:#59677b;padding-bottom:3px}.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.workflow-card{border:1px solid var(--site-line);border-radius:10px;overflow:hidden}.workflow-visual{height:207px;border-bottom:1px solid #eceef1;background:#f7f8ff;padding:27px;display:flex;flex-direction:column;justify-content:center}.workflow-copy{padding:25px 23px 29px}.workflow-copy>span{font-family:var(--font-geist-mono),monospace;font-size:9px;letter-spacing:.06em;color:var(--site-accent-ink)}.workflow-copy h3{font-size:17px;font-weight:550;letter-spacing:-.5px;margin:11px 0!important}.workflow-copy p{font-size:12px;line-height:1.85;color:#59677b}.prompt-message{display:flex;gap:9px;background:#fff;padding:12px;border:1px solid #e1e7f0;border-radius:7px;box-shadow:0 2px 4px #23396004;font-size:10px;line-height:1.7;color:#53637b}.prompt-message>svg{color:#4d6817;flex-shrink:0;margin-top:2px}.prompt-result{display:flex;flex-direction:column;padding:13px 8px 0 33px;gap:9px}.prompt-result>span{align-items:center;font-size:9px;color:#59677b}.prompt-result>div,.prompt-result>span{display:flex;gap:5px}.prompt-result i{width:23px;height:19px;border-radius:3px;background:var(--site-accent);border:1px solid #0000000a}.prompt-result i:nth-child(2){background:#1e293b}.prompt-result i:nth-child(3){background:#64748b}.prompt-result i:nth-child(4){background:#cbd5e1}.prompt-result i:nth-child(5){background:#f1f5f9}.prompt-result small{display:flex;align-items:center;gap:6px;font-size:8px;color:#59677b}.token-visual{padding-inline:32px}.token-demo-row{display:flex;justify-content:space-between;font-size:10px;color:#59677b;padding:8px 0;border-bottom:1px solid #e9edf3}.token-demo-row>span:last-child{display:flex;align-items:center;gap:6px;font-family:var(--font-geist-mono),monospace;font-size:9px;color:#61738b}.token-demo-row i{width:9px;height:9px;border-radius:2px;background:var(--site-accent)}.token-demo-button{display:flex;gap:7px;margin-top:15px;font-size:9px}.token-demo-button>span{display:flex;gap:15px;align-items:center;border:1px solid #e2e6ee;padding:7px 10px;border-radius:5px;background:#fff;color:#59677b}.token-demo-button>span:first-child{background:var(--site-accent);border-color:var(--site-accent);color:#17200b}.files-visual{font-family:var(--font-geist-mono),monospace;font-size:9px;color:#59677b}.files-visual>div{display:flex;gap:7px;align-items:center;border-bottom:1px solid #e6eaf0;padding-bottom:14px}.file-status{margin-left:auto;font-family:var(--font-geist-sans),sans-serif;font-size:8px;color:#59677b;background:#edf5f1;border:1px solid #dfebe4;padding:3px 5px;border-radius:4px}.files-visual ul{list-style:none;padding:11px 0 0;margin:0;display:grid;gap:12px}.files-visual li{display:flex;gap:12px;white-space:nowrap}.files-visual li>span:first-child{color:#c1c9d5}.file-count{font-size:8px;color:#59677b;margin-left:auto;background:#eaf0f8;padding:1px 5px;border-radius:3px}.site-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:18px;padding-bottom:106px}.detail-card{border:1px solid var(--site-line);border-radius:10px;padding:30px;overflow:hidden}.detail-icon{width:36px;height:36px;border:1px solid #d9e8b0;border-radius:9px;display:grid;place-items:center;color:var(--site-accent-ink);background:var(--site-accent-soft);box-shadow:0 2px 3px #c4f54104;margin-bottom:21px}.detail-card h2{font-size:22px;font-weight:550;letter-spacing:-.7px;margin-bottom:12px!important}.detail-card p{font-size:12px;color:#59677b;line-height:1.85;max-width:400px;margin-bottom:18px!important}.detail-card>a{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:500;color:#526582}.detail-card>a:hover{color:var(--site-accent-ink)}.component-tags{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid #eef0f4;margin-top:27px;padding-top:24px}.component-tags span{border:1px solid #e3e8ef;border-radius:5px;padding:6px 9px;font-size:9px;color:#59677b;background:#fcfdff}.generation-steps{display:flex;align-items:center;gap:11px;color:#acb5c3;border-top:1px solid #eef0f4;margin-top:27px;padding-top:24px}.generation-steps>span{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#59677b;padding:7px 10px;border:1px solid #e3e8ef;background:#fcfdff;border-radius:5px}.site-agents{background:#171b14;color:#f3f5f9;border-block:1px solid #363e2f;position:relative}.agent-section-inner{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:75px;padding-block:80px}.agents-copy .site-eyebrow{color:#c4f541;font-size:9px}.agents-copy h2{font-size:46px;line-height:1.12;font-weight:500;letter-spacing:-2px;margin-bottom:22px!important}.agents-copy>p{font-size:13px;line-height:1.9;color:#a0a9b8;margin-bottom:26px!important;max-width:390px}.agent-protocols{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}.agent-protocols>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#8b97ac}.agent-code-window{border:1px solid #2e3745;border-radius:9px;background:#151a22;box-shadow:0 8px 34px #00000016;overflow:hidden;font-family:var(--font-geist-mono),monospace;font-size:10px}.agent-code-top{height:45px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;border-bottom:1px solid #293241;background:#191f29;color:#92a1b9;font-size:9px}.agent-code-top>span:first-child{display:flex;align-items:center;gap:7px}.agent-code-badge.cr-badge{font-size:7px;letter-spacing:.02em}.agent-conversation{padding:24px 23px 17px}.agent-conversation>p{font-size:10px;line-height:1.8;color:#d2d9e6}.agent-prompt-marker{color:#c4f541;margin-right:5px}.agent-trace{display:grid;gap:14px;margin:23px 0 24px;border-left:1px solid #2d3d51;padding-left:15px}.agent-trace>div{display:flex;align-items:start;gap:9px;font-size:9px;color:#9eacc0}.agent-trace svg{color:#79a78e;margin-top:1px}.agent-trace small{display:block;font-size:8px;margin-top:5px;color:#758499}.agent-conversation pre{font-size:9px;line-height:1.9;padding:15px;border:1px solid #2a3547;border-radius:5px;background:#121720;color:#b6c9e8;overflow:auto;margin:0}.agent-demo-label{font-family:var(--font-geist-sans),sans-serif;font-size:8px;color:#7b889c;margin-top:13px}.site-frameworks{display:grid;grid-template-columns:1fr 1fr;gap:140px;padding-block:100px;border-bottom:1px solid var(--site-line)}.site-frameworks p{font-size:13px;color:#59677b;line-height:1.85;max-width:370px;margin-top:19px!important}.framework-list{border:1px solid #e3e7ed;border-radius:8px;overflow:hidden}.framework-list>div{display:flex;align-items:center;gap:13px;padding:17px 20px;border-bottom:1px solid #edf0f4}.framework-list strong{font-size:12px;font-weight:500;color:#59677b}.framework-list>div:first-child strong{color:#2d3b4e}.framework-available,.framework-soon{font-size:9px;margin-left:auto;display:flex;align-items:center;gap:6px;color:#59677b}.framework-soon{color:#59677b}.framework-list>a{padding:15px 20px;display:flex;justify-content:space-between;font-size:10px;background:#fafbfd;color:#59677b}.framework-list>a:hover{color:var(--site-accent-ink)}.site-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:120px;padding-block:100px}.site-faq>div:first-child>a{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#59677b;margin-top:23px}.site-faq details{border-bottom:1px solid #e9ecf1}.site-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:500;color:#435069;padding:21px 0;cursor:pointer;list-style:none}.site-faq summary::-webkit-details-marker{display:none}.site-faq summary svg{color:#8e9bb0;transition:transform .15s;flex-shrink:0}.site-faq details[open] summary svg{transform:rotate(45deg)}.site-faq details>p{font-size:12px;line-height:1.85;color:#7a879a;padding-bottom:23px;padding-right:25px;text-wrap:pretty}.site-final-cta{position:relative;width:100%;padding-block:66px 72px;margin-bottom:70px;border-block:1px solid #e7ebf1;text-align:center;background:radial-gradient(#8aaa3342 .65px,transparent 0),linear-gradient(180deg,#fbfcf8,#f4f9e6 50%,#fff);background-size:9px 9px,auto}.site-final-cta-inner{min-width:0}.cta-mark{width:60px;height:60px;border:1px solid var(--site-accent-line);border-radius:14px;background:var(--site-accent-soft);box-shadow:0 3px 5px #c4f5410a;margin:0 auto 24px;display:grid;place-items:center;color:#344257}.site-final-cta .site-eyebrow{font-size:9px;color:#7b879c}.site-final-cta h2{font-size:46px;line-height:1.1;letter-spacing:-2px;font-weight:550}.site-final-cta p{font-size:14px;line-height:1.7;text-wrap:pretty;color:#7b8799;margin:17px 0 25px!important}.site-final-cta small{display:block;margin-top:15px;color:#8c97a8;font-size:9px}.site-footer{display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:25px}.site-footer .brand{font-size:20px;letter-spacing:-.7px;gap:9px}.site-footer .brand svg{height:25px;width:25px}.site-footer p{font-size:11px;margin-top:13px!important;color:#59677b}.site-footer nav{display:flex;gap:25px;align-items:center;font-size:11px;color:#6d7787}.footer-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid #edf0f4;margin-top:38px;padding-top:20px;font-size:9px;color:#59677b}.footer-bottom>span:last-child{display:flex;align-items:center;gap:6px}@media (min-width:1400px){.site-hero{padding-top:88px;padding-bottom:57px}}@media (max-width:1100px){.site-header-inner{padding-inline:28px;gap:30px}.site-desktop-nav{gap:20px}.demo-body{grid-template-columns:142px minmax(0,1fr) 170px}.demo-canvas{padding:25px 17px 22px}.demo-component-grid{gap:9px}.demo-canvas .cr-card-body{padding:11px}.demo-canvas .cr-card-header{padding:14px 11px 8px}.demo-canvas .cr-button{padding:6px}.demo-inspector{padding-inline:12px}.demo-swatches{gap:5px}.demo-swatches button{width:21px;height:21px}.site-frameworks{gap:85px}.site-faq{gap:80px}.agent-section-inner{gap:45px}.workflow-visual{padding:22px}.file-status{font-size:7px}.generation-steps{gap:6px}.generation-steps>span{padding:7px 8px;font-size:9px}}@media (max-width:850px){.site-container{padding-inline:24px}.site-header{height:67px}.site-header-inner{padding-inline:24px;gap:24px}.site-desktop-nav{gap:17px;font-size:12px}.site-header-actions{gap:16px}.site-sign-in{display:none}.site-hero{padding-top:59px}.site-hero h1{font-size:64px}.hero-description{font-size:14px;max-width:580px}.demo-sidebar{display:none}.demo-body{grid-template-columns:minmax(0,1fr) 177px}.demo-canvas{padding:25px 22px}.demo-canvas .cr-card-body{padding:14px}.demo-canvas .cr-card-header{padding:16px 14px 8px}.site-facts{grid-template-columns:1fr 1fr;gap:20px;padding-block:25px}.site-facts>div{justify-content:start;padding-left:15px}.site-product{padding-top:78px}.site-section-heading{gap:45px}.site-faq h2,.site-frameworks h2,.site-section-heading h2{font-size:35px}.site-section-heading>p{font-size:12px}.workflow-grid{gap:12px}.workflow-visual{height:190px;padding:17px}.workflow-copy{padding:20px 17px}.workflow-copy h3{font-size:15px}.workflow-copy p{font-size:11px}.files-visual{font-size:7px}.file-status{display:none}.detail-card{padding:24px}.site-detail-grid{gap:12px;padding-top:12px;padding-bottom:78px}.detail-card h2{font-size:20px}.generation-steps{gap:5px;flex-wrap:wrap}.generation-steps>span{font-size:8px;padding:6px}.component-tags span{font-size:8px;padding:5px 7px}.agent-section-inner{gap:32px;padding-block:60px;grid-template-columns:.9fr 1.1fr}.agents-copy h2{font-size:38px}.agents-copy>p{font-size:12px}.agents-copy .site-button{font-size:11px;padding-inline:13px}.agent-code-top{padding-inline:12px;font-size:8px}.agent-code-badge{font-size:6px}.agent-conversation{padding:18px 15px}.agent-conversation>p{font-size:9px}.agent-conversation pre{padding:11px;font-size:8px}.site-faq,.site-frameworks{gap:60px;padding-block:78px}.site-faq summary{font-size:12px}.site-final-cta h2{font-size:40px}}@media (max-width:640px){.site-container{padding-inline:20px}.site-header{height:64px}.site-header-inner{padding-inline:20px;gap:14px}.site-header .brand{font-size:19px;gap:8px}.site-header .brand svg{width:24px;height:24px}.site-desktop-nav{display:none}.site-header-actions{margin-left:auto}.site-header .site-button{--cr-button-height:41px;padding:0 10px;font-size:10px;gap:5px}.site-header .site-button svg{width:11px}.site-mobile-menu{display:block}.site-mobile-menu>summary{display:flex;list-style:none;padding:5px;color:#4e5867;cursor:pointer}.site-mobile-menu>summary::-webkit-details-marker{display:none}.site-mobile-menu nav{position:absolute;top:63px;left:0;right:0;display:flex;flex-direction:column;padding:15px 22px;background:#fff;border-bottom:1px solid #e2e6ed;box-shadow:0 8px 15px #11182708;gap:0}.site-mobile-menu nav a{font-size:13px;padding:11px 0;color:#576578}.site-hero{padding-top:44px;padding-bottom:34px}.release-pill{font-size:8px;gap:7px;padding:6px 9px}.release-pill svg{width:11px}.release-dot{width:5px;height:5px}.site-hero h1{font-size:clamp(38px,9.7vw,59px);letter-spacing:-.065em;margin:26px 0 20px}.hero-description{font-size:13px;line-height:1.8;max-width:385px}.desktop-break{display:none}.site-hero-actions{gap:8px;margin-top:24px}.site-hero-actions .site-button{font-size:10px;min-height:40px;padding-inline:12px;gap:8px}.site-hero-actions .site-button svg{width:12px}.site-hero-note{font-size:8px;gap:5px;flex-wrap:wrap;line-height:1.8;margin-top:15px!important}.site-hero-note svg{width:10px}.site-hero-note>span{margin-inline:0}.studio-demo{border-radius:8px;box-shadow:0 0 0 4px #f7f8fa,0 9px 25px #1726420a}.demo-topbar{height:45px;padding:0 11px;gap:10px}.demo-project{gap:7px;font-size:9px}.demo-project>span:last-child{display:none}.demo-project-icon{height:23px;width:23px}.demo-slash{display:none}.demo-framework.cr-badge,.demo-start{font-size:8px}.demo-start{gap:4px}.demo-body{grid-template-columns:1fr;min-height:auto}.demo-viewbar{height:36px;padding-inline:13px}.demo-tabs button{font-size:9px}.demo-canvas-label{font-size:6px}.demo-canvas{min-height:310px;padding:23px 14px 19px}.demo-canvas-heading{margin-bottom:19px}.demo-canvas-heading h2{font-size:23px}.demo-canvas-heading>span{font-size:7px}.demo-canvas-heading>p{font-size:9px}.demo-component-grid{gap:9px;grid-template-columns:1.3fr 1fr}.demo-canvas .cr-card-header{padding:12px 10px 5px}.demo-canvas .cr-card-title{font-size:10px}.demo-canvas .cr-card-header .cr-description{font-size:7px}.demo-canvas .cr-card-body{padding:10px}.demo-canvas .cr-field-label{font-size:8px}.demo-canvas .cr-input{font-size:9px}.demo-canvas .cr-button{font-size:7px;padding:5px 6px;gap:3px}.demo-canvas .cr-button svg{width:11px}.demo-switch-row{margin:13px 0}.demo-canvas .cr-check-label{font-size:7px;gap:5px}.demo-form-actions{gap:4px}.demo-card-label{font-size:6px;margin-bottom:10px}.demo-member-header{font-size:8px}.demo-avatar-stack span{height:23px;width:23px;font-size:6px}.demo-badges{gap:4px;margin-top:10px;flex-wrap:wrap}.demo-canvas .cr-badge{font-size:6px;padding:2px 4px}.demo-inspector{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:start;padding:0 15px 17px;border-left:0;border-top:1px solid #e9ecf0}.demo-inspector-heading{grid-column:1/-1;margin-bottom:15px;height:36px}.demo-inspector fieldset{grid-column:1;grid-row:2/4}.demo-inspector legend{font-size:8px;margin-bottom:10px}.demo-swatches{gap:5px}.demo-swatches button{width:22px;height:22px}.demo-color-value{margin:13px 0 0;font-size:8px}.demo-radius-control{grid-column:2;margin-bottom:8px}.demo-radius-control .cr-description,.demo-radius-control .cr-label{font-size:8px}.demo-density-control{grid-column:2;font-size:8px}.demo-density-control .cr-select-trigger{--cr-input-font-size:8px;--cr-input-padding:7px}.demo-token-link{display:none}.demo-statusbar{height:29px;padding-inline:11px;font-size:7px}.demo-statusbar>span:nth-child(2){display:none}.showcase-caption{font-size:8px;padding-top:17px}.showcase-caption>span:last-child{display:none}.demo-code-view{min-height:300px;padding:13px}.demo-code-view pre{font-size:8px;padding:12px}.demo-code-file{font-size:8px}.site-facts{margin-top:29px;gap:20px 10px;padding-block:23px}.site-facts>div{font-size:9px;padding-left:0;gap:8px}.site-facts strong{font-size:24px}.site-facts svg{width:18px}.site-product{padding-top:58px}.site-section-heading{grid-template-columns:1fr;gap:19px;margin-bottom:27px}.site-eyebrow{font-size:8px;margin-bottom:13px}.site-faq h2,.site-frameworks h2,.site-section-heading h2{font-size:33px;letter-spacing:-1.4px}.site-section-heading>p{font-size:12px;line-height:1.85;max-width:410px}.workflow-grid{grid-template-columns:1fr;gap:14px}.workflow-card{display:grid;grid-template-columns:1fr}.workflow-visual{height:192px;padding:25px 38px}.workflow-copy{padding:24px}.workflow-copy>span{font-size:8px}.workflow-copy h3{font-size:18px;margin:10px 0!important}.workflow-copy p{font-size:12px;max-width:420px}.files-visual{font-size:10px}.file-status{display:block;font-size:8px}.token-demo-row{font-size:11px;padding-block:10px}.token-demo-button,.token-demo-row>span:last-child{font-size:10px}.prompt-message{font-size:11px}.prompt-result{padding-left:33px}.prompt-result>div{gap:6px}.prompt-result i{width:25px}.prompt-result>span{font-size:10px}.site-detail-grid{grid-template-columns:1fr;padding-top:14px;gap:14px;padding-bottom:58px}.detail-card{padding:26px}.detail-card h2{font-size:23px}.detail-card p{font-size:12px}.component-tags span{font-size:9px}.generation-steps{gap:9px}.generation-steps>span{font-size:9px;padding:7px 8px}.agent-section-inner{grid-template-columns:1fr;gap:35px;padding-block:52px}.agents-copy h2{font-size:37px}.agents-copy>p{font-size:12px;max-width:420px}.agent-code-top{font-size:9px}.agent-code-badge{font-size:7px}.agent-conversation{padding:21px 19px}.agent-conversation>p{font-size:9px}.agent-conversation pre{font-size:8px;padding:13px}.agent-demo-label{font-size:7px}.site-frameworks{grid-template-columns:1fr;gap:30px;padding-block:58px}.framework-list>div{padding:16px 18px}.site-faq{grid-template-columns:1fr;gap:26px;padding-block:58px}.site-faq h2 br{display:none}.site-faq summary{font-size:12px;padding-block:19px}.site-faq details>p{font-size:12px}.site-faq>div:first-child>a{margin-top:16px}.site-final-cta{padding-block:48px 54px;margin-bottom:45px}.site-final-cta h2{font-size:34px;letter-spacing:-1.3px}.site-final-cta p{font-size:12px;margin:15px 0 22px!important}.site-final-cta .site-button{min-height:42px;font-size:12px}.cta-mark{width:51px;height:51px;border-radius:12px}.cta-mark svg{width:30px;height:30px}.site-footer{gap:27px}.site-footer .brand{font-size:19px}.site-footer p{font-size:10px}.site-footer nav{gap:21px;font-size:10px;flex-wrap:wrap}.footer-bottom{margin-top:0;font-size:8px;gap:16px;flex-wrap:wrap}.footer-bottom>span:last-child{font-size:7px}}@media (prefers-reduced-motion:reduce){.marketing-page *,.marketing-page :after,.marketing-page :before{transition:none!important;scroll-behavior:auto!important}}@media (max-width:360px){.site-header-inner{padding-inline:14px;gap:10px}.site-header .brand{font-size:17px;gap:6px}.site-header .brand svg{width:22px;height:22px}.site-header .site-button{padding-inline:8px;font-size:9px}}@media (max-width:960px){.site-desktop-nav{display:none}.site-mobile-menu{display:block}.site-mobile-menu>summary{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;list-style:none;color:#4e5867;cursor:pointer}.site-mobile-menu>summary::-webkit-details-marker{display:none}.site-mobile-menu nav{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;padding:15px 22px;background:#fff;border-bottom:1px solid #e2e6ed;box-shadow:0 8px 15px #11182708;gap:0}.site-mobile-menu nav a{display:flex;align-items:center;min-height:44px;font-size:13px;padding:11px 0;color:#576578}}