:root{--bg:#f0f6ff;--surface:#fff;--fg:#111118;--muted:#757579;--border:#d6dbe3;--accent:#2727e6;--font-display:"Helvetica Neue", "Arial Narrow", Arial, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"Martian Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--red:#ff4141;--yellow:#ffe54c;--green:#17ab59;--pink:#ffbac4;--warm-blue:#91d8ec;--accent-soft:color-mix(in oklch, var(--accent) 12%, var(--surface));--ink-soft:color-mix(in oklch, var(--fg) 7%, transparent);--radius:24px;--container:1180px;--gutter:clamp(18px, 4vw, 40px);--section-y:clamp(72px, 8vw, 112px);--section-y-tight:clamp(48px, 6vw, 76px);--stack-lg:clamp(32px, 4.5vw, 56px);--stack-md:clamp(20px, 3vw, 32px)}@supports (color:lab(0% 0 0)){:root{--bg:lab(96.5957% -.847876 -5.1918);--surface:lab(100% 0 0);--fg:lab(5.25363% 1.17765 -4.32402);--muted:lab(49.3714% .603557 -2.17743);--border:lab(87.2057% -.730097 -4.45195);--accent:lab(31.1012% 53.0905 -95.1758);--red:lab(58.4125% 71.263 46.4045);--yellow:lab(91.12% -2.43172 73.4279);--green:lab(61.6132% -51.6082 31.2461);--pink:lab(82.2418% 26.78 5.35401);--warm-blue:lab(82.1427% -19.3328 -17.2798)}}[data-theme=dark]{--bg:#0c0f18;--surface:#171a23;--fg:#f3f5f9;--muted:#9da5b1;--border:#343a4b;--accent:#6b99ff;--accent-soft:color-mix(in oklch, var(--accent) 18%, var(--surface));--ink-soft:color-mix(in oklch, var(--fg) 10%, transparent)}@supports (color:lab(0% 0 0)){[data-theme=dark]{--bg:lab(4.33819% .529066 -5.98815);--surface:lab(9.39835% .508361 -6.6412);--fg:lab(96.504% -.388592 -2.23103);--muted:lab(67.4594% -1.16503 -7.36707);--border:lab(24.3951% .883296 -11.0559);--accent:lab(63.3944% 12.1382 -67.4691)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}p,h1,h2,h3{text-wrap:pretty;margin:0}h1,h2,h3,.logo,.price{font-family:var(--font-display);letter-spacing:-.035em}[data-lang=zh] [data-en],[data-lang=en] [data-zh]{display:none!important}.container{max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.topbar{z-index:50;background:color-mix(in oklch, var(--bg) 90%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0}.topbar-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:72px;display:grid}.logo{color:inherit;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;font-size:28px;font-weight:850;line-height:1;display:inline-flex}.logo-mark{border:1px solid var(--fg);background:var(--surface);border-radius:999px;flex:none;grid-template-columns:repeat(2,1fr);width:28px;height:28px;display:grid;overflow:hidden}.logo-mark span:first-child{background:var(--red)}.logo-mark span:nth-child(2){background:var(--yellow)}.logo-mark span:nth-child(3){background:var(--warm-blue)}.logo-mark span:nth-child(4){background:var(--green)}.menu-toggle{border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:none}.menu-toggle svg,.close-btn svg{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.nav,.account-actions,.icon-actions,.hero-actions,.tabs,.footer-social{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nav{justify-content:center}.top-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.nav button,.chip,.pill,.icon-btn{border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;display:inline-flex}.nav button[aria-current=page],.pill.primary,.share-choice.active{background:var(--fg);color:var(--surface);border-color:var(--fg)}.icon-actions{flex-wrap:nowrap}.icon-btn{width:42px;color:var(--fg);padding:0;position:relative}.icon-btn svg{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.icon-btn .state{font-family:var(--font-mono);background:var(--accent);color:var(--surface);border:1px solid var(--surface);border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:10px;display:grid;position:absolute;transform:translate(10px,10px)}.account-actions{flex-wrap:nowrap}.pill{white-space:nowrap;min-height:38px;padding:0 14px;font-weight:700}.header-popover{display:contents}.modal-backdrop{background:color-mix(in oklch, var(--fg) 34%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-backdrop.open{display:flex}.modal{background:var(--surface);width:min(480px,100%);color:var(--fg);border:1px solid var(--border);box-shadow:0 30px 100px var(--ink-soft);border-radius:28px;padding:22px}.modal-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.close-btn{border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:999px;place-items:center;width:40px;height:40px;display:grid}.btn{border:1px solid var(--fg);background:var(--fg);color:var(--surface);border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 22px;font-weight:750;text-decoration:none;transition:transform .12s,background .12s;display:inline-flex}.btn:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.btn.secondary{color:var(--fg);border-color:var(--border);background:0 0}.btn.secondary:hover{border-color:var(--fg);background:var(--surface)}.btn.danger{border-color:color-mix(in oklch, var(--red) 42%, var(--border));color:var(--red)}.btn.danger:hover{background:color-mix(in oklch, var(--red) 10%, var(--surface))}.page{display:none}.page.active{display:block}.hero{align-items:center;min-height:calc(100svh - 72px);padding:clamp(56px,7vw,88px) 0;display:grid}.hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(360px,.84fr);align-items:center;gap:clamp(44px,8vw,96px);display:grid}.eyebrow{color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:18px;font-size:12px}h1{max-width:9.4ch;font-size:clamp(58px,8.4vw,118px);line-height:.9}h2{max-width:11ch;font-size:clamp(38px,5vw,70px);line-height:.98}h3{font-size:clamp(24px,3vw,36px);line-height:1}.lead{color:var(--muted);max-width:54ch;margin-top:24px;font-size:clamp(18px,2vw,24px);line-height:1.45}.product-card,.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.product-card{box-shadow:0 24px 80px var(--ink-soft);overflow:hidden}.upload-panel{gap:16px;padding:22px;display:grid}.panel-top{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.product-card p,.step p,.pricing-card p,.metric-card p,.share-choice p{line-height:1.5}.dropzone{background:linear-gradient(135deg, color-mix(in oklch, var(--warm-blue) 45%, var(--surface)), color-mix(in oklch, var(--pink) 35%, var(--surface)));border:1px solid var(--border);border-radius:18px;align-content:center;justify-items:start;gap:12px;min-height:220px;padding:28px;display:grid}.dropzone strong{font-family:var(--font-display);letter-spacing:-.04em;max-width:9ch;font-size:42px;line-height:.95}.urlbar{border:1px solid var(--border);background:var(--bg);border-radius:999px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.urlbar span{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding-left:12px;font-size:13px;overflow:hidden}.mini-btn{background:var(--accent);color:var(--surface);border:0;border-radius:999px;min-height:36px;padding:0 14px;font-weight:700}.color-rail{grid-template-columns:repeat(5,1fr);display:grid}.color-rail span{height:16px}.color-rail span:first-child{background:var(--red)}.color-rail span:nth-child(2){background:var(--yellow)}.color-rail span:nth-child(3){background:var(--green)}.color-rail span:nth-child(4){background:var(--pink)}.color-rail span:nth-child(5){background:var(--warm-blue)}.section{padding:var(--section-y) 0;border-top:1px solid var(--border)}.section-head{gap:var(--stack-lg);margin-bottom:var(--stack-lg);grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);align-items:end;display:grid}.section-head h1{max-width:12ch;font-size:clamp(50px,6.4vw,92px);line-height:.94}.section-head p{color:var(--muted);max-width:58ch;margin-bottom:6px;font-size:clamp(18px,1.7vw,22px);line-height:1.48}.pricing-wrap{margin-top:var(--stack-md);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:stretch;gap:clamp(18px,2.8vw,30px);display:grid}.pricing-card{border:1px solid var(--fg);border-radius:var(--radius);background:var(--yellow);color:var(--fg);flex-direction:column;justify-content:space-between;gap:34px;min-height:360px;padding:clamp(26px,3.2vw,40px);display:flex}.pricing-card.alt{background:var(--surface);border-color:var(--border)}.price{margin-bottom:12px;font-size:clamp(68px,8.5vw,118px);font-weight:900;line-height:.86}.pricing-list{color:var(--muted);gap:12px;margin-top:22px;display:grid}.pricing-list span{border-top:1px solid color-mix(in oklch, var(--fg) 18%, transparent);padding-top:12px;line-height:1.45}.steps{grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,22px);display:grid}.step{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;justify-content:space-between;min-height:244px;padding:clamp(20px,2.4vw,28px);display:flex}.step:first-child{background:color-mix(in oklch, var(--yellow) 38%, var(--surface))}.step:nth-child(2){background:color-mix(in oklch, var(--warm-blue) 48%, var(--surface))}.step:nth-child(3){background:color-mix(in oklch, var(--green) 22%, var(--surface))}.step:nth-child(4){background:color-mix(in oklch, var(--pink) 45%, var(--surface))}.step .num,.meta{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;font-size:12px}.step p{color:var(--muted);margin-top:12px}.grid-two,.builder,.dashboard-grid,.metric-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:clamp(18px,2.8vw,30px);display:grid}.builder{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1.1fr .9fr}.surface{padding:clamp(24px,3.2vw,40px)}.surface.blue{background:var(--accent);color:var(--surface);border-color:var(--accent)}.surface.blue .meta,.surface.blue p{color:color-mix(in oklch, var(--surface) 78%, var(--accent))}.works-list,.folio-preview{margin-top:var(--stack-md);gap:12px;display:grid}.work-row,.folio-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px;display:grid}.folio-card{border-radius:20px;grid-template-columns:1fr auto;padding:18px}.thumb{border:1px solid var(--border);background:var(--warm-blue);border-radius:12px;width:46px;height:46px}.work-row:nth-child(2) .thumb{background:var(--yellow)}.work-row:nth-child(3) .thumb{background:var(--pink)}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.field{gap:10px;margin-bottom:18px;display:grid}.field label{color:var(--muted);font-size:13px}.input,.textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);border-radius:16px;padding:14px 16px}.textarea{resize:vertical;min-height:168px;font-family:var(--font-mono);font-size:13px}.tabs{margin-bottom:22px}.tabs .chip{font-family:var(--font-mono);text-transform:uppercase;font-size:12px}.big-number{font-family:var(--font-display);letter-spacing:-.06em;font-size:clamp(76px,10vw,150px);line-height:.85}.publish-shell{gap:var(--stack-md);display:grid}.publish-window{grid-template-columns:.85fr 1.15fr;align-items:stretch;gap:clamp(18px,2.6vw,28px);display:grid}.publish-drop{border:1px dashed color-mix(in oklch, var(--accent) 52%, var(--border));background:linear-gradient(135deg, color-mix(in oklch, var(--warm-blue) 44%, var(--surface)), color-mix(in oklch, var(--yellow) 30%, var(--surface)));text-align:center;border-radius:22px;place-items:center;min-height:340px;padding:28px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.publish-drop.dragging{border-color:var(--accent);box-shadow:0 18px 70px color-mix(in oklch, var(--accent) 18%, transparent);transform:translateY(-2px)}.publish-drop strong{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:14px;font-size:clamp(36px,4.4vw,62px);line-height:.94;display:block}.share-panel{border-top:1px solid var(--border);margin-top:22px;padding-top:22px;display:none}.share-panel.open{gap:14px;display:grid}.share-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.publish-default{border:1px solid var(--border);background:var(--bg);border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.publish-default p{color:var(--muted);line-height:1.45}.publish-default strong{color:var(--fg)}.share-choice{border:1px solid var(--border);background:var(--bg);color:var(--fg);text-align:left;border-radius:18px;min-height:106px;padding:16px}.share-result{border:1px solid var(--border);background:var(--bg);border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.publish-boundary{border:1px dashed color-mix(in oklch, var(--accent) 55%, var(--border));background:color-mix(in oklch, var(--accent) 8%, var(--surface));border-radius:18px;padding:14px 16px}.publish-boundary strong{margin-bottom:8px;display:block}.publish-boundary ul{color:var(--muted);margin:0;padding-left:18px}.publish-boundary li+li{margin-top:6px}.publish-boundary a{color:var(--fg);text-underline-offset:3px;font-weight:800;text-decoration:underline}.inline-actions{margin-top:14px}.claim-note{color:var(--muted);max-width:58ch;margin-top:14px;line-height:1.48}.status-message{border:1px solid var(--border);background:color-mix(in oklch, var(--yellow) 20%, var(--surface));border-radius:18px;padding:14px 16px}.status-message.error{background:color-mix(in oklch, var(--red) 12%, var(--surface));border-color:color-mix(in oklch, var(--red) 40%, var(--border))}.error-text{color:var(--red)}.status-message strong{margin-bottom:6px;display:block}.mini-btn:disabled{cursor:not-allowed;opacity:.56}.publish-shell>.section{padding:var(--section-y-tight) 0 0;border-top-color:color-mix(in oklch, var(--border) 70%, transparent)}.temp-code{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);font-size:28px}.metric-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);min-height:260px;padding:clamp(20px,3vw,30px)}.metric-grid{margin-top:var(--stack-md);grid-template-columns:repeat(3,1fr)}.metric-grid.works-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{flex-direction:column;justify-content:space-between;min-height:220px;display:flex}.metric-card:first-child{background:color-mix(in oklch, var(--warm-blue) 42%, var(--surface))}.metric-card:nth-child(2){background:color-mix(in oklch, var(--yellow) 32%, var(--surface))}.metric-card:nth-child(3){background:color-mix(in oklch, var(--green) 18%, var(--surface))}.info-shell{gap:var(--stack-lg);display:grid}.info-grid{gap:var(--stack-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.info-card{flex-direction:column;gap:18px;min-height:260px;padding:clamp(20px,3vw,30px);display:flex}.info-card h2{font-size:clamp(27px,3vw,36px);line-height:1.05}.info-card p{color:var(--muted)}.info-card ul{gap:12px;margin:auto 0 0;padding:0;list-style:none;display:grid}.info-card li{border-top:1px solid var(--border);color:var(--muted);padding-top:12px}.info-card li .btn{width:100%;color:var(--surface)}.info-shell .section-head h1{max-width:12ch;font-size:clamp(44px,6vw,82px);line-height:.98}.scenario-grid{gap:var(--stack-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.scenario-card{align-content:start;gap:18px;min-height:228px;padding:clamp(20px,3vw,30px);display:grid}.scenario-card:first-child{background:color-mix(in oklch, var(--yellow) 34%, var(--surface))}.scenario-card:nth-child(2){background:color-mix(in oklch, var(--warm-blue) 32%, var(--surface))}.scenario-card:nth-child(3){background:color-mix(in oklch, var(--green) 16%, var(--surface))}.scenario-card .num{font-family:var(--font-mono);color:var(--accent)}.scenario-card h2{font-size:clamp(28px,3vw,38px);line-height:1.05}.scenario-card p,.guide-step p{color:var(--muted)}.guide-grid{gap:var(--stack-md);grid-template-columns:minmax(320px,.92fr) minmax(360px,1.08fr);display:grid}.guide-visual{background:color-mix(in oklch, var(--warm-blue) 20%, var(--surface));align-items:center;padding:clamp(20px,3vw,30px);display:flex}.visual-window{border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);background:var(--surface);gap:14px;width:100%;padding:clamp(15px,2.5vw,22px);display:grid}.visual-top,.visual-link{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.visual-top>span:first-child,.visual-link>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visual-code{background:var(--fg);min-height:164px;color:var(--surface);font-family:var(--font-mono);border-radius:16px;gap:10px;padding:18px;font-size:13px;display:grid}.visual-link{border:1px solid var(--border);font-family:var(--font-mono);border-radius:999px;padding:8px 8px 8px 14px;font-size:13px}.guide-steps{gap:0;padding:clamp(20px,3vw,30px);display:grid}.guide-step{border-bottom:1px solid var(--border);gap:10px;padding:18px 0;display:grid}.guide-step h2{font-size:clamp(24px,2.5vw,30px);line-height:1.08}.guide-steps .hero-actions{margin-top:22px}.tool-connect-grid{margin-top:var(--stack-lg);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.8vw,30px);display:grid}.agent-brief-panel{margin-top:var(--stack-lg);gap:22px;display:grid}.agent-brief-copy{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;display:grid}.agent-brief-copy h2{max-width:12ch;margin-top:10px;font-size:clamp(34px,4vw,56px);line-height:.96}.agent-brief-copy p{max-width:720px;color:var(--muted);margin-top:14px;font-size:18px;line-height:1.5}.agent-brief-code{max-height:360px}.analytics-consent{z-index:120;border:1px solid var(--border);background:color-mix(in oklch, var(--surface) 96%, transparent);width:min(680px,100vw - 32px);box-shadow:0 22px 70px var(--ink-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;display:grid;position:fixed;bottom:clamp(16px,3vw,34px);right:clamp(16px,3vw,34px)}.analytics-consent strong{font-size:16px;line-height:1.2;display:block}.analytics-consent p{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.45}.analytics-consent-actions{gap:10px;display:flex}.analytics-consent-actions button{border:1px solid var(--border);background:var(--fg);min-height:38px;color:var(--surface);cursor:pointer;border-radius:999px;padding:0 14px;font-weight:750}.analytics-consent-actions button+button{background:var(--surface);color:var(--fg)}.token-panel,.code-prompt-panel{align-content:start;gap:18px;display:grid}.token-result{border-top:1px solid var(--border);gap:12px;padding-top:18px;display:grid}.token-result label{color:var(--muted);gap:6px;font-size:13px;display:grid}.token-result code{overflow-wrap:anywhere;border:1px solid var(--border);background:var(--bg);max-width:100%;color:var(--fg);font-family:var(--font-mono);border-radius:14px;padding:12px 14px;font-size:12px;line-height:1.45;display:block}.code-prompt{border:1px solid var(--border);background:var(--bg);max-width:100%;color:var(--fg);font-family:var(--font-mono);white-space:pre-wrap;border-radius:16px;margin:0;padding:16px;font-size:12px;line-height:1.55;overflow:auto}.metric-value{font-family:var(--font-display);letter-spacing:-.06em;font-size:clamp(54px,8vw,108px);line-height:.88}.avatar{background:var(--yellow);width:74px;height:74px;font-family:var(--font-display);color:var(--fg);border-radius:50%;place-items:center;font-size:32px;font-weight:900;display:grid}.quote{font-family:var(--font-display);letter-spacing:-.04em;max-width:16ch;margin-top:28px;font-size:clamp(34px,4.7vw,58px);line-height:1}.empty-action{justify-items:start;gap:16px;padding:18px 0 8px;display:grid}.profile-form{margin-top:var(--stack-md)}.claim-primary h1,.claim-secondary h2,.public-profile h1{max-width:100%;font-size:clamp(38px,4vw,54px);line-height:1.06}.secondary-actions{margin-top:var(--stack-md);padding-top:var(--stack-md);border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;display:flex}.profile-avatar{object-fit:cover;width:64px;height:64px;margin-top:var(--stack-md);border-radius:50%}.footer{border-top:1px solid var(--border);color:var(--muted);padding:56px 0 72px}.footer-grid{grid-template-columns:1.2fr repeat(3,1fr);align-items:start;gap:28px;display:grid}.footer h3{color:var(--fg);letter-spacing:-.02em;margin-bottom:14px;font-size:18px}.footer a,.footer span.link-stub,.footer button.link-stub{color:var(--muted);margin:9px 0;display:block}.footer button.link-stub{text-align:left;font:inherit;background:0 0;border:0;padding:0}.footer a:hover,.footer button.link-stub:hover{color:var(--fg);text-underline-offset:3px;text-decoration:underline}.footer-brand p{max-width:32ch;margin-top:14px}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:40px;padding-top:22px;display:flex}@media (max-width:1180px){.topbar-inner{gap:12px}.nav button,.pill{padding:0 12px}.logo{font-size:24px}.tool-connect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.topbar-inner{grid-template-columns:1fr auto;min-height:68px}.menu-toggle{display:inline-flex}.header-popover{top:76px;left:var(--gutter);right:var(--gutter);z-index:70;border:1px solid var(--border);background:color-mix(in oklch, var(--surface) 94%, transparent);box-shadow:0 26px 80px var(--ink-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;grid-template-columns:1fr;gap:12px;padding:14px;display:none;position:fixed}.header-popover.open{display:grid}.nav,.top-actions{justify-content:stretch}.nav,.account-actions{grid-template-columns:1fr;display:grid}.top-actions{grid-template-columns:1fr auto;align-items:center;display:grid}.nav button,.pill{width:100%}.hero{min-height:auto}.hero-grid,.section-head,.grid-two,.builder,.dashboard-grid,.footer-grid,.pricing-wrap,.publish-window,.metric-grid,.metric-grid.works-summary,.info-grid,.scenario-grid,.guide-grid,.tool-connect-grid{grid-template-columns:1fr}.agent-brief-copy{grid-template-columns:1fr;align-items:start}.analytics-consent{grid-template-columns:1fr}.analytics-consent-actions{justify-content:stretch}.analytics-consent-actions button{flex:1}.section-head{align-items:start;gap:18px}.section-head h1{max-width:10ch}.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){:root{--section-y:58px;--section-y-tight:40px}h1{font-size:52px;line-height:.95}.section-head h1{max-width:11ch;font-size:48px}.info-shell .section-head h1{max-width:12ch;font-size:42px}h2{font-size:38px}.lead{margin-top:18px;font-size:18px}.hero{padding:42px 0 54px}.hero-grid{gap:32px}.dropzone,.publish-drop{min-height:260px;padding:22px}.dropzone strong{font-size:34px}.pricing-card{gap:28px;min-height:auto}.price{font-size:74px}.steps{grid-template-columns:1fr}.urlbar{border-radius:20px;grid-template-columns:1fr}.work-row,.folio-card{grid-template-columns:1fr}.btn,.nav button,.pill{width:100%}.account-actions{grid-template-columns:1fr;width:100%;display:grid}.share-options,.share-result{grid-template-columns:1fr}.publish-default{display:grid}.footer{padding:44px 0 56px}}html,body{min-height:100%}body{overflow-x:hidden}.folio-app{background:var(--bg);min-height:100vh;color:var(--fg)}button:focus{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in oklch, var(--accent) 66%, transparent);outline-offset:3px}.ds-preview-main{padding-bottom:var(--section-y)}.ds-token-grid{margin-top:var(--stack-md);grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.ds-token{border:1px solid var(--border);background:var(--surface);border-radius:18px;overflow:hidden}.ds-token-swatch{min-height:88px}.ds-token-body{gap:4px;padding:14px;display:grid}.ds-token-body code{font-family:var(--font-mono);color:var(--muted);font-size:12px}.ds-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(18px,2.8vw,30px);display:grid}.ds-stack{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ds-type-specimen{gap:18px;display:grid}.ds-layout-demo{grid-template-columns:.9fr 1.1fr;gap:16px;margin-top:18px;display:grid}.ds-mini-panel{border:1px solid var(--border);background:var(--bg);border-radius:20px;align-content:space-between;min-height:140px;padding:18px;display:grid}@media (max-width:980px){.ds-token-grid,.ds-component-grid,.ds-layout-demo{grid-template-columns:1fr}}