/* Live Life Activated | Fall26 web tokens (DRAFT 2026-10-29). Source: Fall26 deck PAL. */
:root{
  --c-ink:#0F172A; --c-cobalt:#1B4F8A; --c-panel:#1E3A5F; --c-panel-2:#163250;
  --c-cyan:#22D3EE; --c-cyan-hover:#67E8F9; --c-cyan-deep:#0E7490; --c-cyan-light:#A5F3FC; --c-mist:#ECFEFF;
  --c-green:#84CC16; --c-white:#FFFFFF; --c-soft:#CBD5E1; --c-muted:#94A3B8;
  --font-head:"Liberation Sans",Arial,Helvetica,sans-serif; --font-body:"Liberation Sans",Arial,Helvetica,sans-serif;
  --fs-h1:clamp(2.25rem,4.5vw,3.875rem); --fs-h2:clamp(1.75rem,3vw,2.75rem); --fs-h3:1.5rem; --fs-body:clamp(1.0625rem,1.2vw,1.25rem); --fs-small:.875rem;
  --lh-head:1.12; --lh-body:1.5;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;
  --r-sm:12px; --r-md:22px; --r-pill:999px;
  --mat:35px; --mat-hairline:2px; --mat-tick:48px; --mat-clear:28px; /* chips clear frame 0.25 to 0.30 in */
  --glass-bg:rgba(30,58,95,.55); --glass-border:rgba(34,211,238,.7); --glass-blur:12px;
  --shadow:0 12px 40px rgba(2,6,23,.45);
}
body{background:var(--c-ink);color:var(--c-soft);font:400 var(--fs-body)/var(--lh-body) var(--font-body)}
h1,h2,h3{font-family:var(--font-head);font-weight:700;color:var(--c-cyan);line-height:var(--lh-head)} /* Title Case in copy */
.hero{background:url(assets/glass-wave-hero-1920x1080.webp) center/cover var(--c-ink)}
@media (max-width:640px){.hero{background-image:url(assets/glass-wave-hero-mobile-828x1792.webp)}}
.section-wave{background:url(assets/glass-wave-section-1920x1080.webp) center/cover var(--c-panel-2)}
.btn{display:inline-flex;align-items:center;min-height:48px;padding:14px 28px;border-radius:var(--r-pill);font-weight:700;text-decoration:none;transition:.2s}
.btn-primary{background:var(--c-cyan);color:var(--c-ink)} .btn-primary:hover,.btn-primary:focus-visible{background:var(--c-cyan-hover)}
.btn-secondary{border:3px solid var(--c-cyan);color:var(--c-cyan);background:transparent} .btn-secondary:hover,.btn-secondary:focus-visible{background:var(--c-panel);color:var(--c-white)}
.glass{background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:var(--r-md);backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow)}
.chip{display:inline-block;padding:6px 14px;border:2px solid var(--c-cyan);border-radius:var(--r-pill);color:var(--c-cyan);font-weight:700;font-size:var(--fs-small);background:rgba(15,23,42,.8)}
.mat-frame{position:relative;border:var(--mat) solid var(--c-cobalt);outline:var(--mat-hairline) solid var(--c-cyan);outline-offset:calc(-1 * var(--mat) - 1px);padding:var(--mat-clear)}
.accent-green{color:var(--c-green)} /* punch only, rare */

/* v3 box specs (see web-box-specs.md) */
:root{
  --box-border:3px solid #22D3EE; --box-border-accent:3px solid #84CC16; --box-radius:14px; --card-radius:24px;
  --box-glow:0 0 12px rgba(34,211,238,.85),0 0 32px rgba(34,211,238,.45);
  --box-glow-accent:0 0 12px rgba(132,204,22,.85),0 0 32px rgba(132,204,22,.45);
  --panel-grad:linear-gradient(180deg,#1E3A5F 0%,#0B1A33 100%); --page-bg:#050B18;
  --pad-card:32px; --pad-card-m:20px;
  --fs-display:82px; --fs-h2:60px; --fs-callout:64px; --fs-h3:32px; --fs-body:22px; --fs-fine:14px;
  --fs-display-m:40px; --fs-h2-m:36px; --fs-callout-m:44px; --fs-h3-m:24px; --fs-body-m:16px; --fs-fine-m:12px;
}
.section-box{border:var(--box-border);border-radius:var(--box-radius);box-shadow:var(--box-glow);margin:22px;position:relative}
.section-box.accent{border:var(--box-border-accent);box-shadow:var(--box-glow-accent)}
.card{background:var(--panel-grad);border:var(--box-border);border-radius:var(--card-radius);box-shadow:var(--box-glow);padding:var(--pad-card);position:relative}
.card.accent{border:var(--box-border-accent);box-shadow:var(--box-glow-accent)}
.card::before,.card::after{content:"";position:absolute;width:36px;height:36px;border:0 solid #fff}
.card::before{top:8px;left:8px;border-top-width:4px;border-left-width:4px}
.card::after{bottom:8px;right:8px;border-bottom-width:4px;border-right-width:4px}
.chip{display:inline-block;background:#22D3EE;color:#0F172A;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.5em 1em;border-radius:999px;outline:2px solid #E6FFFF;outline-offset:3px;box-shadow:0 0 12px rgba(34,211,238,.9),0 0 30px rgba(34,211,238,.5)}
.chip.accent{background:#84CC16;box-shadow:0 0 12px rgba(132,204,22,.9),0 0 30px rgba(132,204,22,.5)}
.display{font-size:var(--fs-display);font-weight:700;color:#22D3EE;text-shadow:0 0 14px rgba(34,211,238,.6)}
@media (max-width:600px){.section-box{margin:10px}.card{padding:var(--pad-card-m)}.display{font-size:var(--fs-display-m)}}
/* v4 headline + bullet cards */
:root{--fs-display:115px;--fs-h2:84px;--fs-display-m:56px;--fs-h2-m:50px}
.headline{font-weight:700;color:#22D3EE;-webkit-text-stroke:3px currentColor;text-shadow:0 0 8px rgba(34,211,238,.9),0 0 24px rgba(34,211,238,.5),0 0 48px rgba(34,211,238,.3);line-height:1.08}
.headline .key{color:#84CC16;text-shadow:0 0 8px rgba(132,204,22,.9),0 0 24px rgba(132,204,22,.5)}
.bullet-cards{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.bullet-cards .card{display:flex;gap:24px;align-items:center;font-weight:700;font-size:21px;line-height:1.35}
.bullet-cards .card:nth-child(even){border:var(--box-border-accent);box-shadow:var(--box-glow-accent)}
.bullet-cards .icon{flex:0 0 64px;height:64px;filter:drop-shadow(0 0 10px rgba(34,211,238,.9))}
@media (max-width:600px){.headline{-webkit-text-stroke:2px currentColor}.bullet-cards{grid-template-columns:1fr;gap:20px}.bullet-cards .card{font-size:15px}}