@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --ink:#08070a;--white:#fff;--surface:#f9f8fc;
  --purple:#6b3fa0;--purple-mid:#8b5cc8;--purple-lt:#f0ebf9;--purple-dark:#3d1f6e;
  --gold:#c89a14;--gold-lt:#fdf8e4;--coral:#e8553a;
  --green:#1a7a4a;--green-lt:#e8f5ee;
  --muted:#6b6478;--border:rgba(8,7,10,0.09);--border-p:rgba(107,63,160,0.18);
  --shadow:0 2px 8px rgba(8,7,10,0.07);--shadow-lg:0 8px 32px rgba(8,7,10,0.12);
  --radius:10px;
}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:var(--surface);color:var(--ink);overflow-x:hidden;line-height:1.6;}
a{color:inherit;text-decoration:none;}
/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;height:64px;background:rgba(249,248,252,0.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);}
.logo{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-0.02em;display:flex;align-items:center;gap:0.5rem;}
.logo-pill{background:var(--purple);color:white;font-size:0.57rem;font-weight:700;padding:0.18rem 0.55rem;border-radius:20px;letter-spacing:0.07em;text-transform:uppercase;font-family:'DM Sans',sans-serif;}
.nav-links{display:flex;align-items:center;gap:1.75rem;}
.nav-links a{font-size:0.82rem;color:var(--muted);text-decoration:none;transition:color 0.15s;}
.nav-links a:hover,.nav-links a.active{color:var(--ink);}
.nav-right{display:flex;align-items:center;gap:0.65rem;}
/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:'DM Sans',sans-serif;font-weight:500;border-radius:8px;cursor:pointer;transition:all 0.18s;text-decoration:none;border:none;}
.btn-primary{background:var(--purple);color:white;padding:0.6rem 1.35rem;font-size:0.85rem;}
.btn-primary:hover{background:var(--purple-dark);}
.btn-outline{background:transparent;color:var(--purple);border:1.5px solid var(--border-p);padding:0.55rem 1.25rem;font-size:0.85rem;}
.btn-outline:hover{background:var(--purple-lt);}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--border);padding:0.55rem 1.1rem;font-size:0.82rem;}
.btn-ghost:hover{background:var(--surface);}
.btn-white{background:white;color:var(--purple);padding:0.6rem 1.35rem;font-size:0.85rem;font-weight:600;}
.btn-white:hover{background:var(--purple-lt);}
.btn-coral{background:var(--coral);color:white;padding:0.6rem 1.35rem;font-size:0.85rem;}
.btn-coral:hover{opacity:0.9;}
.btn-sm{font-size:0.76rem;padding:0.38rem 0.85rem;}
.btn-lg{font-size:0.95rem;padding:0.8rem 1.75rem;}
.btn-xl{font-size:1.05rem;padding:0.95rem 2.25rem;}
.btn-full{width:100%;justify-content:center;}
/* PAGE */
.page{padding-top:64px;}
/* SECTIONS */
.sec{padding:5rem 2.5rem;}
.sec-sm{padding:3rem 2.5rem;}
.container{max-width:1100px;margin:0 auto;}
.sec-eyebrow{font-size:0.68rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--purple);margin-bottom:0.55rem;}
.sec-h2{font-family:'Syne',sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1;letter-spacing:-0.02em;margin-bottom:0.75rem;}
.sec-sub{font-size:0.9rem;color:var(--muted);line-height:1.8;max-width:520px;}
/* MODE BAR */
.mode-bar{background:white;border-bottom:1px solid var(--border);padding:0 2.5rem;}
.mode-bar-inner{display:flex;gap:0;overflow-x:auto;max-width:1100px;margin:0 auto;}
.mode-tab{font-size:0.78rem;color:var(--muted);padding:0.72rem 1.1rem;border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none;transition:all 0.15s;}
.mode-tab:hover{color:var(--ink);}
.mode-tab.active{color:var(--purple);border-bottom-color:var(--purple);font-weight:600;}
/* CARDS */
.card{background:white;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all 0.2s;}
.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);}
/* FORMS */
.form-group{margin-bottom:1rem;}
.form-label{display:block;font-size:0.76rem;font-weight:600;letter-spacing:0.03em;margin-bottom:0.35rem;color:var(--muted);}
.form-input{width:100%;border:1.5px solid var(--border);background:white;padding:0.65rem 0.9rem;font-size:0.87rem;font-family:'DM Sans',sans-serif;color:var(--ink);border-radius:8px;transition:border-color 0.2s;}
.form-input:focus{outline:none;border-color:var(--purple);}
.form-select{width:100%;border:1.5px solid var(--border);background:white;padding:0.65rem 0.9rem;font-size:0.87rem;font-family:'DM Sans',sans-serif;color:var(--ink);border-radius:8px;}
.form-textarea{width:100%;border:1.5px solid var(--border);background:white;padding:0.65rem 0.9rem;font-size:0.87rem;font-family:'DM Sans',sans-serif;color:var(--ink);border-radius:8px;resize:vertical;min-height:90px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.req{color:var(--coral);}
/* TAGS / BADGES */
.tag{display:inline-block;font-size:0.65rem;font-weight:600;letter-spacing:0.04em;padding:0.22rem 0.65rem;border-radius:20px;}
.tag-purple{background:var(--purple-lt);color:var(--purple);}
.tag-gold{background:var(--gold-lt);color:var(--gold);}
.tag-green{background:var(--green-lt);color:var(--green);}
.tag-coral{background:rgba(232,85,58,0.1);color:var(--coral);}
/* GRID HELPERS */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
/* DISCLAIMER */
.platform-note{display:flex;gap:0.55rem;background:var(--purple-lt);border-radius:8px;padding:0.85rem 1rem;font-size:0.75rem;color:var(--muted);line-height:1.6;}
/* FOOTER */
footer{background:var(--ink);color:rgba(255,255,255,0.5);padding:3rem 2.5rem;}
.footer-inner{max-width:1100px;margin:0 auto;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2.5rem;}
.footer-logo{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;color:white;margin-bottom:0.4rem;}
.footer-tagline{font-size:0.76rem;color:rgba(255,255,255,0.3);line-height:1.65;margin-bottom:1rem;}
.footer-col-title{font-size:0.65rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.25);margin-bottom:0.85rem;}
.footer-link{display:block;font-size:0.78rem;color:rgba(255,255,255,0.42);margin-bottom:0.35rem;text-decoration:none;transition:color 0.15s;}
.footer-link:hover{color:white;}
.footer-bottom{border-top:0.5px solid rgba(255,255,255,0.08);padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:0.72rem;color:rgba(255,255,255,0.22);}
.platform-family{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;}
.pf-item{font-size:0.72rem;color:rgba(255,255,255,0.32);text-decoration:none;transition:color 0.15s;}
.pf-item:hover{color:rgba(255,255,255,0.65);}
.pf-item.here{color:var(--purple-mid);}
/* STAT PILL */
.stat-pill{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:0.75rem 1.1rem;text-align:center;}
.sp-val{font-family:'Syne',sans-serif;font-size:1.4rem;color:white;line-height:1;}
.sp-label{font-size:0.65rem;color:rgba(255,255,255,0.38);text-transform:uppercase;letter-spacing:0.08em;margin-top:0.2rem;}
@media(max-width:900px){nav{padding:0 1.25rem;}.sec,.sec-sm{padding:3rem 1.25rem;}.footer-grid{grid-template-columns:1fr 1fr;}.form-row,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}.mode-bar{padding:0 1.25rem;}}
@media(max-width:640px){.nav-links{display:none;}}