/* C: original central-product composition and restrained feature symbols. */
.c .hero{height:auto;min-height:0;aspect-ratio:1672/941;align-items:flex-start;text-align:center;background:#f0edff}
.c .hero-copy{width:100%;padding:3.1% 20px 0;margin:0;text-align:center}
.c .hero h1{font-size:clamp(38px,4.3vw,67px);line-height:1.15;margin:13px 0 9px;letter-spacing:-.035em}
.c .hero h1 br{display:none}
.c .hero h1 em{margin-right:.13em}
.c .hero-copy p{max-width:none;margin:0 auto 15px;font-size:clamp(13px,1.2vw,17px)}
.c .hero-copy .primary{padding:12px 25px;min-height:43px;font-size:14px}
.c .hero-foot{display:none}
.c .hero-art{inset:0}
.c-hero-scene{position:absolute;inset:0}
.c-original-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.feature-icon{display:flex;justify-content:center;align-items:center;color:#8665bc;flex:none}
.feature-icon svg{width:100%;height:100%;display:block}
.c-hero-feature{position:absolute;display:flex;align-items:center;flex-direction:column;justify-content:center;width:10.7%;height:23%;text-align:center;color:#54456f}
.c-hero-feature .feature-icon{width:30%;aspect-ratio:1;margin-bottom:7%}
.c-hero-feature b{font-size:clamp(10px,1.17vw,18px);font-weight:600;white-space:nowrap}
.c-hero-feature small{font-size:clamp(8px,.92vw,13px);max-width:88%;line-height:1.6;margin-top:8px;color:#847598;word-break:normal}
.c-hero-feature.feature-0{left:7%;top:41%;transform:rotate(-11deg)}
.c-hero-feature.feature-1{left:19.4%;top:42%;transform:rotate(7deg)}
.c-hero-feature.feature-2{left:69.8%;top:42%;transform:rotate(-4deg)}
.c-hero-feature.feature-3{left:83%;top:42%;transform:rotate(4deg)}
.c .start-view{background:#faf9ff;min-height:420px}
.c .start-bg{background:none}
.c .mini-deck{gap:14px;margin-top:12px}
.c .mini-deck>span{display:flex;align-items:center;justify-content:center;width:67px;height:86px;border:1px solid #e5ddef;box-shadow:0 4px 10px #4e347008;background:#fff;transform:rotate(-5deg)}
.c .mini-deck>span:nth-child(even){transform:rotate(5deg);background:#f7f3fe}
.c .mini-deck .feature-icon{width:36px;height:36px;transform:none;background:none}
.c .memory-board{max-width:800px;gap:18px;padding:32px 28px 24px}
.c .card-back{background:linear-gradient(150deg,#fff 10%,#fcfbff 60%,#f2effa);border:1px solid #e4ddee;box-shadow:0 5px 12px #6957860c;border-radius:12px;gap:4px}
.c .card-back-mark{font-size:clamp(22px,3.2vw,39px);letter-spacing:-.055em;font-weight:500;color:#a38bc4;line-height:1.15}
.c .card-back small{font-size:9px;letter-spacing:.23em;color:#b5a6ca;padding-left:.23em}
.c .card-face{padding:16px 8px;justify-content:center;gap:17px;border-radius:12px;border:1px solid #d9cdea;background:#f1eafa}
.c .card-face .feature-icon{width:51px;height:51px}
.c .card-face b{flex:0;font-size:14px;line-height:1.4;padding:0}
.c .memory-card.matched:disabled{opacity:.66}
.c .feature-reveal{padding:38px 32px 32px;background:linear-gradient(#f1eafa,white 80%)}
.c .feature-reveal>.feature-icon{width:70px;height:70px;margin:24px auto}
.c .feature-reveal h2{font-size:28px}
.c .feature-reveal h3{margin-top:20px;margin-bottom:20px}
.c .vote-grid{gap:16px;max-width:940px}
.c .vote-card{background:#f7f3fc;border:1px solid #e1d6ee;padding:30px 13px 24px;text-align:center;border-radius:12px}
.c .vote-card>.feature-icon{width:58px;height:58px;margin:0 auto 14px}
.c .vote-card-copy{padding:10px 0 0}
.c .vote-card strong{font-size:16px}
.c .vote-card small{font-size:12px;margin-top:12px;min-height:40px}
.c .vote-card[aria-pressed=true]{border:1px solid #8662b7;background:#eee5f9;box-shadow:0 0 0 3px #eee4f8}
.c .vote-card[aria-pressed=true]:after{width:22px;height:22px;font-size:13px;top:10px;right:10px}
@media(min-width:641px) and (max-width:1000px){
 .c .hero-copy{padding-top:2.4%}
 .c .hero h1{font-size:4.5vw;margin:8px 0}
 .c .hero-copy p{font-size:12px;margin-bottom:10px}
 .c .hero-copy .primary{min-height:34px;padding:8px 19px;font-size:12px}
 .c .hero-copy .eyebrow{font-size:8px}
 .c-hero-feature small{margin-top:4px}
}
@media(max-width:640px){
 .c .hero{aspect-ratio:auto;min-height:0;height:490px;background:linear-gradient(#f3f0ff,#eeecff)}
 .c .hero-copy{padding:31px 20px 0}
 .c .hero h1{font-size:38px;line-height:1.16;margin:17px 0 10px}
 .c .hero h1 br{display:block}
 .c .hero-copy p{font-size:13px;margin-bottom:18px}
 .c .hero-copy .primary{font-size:13px;padding:11px 22px}
 .c-hero-scene{inset:auto 0 0;height:auto;aspect-ratio:1672/941}
 .c-hero-feature{height:22%;top:43%}
 .c-hero-feature .feature-icon{width:58%;margin:0}
 .c-hero-feature b,.c-hero-feature small{display:none}
 .c .hero-copy .eyebrow{font-size:8px;letter-spacing:.12em}
 .c .memory-board{gap:9px;padding:22px 13px 20px}
 .c .card-back,.c .card-face{border-radius:8px}
 .c .card-back small{font-size:6px;letter-spacing:.13em}
 .c .card-face{gap:9px;padding:8px 4px}
 .c .card-face .feature-icon{width:30px;height:30px}
 .c .card-face b{font-size:10px}
 .c .vote-grid{gap:10px}
 .c .vote-card{padding:23px 8px 15px}
 .c .vote-card>.feature-icon{width:43px;height:43px;margin-bottom:10px}
 .c .vote-card strong{font-size:14px}
 .c .vote-card small{font-size:10px;min-height:34px;margin-top:9px}
 .c .feature-reveal{padding:30px 24px}
 .c .feature-reveal>.feature-icon{width:60px;height:60px;margin:20px auto}
}
@media(max-width:360px){.c .hero{height:465px}.c .hero h1{font-size:34px}.c .hero-copy p{font-size:12px}}