*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8f9fa;--bg-card:#ffffff;--bg-nav:#ffffff;--bg-input:#ffffff;--text:#1a1a2e;--text-muted:#6c757d;--text-heading:#1a1a2e;--border:#e9ecef;--border-input:#dee2e6;--btn-secondary-bg:#e9ecef;--btn-secondary-color:#495057;--btn-secondary-hover:#dee2e6;--primary:#4361ee;--primary-hover:#3a56d4;--danger:#ef476f;--danger-hover:#d63d5e;--shadow-focus:rgba(67,97,238,0.15)}[data-theme=dark]{--bg:#0f0f13;--bg-card:#1a1a24;--bg-nav:#13131a;--bg-input:#1e1e2a;--text:#e2e2f0;--text-muted:#8888aa;--text-heading:#f0f0ff;--border:#2a2a3e;--border-input:#2e2e44;--btn-secondary-bg:#25253a;--btn-secondary-color:#b0b0cc;--btn-secondary-hover:#2e2e48;--primary:#5571ff;--primary-hover:#6680ff;--danger:#ef476f;--danger-hover:#ff5580;--shadow-focus:rgba(85,113,255,0.2)}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text);background:var(--bg);transition:background .2s,color .2s}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-color)}.btn-secondary:hover{background:var(--btn-secondary-hover)}.btn-danger{background:var(--danger);color:white}.btn-danger:hover{background:var(--danger-hover)}input,select,textarea{border:1px solid var(--border-input);border-radius:8px;padding:10px 14px;font-size:14px;width:100%;transition:border-color .2s;background:var(--bg-input);color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--shadow-focus)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:24px;margin-bottom:16px}.page-header{margin-bottom:32px}.page-header h1{font-size:28px;font-weight:700;color:var(--text-heading)}.page-header p{color:var(--text-muted);margin-top:4px}.marketing-page{min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(67,97,238,.18),transparent 28rem),radial-gradient(circle at 85% 0,rgba(85,113,255,.12),transparent 24rem),var(--bg)}.marketing-footer,.marketing-nav{max-width:1180px;margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.marketing-brand{color:var(--text-heading);font-size:18px;font-weight:800;letter-spacing:-.02em}.brand-with-badge{gap:10px}.beta-badge,.brand-with-badge{display:inline-flex;align-items:center}.beta-badge{justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));background:color-mix(in srgb,var(--primary) 10%,var(--bg-card));color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.marketing-brand:hover,.marketing-button:hover,.marketing-link-button:hover{text-decoration:none}.marketing-footer-links,.marketing-hero-actions,.marketing-nav-actions,.marketing-nav-links,.marketing-pill-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.marketing-footer-links a,.marketing-link-button,.marketing-nav-links a{color:var(--text-muted);font-size:14px;font-weight:600}.marketing-nav-links a.is-active{color:var(--text-heading)}.marketing-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:700;border:1px solid transparent}.marketing-button-primary{color:#fff;background:var(--primary)}.marketing-button-secondary{color:var(--text-heading);background:var(--bg-card);border-color:var(--border)}.marketing-cta,.marketing-hero,.marketing-legal-body,.marketing-pricing-grid,.marketing-section{max-width:1180px;margin:0 auto;padding:78px 24px}.marketing-hero{padding-top:48px;padding-bottom:96px;text-align:center}.marketing-hero-compact{max-width:860px;padding-bottom:56px}.marketing-eyebrow{color:var(--primary);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.marketing-cta h2,.marketing-hero h1,.marketing-section h2{color:var(--text-heading);font-weight:800;letter-spacing:-.045em;line-height:1.05}.marketing-hero h1{font-size:clamp(42px,7vw,78px);max-width:980px;margin:0 auto}.marketing-card p,.marketing-cta p,.marketing-hero p,.marketing-legal-body p,.marketing-section p{color:var(--text-muted)}.marketing-hero p{max-width:760px;margin:24px auto 0;font-size:20px}.marketing-hero-actions{justify-content:center;margin-top:32px}.marketing-orchestration{margin-top:44px}.marketing-orchestration-grid{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:18px;gap:18px;align-items:center;min-height:540px}.marketing-flow-label{color:var(--text-muted);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}.marketing-chaos-panel,.marketing-clean-panel,.marketing-core-panel{position:relative;z-index:1}.marketing-chaos-panel{overflow:hidden}.marketing-chaos-field{position:relative;min-height:470px;text-align:left;overflow:hidden}.marketing-chaos-field:after{content:"";position:absolute;left:8%;right:14%;bottom:2%;height:86px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(15,23,42,.34),transparent 72%);filter:blur(22px);pointer-events:none}.marketing-chaos-cluster,.marketing-chaos-fragment{position:absolute;opacity:0;filter:blur(10px)}.marketing-chaos-cluster{display:grid;grid-gap:6px;gap:6px;max-width:255px;color:rgba(238,242,255,.9);text-shadow:0 10px 28px rgba(15,23,42,.32);transition:opacity .18s ease,filter .18s ease,transform .18s ease,color .18s ease}.marketing-chaos-cluster.is-dropped,.marketing-chaos-fragment.is-dropped{animation:marketing-chaos-plop .42s cubic-bezier(.19,1,.22,1) both}.marketing-chaos-provider{color:rgba(255,255,255,.96);font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:.94}.marketing-chaos-detail{color:rgba(202,211,236,.8);font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.15}.marketing-chaos-fragment{color:#fed7aa;font-size:14px;font-weight:800;letter-spacing:-.01em;text-shadow:0 12px 24px rgba(124,45,18,.28);transition:opacity .18s ease,filter .18s ease,transform .18s ease,color .18s ease}.marketing-chaos-cluster.is-active,.marketing-chaos-fragment.is-active{color:#fff;opacity:1;filter:brightness(1.15);transform:translateY(-3px) scale(1.02)}.marketing-chaos-field:has(.marketing-chaos-cluster.is-active) .marketing-chaos-cluster:not(.is-active),.marketing-chaos-field:has(.marketing-chaos-cluster.is-active) .marketing-chaos-fragment:not(.is-active),.marketing-chaos-field:has(.marketing-chaos-fragment.is-active) .marketing-chaos-cluster:not(.is-active),.marketing-chaos-field:has(.marketing-chaos-fragment.is-active) .marketing-chaos-fragment:not(.is-active){opacity:.28;filter:blur(.2px)}.marketing-chaos-cluster.chaos-github{left:8%;top:8%;rotate:-6deg}.marketing-chaos-cluster.chaos-supabase{left:18%;top:18%;rotate:4deg}.marketing-chaos-cluster.chaos-railway{left:3%;top:50%;rotate:-2deg}.marketing-chaos-cluster.chaos-cloudflare{left:23%;top:68%;rotate:5deg}.marketing-chaos-cluster.chaos-stripe{left:11%;top:82%;rotate:-4deg}.marketing-chaos-fragment.fragment-callback{left:34%;top:6%;rotate:3deg}.marketing-chaos-fragment.fragment-app-url{left:0;top:28%;rotate:-1deg}.marketing-chaos-fragment.fragment-db{left:44%;top:38%;rotate:2deg}.marketing-chaos-fragment.fragment-dns{left:48%;top:72%;rotate:6deg}.marketing-chaos-fragment.fragment-stripe-secret{left:14%;top:95%;rotate:1deg}.marketing-chaos-fragment.fragment-jwt{left:3%;top:89%;rotate:-2deg}.marketing-chaos-fragment.fragment-encryption{left:26%;top:22%;rotate:3deg}.marketing-chaos-fragment.fragment-openrouter{left:8%;top:60%;rotate:-3deg}.marketing-core-panel{display:grid;justify-items:center;z-index:2}.marketing-core-box{display:grid;place-items:center;width:clamp(180px,20vw,230px);aspect-ratio:1/1;border-radius:34px;background:radial-gradient(circle at top,rgba(255,255,255,.18),transparent 55%),linear-gradient(160deg,#0f172a,#111827 65%,#182234);border:1px solid rgba(148,163,184,.16);box-shadow:0 40px 90px rgba(15,23,42,.26),inset 0 0 0 1px rgba(255,255,255,.04);color:#fff;font-size:clamp(34px,3vw,42px);font-weight:800;letter-spacing:-.04em;line-height:.88;text-align:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.marketing-core-box span{display:block}.marketing-core-box.is-highlighted{border-color:rgba(99,102,241,.5);transform:scale(1.05);box-shadow:0 44px 110px rgba(15,23,42,.34),inset 0 0 0 1px rgba(99,102,241,.28),0 0 34px rgba(67,97,238,.22)}.marketing-setup-board{padding:24px;border-radius:30px;border:1px solid rgba(99,102,241,.16);background:radial-gradient(circle at top,rgba(255,255,255,.05),transparent 35%),linear-gradient(180deg,rgba(15,23,42,.98),rgba(17,24,39,.96));box-shadow:0 34px 90px rgba(15,23,42,.22);text-align:left}.marketing-setup-board-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.marketing-setup-board-title{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.04em}.marketing-setup-board-subtitle{color:rgba(191,204,255,.74);font-size:14px;line-height:1.4;margin-top:6px;max-width:420px}.marketing-setup-board-state{display:inline-flex;align-items:center;justify-content:center;min-width:88px;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#cbd5e1;background:rgba(51,65,85,.7);border:1px solid rgba(100,116,139,.2);transition:all .22s ease;flex-shrink:0}.marketing-setup-board-state.is-ready{color:#dcfce7;background:rgba(22,163,74,.16);border-color:rgba(34,197,94,.24)}.marketing-setup-section+.marketing-setup-section{margin-top:20px}.marketing-setup-section-title{color:rgba(226,232,240,.88);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.marketing-setup-rows{display:grid;grid-gap:10px;gap:10px}.marketing-setup-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:18px;border:1px solid rgba(71,85,105,.34);background:rgba(15,23,42,.68);padding:14px 16px;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,background .18s ease}.marketing-setup-row-copy{display:grid;grid-gap:4px;gap:4px}.marketing-setup-row-copy strong{color:#f8fafc;font-size:15px;font-weight:700}.marketing-setup-row-copy span{color:rgba(148,163,184,.86);font-size:13px}.marketing-setup-row-status{display:inline-flex;align-items:center;justify-content:center;min-width:96px;border-radius:999px;padding:9px 12px;background:rgba(51,65,85,.75);color:rgba(226,232,240,.74);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.marketing-setup-row.is-revealed{border-color:rgba(45,212,191,.28);background:rgba(15,23,42,.88);box-shadow:0 14px 28px rgba(15,23,42,.18)}.marketing-setup-row-status.is-connected,.marketing-setup-row.is-revealed .marketing-setup-row-status{color:#dcfce7;background:rgba(22,163,74,.16)}.marketing-setup-row.is-active{transform:translateY(-2px);border-color:rgba(99,102,241,.34);box-shadow:0 16px 34px rgba(67,97,238,.16)}.marketing-binding-list{display:grid;grid-gap:8px;gap:8px}.marketing-binding-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(71,85,105,.26)}.marketing-binding-row:last-child{border-bottom:none}.marketing-binding-row span{color:rgba(148,163,184,.88);font-size:13px}.marketing-binding-row strong{color:#e2e8f0;font-size:13px;font-weight:700}.marketing-orchestration-lines{position:absolute;inset:18px 0 18px 0;width:100%;height:calc(100% - 36px);z-index:0;overflow:visible}.marketing-orchestration-lines path{fill:none;stroke:rgba(99,102,241,.18);stroke-width:2.8;stroke-linecap:round;stroke-dasharray:7 12;opacity:0;transition:opacity .22s ease,stroke .22s ease,stroke-width .22s ease,filter .22s ease;animation:marketing-line-flow 5.2s linear infinite}.marketing-orchestration-lines path.is-visible{opacity:.66}.marketing-orchestration-lines path.is-active{opacity:1;stroke:rgba(129,140,248,.96);stroke-width:3.8;filter:drop-shadow(0 0 16px rgba(99,102,241,.32))}.marketing-proof{color:var(--text-muted);font-size:14px;margin-top:22px}.marketing-grid-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:24px;gap:24px;align-items:center}.marketing-cta h2,.marketing-section h2{font-size:clamp(32px,4vw,52px);margin-bottom:18px}.marketing-section-heading{max-width:780px;margin-bottom:28px}.marketing-card{background:color-mix(in srgb,var(--bg-card) 88%,transparent);border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:0 18px 60px rgba(15,15,19,.06)}.marketing-card-highlight{border-color:color-mix(in srgb,var(--primary) 42%,var(--border))}.marketing-card h2,.marketing-card h3{color:var(--text-heading);line-height:1.2;margin-bottom:12px}.marketing-pricing-grid,.marketing-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.marketing-faq-grid,.marketing-screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.marketing-step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:#fff;background:var(--primary);font-weight:800;margin-bottom:22px}.marketing-list{list-style:none;display:grid;grid-gap:12px;gap:12px}.marketing-list li{color:var(--text);padding-left:22px;position:relative}.marketing-list li:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--primary);position:absolute;left:0;top:.68em}.marketing-list li.marketing-list-divider:before{content:none}.marketing-pill{color:var(--text-heading);background:var(--btn-secondary-bg);border:1px solid var(--border);border-radius:999px;padding:10px 14px;font-size:14px;font-weight:700}.marketing-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:30px;margin-bottom:72px}.marketing-cta p{max-width:720px}.marketing-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;padding-top:0}.marketing-pricing-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}.marketing-pricing-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-price-card{display:flex;flex-direction:column;justify-content:space-between;gap:24px}.marketing-price-card-compact{max-width:540px}.marketing-launch-section{padding-top:0}.launch-promo{display:flex;flex-direction:column;gap:24px;width:100%;padding:12px 8px 0}.launch-promo-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:32px;gap:32px}.launch-promo-price-block,.launch-promo-urgency{display:grid;justify-items:center}.launch-promo-top .marketing-eyebrow{margin:0 0 4px;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.launch-promo-price-row{display:flex;align-items:baseline;justify-content:center;gap:10px}.launch-promo-price{color:var(--text-heading);font-size:44px;font-weight:900;letter-spacing:-.05em;line-height:1}.launch-promo-label{font-size:14px;font-weight:600;color:var(--text-muted)}.launch-promo-struck{font-size:20px;font-weight:600;color:var(--text-muted);text-decoration:line-through;opacity:.3}.launch-promo-urgency{font-size:18px;font-weight:600;color:var(--text-muted);margin:0;line-height:1.35;text-align:center;max-width:320px}.launch-promo-cta{justify-self:center}.launch-promo-urgency strong{color:var(--text-heading);font-size:1.05em}.launch-tiers-container{padding:32px 0 16px;width:100%}.launch-tiers{position:relative;display:flex;justify-content:space-between;width:100%;height:8px;background:var(--btn-secondary-bg);border-radius:999px}.launch-tiers:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress-width,0);background:var(--primary);border-radius:999px;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px rgba(67,97,238,.3)}.launch-tier{position:relative;flex:1 1;display:flex;flex-direction:column;align-items:center}.launch-tier-marker{position:absolute;top:50%;left:100%;transform:translate(-50%,-50%);width:14px;height:14px;background:var(--bg-card);border:3px solid var(--border);border-radius:50%;z-index:2;transition:all .3s ease}.launch-tier:first-child .launch-tier-marker{left:0}.launch-tier.is-done .launch-tier-marker{background:var(--primary);border-color:var(--primary)}.launch-tier.is-current .launch-tier-marker{width:18px;height:18px;background:var(--primary);border-color:var(--bg-card);box-shadow:0 0 0 3px rgba(67,97,238,.2)}.launch-tier-price{position:absolute;bottom:100%;margin-bottom:12px;font-size:13px;font-weight:800;color:var(--text-muted);white-space:nowrap;transition:all .3s ease}.launch-tier.is-current .launch-tier-price{color:var(--primary);font-size:15px;transform:translateY(-2px)}.launch-tier.is-done .launch-tier-price{color:var(--text-muted);opacity:.6}.launch-tier-count{position:absolute;top:100%;margin-top:12px;font-size:11px;font-weight:600;color:var(--text-muted);white-space:nowrap;opacity:.7}.launch-tier.is-current .launch-tier-count{color:var(--primary);opacity:1;font-weight:700}.launch-tier-full .launch-tier-price{color:var(--text-muted)}.marketing-launch-features{width:100%;border-top:1px solid var(--border);padding-top:32px;margin-top:8px}.marketing-launch-section:has(.marketing-launch-features){display:flex;flex-direction:column;gap:40px;align-items:center}.marketing-launch-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px 48px;gap:24px 48px}.marketing-launch-grid li{font-size:14px;color:var(--text-muted);line-height:1.4}.marketing-price-card.is-featured{border-color:var(--primary);transform:translateY(-8px)}.marketing-price{color:var(--text-heading);font-size:44px;font-weight:900;letter-spacing:-.05em;margin:14px 0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.marketing-price-original{color:var(--text-muted);font-size:26px;font-weight:700;letter-spacing:-.03em;text-decoration:line-through;text-decoration-thickness:2px}.marketing-screenshot{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:18px;border:1px solid var(--border);margin-bottom:16px;background:linear-gradient(180deg,rgba(67,97,238,.12),rgba(67,97,238,.03))}@keyframes marketing-float{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes marketing-drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-6px,0)}}@keyframes marketing-chaos-plop{0%{opacity:0;transform:translate3d(-14px,-90px,0) rotate(-7deg) scale(.84);filter:blur(10px)}72%{opacity:1;transform:translate3d(0,8px,0) rotate(0deg) scale(1.02);filter:blur(0)}to{opacity:1;transform:translateZ(0) rotate(0deg) scale(1);filter:blur(0)}}@keyframes marketing-line-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-190}}.marketing-billing-toggle{display:inline-flex;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:6px;gap:6px}.marketing-billing-section{display:flex;flex-direction:column;align-items:center;text-align:center}.marketing-toggle-button{background:transparent;color:var(--text-muted);border-radius:999px;padding:10px 18px}.marketing-toggle-button.is-active{background:var(--primary);color:#fff}.marketing-billing-note{color:var(--text-muted);margin-top:14px}.marketing-legal{padding-bottom:70px}.marketing-legal-body{max-width:860px;padding-top:0}.marketing-legal-body h2{color:var(--text-heading);font-size:24px;margin:34px 0 10px}.marketing-footer{border-top:1px solid var(--border);color:var(--text-muted)}.marketing-footer p{color:var(--text-muted);font-size:14px}@media (max-width:900px){.marketing-cta,.marketing-footer,.marketing-nav{align-items:flex-start;flex-direction:column}.marketing-faq-grid,.marketing-grid-two,.marketing-pricing-grid,.marketing-screenshot-grid,.marketing-step-grid{grid-template-columns:1fr}.marketing-orchestration-grid{grid-template-columns:1fr;gap:18px;min-height:0}.marketing-orchestration-lines{display:none}.marketing-chaos-field{min-height:0;display:grid;grid-gap:14px;gap:14px}.marketing-chaos-cluster,.marketing-chaos-fragment{position:static;width:100%;rotate:0deg!important;animation:none;opacity:1}.marketing-chaos-field:after{display:none}.marketing-core-panel{justify-items:stretch}.marketing-core-box{width:100%;aspect-ratio:auto;min-height:140px}.marketing-setup-board-header{flex-direction:column;align-items:flex-start}.demo-grid,.demo-grid.demo-grid-2,.demo-grid.demo-grid-3{grid-template-columns:1fr}.marketing-price-card.is-featured{transform:none}.launch-promo-top{grid-template-columns:1fr;justify-items:center;gap:20px}.launch-promo-price-row{flex:unset}.marketing-launch-section:has(.marketing-launch-features){grid-template-columns:1fr;gap:24px}.marketing-hero{padding-top:32px}}.demo-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(67,97,238,.14),transparent 24rem),var(--bg)}.demo-nav{background:color-mix(in srgb,var(--bg-nav) 92%,transparent);border-bottom:1px solid var(--border);padding:14px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.demo-nav-left,.demo-nav-links,.demo-nav-user,.demo-panel-header,.demo-row-title{display:flex;align-items:center;gap:12px}.demo-brand{color:var(--text-heading);font-size:18px;font-weight:800}.demo-nav-links a{color:var(--text-muted);font-size:14px;font-weight:600}.demo-nav-links a.is-active{color:var(--text-heading)}.demo-user-email{color:var(--text-muted);font-size:13px}.demo-status,.demo-tag,.demo-user-badge{border-radius:999px;font-size:12px;font-weight:700;padding:6px 10px}.demo-tag,.demo-user-badge{color:var(--text-heading);background:var(--btn-secondary-bg);border:1px solid var(--border)}.demo-status-success{color:#065f46;background:#d1fae5}.demo-main{max-width:1100px;margin:0 auto;padding:32px 24px 56px}.demo-grid{display:grid;grid-gap:16px;gap:16px}.demo-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-panel,.demo-purpose-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:0 20px 50px rgba(15,15,19,.06)}.demo-panel{margin-bottom:16px}.demo-panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px}.demo-panel-header-tight{margin-bottom:0}.demo-panel h2,.demo-purpose-card h3{color:var(--text-heading);margin-bottom:6px}.demo-panel p,.demo-panel-label,.demo-purpose-card p,.demo-row-meta{color:var(--text-muted)}.demo-panel-value{color:var(--text-heading);font-size:28px;font-weight:800;letter-spacing:-.03em}.demo-list{display:grid;grid-gap:12px;gap:12px}.demo-kv-row,.demo-list-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--border)}.demo-kv-row:first-child,.demo-list-row:first-child{border-top:none;padding-top:0}.demo-row-title{color:var(--text-heading);font-weight:700;margin-bottom:4px}.demo-kv-list{display:grid;grid-gap:4px;gap:4px}.demo-kv-row span{color:var(--text-muted);font-size:14px}.demo-kv-row strong{color:var(--text-heading);font-size:14px;text-align:right}