.formula-hero{background:linear-gradient(125deg,var(--green-dark) 0 70%,#12382f 70%)}
.cast{display:grid;grid-template-columns:repeat(8,1fr);gap:.55rem;margin:1rem 0 1.2rem}.kid{text-align:center}.kid span,.mini-avatar{display:grid;place-items:center;margin:auto;width:3.4rem;height:3.4rem;color:#fff;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 0 rgba(24,36,31,.16);font:800 1.25rem Georgia,serif}.kid b{display:block;margin-top:.25rem;font-size:.78rem}.coral span,.avatar-0{background:#d45f43}.blue span,.avatar-1{background:#2d6f9f}.gold span,.avatar-2{color:var(--ink);background:#f3ca52}.green span,.avatar-3{background:#176b54}.violet span,.avatar-4{background:#7459a6}.teal span,.avatar-5{background:#278783}.rose span,.avatar-6{background:#b94f73}.navy span,.avatar-7{background:#2e4660}.play-note{text-align:center;color:var(--muted);font-weight:750}
.mode-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}
.mode-buttons button{padding:.75rem;border:1px solid var(--green);border-radius:8px;color:var(--green-dark);background:#fff;cursor:pointer;font-weight:800}
.mode-buttons button[aria-pressed="true"]{color:#fff;background:var(--green)}
.formula-demo{padding:1.2rem;background:#f6f7f2;border-radius:10px;transition:background .2s ease}.formula-demo.flash{background:#fff7dc}.scene-title{text-align:center;color:var(--green-dark);font:600 1.25rem Georgia,serif}
.slots{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin:1rem 0}
.slot{position:relative;min-width:145px;padding:.7rem;text-align:center;background:#fff;border:2px solid var(--coral);border-radius:8px}.slot:after{content:"";display:block;width:70%;height:.45rem;margin:.55rem auto -.7rem;background:var(--coral);border-radius:.4rem .4rem 0 0}.slot small{display:block;color:var(--muted)}.slot .mini-avatar{width:2.8rem;height:2.8rem;margin:.35rem auto;border-width:3px}.slot b{display:block}.slot em{color:var(--coral);font-style:normal;font-weight:850}
.demo-result{text-align:center}.demo-result strong{display:block;color:var(--coral);font:600 clamp(1.5rem,4vw,2.2rem) Georgia,serif}
.callout{margin:1rem 0;padding:1rem;background:#fff7dc;border-left:5px solid var(--yellow)}
.bridge{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.bridge-card{padding:1rem;background:#f6f7f2;border-top:5px solid var(--green)}
.bridge-card:nth-child(2){border-color:var(--coral)}.bridge-card:nth-child(3){border-color:var(--yellow)}
.bridge-card b{display:block;color:var(--green-dark);font-size:1.15rem}.bridge-card .formula{margin-bottom:0}
.why-divide{display:grid;grid-template-columns:1fr auto 1fr;gap:.9rem;align-items:center}
.orders{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem}
.orders span{padding:.55rem;text-align:center;background:var(--green-soft);border-radius:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.orders i,.team-faces i{display:inline-grid;width:1.55rem;height:1.55rem;margin-right:-.18rem;place-items:center;color:#fff;background:var(--green);border:2px solid #fff;border-radius:50%;font-size:.7rem;font-style:normal;font-weight:850}.orders i:nth-child(2),.team-faces i:nth-child(2){background:var(--blue)}.orders i:nth-child(3),.team-faces i:nth-child(3){color:var(--ink);background:var(--yellow)}
.funnel{display:grid;gap:.25rem;text-align:center}.funnel span{font-size:.78rem;font-weight:800}.funnel b{padding:.45rem;color:#fff;background:var(--coral);clip-path:polygon(0 0,100% 0,75% 100%,25% 100%)}.team{padding:1.2rem;text-align:center;background:#fff7dc;border:2px solid var(--yellow);border-radius:8px;font-weight:800}.team small{color:var(--muted);font-weight:650}.team-faces{margin-bottom:.5rem}.team-faces i{width:2.3rem;height:2.3rem;font-size:1rem}
.trail-intro{max-width:44rem;margin-bottom:1.25rem}.formula-trail{padding:1.25rem;background:#f7f3e8;border:1px solid #e4decc;border-radius:12px}.trail-question{display:flex;max-width:34rem;margin:0 auto 1.25rem;gap:.85rem;align-items:center;padding:1rem 1.25rem;background:#fff;border:2px solid var(--yellow);border-radius:10px;box-shadow:0 4px 0 #e7c24b}.trail-icon{font-size:2rem}.trail-question small,.route-answer small{display:block;color:var(--coral);font-size:.72rem;font-weight:900;letter-spacing:.09em}.trail-question strong{display:block;font-family:Georgia,serif;font-size:1.15rem}.trail-branches{display:grid;grid-template-columns:1fr 1.35fr;gap:1rem}.trail-route{position:relative;padding:1rem;border-radius:10px}.route-repeat{background:#e8f5ec;border:2px solid #83b996}.route-no-repeat{background:#e9f3f8;border:2px solid #82b6d0}.route-label{display:inline-block;margin-bottom:.65rem;padding:.25rem .6rem;background:#fff;border-radius:999px;font-size:.78rem;font-weight:900}.route-story{display:flex;gap:.65rem;align-items:center}.route-story>span{font-size:1.8rem}.route-story p{margin:0}.route-arrow{text-align:center;color:var(--green);font-size:1.5rem;font-weight:900}.route-answer{padding:.8rem;text-align:center;background:#fff;border-radius:8px}.route-answer b{display:block;color:var(--green-dark);font:900 2rem Georgia,serif}.route-answer span{font-size:.78rem;color:var(--muted)}.mini-fork{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem}.mini-fork>div{padding:.75rem;text-align:center;background:#fff;border-radius:8px}.mini-fork span,.mini-fork b,.mini-fork strong,.mini-fork small{display:block}.mini-fork span{font-size:.72rem;font-weight:900}.mini-fork b{margin:.35rem 0;font-size:.82rem}.mini-fork strong{color:var(--green-dark);font:900 1.5rem Georgia,serif}.mini-fork small{color:var(--muted)}.trail-tip{margin:1rem 0;padding:.85rem 1rem;background:#fff7dc;border-left:5px solid var(--yellow)}
.checklist{display:grid;gap:.7rem;counter-reset:item}.check{padding:1rem 1rem 1rem 3.4rem;position:relative;background:#f6f7f2}
.check:before{counter-increment:item;content:counter(item);position:absolute;left:1rem;top:.85rem;display:grid;width:1.8rem;height:1.8rem;place-items:center;color:#fff;background:var(--coral);border-radius:50%;font-weight:900}
.empty-stage{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem;background:#f6f7f2}.empty-stage>div{display:grid;width:4rem;height:4rem;place-items:center;color:var(--muted);border:2px dashed var(--green);border-radius:50%;font-size:2rem}.empty-stage p{margin:0}.empty-stage span{padding:.6rem;color:#fff;background:var(--green-dark);border-radius:6px;font:800 1.25rem Georgia,serif}
.deep-dive{margin-top:1rem;padding:1rem;background:#fff7dc;border-left:5px solid var(--yellow)}.deep-dive a{font-weight:850}
@media(max-width:700px){.cast{grid-template-columns:repeat(4,1fr)}.bridge,.mode-buttons,.trail-branches{grid-template-columns:1fr}.formula-trail{padding:.85rem}.mini-fork{grid-template-columns:1fr 1fr}.why-divide{grid-template-columns:1fr}.funnel b{clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.slot{min-width:100px}.empty-stage{grid-template-columns:auto 1fr}.empty-stage span{grid-column:1/-1;text-align:center}}
@media(max-width:390px){.mini-fork{grid-template-columns:1fr}.trail-question{align-items:flex-start}.trail-question strong{font-size:1rem}}
@media(prefers-reduced-motion:no-preference){.mini-avatar{animation:pop-in .28s ease both}.slot:nth-child(2) .mini-avatar{animation-delay:.06s}.slot:nth-child(3) .mini-avatar{animation-delay:.12s}@keyframes pop-in{from{opacity:0;transform:translateY(-12px) scale(.8)}to{opacity:1;transform:none}}}