:root {
  --pink: #f45381;
  --crimson: #d8315b;
  --bg: #0a070d;
  --white: #ffffff;
  --muted: rgba(255, 255, 255, 0.38);
  --gradient: linear-gradient(135deg, var(--pink) 0%, var(--crimson) 100%);
  --font-display: "Unbounded", sans-serif;
  --font-body: "Inter", sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%;
  background: var(--bg);
  overflow: hidden;
  font-family: var(--font-body);
}

#loading-screen {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg);
  z-index: 10;
}

#loading-screen::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 50% 50%, rgba(244, 83, 129, 0.18), transparent 42%);
  opacity: 0;
  animation: screenHeartbeat 2.8s ease-in-out infinite 2.8s;
}

.glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 380px;
  height: 380px;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(244, 83, 129, 0.16), transparent 70%);
  filter: blur(40px);
  pointer-events: none;
}

.texture-grain {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.09;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

.texture-dots {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(255, 255, 255, 0.6) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.1;
}

.texture-vignette {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 50%, transparent 40%, rgba(0, 0, 0, 0.6) 100%);
}

.stage {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  animation: stageIn 0.7s ease forwards 0.1s,
             siteHeartbeat 2.8s ease-in-out infinite 2.8s;
}

@keyframes stageIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes siteHeartbeat {
  0%, 18%, 42%, 100% { transform: scale(1); filter: brightness(1); }
  7% { transform: scale(1.045); filter: brightness(1.16); }
  12% { transform: scale(0.992); filter: brightness(1.04); }
  25% { transform: scale(1.027); filter: brightness(1.1); }
  32% { transform: scale(1); filter: brightness(1); }
}

@keyframes screenHeartbeat {
  0%, 18%, 42%, 100% { opacity: 0; transform: scale(0.96); }
  7% { opacity: 1; transform: scale(1.05); }
  12% { opacity: 0.22; transform: scale(1); }
  25% { opacity: 0.68; transform: scale(1.025); }
  34% { opacity: 0; transform: scale(1.07); }
}

.pulse-mark {
  position: relative;
  width: 132px;
  height: 132px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -20px;
}

.pulse-logo-wrap {
  width: 100px;
  height: 100px;
  display: grid;
  place-items: center;
  background: transparent;
  z-index: 2;
  animation: logoHeartbeat 2.8s ease-in-out infinite 1.8s;
}

.pulse-logo {
  display: block;
  width: 88px;
  height: 88px;
  object-fit: contain;
  mix-blend-mode: screen;
  filter: drop-shadow(0 0 10px rgba(244, 83, 129, 0.58));
}

@keyframes logoHeartbeat {
  0%, 18%, 42%, 100% { transform: scale(1); }
  7% { transform: scale(1.09); }
  12% { transform: scale(0.98); }
  25% { transform: scale(1.055); }
  31% { transform: scale(1); }
}

.pulse-ring {
  position: absolute;
  width: 94px;
  height: 94px;
  overflow: visible;
  opacity: 0;
  filter: drop-shadow(0 0 5px rgba(244, 83, 129, 0.95))
          drop-shadow(0 0 14px rgba(244, 83, 129, 0.55));
  display: none;
}

.pulse-ring path {
  fill: none;
  stroke: var(--pink);
  stroke-width: 2.75;
  vector-effect: non-scaling-stroke;
}

.pulse-ring.r2 {
  animation-delay: 0.32s;
}

.pulse-ring.r2 path {
  stroke: var(--crimson);
}

@keyframes ringHeartbeat {
  0% { transform: scale(0.92); opacity: 0; }
  4% { opacity: 1; }
  16% { opacity: 0.72; }
  32% { transform: scale(2.05); opacity: 0; }
  100% { transform: scale(2.05); opacity: 0; }
}

.wordmark {
  margin-top: 26px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.34em;
  color: var(--white);
  padding-left: 0.34em;
}

.wordmark.small {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 22px;
}

.wordmark-image {
  display: block;
  width: 168px;
  height: 42px;
  margin-top: 4px;
  object-fit: contain;
  mix-blend-mode: screen;
  filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.08));
}

.wordmark-image.small {
  width: 132px;
  height: 34px;
  margin: 0 0 22px;
}

.slogan {
  margin-top: 10px;
  font-size: 12.5px;
  letter-spacing: 0.02em;
  color: var(--muted);
  text-align: center;
}

.ekg-wrap {
  margin-top: 18px;
  width: 160px;
  height: 30px;
  overflow: hidden;
  position: relative;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 12%, black 88%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, black 12%, black 88%, transparent 100%);
}

.ekg-track {
  display: flex;
  width: max-content;
  height: 100%;
  animation: ekgScroll 2.6s linear infinite;
}

.ekg-track svg {
  width: 200px;
  height: 100%;
  display: block;
  flex-shrink: 0;
  overflow: visible;
}

.ekg-track path {
  fill: none;
  stroke: var(--pink);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 4px rgba(244, 83, 129, 0.75));
}

@keyframes ekgScroll {
  from { transform: translateX(0); }
  to { transform: translateX(-200px); }
}

.progress-line {
  margin-top: 22px;
  width: 160px;
  height: 3px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}

.progress-fill {
  height: 100%;
  width: 0%;
  border-radius: 999px;
  background: var(--gradient);
  box-shadow: 0 0 10px 1px rgba(244, 83, 129, 0.6);
  transition: width 0.2s ease-out;
}

.percent {
  margin-top: 10px;
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}

#loading-screen.exiting .stage {
  animation: stageOut 0.5s ease forwards;
}

@keyframes stageOut {
  to { opacity: 0; transform: translateY(-6px) scale(0.97); }
}

#loading-screen.exiting {
  animation: screenOut 0.55s ease forwards 0.2s;
}

@keyframes screenOut {
  to { opacity: 0; }
}

#reveal-stage {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg);
  z-index: 1;
  text-align: center;
  padding: 24px;
}

.reveal-inner {
  position: relative;
  z-index: 2;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  animation: stageIn 0.7s ease forwards 0.15s;
}

.reveal-inner h2 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(22px, 4vw, 30px);
  color: var(--white);
  margin-bottom: 12px;
}

.reveal-inner p {
  font-size: 13.5px;
  color: var(--muted);
  line-height: 1.6;
  margin-bottom: 26px;
}

#replay-btn {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 13.5px;
  color: var(--white);
  background: var(--gradient);
  border: none;
  padding: 11px 24px;
  border-radius: 999px;
  cursor: pointer;
  box-shadow: 0 6px 24px rgba(216, 49, 91, 0.35);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#replay-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(244, 83, 129, 0.5);
}

#replay-btn:active {
  transform: translateY(0);
}

#loading-screen.finale::after {
  z-index: 20;
  background: #f13f75;
  animation: finaleFlash 4s cubic-bezier(0.22, 0.75, 0.24, 1) forwards;
}

#loading-screen.finale {
  animation: finaleScreenFade 4s cubic-bezier(0.45, 0, 0.2, 1) forwards;
}

#loading-screen.finale .stage {
  animation: finaleStage 4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

#loading-screen.finale .glow {
  animation: none;
}

@keyframes finaleFlash {
  0%, 13%, 22%, 35%, 44%, 57%, 66% { opacity: 0; transform: scale(.985); }
  6% { opacity: 0.15; transform: scale(1.012); }
  28% { opacity: 0.3; transform: scale(1.022); }
  50% { opacity: 0.5; transform: scale(1.035); }
  74% { opacity: 0.86; transform: scale(1.06); }
  84% { opacity: 0.62; transform: scale(1.075); }
  100% { opacity: 0; transform: scale(1.1); }
}

@keyframes finaleStage {
  0%, 66% { opacity: 1; transform: scale(1); }
  76% { opacity: .78; transform: scale(1.012); }
  88% { opacity: .32; transform: scale(1.032); }
  100% { opacity: 0; transform: scale(1.045); }
}

@keyframes finaleScreenFade {
  0%, 66% { opacity: 1; }
  78% { opacity: .88; }
  90% { opacity: .38; }
  100% { opacity: 0; }
}

#reveal-stage {
  display: block;
  overflow: hidden;
  background: radial-gradient(circle at 74% 38%, #411225 0, #150912 34%, #08070b 66%);
  text-align: left;
  padding: 0;
}

