/* Lumework — shared styles for sub-pages (privacy, terms, 404, thank-you) */
:root{
  --ice:#8fd0ff; --sky-400:#74b0e4; --sky-500:#4f96d6; --sky-600:#357cbe;
  --deep-950:#061420; --deep-900:#0a1e30; --deep-850:#0d2739;
  --deep-800:#122c42; --deep-750:#16324b; --deep-700:#1a3a56; --deep-600:#22496a;
  --tx:#eaf3fb; --tx-2:#a9c8de; --tx-3:#8aabc4; --tx-4:#6f93ad;
  --mint:#38e0c8; --mint-2:#5fe9d2; --accent:#ff8a4c; --accent-2:#ffa06b; --wa:#25d366;
  --dclay:22px 24px 54px rgba(0,0,0,.62),-12px -12px 34px rgba(84,148,205,.10),inset 1px 1px 1px rgba(148,200,245,.18),inset -2px -3px 7px rgba(0,0,0,.5);
  --dclay-sm:12px 14px 30px rgba(0,0,0,.5),-6px -6px 18px rgba(84,148,205,.08),inset 1px 1px 1px rgba(148,200,245,.15),inset -1px -2px 5px rgba(0,0,0,.45);
  --ease:cubic-bezier(.2,.8,.25,1);
  --r-xl:38px; --r-lg:30px; --r-md:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Bricolage Grotesque',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-variation-settings:'opsz' 14;color:var(--tx);
  background:radial-gradient(900px 640px at 20% 8%,rgba(79,150,214,.22),transparent 60%),
             linear-gradient(170deg,var(--deep-900),var(--deep-950) 60%);
  min-height:100vh;-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;line-height:1.05;letter-spacing:-.035em;font-weight:600;font-variation-settings:'opsz' 96}
h2{font-size:clamp(24px,3vw,32px);margin:44px 0 16px;color:#fff}
h3{font-size:19px;margin:28px 0 10px;color:#fff;font-variation-settings:'opsz' 40}
p,li{margin:0 0 14px;font-size:16px;line-height:1.72;color:var(--tx-2)}
ul{padding-left:22px;margin:0 0 20px}
a{color:var(--ice)}
.bold{font-weight:800;font-variation-settings:'opsz' 96,'wght' 800;letter-spacing:-.045em}
.wrap{width:min(820px,92vw);margin:0 auto;padding:40px 0 90px}
:focus-visible{outline:3px solid var(--ice);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-9999px}.skip:focus{left:0;top:0;padding:14px 22px;background:var(--ice);color:#04263f;font-weight:700;z-index:99}

header{padding:26px 0;border-bottom:1px solid rgba(255,255,255,.08)}
header .wrap{padding:0;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1160px,92vw)}
.logo{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700;letter-spacing:-.03em;text-decoration:none;color:#fff}
.logo .mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
  background:linear-gradient(150deg,var(--ice),var(--sky-600));color:#04263f;font-size:16px;font-weight:800;
  box-shadow:0 10px 24px rgba(79,150,214,.5),0 1px 0 rgba(255,255,255,.5) inset}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:0;cursor:pointer;
  font-family:inherit;font-size:16px;font-weight:600;letter-spacing:-.01em;padding:18px 30px;
  border-radius:100px;text-decoration:none;transition:transform .18s var(--ease),box-shadow .18s}
.btn-glow{background:linear-gradient(150deg,var(--ice),var(--sky-500));color:#04263f;
  box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 18px 44px rgba(79,150,214,.55)}
.btn-glow:hover{transform:translateY(-3px)}
.btn-ghost{background:rgba(255,255,255,.08);color:#dceaf6;box-shadow:0 0 0 1px rgba(255,255,255,.16) inset}
.btn-ghost:hover{transform:translateY(-3px)}
.btn-sm{padding:13px 22px;font-size:14.5px}

.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:#b6dcff;padding:9px 17px;border-radius:100px;background:rgba(255,255,255,.07);
  box-shadow:0 0 0 1px rgba(255,255,255,.13) inset}
.panel{padding:38px;border-radius:var(--r-lg);background:linear-gradient(158deg,var(--deep-750),var(--deep-850));box-shadow:var(--dclay);margin-top:30px}
.updated{font-size:13.5px;color:var(--tx-4);margin-top:14px}
footer{border-top:1px solid rgba(255,255,255,.07);padding:34px 0;font-size:13px;color:var(--tx-4)}
footer .wrap{padding:0;display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between;width:min(1160px,92vw)}
footer a{color:var(--tx-3);text-decoration:none;margin-right:18px}
footer a:hover{color:#fff}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media(max-width:600px){.panel{padding:26px}.btn{width:100%}}

[hidden]{display:none!important}
.btn-wa{background:var(--wa);color:#04241a;box-shadow:0 16px 38px rgba(37,211,102,.4)}
#cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:940;display:none;padding:20px 24px;border-radius:24px;gap:18px;align-items:center;flex-wrap:wrap;
  background:rgba(13,39,57,.97);box-shadow:0 26px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12) inset;max-width:760px;margin:0 auto}
#cookie.show{display:flex}
#cookie p{font-size:14px;color:var(--tx-2);flex:1;min-width:240px;line-height:1.5;margin:0}
#cookie .btn{width:auto}
