/* ========================================================
   Prism Nova Theme (unique to google3)                    
   Deep midnight navy + neon cyan + sunset coral palette   
   ======================================================== */
:root {
  --navy:#081420;
  --navy-2:#0d2133;
  --cyan:#06b6d4;
  --coral:#fb923c;
  --white:#ffffff;
  --gray:#f1f5f9;
  --font:"Segoe UI",Tahoma,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--font);line-height:1.6;color:var(--navy-2);background:var(--white);}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}

/* -------------------- Navigation -------------------- */
.site-nav{position:sticky;top:0;z-index:1000;background:rgba(8,20,32,.8);backdrop-filter:blur(10px);}
.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;}
.nav-brand{color:var(--white);font-weight:700;font-size:20px;}
.nav-menu{display:flex;gap:24px;}
.nav-link{color:var(--gray);position:relative;padding:6px 8px;transition:.3s;color:#cbd5e1;}
.nav-link:hover{color:var(--white);}
.nav-link.active{color:var(--cyan);}
.nav-link.active::after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:3px;background:var(--cyan);border-radius:2px;}

/* -------------------- Buttons -------------------- */
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--cyan);color:var(--white);padding:12px 24px;font-size:16px;border:none;border-radius:6px;cursor:pointer;transition:.3s;}
.btn:hover{background:var(--coral);}
.btn-sm{padding:8px 16px;font-size:14px;}
.btn-outline{background:transparent;color:var(--cyan);border:2px solid var(--cyan);} .btn-outline:hover{background:var(--cyan);color:var(--white);} 

/* -------------------- Sections -------------------- */
.section{padding:80px 20px;}
.section.alt{background:var(--gray);} 
.sec-head{text-align:center;margin-bottom:48px;}
.sec-title{font-size:32px;font-weight:700;color:var(--navy);} 
.sec-sub{margin-top:8px;color:#475569;}

/* -------------------- Feature Cards -------------------- */
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;}
.feature-card{background:var(--white);border-radius:10px;padding:24px;box-shadow:0 4px 10px rgba(0,0,0,.06);transition:.3s;}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 6px 14px rgba(0,0,0,.08);} 
.feature-icon{width:48px;height:48px;margin-bottom:16px;color:var(--cyan);} 
.feature-title{font-size:20px;font-weight:600;margin-bottom:8px;}
.feature-desc{color:#64748b;font-size:15px;}

/* -------------------- Platforms -------------------- */
.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:32px;}
.platform-card{background:var(--navy);color:var(--white);padding:24px;border-radius:8px;text-align:center;transition:.3s;}
.platform-card:hover{background:var(--cyan);} 
.platform-icon{width:32px;height:32px;margin:0 auto 12px;color:var(--white);} 

/* -------------------- FAQ -------------------- */
.faq-list{max-width:800px;margin:0 auto;}
.faq-item{border-bottom:1px solid #e2e8f0;padding:16px 0;cursor:pointer;}
.faq-q{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--navy);} 
.faq-chevron{transition:.3s;}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease;}
.faq-a-inner{padding:12px 0;color:#475569;}
.faq-item.open .faq-a{max-height:200px;}
.faq-item.open .faq-chevron{transform:rotate(180deg);} 

/* -------------------- Stats -------------------- */
.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;}
.stat-item{text-align:center;}
.stat-num{font-size:36px;font-weight:700;color:var(--cyan);} 
.stat-lbl{color:#475569;}

/* -------------------- Tables -------------------- */
.compare-table{width:100%;border-collapse:collapse;}
.compare-table th,.compare-table td{padding:12px;border:1px solid #e2e8f0;text-align:center;}
.compare-highlight{background:var(--cyan);color:var(--white);} 

/* -------------------- Footer -------------------- */
.site-footer{background:var(--navy);color:var(--gray);padding:40px 20px;text-align:center;font-size:14px;line-height:1.8;}
.site-footer .security{color:var(--cyan);} 

/* -------------------- Utilities -------------------- */
.wrap{max-width:1200px;margin:0 auto;}
.mb-24{margin-bottom:24px;}

/* -------------------- Animations -------------------- */
@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}