*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Inter',sans-serif; overflow-x:hidden; color:#f0f0ff; }
body.theme-blue {
  background: radial-gradient(ellipse at 15% 50%, #0d2151 0%, transparent 55%),
              radial-gradient(ellipse at 85% 20%, #0a2a4a 0%, transparent 50%),
              linear-gradient(160deg, #020b1e 0%, #04122e 40%, #020917 100%);
  --primary:#3b82f6; --secondary:#38bdf8; --accent:#818cf8;
  --card:rgba(59,130,246,0.09); --border:rgba(59,130,246,0.3);
  --glow1:rgba(59,130,246,0.3);
}
.grad { background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

/* ── Nav ── */
nav {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  display:flex; align-items:center; justify-content:space-between;
  padding:1.2rem 5%;
  background:rgba(0,0,0,0.5); backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
}
.logo { font-family:'Orbitron',sans-serif; font-size:1.4rem; font-weight:900; letter-spacing:2px; text-decoration:none; }
.logo-dprs { background:linear-gradient(135deg,#fff,#93c5fd); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.logo-ai { background:linear-gradient(135deg,#00f5ff,#7c3aed); -webkit-background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 0 8px rgba(0,245,255,0.6)); }
.back-btn { color:rgba(240,240,255,0.6); text-decoration:none; font-size:0.85rem; font-weight:500; transition:color 0.3s; border:1px solid var(--border); padding:0.45rem 1.1rem; border-radius:50px; }
.back-btn:hover { color:#fff; border-color:var(--primary); }

/* ── Product Hero ── */
.product-hero {
  min-height:55vh; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center;
  padding:8rem 5% 4rem;
}
.product-icon { font-size:4rem; margin-bottom:1rem; }
.product-label { font-size:0.7rem; letter-spacing:4px; text-transform:uppercase; color:var(--secondary); margin-bottom:1rem; font-weight:600; }
.product-hero h1 { font-family:'Orbitron',sans-serif; font-size:clamp(2.5rem,6vw,5rem); font-weight:900; line-height:1.1; margin-bottom:1.2rem; }
.product-sub { font-size:clamp(0.95rem,2vw,1.15rem); color:rgba(240,240,255,0.6); max-width:620px; line-height:1.8; margin-bottom:2.5rem; }
.btn-primary { background:linear-gradient(135deg,var(--primary),var(--secondary)); color:#fff; text-decoration:none; padding:0.9rem 2.4rem; border-radius:50px; font-weight:700; font-size:1rem; box-shadow:0 0 30px var(--glow1); transition:transform 0.3s,box-shadow 0.3s; display:inline-block; }
.btn-primary:hover { transform:translateY(-3px); box-shadow:0 0 50px var(--glow1); }

/* ── Sections ── */
section { padding:5rem 5%; max-width:1200px; margin:0 auto; }
.features-section, .how-it-works, .usecases-section { max-width:1200px; margin:0 auto; padding:4rem 5%; }
.section-label { font-size:0.7rem; letter-spacing:4px; text-transform:uppercase; color:var(--secondary); font-weight:600; margin-bottom:0.8rem; }
.section-title { font-family:'Orbitron',sans-serif; font-size:clamp(1.6rem,3.5vw,2.4rem); font-weight:800; color:#f0f0ff; margin-bottom:3rem; }

/* ── Features Grid ── */
.features-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem; }
.feature-card { background:var(--card); border:1px solid var(--border); border-radius:16px; padding:2rem; transition:transform 0.3s,box-shadow 0.3s; }
.feature-card:hover { transform:translateY(-4px); box-shadow:0 20px 50px rgba(59,130,246,0.15); }
.feature-icon { font-size:2rem; margin-bottom:1rem; }
.feature-card h3 { font-family:'Orbitron',sans-serif; font-size:0.95rem; font-weight:700; color:#f0f0ff; margin-bottom:0.7rem; letter-spacing:1px; }
.feature-card p { font-size:0.88rem; color:rgba(240,240,255,0.55); line-height:1.7; }

/* ── How It Works ── */
.how-it-works { border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:4rem 5%; }
.steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:2rem; margin-top:1rem; }
.step { text-align:center; padding:1.5rem; }
.step-num { font-family:'Orbitron',sans-serif; font-size:2.5rem; font-weight:900; color:var(--primary); opacity:0.4; margin-bottom:0.8rem; }
.step h3 { font-family:'Orbitron',sans-serif; font-size:0.9rem; font-weight:700; color:#f0f0ff; margin-bottom:0.6rem; }
.step p { font-size:0.85rem; color:rgba(240,240,255,0.5); line-height:1.6; }

/* ── Use Cases ── */
.usecases-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; }
.usecase-card { background:var(--card); border:1px solid var(--border); border-radius:12px; padding:1.5rem 1.2rem; display:flex; align-items:flex-start; gap:0.8rem; transition:all 0.3s; }
.usecase-card:hover { border-color:var(--primary); background:rgba(59,130,246,0.15); }
.usecase-card span { font-size:1.5rem; flex-shrink:0; }
.usecase-card p { font-size:0.82rem; color:rgba(240,240,255,0.6); line-height:1.5; }

/* ── CTA Section ── */
.cta-section { text-align:center; padding:5rem 5%; border-top:1px solid var(--border); max-width:100%; }
.cta-section h2 { font-family:'Orbitron',sans-serif; font-size:clamp(1.5rem,3vw,2.2rem); font-weight:800; color:#f0f0ff; margin-bottom:1rem; }
.cta-section p { font-size:1rem; color:rgba(240,240,255,0.5); margin-bottom:2rem; }

/* ── Footer ── */
footer { text-align:center; padding:2rem 5%; border-top:1px solid var(--border); font-size:0.82rem; color:rgba(240,240,255,0.3); }
footer a { color:var(--secondary); text-decoration:none; }

/* ── Modal ── */
.modal-overlay { display:none; position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,0.75); backdrop-filter:blur(8px); align-items:center; justify-content:center; }
.modal-overlay.open { display:flex; }
.modal { background:linear-gradient(160deg,#04122e 0%,#020b1e 100%); border:1px solid rgba(59,130,246,0.35); border-radius:20px; padding:2.5rem 2.5rem 2rem; width:100%; max-width:540px; position:relative; box-shadow:0 30px 80px rgba(0,0,0,0.6); animation:modalIn 0.3s ease; max-height:90vh; overflow-y:auto; }
@keyframes modalIn { from{opacity:0;transform:translateY(30px) scale(0.97);}to{opacity:1;transform:none;} }
.modal-close { position:absolute; top:1.2rem; right:1.4rem; background:none; border:none; color:rgba(240,240,255,0.4); font-size:1.5rem; cursor:pointer; transition:color 0.2s; }
.modal-close:hover { color:#fff; }
.modal-logo { font-family:'Orbitron',sans-serif; font-size:1rem; font-weight:900; margin-bottom:0.4rem; }
.modal-title { font-family:'Orbitron',sans-serif; font-size:1.3rem; font-weight:700; color:#f0f0ff; margin-bottom:0.4rem; }
.modal-sub { font-size:0.85rem; color:rgba(240,240,255,0.45); margin-bottom:1.5rem; }
.form-row { display:flex; gap:1rem; margin-bottom:1rem; }
.form-group { display:flex; flex-direction:column; flex:1; gap:0.4rem; }
.form-group label { font-size:0.75rem; color:rgba(240,240,255,0.5); letter-spacing:1px; text-transform:uppercase; }
.form-group input, .form-group select, .form-group textarea { background:rgba(255,255,255,0.05); border:1px solid rgba(59,130,246,0.25); border-radius:10px; padding:0.7rem 1rem; color:#f0f0ff; font-size:0.9rem; font-family:'Inter',sans-serif; outline:none; transition:border-color 0.3s; width:100%; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color:var(--primary); box-shadow:0 0 0 3px rgba(59,130,246,0.15); }
.form-group input::placeholder, .form-group textarea::placeholder { color:rgba(240,240,255,0.2); }
.form-group textarea { resize:vertical; min-height:80px; }
.modal-submit { width:100%; margin-top:1.2rem; background:linear-gradient(135deg,#3b82f6,#38bdf8); border:none; border-radius:50px; color:#fff; font-size:1rem; font-weight:700; padding:0.9rem; cursor:pointer; font-family:'Inter',sans-serif; box-shadow:0 0 30px rgba(59,130,246,0.35); transition:transform 0.2s,box-shadow 0.3s; }
.modal-submit:hover { transform:translateY(-2px); box-shadow:0 0 50px rgba(59,130,246,0.5); }
.modal-success { display:none; text-align:center; padding:2.5rem 1rem; }
.modal-success .check { font-size:4rem; display:block; margin-bottom:1rem; }
.modal-success h3 { font-family:'Orbitron',sans-serif; font-size:1.4rem; color:#38bdf8; margin-bottom:0.8rem; }
.modal-success .thank-msg { font-size:0.95rem; color:rgba(240,240,255,0.7); line-height:1.7; margin-bottom:0.5rem; }
.close-btn { display:inline-block; margin-top:1.2rem; background:linear-gradient(135deg,#3b82f6,#38bdf8); color:#fff; border:none; border-radius:50px; padding:0.7rem 2rem; font-size:0.95rem; font-weight:700; cursor:pointer; font-family:'Inter',sans-serif; }