/* Reset + base */
*{box-sizing:border-box}html{scroll-behavior:smooth}
:root{
  --bg:#0b0b0c;--card:#111215;--muted:#1a1b1f;--brand:#0ea5e9;--brand-2:#60a5fa;
  --text:#ebf0f5;--sub:#c7d0da;--accent:#10b981;--rose:#f472b6;--warn:#f59e0b;
  --radius:18px;--shadow:0 10px 25px rgba(0,0,0,.35)
}
body{
  margin:0;background:linear-gradient(120deg,#0a0a0b,#0e1217);
  color:var(--text);font:16px/1.8 "Vazirmatn", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial;
  direction:rtl
}
/* Container */
.container{max-width:1200px;margin:0 auto;padding:0 20px}
/* Header */
.header{position:sticky;top:0;z-index:10;background:rgba(11,11,12,.7);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid #16181d}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;gap:14px;align-items:center}
.brand img{height:34px}
.brand .title{font-weight:800;letter-spacing:.5px}
.menu{display:flex;gap:18px}
.menu a{color:var(--sub);text-decoration:none;padding:8px 12px;border-radius:10px}
.menu a:hover{color:var(--text);background:#16181d}
.burger{display:none;background:none;border:0;color:var(--text);font-size:24px}
@media (max-width:860px){
  .menu{display:none;flex-direction:column;background:var(--card);position:absolute;right:20px;top:64px;border:1px solid #20232a;border-radius:16px;padding:10px;width:220px;box-shadow:var(--shadow)}
  .menu.open{display:flex}
  .burger{display:block}
}
/* Hero */
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;padding:64px 0}
.hero .card{background:radial-gradient(1200px 400px at 80% -5%, rgba(14,165,233,.15), transparent), var(--card);border:1px solid #1b1e24;border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}
.hero h1{margin:0 0 8px;font-size:40px;line-height:1.2}
.hero p.lead{color:var(--sub);margin-top:8px}
.hero .badges{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.badge{padding:6px 10px;border-radius:999px;border:1px solid #253042;background:#0f1319;color:#cfe8ff;font-size:12px}
.hero-visual{position:relative;height:100%}
.blob{position:absolute;inset:0;background:radial-gradient(600px 300px at 30% 20%, rgba(96,165,250,.2), transparent), radial-gradient(500px 300px at 80% 60%, rgba(244,114,182,.15), transparent)}
.device{position:relative;margin-top:20px;border-radius:22px;border:1px solid #1c2230;background:linear-gradient(160deg,#0e131a,#0f1217);height:320px;box-shadow:var(--shadow);overflow:hidden}
.beam{position:absolute;inset:auto -20% 0 -20%;height:120px;background:linear-gradient(90deg,transparent,rgba(14,165,233,.25),transparent)}
@media (max-width:960px){
  .hero{grid-template-columns:1fr}
}
/* Section */
.section{padding:40px 0}
.section h2{font-size:28px;margin:0 0 12px}
.section .sub{color:var(--sub);margin-top:0}
/* Cards */
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:var(--card);border:1px solid #1b1e24;border-radius:var(--radius);padding:20px;transition:.2s box-shadow,.2s transform}
.card:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,0,0,.35)}
.card .icon{height:48px;width:48px;margin-bottom:6px}
.card h3{margin:6px 0 6px;font-size:18px}
.card p{color:var(--sub);margin:0}
@media (max-width:1100px){.card-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.card-grid{grid-template-columns:1fr}}
/* Features list */
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature{background:linear-gradient(180deg,#10141a,#0f1115);border:1px solid #1b1e24;border-radius:16px;padding:16px}
.feature h4{margin:0 0 8px}
@media (max-width:900px){.features{grid-template-columns:1fr}}
/* CTA band */
.cta{margin:24px 0;background:linear-gradient(90deg, rgba(14,165,233,.15), rgba(96,165,250,.1));border:1px solid #1b2a38;border-radius:18px;padding:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cta a.btn{background:var(--brand);color:#001018;text-decoration:none;border-radius:12px;padding:10px 16px;font-weight:700}
.cta a.btn:hover{filter:saturate(120%)}
/* Footer */
footer{margin-top:32px;padding:28px 0;border-top:1px solid #161a20;background:#0b0e12}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}
footer a{color:#b7c8d8;text-decoration:none}
footer a:hover{text-decoration:underline}
@media (max-width:860px){.footer-grid{grid-template-columns:1fr}}
/* Utilities */
.kicker{color:#7dd3fc;font-weight:700;letter-spacing:.3px}
.mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;color:#94a3b8}
.small{font-size:14px;color:var(--sub)}
.shadow{box-shadow:var(--shadow)}
hr.sep{border:0;border-top:1px solid #1b1e24;margin:24px 0}