/* DriveX — legal/inner pages, matches the 2026 home design */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#04090a;--ink:#f2f2ff;--muted:#9a9ab8;
  --c1:#0faf5c;--c2:#18d26e;--c3:#2ce782;
  --grad:linear-gradient(110deg,var(--c1),var(--c2) 45%,var(--c3));
  --ease:cubic-bezier(.22,1,.36,1);
}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--muted);
  font-family:"Inter",sans-serif;line-height:1.8;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(45% 40% at 15% 10%,rgba(24,210,110,.10),transparent 60%),
    radial-gradient(50% 45% at 90% 85%,rgba(0,229,176,.07),transparent 60%);
}
::selection{background:var(--c2);color:#04120a}
a{color:inherit;text-decoration:none}

/* nav — same floating pill as home */
nav.dx{
  position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:90;
  display:flex;align-items:center;gap:34px;padding:12px 28px;border-radius:999px;
  background:rgba(10,10,28,.55);backdrop-filter:blur(20px) saturate(160%);
  -webkit-backdrop-filter:blur(20px) saturate(160%);
  border:1px solid rgba(255,255,255,.09);box-shadow:0 20px 50px -20px rgba(0,0,0,.6);
  white-space:nowrap;
}
nav.dx .logo{font-family:"Unbounded",sans-serif;font-weight:800;font-size:1.05rem;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
nav.dx .links{display:flex;gap:26px}
nav.dx .links a{font-size:.88rem;font-weight:500;color:var(--muted);transition:color .25s}
nav.dx .links a:hover{color:#fff}
nav.dx .cta{font-size:.85rem;font-weight:600;padding:9px 20px;border-radius:999px;background:var(--grad);color:#fff;
  transition:transform .25s var(--ease),box-shadow .25s}
nav.dx .cta:hover{transform:scale(1.06);box-shadow:0 0 30px rgba(24,210,110,.6)}
@media(max-width:760px){
  nav.dx{left:12px;right:12px;transform:none;justify-content:space-between;gap:14px;padding:10px 18px}
  nav.dx .links{display:none}
}

/* page header */
.page-hero{position:relative;z-index:1;text-align:center;padding:170px 24px 70px}
.page-hero .kicker{font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--c3);font-weight:600;margin-bottom:16px}
.page-hero h1{
  font-family:"Unbounded",sans-serif;font-weight:800;color:var(--ink);
  font-size:clamp(1.9rem,5vw,3.6rem);letter-spacing:-.02em;line-height:1.1;
}
.page-hero .crumb{margin-top:22px;font-size:.9rem}
.page-hero .crumb a{color:var(--c3)}
.page-hero .crumb a:hover{color:#fff}

/* prose */
.prose{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:20px 24px 110px}
.prose h2,.prose h3{
  font-family:"Space Grotesk",sans-serif;color:var(--ink);
  font-size:1.35rem;letter-spacing:-.01em;margin:44px 0 14px;
  padding-left:16px;border-left:3px solid var(--c2);
}
.prose p{margin-bottom:16px}
.prose ul{margin:0 0 16px 22px}
.prose li{margin-bottom:8px}
.prose a{color:var(--c3)}

/* footer — same as home */
footer.dx{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.08);padding:50px 24px;text-align:center;color:var(--muted);font-size:.9rem}
footer.dx .biglogo{
  font-family:"Unbounded",sans-serif;font-weight:800;font-size:clamp(3rem,12vw,9rem);line-height:1;
  background:linear-gradient(180deg,rgba(255,255,255,.14),transparent);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  user-select:none;margin-bottom:30px;
}
footer.dx .flinks{display:flex;gap:26px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}
footer.dx .flinks a{color:var(--muted);transition:color .25s}
footer.dx .flinks a:hover{color:#fff}

a:focus-visible{outline:3px solid var(--c3);outline-offset:3px}
@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important}}