/* ── Aniket Malvankar · Innovate or die ── Shared Design System ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --bg:#07111f; --bg2:#0d1e31; --bg3:#0f2438; --bg4:#111827;
  --card:rgba(255,255,255,.04); --card-h:rgba(255,255,255,.07);
  --border:rgba(255,255,255,.08); --border-h:rgba(255,255,255,.16);
  --white:#fff; --t1:rgba(255,255,255,.92); --t2:rgba(255,255,255,.55);
  --t3:rgba(255,255,255,.28); --t4:rgba(255,255,255,.12);
  --sky:#38bdf8; --blue:#1a56db; --green:#34d399; --purple:#a78bfa;
  --amber:#fbbf24; --coral:#fb7185; --teal:#2dd4bf; --indigo:#818cf8;
  --red:#f87171;
  --r:10px; --r-lg:16px; --r-xl:22px;
}
html{scroll-behavior:smooth;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Inter',sans-serif;background:var(--bg);color:var(--t1);line-height:1.65;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}

/* ── Nav ── */
nav{position:sticky;top:0;z-index:100;background:rgba(7,17,31,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:58px;}
.nav-logo{font-size:.95rem;font-weight:800;letter-spacing:-.02em;color:var(--white);}
.nav-logo span{color:var(--sky);}
.nav-tagline{font-size:.65rem;color:var(--t3);font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-top:1px;}
.nav-links{display:flex;gap:1.5rem;align-items:center;}
.nav-links a{font-size:.82rem;font-weight:500;color:var(--t2);transition:color .2s;white-space:nowrap;}
.nav-links a:hover,.nav-links a.active{color:var(--white);}
.nav-cta{background:var(--blue);color:var(--white)!important;padding:.38rem .9rem;border-radius:7px;font-size:.78rem!important;font-weight:600!important;transition:background .2s!important;}
.nav-cta:hover{background:#1648c0!important;}

/* ── Page hero ── */
.page-hero{padding:3.5rem 2rem 2.5rem;border-bottom:1px solid var(--border);}
.page-hero h1{font-size:clamp(1.9rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;color:var(--white);line-height:1.1;}
.page-hero p{font-size:.95rem;color:var(--t2);max-width:520px;margin-top:.65rem;line-height:1.7;}

/* ── Section ── */
section{padding:4rem 2rem;}
.container{max-width:1100px;margin:0 auto;}
.section-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sky);margin-bottom:.5rem;}
h2{font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:800;letter-spacing:-.03em;color:var(--white);line-height:1.15;margin-bottom:.75rem;}
.section-sub{font-size:.9rem;color:var(--t2);max-width:500px;margin-bottom:2rem;line-height:1.7;}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.3rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;}
.btn-primary{background:var(--blue);color:#fff;}
.btn-primary:hover{background:#1648c0;transform:translateY(-1px);}
.btn-ghost{background:var(--card);color:var(--t1);border:1px solid var(--border);}
.btn-ghost:hover{background:var(--card-h);border-color:var(--border-h);}
.btn-sky{background:rgba(56,189,248,.15);color:var(--sky);border:1px solid rgba(56,189,248,.25);}
.btn-sky:hover{background:rgba(56,189,248,.22);}

/* ── Tags ── */
.tag{display:inline-block;padding:.22rem .6rem;border-radius:99px;font-size:.7rem;font-weight:600;}
.tag-sky{background:rgba(56,189,248,.12);color:var(--sky);}
.tag-blue{background:rgba(26,86,219,.15);color:#60a5fa;}
.tag-green{background:rgba(52,211,153,.12);color:var(--green);}
.tag-purple{background:rgba(167,139,250,.12);color:var(--purple);}
.tag-amber{background:rgba(251,191,36,.12);color:var(--amber);}
.tag-coral{background:rgba(251,113,133,.12);color:var(--coral);}
.tag-teal{background:rgba(45,212,191,.12);color:var(--teal);}
.tag-indigo{background:rgba(129,140,248,.12);color:var(--indigo);}
.tag-gray{background:var(--t4);color:var(--t2);}
.tag-red{background:rgba(248,113,113,.12);color:var(--red);}

/* ── Cards ── */
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.5rem;transition:all .2s;}
.card:hover{background:var(--card-h);border-color:var(--border-h);}

/* ── Divider ── */
.divider{border:none;border-top:1px solid var(--border);margin:2.5rem 0;}

/* ── Footer ── */
footer{background:#040c16;border-top:1px solid var(--border);padding:2.5rem 2rem;text-align:center;}
.footer-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;text-align:left;margin-bottom:2rem;}
.footer-col h4{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);margin-bottom:.9rem;}
.footer-col a{display:block;font-size:.82rem;color:var(--t2);margin-bottom:.4rem;transition:color .2s;}
.footer-col a:hover{color:var(--white);}
.footer-bottom{font-size:.78rem;color:var(--t3);border-top:1px solid var(--border);padding-top:1.5rem;margin-top:0;}

/* ── Hamburger button ── */
.nav-hamburger{display:none;background:none;border:1px solid var(--border);border-radius:7px;color:var(--t1);font-size:1.15rem;cursor:pointer;padding:.3rem .65rem;line-height:1.3;transition:border-color .2s;}
.nav-hamburger:hover{border-color:var(--border-h);}
.nav-toptal{display:inline-flex;align-items:center;gap:.4rem;background:#296bff;color:#fff!important;font-size:.72rem;font-weight:700;padding:.35rem .9rem;border-radius:8px;white-space:nowrap;letter-spacing:.01em;text-decoration:none;margin-left:.5rem;}
.nav-toptal:hover{background:#1d4ed8!important;}

/* ── Responsive ── */
@media(max-width:900px){
  .nav-hamburger{display:flex;align-items:center;justify-content:center;}
  .nav-links{
    display:none;position:fixed;top:58px;left:0;right:0;z-index:99;
    flex-direction:column;gap:0;
    background:rgba(7,17,31,.97);backdrop-filter:blur(20px);
    border-bottom:1px solid var(--border);padding:.5rem 1.5rem 1rem;
  }
  nav.open .nav-links{display:flex;}
  .nav-links a{padding:.75rem .25rem;font-size:.9rem;border-bottom:1px solid var(--border);width:100%;}
  .nav-links a:last-child{border-bottom:none;margin-top:.5rem;}
  .nav-cta{display:block;text-align:center;}
  .nav-toptal{display:none;}
  section{padding:3rem 1.25rem;}
  .page-hero{padding:2.5rem 1.25rem 2rem;}
  .footer-grid{grid-template-columns:1fr;gap:1.5rem;}
}