/* Parallang homepage redesign
   Tokens imported from colors_and_type.css. */

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
svg{display:block;max-width:100%;flex-shrink:0;}
svg:not([width]){width:1em;height:1em;}
body{
  font-family:var(--font-body);
  color:var(--fg-1);
  background:#fff;
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
svg{max-width:100%;height:auto;}

:root{
  --pg-max:1200px;
  --pg-x:clamp(20px,4vw,56px);
  --navy:#2a3554;
  --navy-ink:#020823;
  --blue:#004FFF;
  --blue-hover:#3372ff;
  --blue-bg:#f0f4ff;
  --blue-border:#e8efff;
  --line:#e2e7f2;
  --line-strong:#d1d7e1;
  --muted:#7a82a9;
  --muted-2:#a4afc6;
  --app-bg:#f9fbff;
  --ink-2:#3f496f;
}

/* Section rhythm */
.section{padding:clamp(64px,9vw,128px) var(--pg-x);}
.section__inner{max-width:var(--pg-max);margin:0 auto;}
.section--dark{background:var(--navy-ink);color:#fff;}
.section--tint{background:var(--app-bg);}

.eyebrow{
  font:var(--fw-medium) 11.5px/1 var(--font-body);
  text-transform:uppercase;letter-spacing:.14em;
  color:var(--blue);
  margin-bottom:14px;display:inline-block;
}
.section--dark .eyebrow{color:#8eaaff;}

.section__kicker{
  font-family:var(--font-display);font-weight:700;
  font-size:clamp(32px,4.4vw,56px);
  line-height:1.05;letter-spacing:-0.022em;
  color:var(--navy);margin:0 0 18px;max-width:24ch;
  text-wrap:balance;
}
.section--dark .section__kicker{color:#fff;}
.section__lede{
  font-size:clamp(16px,1.5vw,19px);line-height:1.55;
  color:var(--ink-2);max-width:60ch;margin:0 0 48px;
}
.section--dark .section__lede{color:#c9d2ea;}

/* ─── Nav ──────────────────────────────────────────────────────────── */
.nav{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px var(--pg-x);
  background:rgba(255,255,255,.92);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--line);
}
.nav__logo{height:76px;display:block;}
.nav__cta{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--blue);color:#fff;
  padding:10px 18px;border-radius:8px;
  font:var(--fw-semibold) 13.5px/1 var(--font-body);
  transition:all .2s ease-out;
  box-shadow:0 4px 14px rgba(0,79,255,.25);
}
.nav__cta:hover { background: var(--blue-hover); color: #fff; transform: translateY(-1px); box-shadow: 0 8px 22px rgba(0,79,255,.3); }
.nav__cta:visited, .nav__cta:active, .nav__cta:focus { color: #fff; }
.nav__cta-icon{width:14px;height:14px;display:block;flex-shrink:0;}

/* ─── Hero ─────────────────────────────────────────────────────────── */
.hero{
  position:relative;overflow:hidden;
  padding:clamp(56px,7vw,96px) var(--pg-x) clamp(72px,9vw,120px);
}
.hero__inner{max-width:var(--pg-max);margin:0 auto;}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(40px,6vw,80px);align-items:center;}
@media (max-width:900px){.hero__grid{grid-template-columns:1fr;gap:48px;}}

.hero__eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font:var(--fw-medium) 12px/1 var(--font-body);
  color:var(--navy);background:var(--blue-bg);
  padding:7px 12px;border-radius:999px;
  border:1px solid var(--blue-border);
  margin-bottom:22px;
}
.hero__eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(0,79,255,.18);}
.hero__title{
  font-family:var(--font-display);font-weight:700;
  font-size:clamp(40px,5.6vw,72px);
  line-height:1.02;letter-spacing:-0.028em;
  color:var(--navy);margin:0 0 20px;
  text-wrap:balance;
}
.hero__title em{font-style:normal;color:var(--blue);}
.hero__sub{
  font-size:clamp(16px,1.35vw,19px);line-height:1.55;
  color:var(--ink-2);margin:0 0 32px;max-width:52ch;
}
.hero__sub b{font-weight:600;color:var(--navy);}

.hero__ctas{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:18px;}
.hero__primary{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--blue);color:#fff;
  padding:15px 26px;border-radius:10px;
  font:var(--fw-semibold) 15px/1 var(--font-body);
  box-shadow:0 4px 14px rgba(0,79,255,.25);
  transition:all .2s ease-out;
}
.hero__primary:hover{background:var(--blue-hover);transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,79,255,.3);color:#fff;}
.hero__primary:visited,.hero__primary:active,.hero__primary:focus{color:#fff;}
.hero__primary svg{width:18px;height:18px;display:block;flex-shrink:0;}
.hero__meta{font-size:13.5px;color:var(--muted);}
.hero__meta::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--muted-2);margin-right:10px;vertical-align:middle;}

