:root{
  --ink:#111827;--muted:#64748b;--dark:#07111f;--dark2:#0d1b2d;--line:rgba(148,163,184,.2);
  --primary:#6d5dfc;--primary2:#8b7cff;--cyan:#22d3ee;--light:#f6f8fc;
}
*{scroll-behavior:smooth} body{font-family:Inter,system-ui,sans-serif;color:var(--ink);overflow-x:hidden}
.nav-glass{background:rgba(7,17,31,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.navbar-brand{font-weight:800}.brand-logo{width:32px;height:32px;object-fit:contain}.nav-link{color:#dbe5f2!important}.nav-link:hover{color:#fff!important}
.btn-primary{background:linear-gradient(135deg,var(--primary),#4f46e5);border:0;box-shadow:0 12px 30px rgba(109,93,252,.28)}
.btn-primary:hover{transform:translateY(-1px)}.hero-section{padding-top:100px;min-height:760px;color:#fff;background:radial-gradient(circle at 75% 25%,rgba(109,93,252,.34),transparent 30%),radial-gradient(circle at 20% 80%,rgba(34,211,238,.12),transparent 28%),linear-gradient(135deg,#06101d,#0c1b2f 60%,#11162c)}
.hero-section h1{font-family:"Playfair Display",serif;font-size:clamp(3rem,7vw,5.6rem);line-height:.98;letter-spacing:-.045em;max-width:900px}.hero-section h1 span{color:#b9b0ff}.lead{font-size:1.18rem;line-height:1.8;color:#cbd5e1;max-width:780px}
.eyebrow{display:inline-flex;gap:.5rem;align-items:center;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:#9f96ff;margin-bottom:1rem}
.hero-card{position:relative;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:.7rem;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.hero-card img{width:100%;display:block}.window-top{display:flex;align-items:center;gap:6px;padding:.35rem .5rem .65rem;color:#94a3b8;font-size:.72rem}.window-top span{width:8px;height:8px;border-radius:50%;background:#64748b}.window-top small{margin-left:auto}.floating-score{position:absolute;right:-18px;bottom:24px;background:#fff;color:var(--ink);padding:1rem 1.1rem;border-radius:16px;min-width:180px;box-shadow:0 20px 50px rgba(0,0,0,.35)}.floating-score strong{font-size:2rem;display:block}.floating-score strong span{font-size:.8rem;color:#64748b}.progress{height:6px}.progress-bar{background:linear-gradient(90deg,var(--primary),var(--cyan))}
.hero-proof strong{display:block;font-size:1.55rem}.hero-proof small{display:block;color:#94a3b8}.section-light{background:var(--light)}.section-dark{background:var(--dark);color:#fff}.section-gradient{background:radial-gradient(circle at 20% 0,rgba(109,93,252,.2),transparent 28%),linear-gradient(135deg,#0b1424,#15112e);color:#fff}
.section-heading{max-width:900px;margin-bottom:3rem}.section-heading h2{font-family:"Playfair Display",serif;font-size:clamp(2.3rem,5vw,4rem);line-height:1.05;letter-spacing:-.03em}.section-heading p{color:#94a3b8;font-size:1.05rem;line-height:1.8}.section-heading.dark p{color:#64748b}.section-heading.dark .eyebrow{color:#5d50e8}
.metric{padding:1.4rem}.metric i{font-size:1.7rem;color:#5d50e8;display:block;margin-bottom:.6rem}.metric strong,.metric span{display:block}.metric span{font-size:.85rem;color:var(--muted);margin-top:.25rem}
.feature-card{height:100%;padding:1.6rem;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.04);transition:.25s}.feature-card:hover{transform:translateY(-5px);border-color:rgba(139,124,255,.55);box-shadow:0 18px 50px rgba(0,0,0,.2)}.feature-card i{font-size:1.8rem;color:#9f96ff}.feature-card h3{margin:.9rem 0 .6rem}.feature-card p{color:#aebdce;line-height:1.7}.feature-card span{font-size:.72rem;color:#7f8ea3;text-transform:uppercase;letter-spacing:.08em}
.glass-panel{padding:2rem;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.045)}.glass-panel h3{margin-bottom:1.4rem}.check-list{list-style:none;padding:0;margin:0}.check-list li{padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.08);color:#cbd5e1}.check-list li:before{content:"✓";color:#6ee7f9;font-weight:800;margin-right:.6rem}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tech-grid div{padding:1rem;background:rgba(255,255,255,.04);border-radius:14px}.tech-grid strong,.tech-grid small{display:block}.tech-grid small{color:#94a3b8;margin-top:.3rem}.note{margin-top:1.3rem;padding:1rem;border-left:3px solid #8b7cff;background:rgba(109,93,252,.09);color:#b9c4d4}
.provider-cloud{display:flex;flex-wrap:wrap;gap:.8rem}.provider-cloud span{padding:.8rem 1rem;border:1px solid #dbe2ec;border-radius:999px;background:#fff;font-weight:600;color:#334155;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.mini-card,.use-card,.quality-card,.honest-card{height:100%;padding:1.6rem;border-radius:20px}.mini-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}.mini-card i,.use-card i{font-size:1.8rem;color:#9f96ff}.mini-card p,.use-card p{color:#94a3b8;line-height:1.7}.use-card{background:#fff;border:1px solid #e5eaf2;box-shadow:0 14px 40px rgba(15,23,42,.06)}.use-card h3{margin-top:1rem}.use-card p{color:#64748b}.architecture{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.architecture>div{padding:1.3rem;border:1px solid #e1e7f0;border-radius:18px;background:#fff}.architecture span{display:inline-block;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#6d5dfc;font-weight:800}.architecture strong,.architecture small{display:block}.architecture strong{margin:.35rem 0}.architecture small{color:#64748b;line-height:1.6}.code-panel{background:#07111f;color:#dbe5f2;border-radius:18px;overflow:hidden;border:1px solid #1e293b}.code-title{padding:.8rem 1rem;background:#0e1c30;color:#9f96ff;font-weight:700}.code-panel pre{margin:0;padding:1.2rem;white-space:pre-wrap;font-size:.82rem;line-height:1.7}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.timeline>div{position:relative;padding:1rem 1rem 1rem 0;border-top:1px solid #334155}.timeline b{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:#6d5dfc;color:#fff;margin-bottom:.8rem}.timeline h4{margin:.2rem 0}.timeline p{color:#94a3b8;font-size:.9rem;line-height:1.6}
.comparison{border:1px solid #e1e7f0;border-radius:18px;overflow:hidden;background:#fff}.comparison>div{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid #e8edf4;align-items:center}.comparison>div:last-child{border-bottom:0}.compare-head{background:#f1f5f9;font-weight:800}.comparison strong{color:#16a34a}.comparison span:last-child{color:#64748b}
.quality-card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1)}.quality-card span{font-size:.75rem;color:#9f96ff;font-weight:800}.quality-card h4{margin:.7rem 0}.quality-card p{color:#94a3b8;line-height:1.7}.small-muted{color:#64748b}.honest-card{background:#fff;border:1px solid #e2e8f0}.honest-card.good{border-color:#c7d2fe}.honest-card h3{font-size:1.2rem}.honest-card ul{color:#64748b;line-height:1.9}.honest-card.good i{color:#16a34a}.honest-card i{color:#d97706}
.accordion-item{border-color:#e2e8f0}.accordion-button{font-weight:700;padding:1.2rem}.accordion-button:not(.collapsed){color:#4338ca;background:#f5f3ff}.accordion-body{color:#64748b;line-height:1.8}
.cta-section{color:#fff;background:radial-gradient(circle at 50% 0,rgba(139,124,255,.35),transparent 30%),linear-gradient(135deg,#060d18,#121b31)}.cta-section h2{font-family:"Playfair Display",serif;font-size:clamp(2.5rem,6vw,4.5rem)}.cta-section p{max-width:760px;margin:1rem auto;color:#aebdce;line-height:1.8}
.footer{background:#050b13;color:#94a3b8;padding:2rem 0;font-size:.85rem}.footer strong{color:#fff}.footer small{color:#64748b}
@media(max-width:991px){.hero-section{padding-top:90px}.floating-score{right:8px}.architecture{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr}.timeline>div{padding-bottom:1.2rem}.tech-grid{grid-template-columns:1fr}}
@media(max-width:767px){.hero-section h1{font-size:3.2rem}.lead{font-size:1rem}.hero-proof{display:none}.architecture{grid-template-columns:1fr}.comparison>div{grid-template-columns:1.7fr .6fr 1fr;font-size:.85rem}.floating-score{position:relative;right:auto;bottom:auto;margin-top:1rem}.hero-card{padding:.5rem}}