.home-aurora { position:absolute; border-radius:50%; filter:blur(90px); opacity:.3; pointer-events:none; }
.home-aurora.a1 { width:480px; height:480px; right:-120px; top:12%; background:#eb356d; animation:auroraDrift 9s ease-in-out infinite; }
.home-aurora.a2 { width:300px; height:300px; left:-160px; bottom:-80px; background:#8d1f62; animation:auroraDrift 12s 2s ease-in-out infinite reverse; }
@keyframes auroraDrift { 50% { transform:translate(-45px,35px) scale(1.16); } }

.site-nav {
  height: 62px;
  width: min(880px, 92vw);
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 22px;
  position: fixed;
  top: 20px;
  left: 50%;
  z-index: 50;
  padding: 8px 8px 8px 20px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(16, 9, 14, 0.5);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  backdrop-filter: blur(20px) saturate(160%);
  box-shadow: 0 18px 45px -20px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  opacity: 0;
  transform: translateX(-50%) translateY(-18px);
  transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.site-nav.nav-scrolled {
  background: rgba(16, 9, 14, 0.8);
  border-color: rgba(244, 83, 129, 0.22);
  box-shadow: 0 18px 50px -16px rgba(216, 49, 91, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.nav-brand { display:flex; align-items:center; gap:9px; color:white; font-size:12px; letter-spacing:.1em; white-space: nowrap; }
.nav-brand img { width:30px; height:30px; object-fit:contain; mix-blend-mode:screen; }
.nav-brand b { color:#f45683; }
.nav-links { display:flex; align-items:center; justify-content: center; gap:26px; }
.nav-links a { color:rgba(255,255,255,.56); font-size:11px; letter-spacing:.02em; transition:.25s ease; position:relative; white-space: nowrap; }
.nav-links a::after { content:""; position:absolute; left:0; right:100%; bottom:-9px; height:1px; background:#f45381; transition:.25s ease; }
.nav-links a:hover { color:white; }.nav-links a:hover::after { right:0; }
.discord-btn { justify-self:end; display:flex; align-items:center; gap:8px; padding:10px 16px; border-radius:999px; background:#29282d; color:#d1ced5; border:1px solid #ffffff10; font-size:11px; white-space: nowrap; transition:.3s cubic-bezier(.16,1,.3,1); }
.discord-icon { width:18px; height:18px; border-radius:50%; display:grid; place-items:center; background:#45434a; font-size:9px; font-weight:700; transition:.3s; }
.discord-btn:hover { color:white; background:#e33c6e; transform:translateY(-2px); box-shadow:0 10px 35px #e33c6e4d; }.discord-btn:hover .discord-icon{background:white;color:#d8315b;transform:rotate(-8deg)}

.home-hero { min-height:100svh; width:min(1420px,92vw); margin:auto; position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; padding-top: 120px; padding-bottom:7vh; opacity:0; transform:translateY(26px) scale(.98); }
.hero-status { font-size:9px; letter-spacing:.24em; color:#f39ab4; margin-bottom:28px; }.hero-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f45381;box-shadow:0 0 12px #f45381;margin-right:10px;animation:statusPulse 1.8s infinite}
.home-hero h1 { font-family:var(--font-display); color:white; font-size:clamp(72px,11vw,168px); line-height:.77; letter-spacing:-.075em; margin:0; position:relative; z-index:2; }
.home-hero h1 em { font-style:normal; color:transparent; -webkit-text-stroke:2px #f45381; text-shadow:0 0 50px #e2386a3d; margin-left:7vw; }
.home-hero>p { color:rgba(255,255,255,.52); font-size:13px; line-height:1.7; margin:40px 0 28px; }
.hero-actions { display:flex; align-items:center; gap:13px; }.hero-actions a,.hero-actions button{border:0;font-family:var(--font-body);font-size:11px;cursor:pointer}.primary-action{background:linear-gradient(135deg,#f45381,#d8315b);color:white;padding:14px 18px;border-radius:8px;box-shadow:0 8px 30px #d8315b3d;transition:.25s}.primary-action:hover{transform:translateY(-3px);box-shadow:0 12px 38px #d8315b70}.primary-action span{margin-left:25px}.hero-actions #replay-btn{background:transparent;border:1px solid #ffffff1f;color:#ffffff80;padding:13px 17px;border-radius:8px;box-shadow:none}.hero-actions #replay-btn:hover{color:white;border-color:#ffffff55;transform:none}
.hero-orbit{position:absolute;right:1vw;top:50%;width:430px;height:430px;border:1px solid #f4538130;border-radius:50%;transform:translateY(-50%);animation:orbitSpin 18s linear infinite}.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff0d;inset:45px}.hero-orbit::after{inset:110px;background:radial-gradient(circle,#ef477c38,transparent 67%);box-shadow:0 0 80px #d8315b24}.hero-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#f45381;box-shadow:0 0 18px #f45381}.hero-orbit i:nth-child(1){left:50%;top:-4px}.hero-orbit i:nth-child(2){right:25px;bottom:90px;width:5px;height:5px}.hero-orbit i:nth-child(3){left:5px;top:36%;width:4px;height:4px}
.hero-scroll{position:absolute;right:0;bottom:34px;color:#ffffff3d;font-size:8px;letter-spacing:.2em}.hero-scroll span{color:#f45381;margin-left:12px}
.home-visible .home-hero { animation:heroReveal 1s cubic-bezier(.16,1,.3,1) forwards .25s; }
@keyframes heroReveal{to{opacity:1;transform:none}}@keyframes orbitSpin{to{transform:translateY(-50%) rotate(360deg)}}@keyframes statusPulse{50%{opacity:.35;transform:scale(.65)}}

@media(max-width:900px){.site-nav{width:min(560px,92vw);grid-template-columns:auto auto}.nav-links{display:none}.home-hero h1{font-size:19vw}.home-hero h1 em{margin-left:0}.hero-orbit{width:300px;height:300px;right:-160px;opacity:.65}.home-hero>p{max-width:72vw}.nav-brand span{font-size:10px}}
@media(max-width:520px){.site-nav{padding:6px 6px 6px 16px}.discord-btn{font-size:0;padding:10px}.discord-icon{font-size:9px}.home-hero{justify-content:center;padding-top:100px}.home-hero h1{font-size:20vw}.hero-actions{align-items:stretch;flex-direction:column;width:190px}.primary-action{display:flex;justify-content:space-between}.hero-scroll{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}.site-nav{opacity:1;transform:translateX(-50%)}.home-hero{opacity:1;transform:none}}

/* ---------- refined home direction ---------- */
#reveal-stage{background:radial-gradient(circle at 29% 11%,rgba(146,35,68,.34),transparent 31%),radial-gradient(circle at 76% 72%,rgba(120,22,67,.28),transparent 34%),#08080b}
#reveal-stage::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.56;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,190,205,.65) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.5) 0 .7px,transparent 1.2px);background-size:193px 181px,271px 247px,121px 143px;background-position:17px 31px,93px 70px,47px 109px;mask-image:linear-gradient(to bottom,white 0%,rgba(255,255,255,.4) 72%,transparent 100%)}
.home-aurora.a1{width:560px;height:560px;right:-150px;top:35%;background:#d72f67;opacity:.14}.home-aurora.a2{width:520px;height:520px;left:-170px;bottom:34%;background:#ba315a;opacity:.18}
.site-nav{position:absolute;top:22px;left:50%;transform:translateX(-50%) translateY(-18px);height:62px;width:min(1080px,calc(100vw - 44px));margin:0;padding:0 10px 0 13px;grid-template-columns:1fr auto 1fr;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(12,10,14,.72);box-shadow:0 18px 60px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(18px)}
.nav-brand{gap:9px;font-size:11px;letter-spacing:.05em}.nav-brand img{width:34px;height:34px;border-radius:9px;border:1px solid rgba(244,83,129,.55);padding:2px;background:#07070a}.nav-brand b{color:#fff}.nav-links{gap:31px}.nav-links a{font-size:11px;color:rgba(255,255,255,.58)}.discord-btn{padding:9px 13px;border-radius:999px;background:#242329}
.home-hero{min-height:100svh;width:min(1050px,90vw);padding:100px 0 7vh;align-items:center;text-align:center}
.hero-status{margin:0 0 25px;padding:9px 15px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.025);color:rgba(255,255,255,.48);font-family:monospace;font-size:9px;letter-spacing:.13em;box-shadow:0 8px 30px rgba(0,0,0,.22)}.hero-status span{color:#f45381;margin:0 7px}.hero-status i{background:#2fc771;box-shadow:0 0 12px #2fc771}
.hero-logo{width:84px;height:84px;margin-bottom:28px;border-radius:50%;padding:8px;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,rgba(244,83,129,.22),rgba(5,5,8,.95) 64%);border:1px solid rgba(244,83,129,.22);box-shadow:0 0 0 7px rgba(244,83,129,.025),0 0 55px rgba(244,83,129,.22);animation:heroLogoFloat 5s ease-in-out infinite}.hero-logo img{width:74px;height:74px;object-fit:contain;mix-blend-mode:screen}
.home-hero h1{font-family:var(--font-body);font-weight:600;font-size:clamp(48px,6.2vw,88px);line-height:1.03;letter-spacing:-.055em;max-width:960px}.home-hero h1 em{margin:0;font-style:normal;color:transparent;-webkit-text-stroke:0;background:linear-gradient(100deg,#f45381 7%,#e63e78 48%,#ba2d70 88%);-webkit-background-clip:text;background-clip:text;text-shadow:none}.home-hero>p{margin:27px 0 26px;color:rgba(255,255,255,.5);font-size:13px;line-height:1.75}.hero-actions{justify-content:center}.primary-action{padding:13px 20px;border-radius:999px;background:linear-gradient(110deg,#ee416e,#c92f72);font-weight:600}.primary-action span{margin:0 7px 0 0}.hero-actions #replay-btn{border-radius:999px;padding:12px 20px;background:rgba(255,255,255,.025)}.hero-orbit,.hero-scroll{display:none}
.trust-strip{display:flex;align-items:center;gap:18px;margin-top:46px;color:rgba(255,255,255,.28);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.trust-strip i{width:3px;height:3px;border-radius:50%;background:#f45381}
@keyframes heroLogoFloat{50%{transform:translateY(-7px);box-shadow:0 0 0 9px rgba(244,83,129,.03),0 12px 65px rgba(244,83,129,.3)}}
@media(max-width:760px){.site-nav{grid-template-columns:1fr auto;width:calc(100vw - 24px);top:12px;height:58px}.nav-links{display:none}.home-hero{min-height:100svh;padding:90px 0 5vh}.home-hero h1{font-size:13vw}.home-hero>p br{display:none}.home-hero>p{max-width:85vw}.trust-strip{gap:10px;flex-wrap:wrap;justify-content:center;max-width:85vw;line-height:1.7}}

/* ---------- final pulse monochrome system ---------- */
#reveal-stage{
  background:
    radial-gradient(circle at 28% 7%,rgba(109,22,53,.48),transparent 34%),
    radial-gradient(circle at 78% 76%,rgba(116,17,61,.26),transparent 38%),
    linear-gradient(145deg,#07070a 0%,#10090e 50%,#08070a 100%);
}
.home-aurora.a1{background:#d72f67;opacity:.15}.home-aurora.a2{background:#8c1d50;opacity:.2}
.site-nav{border-color:rgba(244,83,129,.16);background:rgba(11,9,12,.88);box-shadow:0 18px 65px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.025)}
.site-nav a,.nav-brand,.nav-links a,.discord-btn{text-decoration:none!important;text-decoration-line:none!important}
.nav-brand{color:rgba(255,255,255,.72)}
.nav-brand b{background:none;color:#f45381}
.nav-brand img{border-color:rgba(244,83,129,.55);box-shadow:0 0 18px rgba(244,83,129,.12)}
.nav-links{gap:5px;border-color:rgba(255,255,255,.05);background:rgba(255,255,255,.014);padding:4px}
.nav-links a{padding:9px 14px;color:rgba(255,255,255,.52);border:1px solid transparent;background:transparent;font-weight:500}
.nav-links a:hover{color:#fff;background:rgba(244,83,129,.1);border-color:rgba(244,83,129,.22);transform:translateY(-1px)!important;box-shadow:0 7px 24px rgba(216,49,91,.12)}
.discord-btn{background:#27262b;border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.7)}
.discord-btn:hover{color:#fff;background:linear-gradient(110deg,#ef4b79,#d83167);box-shadow:0 10px 35px rgba(216,49,91,.36)}
.discord-btn:hover .discord-icon{color:#d83167}
.hero-status{border-color:rgba(244,83,129,.18);background:rgba(244,83,129,.035);color:rgba(255,255,255,.42)}
.hero-status span{color:#f45381}
.hero-logo{background:radial-gradient(circle at 35% 25%,rgba(244,83,129,.24),rgba(7,6,9,.96) 65%);border-color:rgba(244,83,129,.27);box-shadow:0 0 0 7px rgba(244,83,129,.026),0 0 58px rgba(216,49,91,.25)}
.home-hero h1 em{background:linear-gradient(100deg,#ff6a92 2%,#f45381 48%,#c92f72 100%);-webkit-background-clip:text;background-clip:text}
.primary-action{background:linear-gradient(110deg,#ef4b79,#d83167);box-shadow:0 10px 34px rgba(216,49,91,.28)}
.primary-action:hover{box-shadow:0 14px 42px rgba(216,49,91,.45)}
.hero-actions #replay-btn{border-color:rgba(244,83,129,.14);background:rgba(244,83,129,.025)}
.hero-actions #replay-btn:hover{border-color:rgba(244,83,129,.38);background:rgba(244,83,129,.08);color:#ffc4d5}
.trust-strip{color:rgba(255,255,255,.26)}.trust-strip i{background:#f45381}

/* ---------- supplied liquid Pulse background ---------- */
html,body,#loading-screen,#reveal-stage{
  background-color:#07070a;
  background-image:linear-gradient(rgba(5,4,7,.26),rgba(5,4,7,.26)),url("pulse-background.png");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
#loading-screen,#reveal-stage{background-attachment:fixed}
.home-aurora,.hero-status,.hero-actions{display:none!important}
.discord-logo{width:18px;height:18px;object-fit:contain;filter:invert(1);opacity:.72;transition:transform .3s ease,opacity .3s ease}
.discord-btn:hover .discord-logo{opacity:1;transform:scale(1.08) rotate(-5deg)}

/* ---------- updated soft-focus background ---------- */
#reveal-stage::before,.texture-dots{display:none}
.hero-logo{margin-bottom:8px}

/* Plain hero mark — no generated-looking badge treatment */
.hero-logo{
  width:76px;
  height:76px;
  margin-bottom:8px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  animation:none;
}
.hero-logo img{width:76px;height:76px;filter:none}

/* Navbar proportions matched to the supplied reference */
.site-nav{
  top:12px;
  width:min(1080px,86vw);
  height:60px;
  padding:7px 9px 7px 14px;
  grid-template-columns:1fr 408px 1fr;
  gap:18px;
  border-radius:32px;
  border-color:rgba(244,83,129,.14);
  background:rgba(10,8,11,.96);
  box-shadow:0 18px 48px rgba(0,0,0,.38);
}
.nav-brand{gap:8px;font-size:11px;letter-spacing:.035em}
.nav-brand img{width:34px;height:34px;padding:3px;border-radius:9px}
.nav-links{
  width:100%;
  height:40px;
  padding:0 9px;
  gap:0;
  justify-content:space-around;
  border:0;
  border-radius:0;
  background:rgba(255,255,255,.018);
}
.nav-links a{padding:9px 12px;border:0;border-radius:8px;font-size:10px}
.nav-links a:hover{border:0;background:rgba(244,83,129,.085);box-shadow:none}
.discord-btn{padding:10px 14px;justify-self:end}
@media(max-width:900px){.site-nav{width:calc(100vw - 24px);grid-template-columns:1fr auto}.nav-links{display:none}}

/* Two-line Pulse Customs hero + larger glass navigation */
.site-nav{top:16px;width:min(1180px,92vw);height:70px;padding:9px 12px 9px 18px;grid-template-columns:1fr 430px 1fr;background:rgba(9,7,10,.58);border-color:rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.035);-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%)}
.nav-brand img{width:40px;height:40px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.nav-brand{font-size:12px}.nav-links{height:46px}.discord-btn{padding:11px 16px}
.home-hero h1{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;max-width:none;font-size:clamp(40px,5.3vw,78px);line-height:1.04}
.hero-title-line,.home-hero h1 em{display:flex;align-items:center;justify-content:center;white-space:nowrap}
.hero-title-line img{width:.82em;height:.82em;margin-right:.18em;object-fit:contain;mix-blend-mode:screen}
.home-hero h1 em{margin:0}
@media(max-width:900px){.site-nav{width:calc(100vw - 24px);grid-template-columns:1fr auto}.home-hero h1{font-size:5.3vw}}

.hero-title-line img{width:1.05em;height:1.05em;margin-right:-.03em}
.home-hero>p{width:min(720px,88vw);font-size:16px;line-height:1.7;margin-top:32px;color:rgba(255,255,255,.6)}

/* Stronger navbar hierarchy and living Pulse brand */
.site-nav{height:78px;grid-template-columns:1fr 500px 1fr;padding:10px 14px 10px 20px}
.nav-brand{gap:11px;font-size:16px;font-weight:600;letter-spacing:.04em}
.nav-brand img{width:48px;height:48px;animation:navLogoBeat 2.8s ease-in-out infinite;transform-origin:center}
.nav-brand span{animation:navBrandGlow 2.8s ease-in-out infinite}
.nav-links{height:52px;padding:0 8px;background:rgba(255,255,255,.025)}
.nav-links a{font-size:13px;padding:12px 17px;color:rgba(255,255,255,.68);transition:color .25s ease,background .25s ease,transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}
.nav-links a:hover{color:#fff;background:rgba(244,83,129,.12);transform:translateY(-2px)!important;box-shadow:0 8px 22px rgba(216,49,91,.13)}
.discord-btn{font-size:12px;padding:12px 17px}
.discord-logo{width:20px;height:20px}
@keyframes navLogoBeat{
  0%,18%,42%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(244,83,129,0))}
  7%{transform:scale(1.13);filter:drop-shadow(0 0 8px rgba(244,83,129,.7))}
  12%{transform:scale(.98);filter:drop-shadow(0 0 3px rgba(244,83,129,.25))}
  25%{transform:scale(1.07);filter:drop-shadow(0 0 6px rgba(244,83,129,.48))}
  32%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(244,83,129,0))}
}
@keyframes navBrandGlow{
  0%,18%,42%,100%{text-shadow:none}
  7%{text-shadow:0 0 15px rgba(244,83,129,.42)}
  25%{text-shadow:0 0 9px rgba(244,83,129,.26)}
}
@media(max-width:900px){.site-nav{height:70px;grid-template-columns:1fr auto}.nav-brand img{width:42px;height:42px}.nav-brand{font-size:13px}}

/* Restored bold two-line hero composition */
.home-hero{justify-content:center;padding-top:110px;padding-bottom:7vh}
.home-hero h1{gap:8px;font-size:clamp(56px,7vw,104px);line-height:.94;letter-spacing:-.06em}
.hero-title-line{color:#fff;font-weight:600}
.hero-title-line img{width:1em;height:1em;margin-right:-.035em}
.home-hero h1 em{font-weight:600;background:linear-gradient(100deg,#ff5f8c 0%,#ee3f79 48%,#c92f72 100%);-webkit-background-clip:text;background-clip:text}
.home-hero>p{width:min(620px,84vw);font-size:13px;line-height:1.75;margin-top:34px;color:rgba(255,255,255,.48)}
@media(max-width:900px){.home-hero h1{font-size:7vw}}

.hero-title-line{display:block}
.hero-signature{display:flex;align-items:center;justify-content:center;gap:14px;width:auto!important;margin-top:36px!important;font-size:17px!important;letter-spacing:.025em;color:rgba(255,255,255,.62)!important}
.hero-signature img{width:40px;height:40px;object-fit:contain;mix-blend-mode:screen}
.hero-signature strong{font-weight:600;color:#fff}
.hero-signature span{color:#f45381}

.hero-signature{margin:0 0 32px!important}
.home-hero .hero-actions{display:flex!important;align-items:center;justify-content:center;gap:12px;margin-top:38px}
.home-hero .hero-actions a{text-decoration:none;font-size:13px;font-weight:600;padding:14px 22px;border-radius:999px;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s ease,border-color .25s ease,box-shadow .25s ease}
.showcase-action{color:#fff;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.09);box-shadow:0 8px 26px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(12px)}

/* Clean individual navbar controls */
.nav-links{height:auto;padding:0;gap:8px;background:transparent;border:0}
.nav-links a{min-width:104px;min-height:42px;padding:0 15px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:rgba(255,255,255,.028);color:rgba(255,255,255,.7);line-height:1;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.nav-links a:nth-child(2){min-width:140px}
.nav-links a:nth-child(4){min-width:126px}
.nav-links a:hover{color:#fff;border:1px solid rgba(244,83,129,.26);background:rgba(244,83,129,.105);box-shadow:0 8px 24px rgba(216,49,91,.13),inset 0 1px rgba(255,255,255,.06);transform:translateY(-2px)!important}

/* Balanced brand wordmark and Discord community action */
.nav-brand{font-size:15px;letter-spacing:0;font-weight:600}
.nav-brand>span{animation:none;text-shadow:none}
.brand-wordmark,.brand-wordmark>*{animation:none!important;text-shadow:none!important}
.brand-wordmark{display:flex;align-items:center;gap:5px;line-height:1}
.brand-wordmark b{font-weight:650;color:#f45381}
.brand-wordmark>span{font-weight:550;color:rgba(255,255,255,.78)}
.showcase-action{display:flex;align-items:center;justify-content:center;gap:9px}
.join-discord-logo{width:18px;height:18px;object-fit:contain;filter:invert(1);opacity:.86;transition:transform .25s ease,opacity .25s ease}
.showcase-action:hover .join-discord-logo{opacity:1;transform:scale(1.08) rotate(-5deg)}

/* Floating music player */
.music-player{position:fixed;right:22px;bottom:22px;z-index:80;width:310px;padding:14px 16px 13px;border:1px solid rgba(244,83,129,.22);border-radius:22px;background:rgba(10,7,13,.82);box-shadow:0 22px 65px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.04);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);opacity:0;transform:translateY(18px);transition:width .35s cubic-bezier(.16,1,.3,1),opacity .6s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.player-visible .music-player{opacity:1;transform:none;transition-delay:.15s}
.player-top{display:grid;grid-template-columns:48px 1fr 24px;gap:11px;align-items:center}.album-art{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle,#fa5c8a 0 8%,#32101f 9% 18%,#0a0710 19% 42%,#e33d73 43% 47%,#0b0810 48%);box-shadow:0 0 25px rgba(244,83,129,.2)}.album-art span{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff}.track-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.now-playing{font-family:monospace;font-size:7px;letter-spacing:.18em;color:#f45381}.track-copy strong{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy small{font-size:9px;color:rgba(255,255,255,.42);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-collapse{align-self:start;border:0;background:transparent;color:rgba(255,255,255,.4);font-size:16px;cursor:pointer}.player-controls{display:flex;justify-content:center;align-items:center;gap:21px;margin:13px 0 10px}.player-controls button{border:0;background:transparent;color:rgba(255,255,255,.55);font-size:10px;cursor:pointer;transition:.2s}.player-controls button:hover{color:#fff;transform:scale(1.08)}.player-controls .play-toggle{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;padding-left:2px;background:linear-gradient(135deg,#f45381,#d83167);color:#fff;font-size:13px;box-shadow:0 7px 22px rgba(216,49,91,.35)}.progress-row{display:grid;grid-template-columns:30px 1fr 30px;gap:7px;align-items:center;font-family:monospace;font-size:8px;color:rgba(255,255,255,.35)}.progress-row span:last-child{text-align:right}.music-player input[type="range"]{appearance:none;width:100%;height:3px;border-radius:999px;background:linear-gradient(to right,#f45381 var(--range,0%),rgba(255,255,255,.1) var(--range,0%));outline:none}.music-player input[type="range"]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 0 3px rgba(244,83,129,.22)}.volume-row{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;margin-top:10px;color:rgba(255,255,255,.5);font-size:12px}.music-player.is-collapsed{width:64px;height:64px;padding:10px;border-radius:50%;overflow:hidden;cursor:pointer}.music-player.is-collapsed .track-copy,.music-player.is-collapsed .player-collapse,.music-player.is-collapsed .player-controls,.music-player.is-collapsed .progress-row,.music-player.is-collapsed .volume-row{display:none}.music-player.is-collapsed .player-top{display:block}.music-player.is-collapsed .album-art{width:42px;height:42px}
@media(max-width:600px){.music-player{right:12px;bottom:12px;width:min(310px,calc(100vw - 24px))}}

/* Compact player footprint */
.music-player{right:18px;bottom:18px;width:286px;padding:12px 14px 11px;border-radius:19px}
.music-player{background:rgba(10,7,13,.34);border-color:rgba(244,83,129,.22);box-shadow:0 22px 65px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.07);-webkit-backdrop-filter:blur(32px) saturate(175%);backdrop-filter:blur(32px) saturate(175%)}
.player-top{grid-template-columns:42px 1fr 20px;gap:9px}.album-art{width:42px;height:42px;border-radius:10px}.track-copy strong{font-size:11px}.track-copy small{font-size:8px}.player-controls{gap:19px;margin:10px 0 8px}.player-controls .play-toggle{width:34px;height:34px}.progress-row{grid-template-columns:27px 1fr 27px;gap:5px}.volume-row{margin-top:8px}
@media(max-width:600px){.music-player{right:10px;bottom:10px;width:min(286px,calc(100vw - 20px))}}

/* Discord identity and course claims */
.account-shell{position:relative;justify-self:end}.account-trigger{height:54px;padding:5px 12px 5px 6px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.055);color:#fff;cursor:pointer}.account-trigger img{width:40px;height:40px;border-radius:50%;object-fit:cover}.account-trigger>span{display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:115px}.account-trigger strong{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.account-trigger small{font-size:8px;color:rgba(255,255,255,.42)}.account-trigger>b{font-size:12px;color:rgba(255,255,255,.4);transition:transform .25s}.account-trigger[aria-expanded="true"]>b{transform:rotate(180deg)}
.account-shell[hidden],.discord-btn[hidden]{display:none!important}
.account-menu{position:absolute;right:0;top:64px;width:260px;padding:16px;border:1px solid rgba(244,83,129,.16);border-radius:22px;background:rgba(8,7,10,.93);box-shadow:0 25px 70px rgba(0,0,0,.6);backdrop-filter:blur(26px);color:#fff}.account-summary{display:flex;flex-direction:column;gap:5px;padding:2px 4px 14px;border-bottom:1px solid rgba(255,255,255,.09)}.account-summary strong{font-size:14px}.account-summary small{font-size:10px;color:rgba(255,255,255,.48)}.account-summary code{font:10px monospace;color:rgba(255,255,255,.35)}.account-menu-links{display:flex;flex-direction:column;padding-top:8px}.account-menu-links a,.account-menu-links button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 6px;border:0;background:transparent;color:rgba(255,255,255,.75);font:500 12px var(--font-body);text-decoration:none;cursor:pointer;text-align:left}.account-menu-links a:hover,.account-menu-links button:hover{color:#fff}.account-menu-links .sign-out{color:#ff5b74;border-top:1px solid rgba(255,255,255,.09);margin-top:4px;padding-top:14px}
.account-menu-icon{width:17px;height:17px;flex:0 0 17px;object-fit:contain;filter:brightness(0) invert(1);opacity:.68;transition:opacity .2s ease,transform .2s ease}.account-menu-links a:hover .account-menu-icon,.account-menu-links button:hover .account-menu-icon{opacity:1;transform:scale(1.06)}
.courses-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(2,2,4,.72);backdrop-filter:blur(14px)}.courses-modal[hidden]{display:none}.courses-dialog{position:relative;width:min(760px,94vw);max-height:86vh;overflow:auto;padding:34px;border:1px solid rgba(244,83,129,.2);border-radius:28px;background:rgba(10,7,13,.94);box-shadow:0 35px 100px rgba(0,0,0,.72);color:#fff}.courses-close{position:absolute;right:18px;top:15px;width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;font-size:20px;cursor:pointer}.courses-kicker{font:8px monospace;letter-spacing:.2em;color:#f45381}.courses-dialog h2{font-size:38px;letter-spacing:-.04em;margin:10px 0 7px}.courses-intro{font-size:12px;color:rgba(255,255,255,.48);margin-bottom:25px}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.course-card-claim{padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.03)}.course-card-claim h3{font-size:16px;margin:0 0 7px}.course-card-claim p{min-height:38px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.43);margin:0 0 15px}.course-card-claim button,.course-card-claim a{display:inline-flex;justify-content:center;padding:10px 14px;border:0;border-radius:999px;background:linear-gradient(110deg,#ef4b79,#d83167);color:#fff;font:600 11px var(--font-body);text-decoration:none;cursor:pointer}.course-card-claim .course-open{background:rgba(75,211,126,.14);border:1px solid rgba(75,211,126,.25);color:#7ce7a3}.course-card-claim button:disabled{opacity:.5;cursor:wait}.course-message{min-height:18px;margin:17px 0 0;font-size:11px;color:#f986a5}.course-message.is-success{color:#77dda0}
@media(max-width:700px){.course-grid{grid-template-columns:1fr}.courses-dialog{padding:27px 20px}.account-trigger>span{display:none}}
.courses-modal{padding:24px;background:rgba(1,1,3,.62);backdrop-filter:blur(22px) saturate(1.15);animation:courses-backdrop-in .35s ease both}.courses-dialog{width:min(720px,94vw);padding:38px;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,rgba(17,12,20,.94),rgba(6,6,9,.96));box-shadow:0 35px 100px rgba(0,0,0,.68),0 0 80px rgba(216,49,103,.08);animation:courses-dialog-in .5s cubic-bezier(.2,.8,.2,1) both}.courses-dialog:before{content:"";position:absolute;inset:-100px auto auto -80px;width:310px;height:210px;border-radius:50%;background:rgba(230,48,109,.14);filter:blur(75px);pointer-events:none}.courses-heading{position:relative;display:flex;align-items:center;gap:16px}.courses-heading-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(244,83,129,.25);border-radius:16px;background:linear-gradient(145deg,rgba(244,83,129,.17),rgba(244,83,129,.035));box-shadow:inset 0 1px rgba(255,255,255,.08)}.courses-heading-icon img{width:25px;height:25px;object-fit:contain;filter:brightness(0) invert(1);opacity:.94}.courses-kicker{display:block;margin-bottom:5px;font-size:8px}.courses-dialog h2{font-size:34px;line-height:1;margin:0}.courses-intro{position:relative;margin:17px 0 26px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.075)}.courses-close{z-index:2;right:22px;top:22px;transition:transform .22s ease,background .22s ease}.courses-close:hover{transform:rotate(8deg) scale(1.06);background:rgba(244,83,129,.12)}.course-grid{position:relative;gap:14px}.course-card-claim{position:relative;display:flex;min-height:210px;flex-direction:column;padding:22px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));transition:transform .28s ease,border-color .28s ease,background .28s ease;animation:course-card-in .45s calc(var(--course-index)*70ms + 100ms) ease both}.course-card-claim:after{content:"";position:absolute;width:120px;height:120px;right:-65px;bottom:-75px;border-radius:50%;background:rgba(234,50,112,.14);filter:blur(35px);transition:transform .35s ease}.course-card-claim:hover{transform:translateY(-4px);border-color:rgba(244,83,129,.25);background:linear-gradient(145deg,rgba(244,83,129,.085),rgba(255,255,255,.02))}.course-card-claim:hover:after{transform:scale(1.4)}.course-eyebrow{position:relative;z-index:1;margin-bottom:20px;font:700 8px/1 var(--font-body);letter-spacing:.17em;color:#f56d96}.course-card-claim h3{z-index:1;font-size:18px;letter-spacing:-.025em}.course-card-claim p{z-index:1;min-height:0;margin-bottom:22px;line-height:1.65}.course-card-claim button,.course-card-claim a{z-index:1;align-self:flex-start;margin-top:auto;padding:11px 16px;transition:transform .2s ease,box-shadow .2s ease}.course-card-claim button:hover,.course-card-claim a:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(216,49,103,.25)}.course-message:empty{display:none}@keyframes courses-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes courses-dialog-in{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:none}}@keyframes course-card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:700px){.courses-modal{padding:12px}.courses-dialog{padding:26px 18px}.courses-heading-icon{width:46px;height:46px}.courses-dialog h2{font-size:29px}.course-card-claim{min-height:185px}}
.showcase-action:hover{color:#fff;border-color:rgba(244,83,129,.38);background:rgba(244,83,129,.08);transform:translateY(-3px)}
.purchase-action{color:#fff;border:1px solid rgba(255,255,255,.1);background:linear-gradient(110deg,#ef4b79,#d83167);box-shadow:0 10px 30px rgba(216,49,91,.28)}
.purchase-action span{margin-left:18px}
.purchase-action:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(216,49,91,.45)}
@media(max-width:560px){.home-hero .hero-actions{flex-direction:column;width:min(260px,80vw)}.home-hero .hero-actions a{width:100%;text-align:center}.hero-signature{font-size:12px!important;gap:8px}.hero-signature img{width:30px;height:30px}}

/* Compact course library */
.courses-dialog{width:min(920px,94vw);max-height:min(760px,88vh);padding:30px 32px 28px;border-radius:26px;background:linear-gradient(150deg,rgba(14,10,17,.965),rgba(5,5,8,.975))}.courses-dialog:before{width:260px;height:150px;opacity:.65}.courses-heading{gap:13px}.courses-heading-icon{width:44px;height:44px;border-radius:13px}.courses-heading-icon img{width:21px;height:21px}.courses-dialog h2{font-size:30px;letter-spacing:-.035em}.courses-kicker{font-size:7px;color:rgba(244,83,129,.88)}.courses-intro{margin:14px 0 20px;padding-bottom:18px;font-size:11px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch;counter-reset:course-item}.course-card-claim{counter-increment:course-item;display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:13px;row-gap:5px;align-items:center;min-height:104px;padding:15px 15px 15px 14px;border-radius:15px;background:rgba(255,255,255,.028);box-shadow:none}.course-card-claim:after{width:80px;height:80px;right:-55px;bottom:-60px;opacity:.45}.course-card-claim:hover{transform:translateY(-2px);background:rgba(244,83,129,.055)}.course-eyebrow{grid-column:1;grid-row:1 / 3;display:grid;place-items:center;width:34px;height:34px;margin:0;border:1px solid rgba(244,83,129,.2);border-radius:10px;background:rgba(244,83,129,.08);overflow:hidden;font-size:0;letter-spacing:0}.course-eyebrow:after{content:counter(course-item,decimal-leading-zero);font:700 9px/1 var(--font-body);color:#f46a94}.course-card-claim h3{grid-column:2;grid-row:1;align-self:end;margin:0;font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-card-claim p{grid-column:2;grid-row:2;align-self:start;margin:0;padding:0;overflow:hidden;color:rgba(255,255,255,.42);font-size:9.5px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.course-card-claim button,.course-card-claim a{grid-column:3;grid-row:1 / 3;align-self:center;margin:0;padding:8px 11px;border-radius:10px;white-space:nowrap;font-size:9px;background:rgba(244,83,129,.12);border:1px solid rgba(244,83,129,.2);color:#ff7da3;box-shadow:none}.course-card-claim button:hover,.course-card-claim a:hover{transform:none;background:#e93870;color:#fff;box-shadow:0 8px 22px rgba(216,49,103,.22)}.course-card-claim .course-open{background:rgba(75,211,126,.08);color:#74d99a}.course-message{margin:13px 0 0}.courses-close{width:34px;height:34px;right:18px;top:18px}
@media(max-width:820px){.courses-dialog{width:min(620px,94vw)}.course-grid{grid-template-columns:1fr}.course-card-claim{min-height:96px}}
@media(max-width:520px){.courses-dialog{padding:23px 16px 18px}.courses-heading-icon{display:none}.courses-intro{padding-right:30px}.course-card-claim{grid-template-columns:34px minmax(0,1fr);padding:13px}.course-card-claim button,.course-card-claim a{grid-column:2;grid-row:3;justify-self:start;margin-top:5px}.course-eyebrow{grid-row:1 / 4;width:30px;height:30px}.course-card-claim h3{white-space:normal}}
.courses-dialog{overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(244,83,129,.45) transparent}.courses-dialog::-webkit-scrollbar{width:5px}.courses-dialog::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(244,83,129,.45)}
.courses-refresh{position:absolute;z-index:2;right:62px;top:18px;height:34px;padding:0 13px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.7);font:600 9px var(--font-body);letter-spacing:.01em;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.courses-refresh span{display:inline-block;margin-right:5px;color:#f45381}.courses-refresh:hover{color:#fff;border-color:rgba(244,83,129,.28);background:rgba(244,83,129,.08)}.courses-refresh:disabled{cursor:wait;opacity:.65}.courses-refresh.is-refreshing span{animation:course-refresh-spin .7s linear infinite}@keyframes course-refresh-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.courses-refresh{position:relative;right:auto;top:auto;margin:14px 0 0}.courses-intro{margin-top:12px}}

/* Unified Pulse interface */
:root{--pulse:#f04b7d;--pulse-bright:#ff6b99;--panel:rgba(11,9,14,.82);--panel-solid:#0d0a10;--line:rgba(255,255,255,.09);--muted:rgba(255,255,255,.56)}
button{font-family:var(--font-body)}
.site-nav{top:18px;height:68px;width:min(1160px,calc(100vw - 32px));padding:8px 10px 8px 14px;grid-template-columns:1fr auto 1fr;border:1px solid var(--line);border-radius:22px;background:rgba(9,7,11,.72);box-shadow:0 18px 55px rgba(0,0,0,.35);backdrop-filter:blur(24px) saturate(145%)}
.site-nav.nav-scrolled{top:10px;background:rgba(9,7,11,.9);box-shadow:0 15px 45px rgba(0,0,0,.5)}
.nav-brand{justify-self:start;padding:6px;border:0;border-radius:13px;background:transparent;cursor:pointer;transition:background .2s ease,transform .2s ease}.nav-brand:hover{background:rgba(255,255,255,.05);transform:translateY(-1px)}.nav-brand img{width:42px;height:42px;animation:none;filter:drop-shadow(0 5px 12px rgba(240,75,125,.18))}
.nav-links{display:flex;height:auto;padding:4px;gap:3px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.025)}.nav-links button{min-width:94px;height:38px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,.6);font-size:11px;font-weight:600;cursor:pointer;transition:color .18s,background .18s,transform .18s}.nav-links button:nth-child(2){min-width:132px}.nav-links button:nth-child(4){min-width:116px}.nav-links button:hover{color:#fff;background:rgba(255,255,255,.065);transform:translateY(-1px)}
.discord-btn,.account-trigger{justify-self:end;height:46px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.04);transition:background .2s,border-color .2s,transform .2s}.discord-btn:hover,.account-trigger:hover{transform:translateY(-1px);border-color:rgba(240,75,125,.28);background:rgba(240,75,125,.1)}
.account-menu{top:58px;width:272px;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(9,7,11,.94);box-shadow:0 24px 70px rgba(0,0,0,.55);animation:account-menu-in .2s ease both}.account-summary{padding:10px 11px 14px}.account-menu-links{gap:3px;padding-top:7px}.account-menu-links a,.account-menu-links button{min-height:42px;padding:0 11px;border-radius:10px;font-size:11px;transition:background .18s,color .18s}.account-menu-links a:hover,.account-menu-links button:hover{background:rgba(255,255,255,.055)}.account-menu-links .sign-out{margin-top:6px;padding:8px 11px 0;border-radius:0}@keyframes account-menu-in{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}
.home-hero .hero-actions a,.home-hero .hero-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border-radius:14px;font-size:12px;font-weight:650;text-decoration:none;cursor:pointer}.showcase-action{background:rgba(255,255,255,.065);border:1px solid var(--line)}.purchase-action{border:1px solid rgba(255,255,255,.11);background:linear-gradient(135deg,var(--pulse-bright),#d82f69);box-shadow:0 14px 34px rgba(216,47,105,.27)}.purchase-action:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(216,47,105,.38)}
.courses-modal{background:rgba(2,1,3,.7);backdrop-filter:blur(18px)}.courses-dialog{border-color:var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(18,13,21,.98),rgba(7,6,9,.98));box-shadow:0 40px 120px rgba(0,0,0,.72)}.courses-heading-icon{border-radius:12px;background:rgba(240,75,125,.1)}.courses-close,.courses-refresh{top:20px;border-color:var(--line);background:rgba(255,255,255,.045)}.course-card-claim{border-color:rgba(255,255,255,.075);background:rgba(255,255,255,.025)}.course-card-claim:hover{border-color:rgba(240,75,125,.25);background:rgba(240,75,125,.055)}
.music-player{right:18px;bottom:18px;width:300px;padding:13px;border:1px solid var(--line);border-radius:20px;background:rgba(9,7,11,.7);box-shadow:0 22px 70px rgba(0,0,0,.45);backdrop-filter:blur(25px) saturate(145%)}.album-art{border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 25px rgba(240,75,125,.15)}.player-controls .play-toggle{background:linear-gradient(135deg,var(--pulse-bright),#d82f69);box-shadow:0 8px 24px rgba(216,47,105,.3)}.player-collapse{width:24px;height:24px;border-radius:8px}.player-collapse:hover{background:rgba(255,255,255,.07)}
.ui-toast{position:fixed;left:50%;bottom:24px;z-index:200;max-width:min(420px,calc(100vw - 32px));padding:12px 17px;border:1px solid rgba(240,75,125,.24);border-radius:13px;background:rgba(12,9,15,.92);box-shadow:0 18px 60px rgba(0,0,0,.5);backdrop-filter:blur(20px);color:rgba(255,255,255,.82);font-size:11px;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .22s,transform .22s}.ui-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.site-nav{height:62px;grid-template-columns:1fr auto}.nav-links{display:none}.nav-brand img{width:38px;height:38px}.discord-btn,.account-trigger{height:44px}}
@media(max-width:600px){.site-nav{top:10px;width:calc(100vw - 20px);border-radius:18px}.home-hero .hero-actions{gap:9px}.home-hero .hero-actions a,.home-hero .hero-actions button{width:100%}.music-player{right:10px;bottom:10px;width:min(300px,calc(100vw - 20px))}}

/* ---------- premium interaction polish ---------- */
html{scroll-behavior:smooth}
::selection{background:rgba(244,83,129,.35);color:#fff}
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:#0a070d}
body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f45381,#d8315b);border-radius:999px;border:2px solid #0a070d}
:focus-visible{outline:2px solid rgba(244,83,129,.75);outline-offset:3px;border-radius:6px}

/* cursor-reactive ambient glow */
.cursor-spotlight{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .6s ease;background:radial-gradient(480px circle at var(--mx,50%) var(--my,32%),rgba(244,83,129,.16),transparent 62%)}
.home-visible .cursor-spotlight{opacity:1}

/* ambient floating particles */
.particle-field{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.particle-field i{position:absolute;display:block;width:3px;height:3px;border-radius:50%;background:#ff9ab8;box-shadow:0 0 8px 2px rgba(244,83,129,.65);opacity:0;animation:particleFloat 10s ease-in-out infinite}
.particle-field i:nth-child(1){left:8%;top:74%;animation-delay:.2s;animation-duration:11s}
.particle-field i:nth-child(2){left:18%;top:34%;animation-delay:2.1s;animation-duration:8s}
.particle-field i:nth-child(3){left:32%;top:84%;animation-delay:1.1s;animation-duration:12s}
.particle-field i:nth-child(4){left:62%;top:22%;animation-delay:3.4s;animation-duration:10s}
.particle-field i:nth-child(5){left:74%;top:68%;animation-delay:.7s;animation-duration:9.5s}
.particle-field i:nth-child(6){left:88%;top:40%;animation-delay:2.8s;animation-duration:13s}
.particle-field i:nth-child(7){left:48%;top:14%;animation-delay:4.2s;animation-duration:10.5s}
.particle-field i:nth-child(8){left:94%;top:82%;animation-delay:1.6s;animation-duration:8.5s}
@keyframes particleFloat{
  0%{opacity:0;transform:translateY(0) scale(.6)}
  10%{opacity:.85}
  50%{transform:translateY(-70px) translateX(12px) scale(1)}
  90%{opacity:.4}
  100%{opacity:0;transform:translateY(-140px) translateX(-8px) scale(.6)}
}

/* nav brand hover ring */
.nav-brand{position:relative}
.nav-brand::before{content:"";position:absolute;inset:2px;border-radius:11px;border:1px solid rgba(244,83,129,0);transition:border-color .3s ease,transform .3s ease;pointer-events:none}
.nav-brand:hover::before{border-color:rgba(244,83,129,.45);transform:scale(1.08)}

/* Keep the navbar logo as a clean standalone mark. */
.nav-brand{padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;overflow:visible}
.nav-brand:hover,.nav-brand:focus-visible{background:transparent!important;transform:none;outline:none}
.nav-brand::before,.nav-brand::after{display:none!important;content:none!important}
.nav-brand img{width:46px;height:46px;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 5px 14px rgba(240,75,125,.2));transition:transform .22s ease}
.nav-brand:hover img{transform:scale(1.04)}

/* nav link underline glow sweep */
.nav-links button{position:relative;overflow:hidden}
.nav-links button::after{content:"";position:absolute;left:50%;bottom:5px;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,#ff6b99,#f04b7d);box-shadow:0 0 8px rgba(244,83,129,.7);transition:width .28s cubic-bezier(.16,1,.3,1),left .28s cubic-bezier(.16,1,.3,1)}
.nav-links button:hover::after{left:18%;width:64%}

/* button shine sweep for primary calls to action */
.purchase-action,.showcase-action,.discord-btn{position:relative;overflow:hidden}
.purchase-action::before,.showcase-action::before,.discord-btn::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);transition:left .6s cubic-bezier(.16,1,.3,1);pointer-events:none}
.purchase-action:hover::before,.showcase-action:hover::before,.discord-btn:hover::before{left:130%}

/* tactile press feedback */
.purchase-action:active,.showcase-action:active,.discord-btn:active,.nav-links button:active,.player-controls button:active{transform:translateY(0) scale(.95)!important}

/* course card tilt polish */
.course-card-claim{transform-style:preserve-3d;will-change:transform;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .28s ease,background .28s ease}
.course-card-claim button,.course-card-claim a{transform:translateZ(18px)}
.course-eyebrow.has-course-icon:after{display:none}.course-eyebrow.has-course-icon img{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(244,83,129,.28))}

/* music player live equalizer */
.eq-bars{display:flex;align-items:flex-end;gap:2.5px;height:16px}
.eq-bars i{display:block;width:3px;border-radius:2px;background:#fff;box-shadow:0 0 6px #fff;height:4px;animation:eqBounce 900ms ease-in-out infinite;animation-play-state:paused}
.eq-bars i:nth-child(1){animation-delay:-.6s}
.eq-bars i:nth-child(2){animation-delay:-.3s}
.eq-bars i:nth-child(3){animation-delay:-.9s}
.eq-bars i:nth-child(4){animation-delay:0s}
.music-player.is-playing .eq-bars i{animation-play-state:running}
@keyframes eqBounce{0%,100%{height:4px}50%{height:15px}}

/* toast icon + pop entrance */
.ui-toast{display:flex;align-items:center;gap:9px}
.ui-toast::before{content:"\2726";color:#f45381;font-size:12px;flex:0 0 auto}
.ui-toast.is-visible{animation:toastPop .35s cubic-bezier(.16,1,.3,1)}
@keyframes toastPop{0%{transform:translate(-50%,12px) scale(.94);opacity:0}60%{transform:translate(-50%,-3px) scale(1.01);opacity:1}100%{transform:translate(-50%,0) scale(1)}}

/* gentle living hero signature mark */
.hero-signature img{animation:signatureFloat 4.5s ease-in-out infinite}
@keyframes signatureFloat{50%{transform:translateY(-3px)}}

@media(prefers-reduced-motion:reduce){.particle-field,.cursor-spotlight{display:none}.hero-signature img{animation:none}}

/* ---------- full-width glass navbar ---------- */
.site-nav{
  position:fixed;top:0;left:0;right:0;
  width:100%;height:72px;
  margin:0;padding:0 30px;
  border-radius:0;
  border:0;border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(9,7,11,.68);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  backdrop-filter:blur(22px) saturate(150%);
  box-shadow:0 1px 0 rgba(255,255,255,.03),0 20px 50px rgba(0,0,0,.3);
}
.site-nav::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--pulse-bright,#ff6b99) 25%,var(--pulse,#f04b7d) 75%,transparent);
  opacity:.65;pointer-events:none;
}
.site-nav.nav-scrolled{
  top:0;background:rgba(7,6,9,.86);
  border-bottom-color:rgba(244,83,129,.2);
  box-shadow:0 1px 0 rgba(255,255,255,.04),0 24px 60px rgba(0,0,0,.5);
}
.home-visible .site-nav{animation:navGlassIn .6s cubic-bezier(.16,1,.3,1) forwards .15s}
@keyframes navGlassIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}

.nav-links{background:transparent;border:0;padding:0;gap:2px;box-shadow:none}
.nav-links button{min-width:0;padding:0 15px;background:transparent;border:0;box-shadow:none;font-size:13px;font-weight:500;color:rgba(255,255,255,.62)}
.nav-links button:hover{color:#fff;background:rgba(255,255,255,.07);transform:none}

.home-hero{padding-top:128px}

@media(max-width:900px){.site-nav{padding:0 18px}}
@media(max-width:600px){.site-nav{top:0;width:100%;border-radius:0;padding:0 14px}}

/* ---------- floating clear-glass navbar ---------- */
.site-nav{
  position:fixed;top:18px;left:50%;right:auto;
  transform:translateX(-50%);
  width:min(1160px,calc(100vw - 32px));
  height:68px;
  margin:0;padding:0 12px 0 22px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(24,19,26,.46);
  -webkit-backdrop-filter:blur(26px) saturate(160%);
  backdrop-filter:blur(26px) saturate(160%);
  box-shadow:0 20px 55px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.1);
}
.site-nav::before{display:none}
.site-nav.nav-scrolled{
  top:12px;background:rgba(14,10,16,.5);
  border-color:rgba(255,255,255,.15);
}
@keyframes navGlassIn{from{opacity:0;transform:translateX(-50%) translateY(-14px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}

.nav-links button{color:rgba(255,255,255,.62);transition:color .2s ease,background .2s ease}
.nav-links button:hover{color:#ff7098;background:transparent}
.nav-links button::after{display:none}

.home-hero{padding-top:120px}

@media(max-width:900px){.site-nav{padding:0 12px 0 18px}}
@media(max-width:600px){.site-nav{top:10px;width:calc(100vw - 20px);border-radius:999px;padding:0 10px 0 16px}}

/* ---------- limited-time discount announcement ---------- */
.discount-banner{position:fixed;z-index:80;top:0;left:0;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:36px;padding:0 44px;border:0;border-bottom:1px solid rgba(244,83,129,.26);background:rgba(9,7,11,.82);color:rgba(255,255,255,.76);box-shadow:0 8px 30px rgba(0,0,0,.16);-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%)}
.discount-banner[hidden]{display:none}
.discount-icon{display:grid;flex:0 0 19px;height:19px;place-items:center;border:1px solid rgba(244,83,129,.34);border-radius:5px;background:rgba(244,83,129,.08);color:#ff759d;font-size:9px;font-weight:800}
.discount-banner p{margin:0;font-size:11px;font-weight:500;line-height:1;text-align:center;letter-spacing:.01em}
.discount-banner a{color:#ff7ca2;font-weight:700;text-decoration:none}
.discount-banner a:hover{color:#ffadc4}
.discount-banner button{position:absolute;right:10px;display:grid;width:20px;height:20px;padding:0;place-items:center;border:0;border-radius:5px;background:transparent;color:rgba(255,255,255,.42);font:15px/1 Inter,sans-serif;cursor:pointer;transition:color .18s,background .18s}
.discount-banner button:hover{color:#fff;background:rgba(255,255,255,.07)}
.discount-banner~.site-nav{top:48px}
.discount-banner~.site-nav.nav-scrolled{top:42px}
.discount-banner-dismissed .site-nav,.discount-banner-dismissed .site-nav.nav-scrolled{top:12px}
@media(max-width:600px){.discount-banner{height:32px;padding:0 34px 0 10px}.discount-banner p{overflow:hidden;font-size:9px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.discount-icon{display:none}.discount-banner~.site-nav{top:42px}.discount-banner~.site-nav.nav-scrolled{top:38px}.discount-banner-dismissed .site-nav,.discount-banner-dismissed .site-nav.nav-scrolled{top:10px}}

/* ---------- scrollable page + below-the-fold sections ---------- */
html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:visible}
#reveal-stage{position:relative;inset:auto;min-height:100svh;z-index:1;isolation:isolate}
.cursor-spotlight{position:fixed}

.tools-strip{
  position:relative;z-index:2;
  padding:130px 24px;
  background:
    radial-gradient(circle at 82% 12%,rgba(146,35,68,.14),transparent 34%),
    radial-gradient(circle at 12% 88%,rgba(120,22,67,.12),transparent 36%),
    #08070b;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.tools-statement{max-width:880px;margin:0 auto;text-align:center}
.tools-strip-label{display:inline-block;margin-bottom:26px;font:700 10px/1 var(--font-body);letter-spacing:.22em;color:#f45381}
.tools-line{
  font-family:var(--font-body);font-weight:600;
  font-size:clamp(24px,3.6vw,42px);line-height:1.45;letter-spacing:-.015em;
  color:rgba(255,255,255,.4);
}
.tool-word{font-style:normal;font-weight:750}
.tool-word.tool-photopea{color:#3fd6da}
.tool-word.tool-canva{background:linear-gradient(100deg,#00c4cc,#8b3ef0);-webkit-background-clip:text;background-clip:text;color:transparent}
.tool-word.tool-paintnet{color:#5aa2ec}
.tool-word.tool-discord{color:#5865f2}


.reveal-on-scroll{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--reveal-index,0) * 90ms)}
.reveal-on-scroll.is-revealed{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  .reveal-on-scroll{opacity:1;transform:none;transition:none}
}

/* ---------- tighten hero so the next section sits closer ---------- */
.home-hero{min-height:78vh;padding-bottom:32px}

/* Standalone logo hover motion — no surrounding box. */
.nav-brand img{transform-origin:center;will-change:transform,filter;transition:transform .32s cubic-bezier(.16,1,.3,1),filter .32s ease}
.nav-brand:hover img,.nav-brand:focus-visible img{animation:nav-mark-heartbeat .72s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 7px 18px rgba(240,75,125,.48)) drop-shadow(0 0 7px rgba(255,255,255,.13))}
.nav-brand:active img{animation:none;transform:scale(.94) rotate(-2deg)}
@keyframes nav-mark-heartbeat{
  0%{transform:translateY(0) scale(1) rotate(0)}
  28%{transform:translateY(-3px) scale(1.1) rotate(-3deg)}
  48%{transform:translateY(-1px) scale(1.035) rotate(1deg)}
  68%{transform:translateY(-3px) scale(1.075) rotate(-1deg)}
  100%{transform:translateY(-2px) scale(1.055) rotate(0)}
}
@media(prefers-reduced-motion:reduce){.nav-brand:hover img,.nav-brand:focus-visible img{animation:none;transform:scale(1.04)}}

/* ---------- homepage course market ---------- */
html{scroll-behavior:smooth}
.store-section{position:relative;z-index:2;min-height:100svh;padding:105px 24px 115px;background:linear-gradient(180deg,#050406,#080509 48%,#050406);border-top:1px solid rgba(255,255,255,.055)}
.store-section:before{content:"";position:absolute;left:50%;top:0;width:min(850px,80vw);height:330px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(240,75,125,.13),transparent 67%);pointer-events:none}
.store-shell{position:relative;width:min(1120px,100%);margin:0 auto}.store-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.store-kicker{font:700 9px/1 var(--font-body);letter-spacing:.22em;color:#f56d96}.store-heading h2{margin:14px 0 0;font-size:clamp(42px,5vw,68px);line-height:1.01;letter-spacing:-.06em}.store-heading h2 em{font-style:normal;background:linear-gradient(100deg,#ff75a0,#d93670);-webkit-background-clip:text;background-clip:text;color:transparent}.store-heading>p{max-width:370px;margin:0 0 7px;color:rgba(255,255,255,.48);font-size:12px;line-height:1.7}.store-roblox-bar{margin-bottom:20px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.085);border-radius:17px;background:rgba(255,255,255,.025)}.store-roblox-copy{display:flex;align-items:center;gap:12px}.store-roblox-copy>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#09080a;font-weight:800;transform:rotate(-4deg)}.store-roblox-copy>div{display:flex;flex-direction:column;gap:3px}.store-roblox-copy strong{font-size:12px}.store-roblox-copy small{color:rgba(255,255,255,.42);font-size:9px}.store-roblox-bar>a{padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.055);font-size:10px;font-weight:650;text-decoration:none;color:#fff;transition:.2s}.store-roblox-bar>a:hover{background:#fff;color:#08070a}.store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.store-card{position:relative;min-height:220px;padding:22px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.085);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014));transition:transform .25s,border-color .25s,background .25s}.store-card:after{content:"";position:absolute;width:150px;height:150px;right:-95px;bottom:-100px;border-radius:50%;background:rgba(240,75,125,.16);filter:blur(42px)}.store-card:hover{transform:translateY(-4px);border-color:rgba(240,75,125,.24);background:linear-gradient(145deg,rgba(240,75,125,.065),rgba(255,255,255,.018))}.store-index{font:700 8px/1 var(--font-body);letter-spacing:.17em;color:#f56d96}.store-card h3{margin:22px 0 8px;font-size:19px;letter-spacing:-.035em}.store-card p{margin:0;color:rgba(255,255,255,.43);font-size:10px;line-height:1.65}.store-actions{position:relative;z-index:1;margin-top:auto;padding-top:22px;display:flex;gap:7px;flex-wrap:wrap}.store-actions button,.store-actions a{min-height:38px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.05);color:#fff;font:650 9px var(--font-body);text-decoration:none;cursor:pointer;transition:.2s}.store-actions .store-stripe{border-color:transparent;background:linear-gradient(135deg,#ff6594,#d82f69);box-shadow:0 9px 24px rgba(216,47,105,.2)}.store-actions button:hover,.store-actions a:hover{transform:translateY(-2px);background:rgba(255,255,255,.11)}.store-actions .store-stripe:hover{background:linear-gradient(135deg,#ff75a0,#e03a73)}.store-actions [disabled],.store-actions [aria-disabled="true"]{opacity:.35;pointer-events:none}.store-empty{grid-column:1/-1;padding:40px;text-align:center;color:rgba(255,255,255,.45)}
@media(max-width:760px){.store-section{padding:75px 18px}.store-heading{align-items:flex-start;flex-direction:column;gap:18px}.store-grid{grid-template-columns:1fr}.store-roblox-bar{align-items:flex-start;flex-direction:column;gap:14px}.store-roblox-bar>a{width:100%;text-align:center}.store-card{min-height:210px}}
.store-actions [disabled],.store-actions [aria-disabled="true"]{opacity:.65;filter:saturate(.6)}

/* Continue the hero banner through the course market. */
.store-section{isolation:isolate;padding:110px 24px 125px;background-image:linear-gradient(180deg,rgba(5,4,7,.35),rgba(5,4,7,.72) 42%,rgba(5,4,7,.94)),url("pulse-background.png");background-position:center;background-size:cover;background-attachment:fixed;border-top:0}
.store-section:before{z-index:-2;inset:0;width:auto;height:auto;transform:none;background:linear-gradient(180deg,rgba(5,4,7,.1),rgba(5,4,7,.36));backdrop-filter:blur(1px)}
.store-section:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 24%,rgba(244,83,129,.18),transparent 35%),linear-gradient(180deg,transparent 60%,#050406 100%);pointer-events:none}
.store-shell{z-index:1;width:min(1220px,100%)}
.store-heading{min-height:300px;margin:0 0 28px;padding:54px 52px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(135deg,rgba(10,7,12,.72),rgba(10,7,12,.4));box-shadow:0 32px 90px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.055);backdrop-filter:blur(25px) saturate(145%)}
.store-heading>div{max-width:700px}.store-heading h2{font-size:clamp(48px,5.6vw,76px);line-height:.95}.store-heading>p{max-width:330px;padding-left:25px;border-left:1px solid rgba(244,83,129,.3);font-size:12px}
.store-roblox-bar{margin:0 0 14px;padding:16px 18px;border-color:rgba(255,255,255,.12);border-radius:18px;background:rgba(10,7,12,.62);box-shadow:0 18px 55px rgba(0,0,0,.25);backdrop-filter:blur(22px)}
.store-roblox-copy>span{background:linear-gradient(145deg,#fff,#d9d9df);box-shadow:0 8px 22px rgba(0,0,0,.28)}
.store-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.store-card{min-height:270px;padding:22px;border-color:rgba(255,255,255,.115);border-radius:20px;background:linear-gradient(145deg,rgba(13,9,16,.78),rgba(8,6,10,.54));box-shadow:0 20px 55px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.045);backdrop-filter:blur(22px) saturate(135%)}
.store-card:before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,117,160,.55),transparent);opacity:0;transition:opacity .25s}
.store-card:hover{transform:translateY(-7px);border-color:rgba(244,83,129,.34);background:linear-gradient(145deg,rgba(33,15,25,.82),rgba(9,6,11,.62));box-shadow:0 28px 70px rgba(0,0,0,.42),0 0 35px rgba(216,47,105,.08)}
.store-card:hover:before{opacity:1}.store-index{display:inline-flex;align-items:center;align-self:flex-start;min-height:25px;padding:0 9px;border:1px solid rgba(244,83,129,.2);border-radius:999px;background:rgba(244,83,129,.08)}
.store-card h3{margin-top:28px;font-size:18px;line-height:1.2}.store-card p{font-size:10px;line-height:1.6}
.store-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.store-actions .store-stripe{grid-column:1/-1}.store-actions button,.store-actions a{width:100%;padding:0 10px;white-space:nowrap}
@media(max-width:1050px){.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-card{min-height:240px}}
@media(max-width:760px){.store-section{padding:75px 15px 90px;background-attachment:scroll}.store-heading{min-height:0;padding:38px 25px;align-items:flex-start;border-radius:24px}.store-heading>p{padding:18px 0 0;border-left:0;border-top:1px solid rgba(244,83,129,.25)}.store-grid{grid-template-columns:1fr}.store-card{min-height:230px}}

/* Refined toolkit banner */
.tools-strip{position:relative;z-index:2;padding:105px 24px;background:linear-gradient(180deg,rgba(5,4,7,.68),rgba(5,4,7,.88)),url("pulse-background.png") center/cover fixed;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.tools-strip:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 30%,rgba(244,83,129,.15),transparent 30%),radial-gradient(circle at 82% 72%,rgba(157,35,79,.14),transparent 32%);pointer-events:none}.tools-panel{position:relative;max-width:1120px;margin:0 auto;padding:52px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:70px;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:30px;background:linear-gradient(135deg,rgba(12,8,14,.78),rgba(8,6,10,.54));box-shadow:0 35px 100px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(26px) saturate(145%)}
.tools-strip-label{display:inline-block;margin-bottom:20px;font:700 9px/1 var(--font-body);letter-spacing:.22em;color:#f45381}.tools-copy h2{margin:0;font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-.055em;color:#fff}.tools-copy h2 em{font-style:normal;background:linear-gradient(100deg,#ff75a0,#d93670);-webkit-background-clip:text;background-clip:text;color:transparent}.tools-copy p{max-width:500px;margin:24px 0 0;color:rgba(255,255,255,.48);font-size:12px;line-height:1.75}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{min-height:112px;padding:16px;display:flex;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(255,255,255,.035);transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}.tool-card:hover{transform:translateY(-4px);border-color:rgba(244,83,129,.28);background:rgba(244,83,129,.075);box-shadow:0 18px 35px rgba(0,0,0,.24)}.tool-card>span{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid rgba(244,83,129,.23);border-radius:12px;background:linear-gradient(145deg,rgba(244,83,129,.18),rgba(244,83,129,.045));color:#ff7da3;font-size:11px;font-weight:750}.tool-card>div{min-width:0;display:flex;flex-direction:column;gap:5px}.tool-card strong{font-size:12px;color:#fff}.tool-card small{font-size:8px;line-height:1.4;color:rgba(255,255,255,.4)}
@media(max-width:900px){.tools-panel{grid-template-columns:1fr;gap:38px;padding:40px}.tools-copy{text-align:center}.tools-copy p{margin-left:auto;margin-right:auto}}
@media(max-width:560px){.tools-strip{padding:70px 15px;background-attachment:scroll}.tools-panel{padding:30px 20px;border-radius:23px}.tools-grid{grid-template-columns:1fr}.tool-card{min-height:90px}.tools-copy h2{font-size:36px}}

/* Seamless hero-to-toolkit transition. */
#reveal-stage{min-height:78svh}
.tools-strip{margin-top:-2px;padding-top:150px;border-top:0;background-image:linear-gradient(180deg,rgba(5,4,7,.26) 0%,rgba(5,4,7,.42) 18%,rgba(5,4,7,.72) 52%,rgba(5,4,7,.88) 100%),url("pulse-background.png");background-position:center;background-size:cover}
.tools-strip:before{background:linear-gradient(180deg,transparent 0%,rgba(8,5,10,.08) 18%,rgba(8,5,10,.28) 100%),radial-gradient(circle at 18% 38%,rgba(244,83,129,.14),transparent 31%),radial-gradient(circle at 82% 72%,rgba(157,35,79,.13),transparent 32%)}
@media(max-width:560px){#reveal-stage{min-height:82svh}.tools-strip{padding-top:105px}}
.tool-card>.tool-logo{padding:7px;background:rgba(20,34,43,.72);border-color:rgba(126,211,255,.22)}.tool-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:6px;transition:transform .25s ease}.tool-card:hover .tool-logo img{transform:scale(1.1) rotate(-4deg)}
.tool-card>.paintnet-logo{padding:4px;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.15)}
.tool-card>.photopea-logo{padding:6px;background:rgba(31,171,159,.14);border-color:rgba(48,207,191,.3)}
.tool-card>.canva-logo{width:58px;flex-basis:58px;padding:7px;background:linear-gradient(145deg,rgba(0,196,204,.12),rgba(125,42,232,.12));border-color:rgba(78,139,245,.28)}.canva-logo img{object-fit:contain}

/* Editorial toolkit layout — deliberately simpler and less template-like. */
.tools-panel{max-width:1080px;padding:38px 0;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:100px;border:0;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.tools-copy h2{font-size:clamp(40px,4.4vw,62px);line-height:1.04;letter-spacing:-.055em}.tools-copy h2 em{background:none;color:#f45381;-webkit-text-fill-color:#f45381}.tools-copy p{max-width:430px;margin-top:22px;font-size:11px}.tools-grid{grid-template-columns:1fr;gap:0}.tool-card{min-height:76px;padding:11px 4px;border:0;border-bottom:1px solid rgba(255,255,255,.09);border-radius:0;background:transparent;box-shadow:none}.tool-card:first-child{border-top:1px solid rgba(255,255,255,.09)}.tool-card:hover{transform:translateX(6px);border-color:rgba(244,83,129,.28);background:transparent;box-shadow:none}.tool-card>span,.tool-card>.tool-logo{width:50px;height:46px;flex:0 0 50px;padding:3px;border:0;border-radius:8px;background:transparent}.tool-card>.canva-logo{width:70px;flex-basis:70px;padding:3px;border:0;background:transparent}.tool-card>.photopea-logo,.tool-card>.paintnet-logo{padding:4px;border:0;background:transparent}.tool-card strong{font-size:13px}.tool-card small{font-size:9px}.tool-card:hover .tool-logo img{transform:scale(1.06)}
@media(max-width:900px){.tools-panel{grid-template-columns:1fr;gap:45px;padding:36px 0}.tools-copy{text-align:left}.tools-copy p{margin-left:0;margin-right:0}.tools-grid{max-width:620px}}
.tool-card strong,.tool-card small{text-transform:capitalize}.tool-card strong{letter-spacing:.015em}.tool-card small{letter-spacing:.015em}

/* Site footer */
.site-footer{position:relative;z-index:2;padding:72px max(24px,calc((100vw - 1120px)/2)) 28px;border-top:1px solid rgba(255,255,255,.075);background:#050406;color:#fff}
.footer-main{display:grid;grid-template-columns:minmax(280px,1.45fr) minmax(170px,.72fr) minmax(170px,.72fr);gap:clamp(55px,8vw,130px);padding-bottom:52px}
.footer-brand{max-width:430px}.footer-wordmark{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:17px;letter-spacing:-.025em}.footer-wordmark img{width:31px;height:31px;object-fit:contain;transition:transform .3s cubic-bezier(.16,1,.3,1),filter .3s ease}.footer-wordmark strong{color:#f45381}.footer-wordmark:hover img{transform:scale(1.12) rotate(-5deg);filter:drop-shadow(0 0 12px rgba(244,83,129,.45))}.footer-brand p{max-width:395px;margin:10px 0 0;color:rgba(255,255,255,.47);font-size:12px;line-height:1.75}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.footer-column h2{margin:2px 0 9px;color:#f45381;font-size:9px;line-height:1;letter-spacing:.2em;text-transform:uppercase}.footer-column a{position:relative;color:rgba(255,255,255,.55);font-size:12px;text-decoration:none;transition:color .2s ease,transform .2s ease}.footer-column a:hover{color:#fff;transform:translateX(4px)}.footer-community a{display:flex;align-items:center;gap:10px;min-height:22px}.footer-community .footer-social-icon{width:18px;height:18px;flex:0 0 18px;object-fit:contain;opacity:.72;transition:opacity .2s ease,transform .2s ease}.footer-community a:hover .footer-social-icon{opacity:1;transform:scale(1.08)}.footer-community .footer-roblox-icon{width:17px;height:17px;flex-basis:17px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:25px;border-top:1px solid rgba(255,255,255,.075);color:rgba(255,255,255,.35);font-size:10px}.footer-bottom b{margin:0 2px;color:#f45381;font-size:12px}.footer-bottom strong{color:rgba(255,255,255,.68);font-weight:600}
@media(max-width:760px){.site-footer{padding:58px 22px 25px}.footer-main{grid-template-columns:1fr 1fr;gap:45px 30px}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:430px){.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}}

/* Quiet, editorial course library */
.courses-modal{padding:20px;background:rgba(0,0,0,.78);backdrop-filter:blur(10px);animation:none}
.courses-dialog{width:min(780px,94vw);max-height:82vh;padding:34px 36px 30px;overflow-y:auto;border:1px solid #2a272c;border-radius:14px;background:#0b0a0c;box-shadow:0 24px 70px rgba(0,0,0,.62);animation:none}
.courses-dialog:before{display:none}
.courses-heading{display:block;padding-right:190px}.courses-heading-icon,.courses-kicker{display:none}
.courses-dialog h2{margin:0;color:#f4f2f3;font-size:29px;font-weight:650;line-height:1.1;letter-spacing:-.04em}
.courses-intro{margin:9px 0 28px;padding:0 0 23px;border-bottom:1px solid #242126;color:#807b7f;font-size:11px}
.courses-close,.courses-refresh{position:absolute;top:25px;height:32px;border:1px solid #2d292e;border-radius:7px;background:#111013;color:#8e898d;box-shadow:none;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.courses-refresh span{display:none}
.courses-close{right:26px;width:32px;font-size:18px;line-height:1}.courses-refresh{right:68px;width:auto;padding:0 12px;font:600 10px var(--font-body)}
.courses-close:hover,.courses-refresh:hover{transform:none;border-color:#4a454b;background:#171519;color:#fff}
.course-grid{display:block;border-top:1px solid #242126;counter-reset:none}
.course-card-claim{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:14px;row-gap:3px;align-items:center;min-height:88px;padding:17px 4px;border:0;border-bottom:1px solid #242126;border-radius:0;background:transparent;box-shadow:none;animation:none;transform:none!important;transition:background .16s ease}
.course-card-claim:after{display:none}.course-card-claim:hover{border-color:#242126;background:#0f0e10;transform:none}
.course-eyebrow{grid-column:1;grid-row:1 / 3;display:grid;place-items:center;width:32px;height:32px;margin:0;border:0;border-radius:0;background:transparent;overflow:visible}.course-eyebrow:after{color:#666066}.course-eyebrow.has-course-icon img{width:21px;height:21px;opacity:.82;filter:none}
.course-card-claim h3{grid-column:2;grid-row:1;align-self:end;margin:0;color:#e8e5e7;font-size:13px;font-weight:620;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip}
.course-card-claim p{grid-column:2;grid-row:2;align-self:start;margin:0;color:#777176;font-size:9.5px;line-height:1.45;display:block;overflow:visible}
.course-card-claim a,.course-card-claim button{grid-column:3;grid-row:1 / 3;align-self:center;margin:0;padding:7px 3px;border:0;border-radius:0;background:transparent;color:#d56889;font:600 9px var(--font-body);white-space:nowrap;box-shadow:none!important;transform:none!important;text-decoration:none;transition:color .16s ease}
.course-card-claim a:hover,.course-card-claim button:hover{background:transparent;color:#ff8aac;transform:none}
.course-message{margin:18px 0 2px;color:#a59fa3;font-size:10px}
@media(max-width:620px){.courses-dialog{padding:28px 20px 24px}.courses-heading{padding-right:135px}.courses-close{right:18px;top:20px}.courses-refresh{right:58px;top:20px}.course-card-claim{grid-template-columns:35px minmax(0,1fr);padding:15px 2px}.course-card-claim a,.course-card-claim button{grid-column:2;grid-row:3;justify-self:start;padding-top:8px}.course-eyebrow{grid-row:1 / 4;width:28px}.course-card-claim p{font-size:9px}}

/* Compact icon-first course library */
.courses-dialog{width:min(720px,94vw);height:auto;min-height:0;max-height:84vh;padding:28px;border-color:rgba(255,255,255,.12);border-radius:18px;background:rgba(10,8,11,.97);box-shadow:0 28px 80px rgba(0,0,0,.68)}
.courses-heading{display:flex;align-items:center;gap:13px;padding-right:180px}.courses-heading-icon{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(244,83,129,.24);border-radius:11px;background:rgba(244,83,129,.09)}.courses-heading-icon img{width:21px;height:21px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}.courses-dialog h2{font-size:27px}.courses-intro{margin:10px 0 20px;padding:0 0 19px}
.courses-close,.courses-refresh{top:30px}.courses-close{right:28px}.courses-refresh{right:69px}.course-grid{display:grid;grid-template-columns:1fr;gap:9px;border:0}
.course-card-claim{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:15px;min-height:94px;padding:15px;border:1px solid rgba(255,255,255,.085);border-radius:13px;background:rgba(255,255,255,.025);transition:border-color .2s ease,background .2s ease!important}.course-card-claim:hover{border-color:rgba(244,83,129,.24);background:rgba(244,83,129,.045)}
.course-eyebrow{grid-column:1;grid-row:1 / 3;width:46px;height:46px;border:1px solid rgba(244,83,129,.22);border-radius:12px;background:linear-gradient(145deg,rgba(244,83,129,.16),rgba(244,83,129,.055));overflow:hidden}.course-eyebrow:after{display:none!important}.course-eyebrow.has-course-icon img{width:24px;height:24px;opacity:.95;filter:none}
.course-card-claim h3{font-size:14px}.course-card-claim p{max-width:440px;font-size:9.5px;color:#817a7f}.course-card-claim a,.course-card-claim button{padding:9px 12px;border:1px solid rgba(244,83,129,.22);border-radius:9px;background:rgba(244,83,129,.08);color:#f17499}.course-card-claim a:hover,.course-card-claim button:hover{background:#e43c70;color:#fff}
.course-message:empty{display:none}
@media(max-width:620px){.courses-dialog{padding:24px 18px}.courses-heading{padding-right:120px}.courses-close,.courses-refresh{top:25px}.courses-close{right:18px}.courses-refresh{right:58px}.course-card-claim{grid-template-columns:46px minmax(0,1fr);padding:13px}.course-eyebrow{grid-row:1 / 4;width:40px;height:40px}.course-card-claim a,.course-card-claim button{grid-column:2;grid-row:3;margin-top:7px}.course-eyebrow.has-course-icon img{width:21px;height:21px}}

/* Final pared-back library treatment */
.courses-dialog{width:min(650px,94vw);padding:26px 27px 22px;border-radius:12px;background:#0a090b}
.courses-heading{gap:10px;padding-right:170px}.courses-heading-icon{width:28px;height:28px;border:0;border-radius:0;background:transparent}.courses-heading-icon img{width:19px;height:19px}.courses-dialog h2{font-size:25px;letter-spacing:-.035em}.courses-intro{margin:8px 0 17px;padding:0 0 17px}
.courses-close,.courses-refresh{top:25px;border:0;background:transparent}.courses-close{right:23px}.courses-refresh{right:62px;padding:0 8px}.courses-close:hover,.courses-refresh:hover{border:0;background:rgba(255,255,255,.055)}
.course-grid{gap:0;border-top:1px solid #262227}.course-card-claim{grid-template-columns:42px minmax(0,1fr) auto;min-height:82px;padding:16px 2px;border:0;border-bottom:1px solid #262227;border-radius:0;background:transparent}.course-card-claim:hover{border-color:#262227;background:rgba(255,255,255,.018)}
.course-eyebrow{width:32px;height:32px;border:0;border-radius:0;background:transparent}.course-eyebrow.has-course-icon img{width:23px;height:23px;opacity:.9}
.course-card-claim h3{font-size:13px}.course-card-claim p{font-size:9px;color:#756f73}.course-card-claim a,.course-card-claim button{padding:6px 0;border:0;border-radius:0;background:transparent;color:#d9698a}.course-card-claim a:hover,.course-card-claim button:hover{background:transparent;color:#ff8ead}
@media(max-width:620px){.courses-dialog{padding:23px 18px 18px}.courses-heading{padding-right:118px}.courses-close,.courses-refresh{top:22px}.courses-close{right:14px}.courses-refresh{right:50px}.course-card-claim{grid-template-columns:38px minmax(0,1fr);padding:14px 0}.course-card-claim a,.course-card-claim button{margin-top:5px}}
.account-menu-links [hidden]{display:none!important}

/* Blend the hero into the software section without a visible horizontal seam. */
.tools-strip{
  z-index:3;
  margin-top:-150px;
  padding-top:275px;
  border-top:0;
  background:
    linear-gradient(180deg,transparent 0,rgba(8,7,11,.3) 72px,#08070b 235px),
    radial-gradient(circle at 82% 25%,rgba(146,35,68,.13),transparent 38%),
    radial-gradient(circle at 12% 90%,rgba(120,22,67,.1),transparent 38%);
}
.tools-strip::before{
  content:"";
  position:absolute;
  left:0;right:0;top:105px;
  height:220px;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(8,7,11,.42) 50%,transparent);
  filter:blur(20px);
}
.tools-panel{position:relative;z-index:1}
@media(max-width:700px){.tools-strip{margin-top:-90px;padding-top:190px}}