.btn-lg{height:48px;font-size:var(--fs-md);border-radius:12px;padding:0 24px}.text-link{color:var(--text);align-items:center;gap:6px;font-weight:500;text-decoration:none;display:inline-flex}.text-link span{transition:transform .2s var(--ease-out)}.text-link:hover span{transform:translate(3px)}.text-link code{color:var(--accent-hi)}.section{max-width:1200px;margin:0 auto;padding:112px clamp(16px,3vw,32px) 0}.section h2{font-size:var(--fs-2xl);letter-spacing:-.03em;margin:0 0 14px;line-height:1.05}.section-sub{max-width:600px;color:var(--muted);font-size:var(--fs-lg);margin:0 0 28px;line-height:1.6}.section code,.hero code{background:var(--surface-2);border-radius:5px;padding:.1em .35em;font-size:.88em}.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(32px,5vw,72px);max-width:1280px;margin:0 auto;padding:clamp(48px,8vw,104px) clamp(16px,3vw,32px) 24px;display:grid}.hero h1{font-size:var(--fs-hero);letter-spacing:-.045em;margin:0 0 22px;font-weight:700;line-height:.98}.hero-sub{max-width:500px;color:var(--text-soft);font-size:var(--fs-lg);margin:0 0 32px;line-height:1.6}.hero-cta{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.demo{border:1px solid var(--border-2);background:rgb(var(--panel-rgb) / .9);box-shadow:0 40px 120px -40px rgb(var(--accent-rgb) / .25), 0 24px 60px -30px rgb(var(--shade-rgb) / .8);border-radius:16px;margin:0;overflow:hidden}.demo-bar{border-bottom:1px solid var(--border);font:var(--fs-xs) var(--mono);color:var(--faint);align-items:center;gap:12px;padding:10px 14px;display:flex}.demo-dots{gap:6px;display:flex}.demo-dots i{background:rgb(var(--ink-rgb) / .12);border-radius:50%;width:10px;height:10px}.demo-file{flex:1}.demo-live{color:var(--accent);align-items:center;gap:6px;display:inline-flex}.live-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite live}@keyframes live{50%{opacity:.3}}.demo-brief{border-bottom:1px solid var(--border);min-height:46px;font-size:var(--fs-sm);color:var(--text-soft);gap:10px;margin:0;padding:12px 16px;display:flex}.demo-tag{background:rgb(var(--accent-rgb) / .12);height:-moz-fit-content;height:fit-content;color:var(--accent-hi);font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;border-radius:6px;flex:none;padding:2px 8px}.demo-body{grid-template-columns:minmax(0,1fr) minmax(200px,.8fr);min-height:360px;display:grid}.demo-code{border-right:1px solid var(--border);background:var(--code-bg);padding:14px 0;overflow:hidden}.demo-code ol{font:12px/1.9 var(--mono);color:var(--code-text);margin:0;padding:0;list-style:none}.demo-code li{text-overflow:ellipsis;white-space:nowrap;padding:0 14px 0 30px;position:relative;overflow:hidden}.t-op{color:var(--accent-hi);font-weight:600}.t-target{color:var(--syn-key)}.t-args{color:color-mix(in srgb, var(--code-text) 70%, transparent)}#demo-brief{animation:1.6s steps(48,end) both brief-in}@keyframes brief-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.demo-code .code-collapsed{color:var(--faint)}.demo-code .is-new:before{content:"+";color:var(--accent);position:absolute;left:14px}.demo-code .is-new{background:linear-gradient(90deg, rgb(var(--accent-rgb) / .09), transparent 70%);animation:line-in .45s var(--ease-out) both;animation-delay:calc(var(--i) * 70ms)}@keyframes line-in{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-8px)}to{clip-path:inset(0)}}.demo-preview{background:radial-gradient(60% 55% at 50% 45%, rgb(var(--accent-rgb) / .1), transparent 70%);grid-template-rows:1fr auto;display:grid}.demo-model{place-items:center;min-height:260px;display:grid;position:relative}.demo-model .sm-scene{width:100%;height:100%}.demo-review{border-top:1px solid var(--border);align-items:center;gap:12px;padding:12px 14px;display:flex}.demo-review p{margin:0}.demo-intent{font-size:var(--fs-sm);color:var(--text-soft)}.demo-issues{flex-wrap:wrap;gap:4px;display:flex;margin-top:4px!important}.chip{font:600 10.5px var(--mono);background:rgb(var(--sky-rgb) / .14);color:var(--sky);border-radius:5px;padding:1px 7px}.chip-warning{background:rgb(var(--amber-rgb) / .15);color:var(--amber)}.chip-error{background:rgb(var(--danger-rgb) / .15);color:var(--danger)}.chip-ok{background:rgb(var(--accent-rgb) / .14);color:var(--accent)}.demo-steps{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.demo-steps button{border:0;border-right:1px solid var(--border);color:var(--muted);font:500 var(--fs-sm) var(--font);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:12px 14px;display:flex;position:relative}.demo-steps button:last-child{border-right:0}.demo-steps button:hover{color:var(--text)}.step-v{font:600 11px var(--mono);color:var(--faint)}.step-bar{background:var(--accent);transform-origin:0;height:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.demo-steps .is-done .step-bar{opacity:.35;transform:scaleX(1)}.demo-steps [aria-selected=true]{color:var(--text)}.demo-steps [aria-selected=true] .step-v{color:var(--accent)}.demo-steps [aria-selected=true] .step-bar{animation:3.4s linear forwards step-progress}@keyframes step-progress{to{transform:scaleX(1)}}.data{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:56px;display:grid}.facts{gap:14px;margin:0 0 28px;padding:0;list-style:none;display:grid}.facts li{border-left:2px solid var(--border-2);color:var(--muted);font-size:var(--fs-sm);gap:2px;padding-left:16px;display:grid}.facts b{color:var(--text);font-size:var(--fs-md)}.data-demo{grid-template-columns:minmax(0,1.3fr) minmax(180px,.7fr);gap:12px;display:grid}.sample-code{border:1px solid var(--border);background:var(--code-bg);border-radius:14px;overflow:hidden}.sample-code .code-bar,.connect-panel .code-bar{border-bottom:1px solid var(--border);font:var(--fs-xs) var(--mono);color:var(--faint);justify-content:space-between;align-items:center;padding:6px 8px 6px 14px;display:flex}.copy-btn{border:1px solid var(--border);color:var(--muted);font:500 12px var(--font);cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:4px 10px}.copy-btn:hover{color:var(--text);border-color:var(--border-2)}.sample-code pre{max-height:440px;color:var(--code-text);font:11.5px/1.6 var(--mono);margin:0;padding:14px 16px;overflow:auto}.sample-code pre code{background:0 0;padding:0}.sample-model{border:1px solid var(--border);background:radial-gradient(60% 50% at 50% 45%, rgb(var(--accent-rgb) / .08), transparent 70%), var(--surface);border-radius:14px;place-items:center;min-height:320px;display:grid}.sample-model .sm-scene{width:100%;height:100%}.families{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:56px;display:grid}.family-snippet{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--code-bg);color:var(--code-text);font:12.5px/1.7 var(--mono);margin:0 0 24px;padding:16px 18px;overflow-x:auto}.family-snippet code{background:0 0;padding:0}.lineup{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.lineup-cell{border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(60% 50% at 50% 45%, rgb(var(--accent-rgb) / .07), transparent 70%), var(--surface);color:inherit;font:inherit;cursor:pointer;justify-items:center;margin:0;padding:14px 0 10px;transition:border-color .2s,background-color .2s;display:grid}.lineup-cell .sm-scene{pointer-events:none}.lineup-cell:hover{border-color:var(--border-2)}.lineup-cell[aria-pressed=true]{border-color:rgb(var(--accent-rgb) / .55);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / .25)}.lineup-cell[aria-pressed=true] .lineup-cap{color:var(--accent-hi)}.family-hint{font-size:var(--fs-xs);color:var(--faint);margin:-14px 0 20px}.family-snippet code{min-height:10.2em;display:block}.lineup-cell .sm-figure{transition:transform .6s var(--ease-out)}.lineup-cap{font:var(--fs-xs) var(--mono);color:var(--muted)}.connect-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:240px minmax(0,1fr);display:grid;overflow:hidden}.connect-tabs{border-right:1px solid var(--border);flex-direction:column;padding:8px;display:flex}.connect-tabs button{color:var(--muted);font:500 var(--fs-sm) var(--font);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px}.connect-tabs button:hover{color:var(--text)}.connect-tabs button[aria-selected=true]{background:var(--surface-2);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.connect-body{padding:28px}.connect-pane{gap:18px;max-width:640px;display:grid}.connect-pane p{color:var(--text-soft);font-size:var(--fs-md);margin:0;line-height:1.6}.cmd{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--code-bg);align-items:center;gap:8px;padding:10px 10px 10px 14px;display:flex}.cmd code{min-width:0;color:var(--code-text);white-space:nowrap;flex:1;font-size:13px;overflow-x:auto;background:0 0!important;padding:0!important}.gallery-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.gallery-head h2{margin-bottom:0}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.ex-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:transform .35s var(--ease-out), border-color .3s;flex-direction:column;display:flex;overflow:hidden}.ex-card:hover{border-color:rgb(var(--accent-rgb) / .35);transform:translateY(-4px)}.ex-stage{background:radial-gradient(55% 45% at 50% 50%, rgb(var(--accent-rgb) / .1), transparent 70%);place-items:center;height:280px;display:grid}.ex-body{border-top:1px solid var(--border);flex-direction:column;flex:1;gap:10px;padding:16px 18px 18px;display:flex}.ex-body h3{font-size:var(--fs-lg);justify-content:space-between;align-items:center;margin:0;display:flex}.ex-model{font:600 11px var(--mono);color:var(--faint);text-transform:uppercase}.ex-body p{color:var(--muted);font-size:var(--fs-sm);margin:0;line-height:1.5}.ex-links{gap:6px;margin-top:auto;display:flex}.cta{text-align:center}.cta h2{max-width:720px;margin-inline:auto}.prompt-box{border:1px solid rgb(var(--accent-rgb) / .35);background:var(--surface-solid);max-width:660px;box-shadow:0 20px 60px -24px rgb(var(--accent-rgb) / .3);border-radius:16px;gap:8px;margin:28px auto 12px;padding:6px;transition:border-color .2s;display:flex}.prompt-box:focus-within{border-color:var(--accent)}.prompt-box input{min-width:0;color:var(--text);font:var(--fs-md) var(--font);background:0 0;border:0;outline:none;flex:1;padding:0 14px}.prompt-box input::placeholder{color:var(--faint)}.cta-note{color:var(--faint);font-size:var(--fs-sm);margin:0}@media (max-width:1080px){.hero,.data,.families{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.section{padding-top:80px}.demo-body{grid-template-columns:1fr}.demo-code{border-right:0;border-bottom:1px solid var(--border);max-height:170px}.demo-steps{grid-template-columns:repeat(2,1fr)}.demo-steps button:nth-child(2){border-right:0}.demo-steps button:nth-child(-n+2){border-bottom:1px solid var(--border)}.connect-panel{grid-template-columns:1fr}.connect-tabs{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto}.connect-tabs button{white-space:nowrap}.connect-tabs button[aria-selected=true]{box-shadow:inset 0 -2px 0 var(--accent)}.connect-body{padding:20px}.data-demo,.gallery-grid{grid-template-columns:1fr}.prompt-box{flex-direction:column}.prompt-box input{height:44px}}