@import url('./reset.css?v=0.4.4');
@import url('./tokens.css?v=0.4.4');
@import url('./components.css?v=0.4.4');
@import url('./animations.css?v=0.4.4');

/* Critical design-token fallback: keeps layout intact even if a nested @import is stale/cached incorrectly. */
:root{
  --font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",sans-serif;
  --bg:#f6f7fc;
  --surface:#ffffff;
  --surface-2:#eef2ff;
  --ink:#0a1020;
  --muted:#5e6678;
  --line:rgba(59,80,130,.14);
  --line-strong:rgba(59,80,130,.22);
  --dark:#080b14;
  --dark-2:#0f1324;
  --dark-ink:#f7f8ff;
  --dark-muted:#98a4c4;
  --accent:#4f7cff;
  --accent-2:#7657ff;
  --accent-3:#38d9ff;
  --accent-4:#ff58c5;
  --accent-soft:rgba(79,124,255,.12);
  --gradient-primary:linear-gradient(135deg,#4f7cff 0%,#7657ff 52%,#a855f7 100%);
  --gradient-multi:linear-gradient(135deg,#38d9ff 0%,#4f7cff 30%,#7657ff 68%,#ff58c5 100%);
  --gradient-surface:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(244,247,255,.92) 100%);
  --success:#1f9d62;
  --radius-sm:14px;
  --radius-md:22px;
  --radius-lg:32px;
  --radius-xl:48px;
  --shadow-soft:0 24px 80px rgba(42,58,115,.10);
  --shadow-card:0 18px 50px rgba(48,63,122,.10);
  --shadow-glow:0 16px 44px rgba(94,94,255,.22);
  --container:1240px;
  --gutter:clamp(20px,4vw,56px);
  --section:clamp(88px,12vw,180px);
  --ease:cubic-bezier(.2,.8,.2,1);
}


html{background:var(--bg);overflow-x:hidden}
body{font-family:var(--font-sans);background:
  radial-gradient(circle at 0% 0%,rgba(56,217,255,.10),transparent 26%),
  radial-gradient(circle at 100% 8%,rgba(118,87,255,.11),transparent 26%),
  linear-gradient(180deg,#f8f9fe 0%,#f3f5fb 100%);color:var(--ink);letter-spacing:-.015em}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
::selection{background:var(--accent-2);color:#fff}
.container{width:min(calc(100% - var(--gutter)*2),var(--container));margin-inline:auto}
.section{padding-block:var(--section)}
.section-tight{padding-block:clamp(64px,8vw,110px)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2)}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:99px;background:linear-gradient(135deg,var(--accent-3),var(--accent-2) 55%,var(--accent-4));box-shadow:0 0 18px rgba(118,87,255,.55)}
.display{font-size:clamp(58px,9.4vw,148px);line-height:.88;letter-spacing:-.07em;font-weight:700}
.h1{font-size:clamp(50px,7vw,104px);line-height:.94;letter-spacing:-.06em;font-weight:700}
.h2{font-size:clamp(40px,5.3vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:680}
.h3{font-size:clamp(26px,3vw,40px);line-height:1.06;letter-spacing:-.04em;font-weight:660}
.lead{font-size:clamp(20px,2vw,30px);line-height:1.3;letter-spacing:-.035em;color:var(--muted);max-width:780px}
.body-lg{font-size:clamp(18px,1.45vw,22px);line-height:1.45;color:var(--muted)}
.small{font-size:14px;color:var(--muted)}
.muted{color:var(--muted)}
.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}
.dark-section{background:
  radial-gradient(circle at 10% 15%,rgba(56,217,255,.12),transparent 20%),
  radial-gradient(circle at 90% 10%,rgba(168,85,247,.18),transparent 28%),
  linear-gradient(180deg,var(--dark) 0%,var(--dark-2) 100%);color:var(--dark-ink)}
.dark-section .muted,.dark-section .lead,.dark-section .body-lg{color:var(--dark-muted)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.stack{display:grid;gap:24px}
.spacer-32{height:32px}.spacer-48{height:48px}.spacer-64{height:64px}
.page-hero{padding:clamp(150px,18vw,240px) 0 clamp(88px,10vw,140px);position:relative;overflow:hidden;background:
  radial-gradient(circle at 85% 8%,rgba(56,217,255,.12),transparent 26%),
  radial-gradient(circle at 15% 18%,rgba(118,87,255,.10),transparent 24%)}
.page-hero::before{content:"";position:absolute;right:-120px;top:-180px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(79,124,255,.20),rgba(118,87,255,.10) 36%,transparent 70%);filter:blur(8px);pointer-events:none}
.page-hero .lead{margin-top:30px}
.page-kicker{margin-bottom:26px}
.footer-space{height:40px}
@media(max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}.display{font-size:clamp(54px,16vw,92px)}.page-hero{padding-top:140px}}