/* Hero media shared */
.hero__media{
  position:relative;border-radius:16px;overflow:hidden;
  box-shadow:0 18px 48px rgba(42,53,84,.12),0 2px 6px rgba(42,53,84,.06);
  background:#fff;border:1px solid var(--line);
  aspect-ratio:4/3.1;
}

/* Hero variant A — document reconstruction */
.hv-recon{background:linear-gradient(135deg,#fafbff,#eff3fb);padding:32px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;}
.hv-recon__doc{background:#fff;border-radius:8px;box-shadow:0 6px 20px rgba(42,53,84,.08);aspect-ratio:.78;padding:18px 16px;display:flex;flex-direction:column;gap:7px;overflow:hidden;position:relative;}
.hv-recon__doc.scan{filter:contrast(.9) brightness(.97);background:linear-gradient(#fafaf6,#fff);}
.hv-recon__doc.scan::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(0,0,0,.02) 4px 5px);pointer-events:none;}
.hv-recon__label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-2);margin-bottom:4px;}
.hv-recon__line{height:5px;border-radius:2px;background:#e2e7f2;}
.hv-recon__line.sm{width:58%;}
.hv-recon__line.xs{width:36%;}
.hv-recon__line.dark{background:var(--navy);height:7px;width:70%;margin-bottom:6px;}
.hv-recon__block{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.hv-recon__block .hv-recon__line{height:3.5px;}
.hv-recon__arrow{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--blue);}
.hv-recon__arrow svg{width:42px;height:42px;display:block;}
.hv-recon__arrow-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);}
.hv-recon__pulse{position:absolute;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,var(--blue),transparent);animation:scan 2.8s ease-in-out infinite;top:50%;}
@keyframes scan{0%,100%{top:12%;opacity:0;}10%{opacity:1;}50%{top:88%;opacity:1;}90%{opacity:0;}}

