/* Public homepage only: an editorial, asymmetric learning constellation.
   Intentional organic shapes, not a six-card product grid. */
.zf-showcase{position:relative;isolation:isolate;color:#35284d}
.rv-landing-hero + .zf-showcase{margin-top:70px}
.zf-showcase + .ze-home-section{margin-top:64px}
.zf-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:8px;padding:0 12px}
.zf-intro-copy{max-width:695px}
.zf-intro .ze-eyebrow{font-size:clamp(13px,1.35vw,15px);letter-spacing:1.5px}
.zf-intro h2{font-size:clamp(22px,3vw,29px);line-height:1.2;letter-spacing:-.7px;margin:7px 0 5px;color:#372a53}
.zf-intro p{font-size:13px;line-height:1.5;color:#7d708d;margin:0;max-width:520px}
.zf-intro-art{position:relative;flex:0 0 214px;height:142px;display:grid;place-items:center;transform:rotate(-7deg)}
.zf-art-orbit{width:170px;height:94px;border:2px dashed #d5beef;border-radius:50%;transform:rotate(-23deg)}
.zf-art-star{position:absolute;top:-3px;left:26px;z-index:1;color:#e3a647;font-size:52px;line-height:1}
.zf-art-word{position:absolute;bottom:32px;right:0;z-index:1;padding:8px 14px;border-radius:50%;background:#f3eaff;color:#8059b5;font-size:12px;font-weight:850;letter-spacing:.6px;white-space:nowrap}
.zf-constellation{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(8,62px);gap:8px 12px;min-width:0;margin:15px 0 12px}
.zf-orbit-lines{position:absolute;z-index:-1;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.zf-orbit-lines path{fill:none;stroke:#d7c4ef;stroke-width:2;stroke-dasharray:3 12;stroke-linecap:round}
.zf-feature{--zf-bg:#f6edff;--zf-ink:#4b3377;--zf-accent:#7751b8;--zf-edge:#e1cafa;position:relative;display:flex;min-width:0;min-height:0;align-items:center;justify-content:center;box-sizing:border-box;color:var(--zf-ink)}
.zf-feature::before{content:"";position:absolute;inset:3px 1px;z-index:-1;background:radial-gradient(circle at 20% 15%,#ffffffa6,transparent 51%),var(--zf-bg);border:1px solid var(--zf-edge);border-radius:53% 47% 59% 41% / 42% 55% 45% 58%;transform:rotate(-5deg);box-shadow:0 15px 27px #5c359b12}
.zf-feature::after{content:"";position:absolute;right:12%;top:12%;z-index:-1;width:18%;aspect-ratio:1;border-radius:50%;border:2px solid #ffffff8a;pointer-events:none}
.zf-feature-inner{width:100%;box-sizing:border-box;padding:25px 32px;position:relative;z-index:1}
.zf-feature-icon{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:6px;border-radius:50%;background:#ffffffa6;color:var(--zf-accent);font-size:25px;font-weight:800;line-height:1}
.zf-feature-tag{display:block;color:var(--zf-accent);font-size:10px;font-weight:900;letter-spacing:1.15px;line-height:1.4}
.zf-feature h3{margin:7px 0;font-size:clamp(18px,2vw,23px);font-weight:850;letter-spacing:-.6px;line-height:1.15;color:var(--zf-ink)}
.zf-feature p{margin:0;font-size:12.5px;line-height:1.48;color:#615570}
.zf-feature--practice{grid-column:1/6;grid-row:1/6;--zf-bg:#e8dbff;--zf-edge:#d7c0fc;--zf-accent:#6a43b5;--zf-ink:#3c2862}
.zf-feature--practice::before{border-radius:50% 50% 42% 58% / 52% 44% 56% 48%;transform:rotate(4deg)}
.zf-feature--practice .zf-feature-inner{padding:42px 53px}
.zf-feature--practice .zf-feature-icon{width:53px;height:53px;font-size:37px;margin-bottom:10px;background:#ffffffbf}
.zf-feature--practice h3{font-size:clamp(25px,2.8vw,33px);letter-spacing:-1px;margin:10px 0}
.zf-feature--practice p{font-size:14px;line-height:1.55;max-width:300px;color:#574477}
.zf-feature-detail{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:#7048ad;font-size:12px;font-weight:900}
.zf-feature--courses{grid-column:7/10;grid-row:1/4;--zf-bg:#e1f9ee;--zf-edge:#b8e8d2;--zf-accent:#188365;--zf-ink:#1c604e}
.zf-feature--courses::before{border-radius:45% 55% 47% 53% / 55% 43% 57% 45%;transform:rotate(8deg)}
.zf-feature--courses p{color:#3f7161}
.zf-feature--personal{grid-column:10/13;grid-row:2/5;--zf-bg:#fff0cb;--zf-edge:#f3dcaa;--zf-accent:#ac751a;--zf-ink:#74501c}
.zf-feature--personal::before{border-radius:60% 40% 45% 55% / 42% 55% 45% 58%;transform:rotate(-5deg)}
.zf-feature--personal .zf-feature-inner{padding:23px 31px}
.zf-feature--personal p{color:#806b4e}
.zf-feature--guided{grid-column:5/9;grid-row:5/9;--zf-bg:#e4efff;--zf-edge:#c9ddfb;--zf-accent:#487bc0;--zf-ink:#2b598a}
.zf-feature--guided::before{border-radius:45% 55% 57% 43% / 58% 43% 57% 42%;transform:rotate(-4deg)}
.zf-feature--guided .zf-feature-inner{padding:39px 46px}
.zf-feature--guided p{color:#56728e}
.zf-feature--points{grid-column:1/5;grid-row:6/9;--zf-bg:#ffe5e4;--zf-edge:#f8cfcd;--zf-accent:#c15f60;--zf-ink:#813f50}
.zf-feature--points::before{border-radius:50% 50% 56% 44% / 44% 58% 42% 56%;transform:rotate(-6deg)}
.zf-feature--points p{color:#885a68}
.zf-feature--games{grid-column:9/13;grid-row:6/9;--zf-bg:#f5e6ff;--zf-edge:#e7d0fb;--zf-accent:#9463ba;--zf-ink:#684183}
.zf-feature--games::before{border-radius:55% 45% 41% 59% / 53% 45% 55% 47%;transform:rotate(6deg)}
.zf-feature--games p{color:#7c6391}
.zf-orbit-spark{position:absolute;z-index:0;pointer-events:none;font-size:25px;color:#d4b55c}
.zf-orbit-spark--a{left:51%;top:14%;color:#ba8fdb}
.zf-orbit-spark--b{right:14%;top:82%;color:#79c5a7;font-size:29px}
.zf-orbit-spark--c{left:32%;top:66%;color:#e9af67;font-size:38px}
.zf-outro{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:12px 10px 0;border-top:1px dashed #e6d9ef}
.zf-outro p{margin:0;color:#6d5d7b;font-size:13px;font-weight:700;line-height:1.5}
.zf-outro small{display:block;margin-top:4px;font-size:11px;font-weight:450;line-height:1.5;color:#90849b}
.zf-outro-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px 18px;flex-shrink:0}
.zf-outro-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#6f48b3;font-size:13px;font-weight:850;text-decoration:none}
.zf-outro-links a:hover{text-decoration:underline}
.zf-outro-links a:focus-visible{outline:3px solid #8961d7;outline-offset:3px;border-radius:4px}
@media(max-width:980px){
  .zf-constellation{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:20px 15px;align-items:stretch}
  .zf-feature{grid-column:auto;grid-row:auto;min-height:230px}
  .zf-feature--practice{grid-column:1/-1;min-height:280px}
  .zf-feature--practice .zf-feature-inner{max-width:580px;padding:40px 70px}
  .zf-feature--guided .zf-feature-inner{padding:26px 42px}
  .zf-feature--games{grid-column:1/-1;min-height:205px}
  .zf-feature--games .zf-feature-inner{max-width:610px}
  .zf-orbit-lines,.zf-orbit-spark{display:none}
  .zf-intro-art{flex-basis:160px}
}
@media(max-width:620px){
  .rv-landing-hero + .zf-showcase{margin-top:49px}
  .zf-showcase + .ze-home-section{margin-top:52px}
  .zf-intro{display:block;padding:0 4px;margin-bottom:17px}
  .zf-intro-art{display:none}
  .zf-constellation{display:flex;flex-direction:column;align-items:stretch;gap:13px;margin:0 0 20px}
  .zf-feature,.zf-feature--practice,.zf-feature--games{width:100%;min-height:0}
  .zf-feature::before{inset:2px 4px;border-radius:22% 14% 20% 16% / 20% 24% 15% 22%;transform:rotate(-2deg)}
  .zf-feature:nth-of-type(even)::before{border-radius:15% 23% 14% 21% / 23% 17% 24% 15%;transform:rotate(2deg)}
  .zf-feature-inner,.zf-feature--practice .zf-feature-inner,.zf-feature--guided .zf-feature-inner,.zf-feature--personal .zf-feature-inner{padding:24px 33px}
  .zf-feature-icon,.zf-feature--practice .zf-feature-icon{width:32px;height:32px;font-size:23px;margin:0 0 5px}
  .zf-feature h3,.zf-feature--practice h3{font-size:22px;margin:4px 0 6px;letter-spacing:-.45px}
  .zf-feature p,.zf-feature--practice p{max-width:none;font-size:13px;line-height:1.45}
  .zf-feature-detail{margin-top:8px}
  .zf-feature-tag{font-size:9px}
  .zf-outro{display:block;padding:17px 4px 0}
  .zf-outro-links{justify-content:flex-start;margin-top:9px}
}
@media(prefers-reduced-motion:reduce){
  .zf-showcase *, .zf-showcase *::before, .zf-showcase *::after{animation:none!important;transition:none!important}
}