:root{--bg:#f5efe5;--bg-accent:#ff7b5424;--bg-accent-2:#3aa58f1f;--panel-bg:#fffbf6bd;--panel-border:#492f181a;--panel-shadow:0 22px 60px #5336161f;--text-strong:#1f2937;--text-soft:#5f6878;--muted:#8c6f58;--surface-strong:#ffffffd1;--surface-soft:#ffffffad;--surface-ghost:#ffffff52;--input-border:#1f29371a;--accent-strong:#d95e3c;--accent-soft:#ff7b541f;--heading:"Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif;--body:"Avenir Next", "Segoe UI", "PingFang SC", sans-serif;--mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;font:17px/1.65 var(--body);color:var(--text-soft);background:radial-gradient(circle at top left, var(--bg-accent), transparent 28%), radial-gradient(circle at 85% 18%, var(--bg-accent-2), transparent 24%), linear-gradient(180deg, #fbf6ef 0%, var(--bg) 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#10161d;--bg-accent:#ff7b541f;--bg-accent-2:#3aa58f1a;--panel-bg:#151d28bd;--panel-border:#ffffff14;--panel-shadow:0 22px 60px #00000057;--text-strong:#f5f7fb;--text-soft:#b6bfcb;--muted:#efb181;--surface-strong:#ffffff1a;--surface-soft:#ffffff14;--surface-ghost:#ffffff0d;--input-border:#ffffff1f;--accent-strong:#ff9c74;--accent-soft:#ff7b542e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body:before,body:after{content:"";filter:blur(20px);pointer-events:none;z-index:0;border-radius:999px;width:280px;height:280px;position:fixed}body:before{background:#ffb74d29;top:2%;right:6%}body:after{background:#3aa58f1a;bottom:8%;left:4%}:root[data-theme=dark] body:before{background:#ff7b541a}:root[data-theme=dark] body:after{background:#3aa58f14}#root{z-index:1;min-height:100vh;position:relative}h1,h2,h3,p,ul,pre{margin:0}h1,h2,h3{font-family:var(--heading)}h1{letter-spacing:-.05em;font-size:clamp(2.8rem,7vw,5rem);line-height:.96}h2{letter-spacing:-.04em;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.05}a{color:inherit}button,input,textarea{font-family:inherit}code,pre{font-family:var(--mono)}@media (width<=1024px){:root{font-size:16px}}.site-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 64px}.site-header,.site-footer,.hero-card,.section-block,.app-card,.info-card,.story-card,.timeline-item,.contact-form,.empty-state,.notice-banner{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header,.site-footer{border-radius:26px;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.site-header{z-index:10;margin-bottom:24px;position:sticky;top:20px}.brand-kicker,.section-kicker,.filter-label{text-transform:uppercase;letter-spacing:.24em;color:var(--muted);margin:0 0 10px;font-size:12px}.brand-lockup{color:var(--text-strong);align-items:center;gap:14px;text-decoration:none;display:inline-flex}.brand-lockup span{display:grid}.brand-lockup strong{font-size:1rem}.brand-lockup small{color:var(--text-soft)}.brand-mark{color:#fffaf3;background:linear-gradient(135deg,#ff7b54,#f0c46b);border-radius:14px;place-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:800;display:grid}.site-nav{flex-wrap:wrap;gap:10px;display:flex}.header-actions,.control-cluster,.control-stack{gap:12px;display:flex}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center}.control-cluster{flex-wrap:wrap;align-items:flex-end}.control-stack{flex-direction:column;gap:8px}.control-stack span{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:12px}.control-select{border:1px solid var(--input-border);background:var(--surface-strong);min-width:180px;color:var(--text-strong);font:inherit;border-radius:14px;padding:10px 12px}.theme-switcher{flex-wrap:wrap;gap:8px;display:inline-flex}.theme-pill{border:1px solid var(--input-border);background:var(--surface-soft);color:var(--text-soft);font:inherit;cursor:pointer;border-radius:999px;padding:10px 14px;transition:transform .18s,background .18s,color .18s}.theme-pill:hover{transform:translateY(-1px)}.theme-pill--active{background:var(--accent-soft);color:var(--text-strong)}.nav-link{color:var(--text-soft);border-radius:999px;padding:10px 14px;text-decoration:none;transition:background .18s,color .18s,transform .18s}.nav-link:hover,.nav-link--active{background:var(--surface-strong);color:var(--text-strong);transform:translateY(-1px)}.notice-banner{border-radius:20px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;display:flex}.loading-ribbon{background:linear-gradient(90deg,#ff7b54,#f0c46b,#3aa58f) 0 0/220% 100%;border-radius:999px;height:3px;margin-bottom:18px;animation:1.4s linear infinite shimmer}.page-frame{gap:24px;display:grid}.page-frame--center{place-items:center;min-height:60vh}.page-stack{gap:24px;display:grid}.hero-grid,.story-shell,.contact-shell{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:24px;display:grid}.hero-card,.story-card,.contact-form,.section-block,.app-card,.info-card,.timeline-item,.empty-state{border-radius:32px}.hero-card,.story-card,.contact-form,.app-card,.info-card,.timeline-item,.empty-state{padding:28px}.hero-card--primary{background:radial-gradient(circle at 100% 0,#ff7b542e,#0000 30%),linear-gradient(#fffbf6e6,#fff8f2b8);min-height:430px}:root[data-theme=dark] .hero-card--primary{background:radial-gradient(circle at 100% 0,#ff7b5429,#0000 30%),linear-gradient(#192230e6,#141c27c2)}.hero-card--side{flex-direction:column;justify-content:space-between;display:flex}.section-block{padding:28px}.section-block--tight{padding-bottom:22px}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px;display:flex}.page-title,.section-heading h2,.hero-card h1{color:var(--text-strong)}.page-title{letter-spacing:-.05em;margin:0;font-size:clamp(2.2rem,5vw,4rem);line-height:.98}.hero-copy{max-width:58ch;color:var(--text-soft);margin-top:18px;font-size:1.06rem}.hero-copy--narrow{max-width:44ch}.cta-row,.tag-row,.chip-row,.form-actions,.card-topline,.card-heading,.site-footer{flex-wrap:wrap;gap:12px;display:flex}.cta-row{margin-top:24px}.button,.chip{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:12px 18px;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s}.button:hover,.chip:hover{transform:translateY(-1px)}.button--solid{color:#fff8ef;background:linear-gradient(135deg,#ff7b54,#d95e3c);box-shadow:0 18px 34px #d95e3c38}.button--ghost,.chip{background:var(--surface-strong);color:var(--text-strong);box-shadow:inset 0 0 0 1px #1f293714}.chip--active{background:#3d8f7b24;box-shadow:inset 0 0 0 1px #3d8f7b59}.metric-list{gap:16px;display:grid}.metric-list div{border-top:1px solid #1f293714;padding:16px 0}.metric-list strong{color:var(--text-strong);font-size:2rem;line-height:1;display:block}.metric-list span,.micro-copy,.metric-caption{color:var(--text-soft)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid--apps{grid-template-columns:repeat(2,minmax(0,1fr))}.app-card{gap:14px;display:grid}.app-card--large{min-height:100%}.card-topline{justify-content:space-between;align-items:center}.card-heading{justify-content:space-between;align-items:baseline}.app-card h2,.app-card h3,.info-card h3,.story-card h3{color:var(--text-strong);margin:0}.app-tagline{color:var(--text-strong);font-size:1.08rem}.app-description{color:var(--text-soft)}.pill,.mini-pill,.status-badge{border-radius:999px;align-items:center;padding:8px 12px;font-size:.86rem;display:inline-flex}.pill{color:#a74c33;background:#ff7b541f}.mini-pill{background:var(--surface-soft);color:var(--text-strong)}.mini-pill--soft{background:#3d8f7b1f}.status-badge--live{color:#247767;background:#3aa58f24}.status-badge--beta{color:#8f6b1d;background:#f0c46b33}.status-badge--coming-soon{color:#4b5563;background:#5d6d7e1f}.feature-grid{color:var(--text-soft);gap:10px;margin:6px 0 0;padding-left:18px;display:grid}.info-card{gap:10px;display:grid}.info-card--link{color:inherit;text-decoration:none}.studio-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;display:grid}.studio-points{gap:12px;display:grid}.filter-shell{gap:18px;display:grid}.filter-group{gap:10px;display:grid}.timeline{gap:16px;display:grid}.timeline-item{grid-template-columns:56px minmax(0,1fr);align-items:start;gap:16px;display:grid}.timeline-index{color:#a74c33;background:#ff7b541f;border-radius:18px;place-items:center;width:56px;height:56px;font-weight:700;display:inline-grid}.channel-stack{gap:12px;display:grid}.channel-card{background:var(--surface-strong);color:inherit;border-radius:20px;gap:6px;padding:16px;text-decoration:none;display:grid}.channel-card small{color:var(--text-soft)}.contact-form{gap:20px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-field{gap:10px;display:grid}.form-field--full{grid-column:1/-1}.form-field span{color:var(--text-strong);font-weight:600}.form-field input,.form-field textarea{border:1px solid var(--input-border);background:var(--surface-strong);width:100%;color:var(--text-strong);font:inherit;border-radius:18px;padding:14px 16px}.form-field input:focus,.form-field textarea:focus{border-color:#ff7b5473;outline:2px solid #ff7b544d}.form-notice{color:#247767;background:#3aa58f1f;border-radius:18px;margin-top:18px;padding:14px 16px}.text-link{color:var(--text-strong);text-decoration:none}.empty-state{text-align:center;place-items:center;gap:10px;display:grid}.empty-state--standalone{max-width:520px}.site-footer{color:var(--text-soft);margin-top:24px}.site-footer code{margin-left:6px}@keyframes shimmer{0%{background-position:0 0}to{background-position:220% 0}}@media (width<=1024px){.site-shell{width:min(100%,100% - 24px);padding:18px 0 40px}.site-header,.site-footer,.section-heading,.studio-panel,.card-heading,.header-actions,.control-cluster{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.hero-grid,.story-shell,.contact-shell,.card-grid,.card-grid--three,.card-grid--apps,.form-grid{grid-template-columns:1fr}.hero-card,.story-card,.contact-form,.section-block,.app-card,.info-card,.timeline-item,.empty-state{border-radius:24px;padding:22px}.site-header{top:12px}}