/* QuantumPeak — Warm Amber Data Platform */
:root{--pri:#d97706;--pri-d:#b45309;--pri-l:#fbbf24;--bg:#fffbeb;--card:#fff;--text:#451a03}
*,::before,::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Inter","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:#1e293b;line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}

.nav{position:fixed;top:0;width:100%;z-index:50;background:rgba(255,255,255,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(217,119,6,.06);padding:.7rem 0;transition:all .3s}
.nav.scrolled{box-shadow:0 2px 16px rgba(217,119,6,.08)}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.nav-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none}
.nav-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#d97706,#f59e0b);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem}
.nav-links{display:flex;gap:1.5rem;align-items:center}
.nav-links a{text-decoration:none;font-weight:600;font-size:.8rem;color:#475569;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--pri)}
.nav-cta{padding:.5rem 1.2rem;background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff!important;border-radius:10px;font-weight:700!important;font-size:.78rem!important;box-shadow:0 4px 14px rgba(217,119,6,.2)}.nav-cta:hover{box-shadow:0 6px 22px rgba(217,119,6,.35);transform:translateY(-1px)}
#mt{display:none;background:none;border:none;font-size:1.2rem;cursor:pointer}

.hero{min-height:90vh;display:flex;align-items:center;padding:5rem 1.5rem 3rem;text-align:center}
.hero .hc{max-width:640px;margin:0 auto}.hero .hbadge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .9rem;background:rgba(217,119,6,.06);border:1px solid rgba(217,119,6,.12);border-radius:50px;font-size:.73rem;font-weight:700;color:var(--pri);margin-bottom:1.2rem}
.hero h1{font-size:3.4rem;font-weight:900;color:#0f172a;line-height:1.1;margin-bottom:1rem}
.hero .gr{background:linear-gradient(135deg,#d97706,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero p{color:#64748b;font-size:1rem;line-height:1.7;margin-bottom:2rem}
.hero-stats{display:flex;gap:2.5rem;justify-content:center;margin-top:2rem}
.hs{text-align:center}.hs .hsn{font-size:1.8rem;font-weight:900;color:#0f172a}.hs .hsl{font-size:.72rem;color:#94a3b8;font-weight:600}

.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.8rem 1.8rem;border-radius:12px;font-weight:700;font-size:.9rem;text-decoration:none;transition:all .25s}
.btn-pri{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;box-shadow:0 8px 24px rgba(217,119,6,.25)}.btn-pri:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(217,119,6,.4)}
.btn-out{background:#fff;color:var(--text);border:2px solid#fef3c7}.btn-out:hover{border-color:var(--pri)}

.st{text-align:center;margin-bottom:3rem}.st h2{font-size:2.3rem;font-weight:900;color:#0f172a}.st .hl{color:var(--pri)}.st p{color:#64748b}

#features{padding:5rem 1.5rem;background:#fff}
#features .fg{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:1100px;margin:0 auto}
#features .fc{background:var(--bg);border-radius:18px;padding:1.8rem;border:1px solid#fef3c7;transition:all .35s;text-align:center}
#features .fc:hover{border-color:var(--pri-l);transform:translateY(-4px);box-shadow:0 12px 36px rgba(217,119,6,.06)}
#features .fc .fci{font-size:1.8rem;color:var(--pri);margin-bottom:.8rem}

#stats{padding:4rem 1.5rem;background:linear-gradient(135deg,#451a03,#78350f,#92400e);text-align:center}
#stats .sg{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;max-width:1000px;margin:0 auto}

#testimonials{padding:5rem 1.5rem;background:var(--bg)}
#testimonials .tg{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}

#faq{padding:5rem 1.5rem;background:#fff}
#faq .fw{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem}
#faq .fi{border:1px solid#fef3c7;border-radius:14px;overflow:hidden;background:#fffbeb}

#cta{padding:5rem 1.5rem;background:linear-gradient(135deg,#451a03,#92400e);text-align:center}

footer{background:#0f172a;color:#94a3b8;padding:3rem 1.5rem 1.5rem}
footer .fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;max-width:1100px;margin:0 auto 2rem}

.about-hero{min-height:45vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:6rem 1.5rem 3rem;background:linear-gradient(180deg,var(--bg),#fff)}
.about-section{padding:3.5rem 1.5rem}.about-section.w{background:#fff}

@media(max-width:768px){
  .nav-links{display:none}#mt{display:block}
  .hero h1{font-size:2.3rem}.hero-stats{gap:1.5rem}
  #features .fg{grid-template-columns:1fr}#stats .sg{grid-template-columns:repeat(2,1fr)}
  #testimonials .tg{grid-template-columns:1fr}footer .fg{grid-template-columns:1fr 1fr}
}