.page-shell{--fs-surface:#ffffffe6;--fs-surface-dark:#1d2025cc;--fs-border:#b3bdcc59;--fs-border-strong:#94a3b88c;--fs-muted:#677383f2;--fs-foreground:hsl(var(--foreground));--fs-primary:#4a6fa5;--fs-primary-strong:#3d5d8a;--fs-accent:#4fa3a5;--fs-amber:#f59e0b;--fs-bg:radial-gradient(circle at 20% 20%,#4a6fa51a,transparent 30%),radial-gradient(circle at 80% 0%,#4fa3a51a,transparent 25%),linear-gradient(180deg,#fff 0%,#f6f6f6 40%,#fff 100%)}html.dark .page-shell,html[data-theme=dark] .page-shell{--fs-surface:#282c34e6;--fs-surface-dark:#23272ee6;--fs-border:#424b5780;--fs-border-strong:#546378b3;--fs-muted:#c0c6cee6;--fs-foreground:hsl(var(--foreground));--fs-bg:radial-gradient(circle at 10% 10%,#4a6fa524,transparent 28%),radial-gradient(circle at 80% 0%,#4fa3a51f,transparent 32%),linear-gradient(180deg,#1e1e1e 0%,#2a2a2a 35%,#1e1e1e 100%)}.page-shell{background:var(--fs-bg);min-height:100vh;color:var(--fs-foreground);padding:64px 20px 72px}.page-shell .hero{max-width:1200px;margin:0 auto 48px}.page-shell .hero-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;gap:20px;display:grid}.page-shell .surface{background:var(--fs-surface);border:1px solid var(--fs-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:0 24px 60px #0f172a14}.page-shell .surface:hover{border-color:var(--fs-border-strong);transform:translateY(-2px);box-shadow:0 30px 70px #0f172a1f}.page-shell .hero-copy{flex-direction:column;gap:16px;display:flex}.page-shell .pill{color:var(--fs-primary-strong);letter-spacing:.01em;background:#4a6fa524;border:1px solid #4a6fa53d;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 14px;font-weight:600;display:inline-flex}.page-shell .hero-logo{align-items:center;gap:14px;display:flex}.page-shell .hero-title h1{margin:0 0 4px;font-size:clamp(32px,4vw,44px);font-weight:800}.page-shell .hero-title p{color:var(--fs-muted);margin:0;font-size:16px}.page-shell .hero-sub{color:var(--fs-muted);max-width:720px;font-size:18px;line-height:1.6}.page-shell .cta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-shell .btn{border:1px solid var(--fs-border);color:var(--fs-foreground);border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.page-shell .btn-primary{background:linear-gradient(135deg,var(--fs-primary)0%,var(--fs-primary-strong)100%);color:#fff;border-color:#0000;box-shadow:0 12px 30px #4a6fa547}.page-shell .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px #4a6fa557}.page-shell .ghost-btn{border-color:var(--fs-border);color:var(--fs-muted);background:0 0}.page-shell .ghost-btn:hover{border-color:var(--fs-border-strong);color:var(--fs-foreground);transform:translateY(-2px)}.page-shell .hero-btn{padding-inline:18px}.page-shell .trust-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-shell .trust-chip{border:1px solid var(--fs-border);color:var(--fs-muted);background:#0f172a08;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-weight:600;display:inline-flex}.page-shell .stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:8px;display:grid}.page-shell .stat-card{border:1px solid var(--fs-border);background:#ffffffb3;border-radius:12px;padding:14px;transition:border-color .2s,transform .2s;box-shadow:inset 0 1px #fff9}html.dark .page-shell .stat-card,html[data-theme=dark] .page-shell .stat-card{background:#0f172a66;box-shadow:inset 0 1px #ffffff0a}.page-shell .stat-card:hover{border-color:var(--fs-border-strong);transform:translateY(-2px)}.stat-label{color:var(--fs-muted);margin:0;font-size:13px}.stat-value{margin:4px 0;font-size:24px;font-weight:800}.stat-hint{color:var(--fs-muted);margin:0;font-size:13px}.hero-visual{flex-direction:column;gap:14px;display:flex}.visual-header{border-bottom:1px solid var(--fs-border);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.badge{color:var(--fs-primary-strong);background:#4a6fa524;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700}.avatar-pair{gap:8px;display:flex}.avatar{width:32px;height:32px;color:var(--fs-primary-strong);background:#4a6fa524;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.avatar.secondary{color:#0f9f76;background:#10b9811f}.visual-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.visual-card{border:1px solid var(--fs-border);background:#ffffffa6;border-radius:12px;padding:14px;box-shadow:inset 0 1px #ffffff80}html.dark .visual-card{background:#0f172a73;box-shadow:inset 0 1px #ffffff0d}.visual-card.accent{background:linear-gradient(135deg,#2563eb14,#10b98114);border-color:#2563eb40}.visual-card-header{align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.visual-text{color:var(--fs-muted);margin:0;line-height:1.5}.bullet-list{color:var(--fs-muted);gap:6px;margin:0;padding-left:16px;line-height:1.5;display:grid}.section{max-width:1200px;margin:0 auto 48px;padding:0 4px}.section-header{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.section-header h2{margin:0;font-size:clamp(24px,3vw,32px)}.section-header p{color:var(--fs-muted);margin:0}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.feature-card{flex-direction:column;gap:10px;height:100%;display:flex}.icon-chip{width:40px;height:40px;color:var(--fs-primary-strong);background:#2563eb1f;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.feature-card h3{margin:0;font-weight:700}.feature-card p{color:var(--fs-muted);margin:0;line-height:1.5}.section-cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.section-cta h3{margin:0 0 4px;font-size:20px}.section-cta p{color:var(--fs-muted);margin:0}@media (max-width:768px){.page-shell{padding:36px 16px 56px}.hero-logo{align-items:flex-start}.hero-title h1{font-size:32px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}