/* Hero variant B — before/after */
.hv-ba{display:grid;grid-template-rows:1fr 1fr;gap:2px;background:var(--line);padding:0;}
.hv-ba__pane{background:#fff;padding:28px 30px;position:relative;overflow:hidden;}
.hv-ba__pane.after{background:linear-gradient(135deg,#fff,#f5f8ff);}
.hv-ba__tag{position:absolute;top:14px;right:14px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.9);padding:4px 8px;border-radius:999px;border:1px solid var(--line);}
.hv-ba__pane.after .hv-ba__tag{color:var(--blue);border-color:var(--blue-border);background:var(--blue-bg);}
.hv-ba__line{height:6px;border-radius:2px;background:#e2e7f2;margin-bottom:6px;}
.hv-ba__line.head{height:8px;width:60%;background:var(--navy);margin-bottom:10px;}
.hv-ba__line.short{width:42%;}
.hv-ba__line.med{width:72%;}
.hv-ba__col2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;}
.hv-ba__col2 .hv-ba__line{height:4px;}

/* Hero variant C — product screen */
.hv-prod{background:#fff;display:flex;flex-direction:column;}
.hv-prod__bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fafbfe;}
.hv-prod__dots{display:flex;gap:6px;}
.hv-prod__dot{width:10px;height:10px;border-radius:50%;background:#e4e8f1;}
.hv-prod__url{flex:1;text-align:center;font-size:11px;color:var(--muted);font-family:ui-monospace,monospace;}
.hv-prod__body{display:grid;grid-template-columns:180px 1fr;flex:1;}
.hv-prod__side{background:#fafbfe;border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:6px;}
.hv-prod__side-item{padding:8px 10px;border-radius:6px;font-size:12px;color:var(--ink-2);display:flex;align-items:center;gap:8px;}
.hv-prod__side-item.active{background:var(--blue-bg);color:var(--blue);font-weight:600;}
.hv-prod__side-item .hv-prod__ico{width:14px;height:14px;border-radius:3px;background:currentColor;opacity:.4;}
.hv-prod__side-item.active .hv-prod__ico{opacity:1;}
.hv-prod__main{padding:20px 22px;display:flex;flex-direction:column;gap:12px;}
.hv-prod__card{border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.hv-prod__card .lbl{font-size:12px;color:var(--navy);font-weight:600;}
.hv-prod__card .lbl .sub{display:block;font-size:10.5px;color:var(--muted);font-weight:400;margin-top:3px;}
.hv-prod__pill{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:4px;background:#e8f4ea;color:#2f7a3d;}
.hv-prod__pill.proc{background:#fff1d8;color:#8a5a12;}

/* ─── Trusted by ───────────────────────────────────────────────────── */
.trusted{
  padding:52px var(--pg-x);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:#fff;
}
.trusted__inner{max-width:var(--pg-max);margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;}
@media (max-width:900px){.trusted__inner{grid-template-columns:1fr;gap:24px;text-align:center;}}
.trusted__label{font:var(--fw-medium) 11.5px/1.5 var(--font-body);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;}
@media (max-width:900px) { .trusted__label { white-space:normal; text-align:center; } }
.trusted__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:32px;align-items:center;}
@media (max-width:900px){.trusted__grid{grid-template-columns:repeat(3,1fr);gap:24px;}}
.trusted__logo{height:28px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:var(--font-display);font-weight:700;letter-spacing:-0.02em;font-size:16px;opacity:.65;filter:grayscale(1);transition:all .2s;}
.trusted__logo:hover{opacity:1;filter:none;color:var(--navy);}

/* ─── Problem framing ──────────────────────────────────────────────── */
.problem__days{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line);border-radius:16px;overflow:hidden;border:1px solid var(--line);margin-top:24px;}
@media (max-width:900px){.problem__days{grid-template-columns:1fr;}}
.problem__day{background:#fff;padding:36px 36px 40px;display:flex;flex-direction:column;}
.problem__day.after{background:linear-gradient(180deg,#f7faff,#fff);}
.problem__day-tag{font:var(--fw-medium) 10.5px/1 var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:10px;}
.problem__day.after .problem__day-tag{color:var(--blue);}
.problem__day-h{font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--navy);margin:0 0 20px;letter-spacing:-0.015em;}
.problem__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;}
.problem__item{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;font-size:14.5px;line-height:1.5;color:var(--ink-2);}
.problem__item-num{
  font-family:var(--font-display);font-size:12px;font-weight:700;
  width:26px;height:26px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  background:#eef1f8;color:var(--muted);flex-shrink:0;
}
.problem__day.after .problem__item-num{background:var(--blue);color:#fff;}
.problem__item b{color:var(--navy);font-weight:600;}

/* ─── How it works ─────────────────────────────────────────────────── */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;counter-reset:step;}
@media (max-width:900px){.steps{grid-template-columns:1fr;}}
.step{
  background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:32px 30px;display:flex;flex-direction:column;gap:16px;
  position:relative;transition:all .2s ease-out;
}
.step:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(42,53,84,.06);border-color:var(--blue-border);}
.step__num{
  font-family:var(--font-display);font-weight:700;font-size:13px;
  width:32px;height:32px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  background:var(--navy);color:#fff;
}
.step__title{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-0.015em;color:var(--navy);margin:0;}
.step__body{font-size:14.5px;line-height:1.55;color:var(--ink-2);margin:0;}
.step__viz{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:12.5px;display:flex;align-items:center;gap:10px;font-family:ui-monospace,ui-sans-serif,monospace;}
.step__viz svg{width:18px;height:18px;flex-shrink:0;color:var(--blue);display:block;}

/* ─── Features ─────────────────────────────────────────────────────── */
.features{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:32px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--line);}
@media (max-width:900px){.features{grid-template-columns:1fr;}}
.feature{background:#fff;padding:40px 40px 44px;display:flex;flex-direction:column;gap:18px;}
.feature--wide{grid-column:span 2;}
@media (max-width:900px){.feature--wide{grid-column:span 1;}}
.feature__icon{width:44px;height:44px;border-radius:10px;background:var(--blue-bg);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.feature__icon svg{width:22px;height:22px;display:block;}
.feature__h{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-0.015em;color:var(--navy);margin:0;}
.feature__body{font-size:14.5px;line-height:1.55;color:var(--ink-2);margin:0;}
.feature__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.feature__tag{font:var(--fw-medium) 11px/1 var(--font-body);padding:5px 10px;border-radius:999px;background:#eef1f8;color:var(--ink-2);}

/* ─── Use cases ────────────────────────────────────────────────────── */
.usecases{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px;}
@media (max-width:1100px){.usecases{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.usecases{grid-template-columns:1fr;}}
.usecase{
  padding:28px 26px 30px;background:#fff;border:1px solid var(--line);
  border-radius:14px;display:flex;flex-direction:column;gap:12px;
  transition:all .2s ease-out;
}
.usecase:hover{border-color:var(--navy);transform:translateY(-2px);}
.usecase__ico{width:40px;height:40px;border-radius:10px;background:#eef1f8;color:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.usecase__ico svg{width:22px;height:22px;display:block;}
.usecase__h{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-0.01em;color:var(--navy);margin:0;}
.usecase__body{font-size:13.5px;line-height:1.55;color:var(--ink-2);margin:0;}
.usecase__ex{font-size:12px;color:var(--muted);margin-top:auto;padding-top:12px;border-top:1px solid var(--line);}

/* ─── Security ─────────────────────────────────────────────────────── */
.security{background:var(--navy-ink);color:#fff;}
.security .section__kicker{color:#fff;}
.security .section__lede{color:#fff;}
.security__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start;margin-top:24px;}
@media (max-width:900px){.security__grid{grid-template-columns:1fr;gap:36px;}}
.security__list{list-style:none;margin:0;padding:0;display:grid;gap:18px;}
.security__item{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:20px 22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;}
.security__item svg{width:22px;height:22px;color:#8eaaff;flex-shrink:0;margin-top:2px;display:block;}
.security__item-h{font-family:var(--font-display);font-weight:700;font-size:16px;margin:0 0 4px;color:#fff;}
.security__item-p{font-size:13.5px;line-height:1.55;color:#c9d2ea;margin:0;}
.security__badges{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.security__badge{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:20px 18px;}
.security__badge-tag{font:var(--fw-medium) 10.5px/1 var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:#8eaaff;margin-bottom:6px;}
.security__badge-h{font-family:var(--font-display);font-weight:700;font-size:15px;color:#fff;margin:0 0 4px;}
.security__badge-p{font-size:12.5px;line-height:1.5;color:#a4afc6;margin:0;}

/* ─── Testimonials ─────────────────────────────────────────────────── */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px;}
@media (max-width:1100px){.quotes{grid-template-columns:1fr;}}
.quote{background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px 30px 30px;display:flex;flex-direction:column;gap:18px;}
.quote__mark{font-family:var(--font-display);font-size:48px;font-weight:700;color:var(--blue);line-height:1;height:24px;margin-bottom:-8px;}
.quote__body{font-size:16px;line-height:1.55;color:var(--navy);margin:0;text-wrap:pretty;}
.quote__foot{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line);}
.quote__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;font-family:var(--font-display);}
.quote__name{font-size:13.5px;font-weight:600;color:var(--navy);margin:0;}
.quote__role{font-size:12.5px;color:var(--muted);margin:2px 0 0;}

/* ─── Case studies ─────────────────────────────────────────────────── */
.cases{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-top:32px;}
@media (max-width:900px){.cases{grid-template-columns:1fr;}}
.case{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:40px;
  display:flex;flex-direction:column;gap:24px;
}
.case--dark{background:var(--navy);color:#fff;border-color:var(--navy);}
.case__client{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:-0.01em;}
.case--dark .case__client{color:#fff;}
.case__client-dot{width:24px;height:24px;border-radius:6px;background:var(--blue);}
.case__quote{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.25;letter-spacing:-0.015em;color:var(--navy);margin:0;text-wrap:pretty;}
.case--dark .case__quote{color:#fff;font-size:22px;}
.case__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:auto;padding-top:24px;border-top:1px solid var(--line);}
.case--dark .case__metrics{border-top-color:rgba(255,255,255,.1);grid-template-columns:1fr;gap:20px;padding-top:0;border-top:none;}
.case__metric-val{font-family:var(--font-display);font-weight:700;font-size:34px;letter-spacing:-0.02em;color:var(--blue);line-height:1;margin-bottom:4px;}
.case--dark .case__metric-val{color:#8eaaff;}
.case__metric-lbl{font-size:12px;color:var(--muted);line-height:1.4;}
.case--dark .case__metric-lbl{color:#c9d2ea;}

/* ─── Final CTA ────────────────────────────────────────────────────── */
.final{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--blue) 0%,#3372ff 50%,#5a8eff 100%);
  color:#fff;text-align:center;
}
.final::before,.final::after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.06);}
.final::before{top:-100px;right:-60px;width:280px;height:280px;}
.final::after{bottom:-120px;left:-80px;width:220px;height:220px;background:rgba(255,255,255,.04);}
.final__inner{position:relative;max-width:720px;margin:0 auto;padding:clamp(80px,10vw,140px) var(--pg-x);}
.final__h{font-family:var(--font-display);font-weight:700;font-size:clamp(36px,5vw,56px);line-height:1.05;letter-spacing:-0.025em;color:#fff;margin:0 0 20px;text-wrap:balance;}
.final__p{font-size:17px;line-height:1.55;color:rgba(255,255,255,.88);margin:0 0 36px;max-width:46ch;margin-left:auto;margin-right:auto;}
.final__cta{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--blue);padding:16px 28px;border-radius:12px;font:var(--fw-semibold) 15.5px/1 var(--font-body);box-shadow:0 10px 28px rgba(0,0,0,.18);transition:all .2s ease-out;}
.final__cta:hover{background:var(--blue-bg);transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.22);}
.final__cta svg{width:18px;height:18px;display:block;flex-shrink:0;}
.final__meta{display:block;font-size:13px;color:rgba(255,255,255,.72);margin-top:18px;}

/* ─── Footer ───────────────────────────────────────────────────────── */
.footer{background:var(--navy-ink);color:#fff;padding:72px var(--pg-x) 32px;}
.footer__inner{max-width:var(--pg-max);margin:0 auto;}
.footer__top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);}
@media (max-width:900px){.footer__top{grid-template-columns:1fr 1fr;gap:32px;}}
@media (max-width:600px){.footer__top{grid-template-columns:1fr;}}
.footer__brand{display:flex;flex-direction:column;gap:18px;}
.footer__logo{height:68px;width:auto;}
.footer__tag{font-size:13.5px;line-height:1.55;color:#a4afc6;max-width:32ch;margin:0;}
.footer__col h5{font:var(--fw-semibold) 11.5px/1 var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:#fff;margin:0 0 16px;}
.footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.footer__col a{font-size:13.5px;color:#a4afc6;transition:color .15s;}
.footer__col a:hover{color:#fff;}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;font-size:12.5px;color:#7a82a9;flex-wrap:wrap;gap:16px;}
.footer__legal{display:flex;gap:20px;flex-wrap:wrap;}
.footer__legal a:hover{color:#fff;}
.footer__social{display:flex;gap:10px;}
.footer__social a{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:#a4afc6;transition:all .15s;}
.footer__social a:hover{background:rgba(255,255,255,.1);color:#fff;}
.footer__social svg{width:14px;height:14px;display:block;}

/* ─── Tweaks panel ─────────────────────────────────────────────────── */
.tweaks{
  position:fixed;right:20px;bottom:20px;z-index:100;
  background:#fff;border:1px solid var(--line);border-radius:14px;
  box-shadow:0 20px 48px rgba(42,53,84,.15),0 4px 14px rgba(42,53,84,.08);
  padding:20px 22px;width:280px;font-family:var(--font-body);
}
.tweaks__h{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--navy);margin:0 0 16px;display:flex;align-items:center;gap:8px;}
.tweaks__h::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--blue);}
.tweaks__row{margin-bottom:14px;}
.tweaks__row:last-child{margin-bottom:0;}
.tweaks__label{display:block;font:var(--fw-medium) 11px/1.4 var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:7px;}
.tweaks__opts{display:flex;gap:4px;background:#f0f3fb;border-radius:8px;padding:3px;}
.tweaks__opt{flex:1;padding:6px 8px;font-size:12px;font-weight:500;color:var(--ink-2);border-radius:6px;text-align:center;cursor:pointer;transition:all .15s;}
.tweaks__opt:hover{color:var(--navy);}
.tweaks__opt.on{background:#fff;color:var(--navy);font-weight:600;box-shadow:0 1px 3px rgba(42,53,84,.1);}
.tweaks__toggle{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--navy);font-weight:500;}
.tweaks__switch{width:34px;height:20px;border-radius:999px;background:#d1d7e1;position:relative;cursor:pointer;transition:background .15s;}
.tweaks__switch.on{background:var(--blue);}
.tweaks__switch::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s;}
.tweaks__switch.on::after{transform:translateX(14px);}

/* Bold accent mode (optional tweak) */
[data-accent="bold"] .hero__title em{
  background:linear-gradient(135deg,var(--blue),var(--blue-hover));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
[data-accent="bold"] .section__kicker strong{color:var(--blue);}

/* ─── Motion system ────────────────────────────────────────────────
   Respects prefers-reduced-motion.                                 */
@media (prefers-reduced-motion: no-preference){
  /* Scroll-reveal for section content */
  .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
  .reveal.in{opacity:1;transform:none;}
  /* Staggered children */
  .reveal-stagger > *{opacity:0;transform:translateY(14px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);}
  .reveal-stagger.in > *{opacity:1;transform:none;}
  .reveal-stagger.in > *:nth-child(1){transition-delay:.04s}
  .reveal-stagger.in > *:nth-child(2){transition-delay:.10s}
  .reveal-stagger.in > *:nth-child(3){transition-delay:.16s}
  .reveal-stagger.in > *:nth-child(4){transition-delay:.22s}
  .reveal-stagger.in > *:nth-child(5){transition-delay:.28s}
  .reveal-stagger.in > *:nth-child(6){transition-delay:.34s}
}

/* Metric number — tabular figures so they don't jitter while counting */
.metric__num{
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum";
  display:inline-block;
}

/* Refined hover treatments */
.step{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s cubic-bezier(.2,.7,.2,1),border-color .35s;}
.step:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(42,53,84,.08),0 4px 10px rgba(42,53,84,.04);border-color:var(--blue-border);}
.step__num{transition:transform .35s cubic-bezier(.2,.7,.2,1),background .25s;}
.step:hover .step__num{transform:scale(1.06);background:var(--blue);}

.feature{transition:background .35s cubic-bezier(.2,.7,.2,1);}
.feature:hover{background:#fafcff;}
.feature__icon{transition:transform .4s cubic-bezier(.2,.7,.2,1),background .25s;}
.feature:hover .feature__icon{transform:scale(1.08) rotate(-2deg);background:#e4ecff;}

.usecase{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .25s;}
.usecase:hover{transform:translateY(-4px);border-color:var(--navy);box-shadow:0 20px 44px rgba(42,53,84,.1);}
.usecase__ico{transition:transform .4s cubic-bezier(.34,1.4,.44,1),background .25s,color .25s;}
.usecase:hover .usecase__ico{transform:scale(1.1);background:var(--navy);color:#fff;}

.quote{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .25s;}
.quote:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(42,53,84,.08);border-color:#c7d0e6;}

.case{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s;}
.case--hover:hover{transform:translateY(-4px);box-shadow:0 24px 52px rgba(42,53,84,.12);}
.case--dark.case--hover:hover{box-shadow:0 24px 60px rgba(2,8,35,.55);}

/* Metric number hover pulse */
.case__metric-val{transition:transform .3s cubic-bezier(.2,.7,.2,1);}
.case__metrics > div:hover .case__metric-val{transform:scale(1.04);}

/* Security item gentle hover */
.security__item{transition:transform .35s cubic-bezier(.2,.7,.2,1),background .25s,border-color .25s;}
.security__item:hover{transform:translateX(4px);background:rgba(255,255,255,.07);border-color:rgba(142,170,255,.3);}
.security__badge{transition:transform .35s cubic-bezier(.2,.7,.2,1),background .25s,border-color .25s;}
.security__badge:hover{transform:translateY(-2px);background:rgba(255,255,255,.06);border-color:rgba(142,170,255,.25);}

/* Primary CTA pulse */
.hero__primary,.final__cta{position:relative;overflow:hidden;}
.hero__primary::after,.final__cta::after{
  content:'';position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);
  transform:translateX(-120%);transition:transform .8s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}
.hero__primary:hover::after,.final__cta:hover::after{transform:translateX(120%);}

/* Eyebrow dot subtle breathing */
@media (prefers-reduced-motion: no-preference){
  .hero__eyebrow-dot{animation:heroDot 2.4s ease-in-out infinite;}
}
@keyframes heroDot{
  0%,100%{box-shadow:0 0 0 4px rgba(0,79,255,.18);}
  50%{box-shadow:0 0 0 8px rgba(0,79,255,.04);}
}

/* ─── Responsive polish ───────────────────────────────────────────── */
/* Tablet */
@media (max-width:900px){
  .nav{padding:14px var(--pg-x);}
  .nav__logo{height:64px;}
  .nav__cta{padding:9px 14px;font-size:13px;white-space:nowrap;}
  .hero{padding-top:48px;padding-bottom:64px;}
  .hero__title{font-size:clamp(36px,7vw,56px);}
  .hero__sub{font-size:16px;}
  .hero__media{aspect-ratio:16/11;}
  .section__kicker{font-size:clamp(30px,5.2vw,44px);}
  .hero__primary,.final__cta{padding:14px 22px;font-size:14.5px;}
}
/* Mobile */
@media (max-width:600px){
  :root{--pg-x:20px;}
  .nav__logo{height:56px;}
  .nav__cta{padding:8px 12px;font-size:12.5px;}
  .nav__cta-icon{display:none;}
  .hero{padding-top:36px;padding-bottom:52px;}
  .hero__eyebrow{font-size:11px;padding:6px 10px;}
  .hero__title{font-size:clamp(32px,8.5vw,44px);line-height:1.05;word-break:break-word;hyphens:auto;}
  .hero__sub{font-size:15px;margin-bottom:24px;}
  .hero__ctas{gap:14px;}
  .hero__primary{padding:13px 20px;width:100%;justify-content:center;}
  .hero__meta{font-size:12.5px;}
  .hero__media{aspect-ratio:16/12;}
  .section{padding-top:56px;padding-bottom:56px;}
  .section__kicker{font-size:clamp(26px,7vw,36px);margin-bottom:14px;}
  .section__lede{font-size:15px;margin-bottom:32px;}
  /* Hero variants internal shrink */
  .hv-recon{padding:20px;gap:14px;}
  .hv-recon__arrow svg{width:28px;height:28px;}
  .hv-recon__arrow-label{font-size:9px;}
  .hv-prod__body{grid-template-columns:120px 1fr;}
  .hv-prod__side{padding:12px 8px;}
  .hv-prod__side-item{font-size:11px;padding:6px 8px;}
  .hv-prod__main{padding:14px;}
  /* Sections */
  .problem__day{padding:28px 24px;}
  .problem__day-h{font-size:20px;}
  .step{padding:26px 24px;}
  .step__title{font-size:20px;}
  .feature{padding:30px 26px;}
  .feature__h{font-size:20px;}
  .usecase{padding:24px 22px;}
  .security__item{padding:18px;}
  .security__badges{grid-template-columns:1fr;}
  .quote{padding:26px 24px;}
  .quote__body{font-size:15px;}
  .case{padding:30px 26px;}
  .case__quote{font-size:22px;}
  .case--dark .case__quote{font-size:19px;}
  .case__metrics{grid-template-columns:1fr;gap:14px;}
  .case__metric-val{font-size:28px;}
  .final__h{font-size:clamp(28px,8vw,40px);}
  .final__p{font-size:15px;}
  .final__cta{padding:14px 22px;font-size:14.5px;width:100%;justify-content:center;box-sizing:border-box;max-width:320px;}
  .footer{padding:52px var(--pg-x) 24px;}
  .footer__bottom{flex-direction:column;align-items:flex-start;text-align:left;}
  .trusted__grid{grid-template-columns:repeat(2,1fr);gap:20px;}
  .tweaks{right:12px;bottom:12px;left:12px;width:auto;}
}