/* DIVIA Landing Page — styles.css */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --bg:#070707;--bg2:#0f0f0f;--border:#1e1e1e;
  --text:#f2f2f2;--muted:#888;--accent:#FFD400;--accent-fg:#111;
  --radius:8px;
}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;line-height:1.7;}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;line-height:1.2;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;}

/* LAYOUT */
.container{max-width:1100px;margin:0 auto;}
.narrow{max-width:640px;margin:0 auto;}
.text-center{text-align:center;}
.section-padding{padding:5rem 1.5rem;}
.bg-secondary{background:var(--bg2) !important;}

/* NAV */
.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;background:rgba(7,7,7,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);}
.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;}
.logo{height:32px;}
.nav-links{list-style:none;display:flex;gap:2rem;}
.nav-links a{font-size:.875rem;color:var(--muted);transition:color .2s;}
.nav-links a:hover{color:var(--accent);}
.menu-toggle{display:none;background:none;border:none;color:var(--text);cursor:pointer;}
@media(max-width:768px){
  .nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:var(--bg);border-top:1px solid var(--border);padding:1rem 1.5rem;gap:1rem;}
  .nav-links.open{display:flex;}
  .menu-toggle{display:block;}
}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:6rem;}
.hero h1{font-size:clamp(1.75rem,5vw,3.25rem);font-weight:700;margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto;}
.hero-sub{max-width:600px;margin:0 auto 2.5rem;color:var(--muted);font-size:1.05rem;}
.hero-sub p{margin-bottom:.75rem;}
.hero-sub strong{color:var(--text);}
.video-placeholder{max-width:600px;margin:0 auto 2.5rem;aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:'Space Grotesk',sans-serif;font-size:1.1rem;background:var(--bg2);}

/* BUTTONS */
.btn-primary{display:inline-block;background:var(--accent);color:var(--accent-fg);font-family:'Space Grotesk',sans-serif;font-weight:700;padding:.9rem 2rem;border-radius:var(--radius);border:none;cursor:pointer;font-size:1rem;transition:filter .2s;}
.btn-primary:hover{filter:brightness(1.1);}
.big-btn{font-size:1.15rem;padding:1.15rem 2.5rem;}
.full-width{width:100%;}

/* TEXT */
.highlight{color:var(--accent);font-weight:600;}
.big{font-size:1.25rem;}
.big-text{font-family:'Space Grotesk',sans-serif;font-size:1.35rem;font-weight:600;margin-bottom:.5rem;}
.body-text{color:var(--muted);font-size:1.05rem;margin-bottom:.75rem;}
.body-text strong{color:var(--text);}
.muted{color:var(--muted);}
.small{font-size:.85rem;}
.small-caps{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;margin-bottom:.25rem;}
h2{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;margin-bottom:1.5rem;}

/* CARDS */
.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;}
.card.accent-border{border-color:rgba(255,212,0,.3);}
.card-num{font-family:'Space Grotesk',sans-serif;font-size:2.5rem;font-weight:700;color:var(--accent);opacity:.8;}
.card h3{font-size:1.1rem;font-weight:600;margin:.75rem 0 .5rem;color:var(--text);}
.card p{color:var(--muted);font-size:.95rem;}
.big-number{font-family:'Space Grotesk',sans-serif;font-size:2.5rem;font-weight:700;}

.grid-2x2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:1.5rem 0;}
.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:2rem 0;}
@media(max-width:640px){.grid-2x2,.grid-2col{grid-template-columns:1fr;}}

.card-list{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0;}
.card-item{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;display:flex;align-items:flex-start;gap:.75rem;}
.icon-alert{color:var(--accent);font-size:1rem;flex-shrink:0;}
.icon-check{color:var(--accent);font-weight:700;flex-shrink:0;}

/* CHECK LIST */
.check-list{list-style:none;margin:1rem 0 2rem;display:flex;flex-direction:column;gap:.5rem;}
.check-list li{color:var(--text);font-size:1rem;}

/* BADGES */
.badges-row{display:flex;align-items:center;gap:2rem;margin:1.5rem 0 2rem;flex-wrap:wrap;}
.badges-list{display:flex;flex-wrap:wrap;gap:.5rem;flex:1;}
.badge{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem 1rem;font-size:.85rem;color:var(--text);}
.premier-badge{width:120px;}

/* CALLOUT */
.callout{background:rgba(255,212,0,.1);border:1px solid rgba(255,212,0,.2);border-radius:var(--radius);padding:1.5rem;text-align:center;color:var(--accent);font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.1rem;margin:2rem 0;}

/* FORM */
.form-group{margin-bottom:1.25rem;}
.form-group label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem;}
.form-group input,.form-group textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;color:var(--text);font-family:'Inter',sans-serif;font-size:.9rem;transition:border-color .2s;}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:rgba(255,212,0,.5);}
.form-group input::placeholder,.form-group textarea::placeholder{color:#555;}
.error-msg{color:#ff4d4d;font-size:.75rem;margin-top:.25rem;}
.success-msg{text-align:center;padding:3rem 2rem;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);}

/* FOOTER */
.footer{text-align:center;padding:2.5rem 1.5rem;border-top:1px solid var(--border);}
.footer .logo{height:28px;margin-bottom:1rem;}
.footer p{color:var(--muted);font-size:.85rem;}