:root{--qb-bg:#FBF9F5;--qb-bg-tint:#F4F0E8;--qb-surface:#FFFFFF;--qb-ink:#221F1A;--qb-ink-soft:#4A463E;--qb-muted:#837C70;--qb-line:#E9E3D8;--qb-green:#6C4CD6;--qb-green-deep:#5436B0;--qb-green-tint:#EEE9FB;--qb-green-tint2:#DED2F7;--qb-amber:#ED8322;--qb-amber-tint:#FBE7D2;--qb-radius:22px;--qb-radius-sm:14px;--qb-radius-pill:999px;--qb-shadow-sm:0 1px 2px rgba(60,50,30,.05),0 2px 6px rgba(60,50,30,.04);--qb-shadow:0 4px 14px rgba(60,50,30,.07),0 18px 40px -20px rgba(60,50,30,.18);--qb-shadow-lg:0 8px 24px rgba(60,50,30,.10),0 40px 80px -30px rgba(40,30,15,.30);--qb-maxw:1180px;--qb-display:"Bricolage Grotesque",system-ui,sans-serif;--qb-body:"Hanken Grotesk",system-ui,sans-serif}@keyframes qbAurora{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(14%,6%,0) scale(1.12)}to{transform:translate3d(-6%,-8%,0) scale(1.05)}}@keyframes qbFloaty{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes qbHeroUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes qbHeroPop{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}@keyframes qbUnderdraw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes qbPop{0%{transform:scale(0)}to{transform:scale(1)}}.qb-home{background:var(--qb-bg);color:var(--qb-ink);font-family:var(--qb-body);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;& *{box-sizing:border-box}& a{color:inherit;text-decoration:none}& img{max-width:100%;display:block}& h1,& h2,& h3,& h4{font-family:var(--qb-display);font-weight:700;line-height:1.05;margin:0;letter-spacing:-.02em;text-wrap:balance}& p{margin:0;text-wrap:pretty}& .wrap{max-width:var(--qb-maxw);margin:0 auto;padding:0 28px}& .section{padding:104px 0}& .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--qb-body);font-weight:700;font-size:13.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--qb-green)}& .eyebrow:before{content:"";width:22px;height:2px;background:var(--qb-green);border-radius:2px}& .btn,& .eyebrow.center{justify-content:center}& .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--qb-body);font-weight:700;font-size:16.5px;padding:15px 26px;border-radius:var(--qb-radius-pill);cursor:pointer;border:1.5px solid transparent;transition:transform .15s ease,background .2s ease,box-shadow .2s ease,color .2s;white-space:nowrap}& .btn:active{transform:translateY(1px)}& .btn-primary{background:var(--qb-green);color:#fff;box-shadow:0 8px 20px -8px rgba(108,76,214,.6)}& .btn-primary:hover{background:var(--qb-green-deep);box-shadow:0 12px 28px -8px rgba(108,76,214,.6)}& .btn-ghost{background:transparent;color:var(--qb-ink);border-color:var(--qb-line)}& .btn-ghost:hover{background:var(--qb-surface);border-color:#d8d0c2}& .btn-white{background:#fff;color:var(--qb-green-deep)}& .btn-white:hover{background:#f4f1fb}& .btn-lg{padding:18px 32px;font-size:18px}& .btn .arrow{transition:transform .2s ease}& .btn:hover .arrow{transform:translateX(3px)}& .nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--qb-bg) 82%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}& .nav.scrolled{border-bottom-color:var(--qb-line);background:color-mix(in srgb,var(--qb-bg) 92%,transparent)}& .nav-inner{justify-content:space-between;height:76px;gap:56px}& .brand,& .nav-inner{display:flex;align-items:center}& .brand{gap:11px;font-family:var(--qb-display);font-weight:800;font-size:23px;letter-spacing:-.03em}& .brand .mark{width:38px;height:38px;border-radius:11px;background:var(--qb-green);display:grid;place-items:center;color:#fff;font-weight:800;font-size:19px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}& .brand .mark span{transform:translateY(-1px)}& .nav-links{display:flex;align-items:center;gap:48px;flex:1;justify-content:center}& .nav-links a.navlink{font-weight:600;font-size:16px;color:var(--qb-ink-soft);transition:color .2s}& .nav-links a.navlink:hover{color:var(--qb-ink)}& .nav-cta{display:flex;align-items:center;gap:14px}& .nav-cta .login{font-weight:700;font-size:16px}& .hero{padding:70px 0 90px;position:relative;overflow:hidden}& .hero-bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;background-size:cover;background-position:50%;opacity:.55}& .hero:after{inset:0;background:linear-gradient(90deg,var(--qb-bg) 14%,color-mix(in srgb,var(--qb-bg) 74%,transparent) 50%,color-mix(in srgb,var(--qb-bg) 32%,transparent) 100%),linear-gradient(0deg,var(--qb-bg) 1%,transparent 32%)}& .hero:after,& .hero:before{content:"";position:absolute;z-index:0;pointer-events:none}& .hero:before{top:-40%;left:-10%;width:70%;height:150%;background:radial-gradient(45% 45% at 50% 50%,color-mix(in srgb,var(--qb-green) 22%,transparent) 0,transparent 70%),radial-gradient(40% 40% at 75% 30%,color-mix(in srgb,var(--qb-amber) 20%,transparent) 0,transparent 70%);filter:blur(20px);animation:qbAurora 18s ease-in-out infinite alternate}& .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;position:relative;z-index:1}& .hero h1{font-size:clamp(42px,5.4vw,72px)}& .hero h1 .hl{color:var(--qb-green);position:relative;white-space:nowrap}& .hero h1 .hl:after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.16em;background:color-mix(in srgb,var(--qb-amber) 55%,transparent);border-radius:4px;z-index:-1;transform:scaleX(1);transform-origin:left}& .hero .lede{font-size:20px;color:var(--qb-ink-soft);margin-top:26px;max-width:30em}& .hero-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}& .hero-reassure{display:flex;align-items:center;gap:18px;margin-top:26px;color:var(--qb-muted);font-size:15px;font-weight:600;flex-wrap:wrap}& .hero-reassure .dot{width:5px;height:5px;border-radius:50%;background:var(--qb-green)}& .hero-reassure .chk{color:var(--qb-green);font-weight:800}& .pill-tag{display:inline-flex;align-items:center;gap:9px;background:var(--qb-green-tint);color:var(--qb-green-deep);font-weight:700;font-size:14px;padding:8px 15px 8px 11px;border-radius:var(--qb-radius-pill);margin-bottom:26px;border:1px solid var(--qb-green-tint2);white-space:nowrap}& .pill-tag .star{color:var(--qb-amber)}& .preview,& .preview-card{position:relative}& .preview-card{background:var(--qb-surface);border:1px solid var(--qb-line);border-radius:var(--qb-radius);box-shadow:var(--qb-shadow-lg);padding:22px;z-index:2}& .pc-head{justify-content:space-between;margin-bottom:16px}& .pc-head,& .pc-kid{display:flex;align-items:center}& .pc-kid{gap:11px}& .pc-ava{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#F4C77E,#E0982E);display:grid;place-items:center;font-size:20px}& .pc-kid b{display:block;font-family:var(--qb-display);font-size:16px}& .pc-kid>span>span{font-size:13px;color:var(--qb-muted);font-weight:600}& .pc-grade{font-size:12.5px;font-weight:800;color:var(--qb-green-deep);background:var(--qb-green-tint);padding:6px 11px;border-radius:999px;letter-spacing:.02em}& .pc-q{font-family:var(--qb-display);font-size:24px;margin:6px 0 16px}& .pc-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}& .pc-opt{border:1.5px solid var(--qb-line);border-radius:13px;padding:13px;text-align:center;font-weight:700;font-size:17px;transition:.15s}& .pc-opt.correct{border-color:var(--qb-green);background:var(--qb-green-tint);color:var(--qb-green-deep)}& .pc-foot{display:flex;align-items:center;gap:9px;margin-top:16px;padding-top:15px;border-top:1px dashed var(--qb-line);font-size:14px;font-weight:700;color:var(--qb-ink-soft)}& .pc-bar{flex:1;height:7px;background:var(--qb-bg-tint);border-radius:999px;overflow:hidden}& .pc-bar i{display:block;height:100%;width:66%;background:var(--qb-green);border-radius:999px}& .reward-chip{position:absolute;z-index:3;right:-18px;top:-22px;background:var(--qb-ink);color:#fff;border-radius:16px;padding:13px 17px;box-shadow:var(--qb-shadow-lg);display:flex;align-items:center;gap:11px;animation:qbFloaty 4s ease-in-out infinite}& .reward-chip .ic{width:34px;height:34px;border-radius:10px;background:var(--qb-amber);display:grid;place-items:center;font-size:18px}& .reward-chip b{font-family:var(--qb-display);font-size:17px;display:block;line-height:1.1}& .reward-chip>span>span{font-size:12px;color:#b9b3a7;font-weight:600}& .streak-chip{position:absolute;z-index:3;left:-26px;bottom:36px;background:#fff;border:1px solid var(--qb-line);border-radius:14px;padding:11px 15px;box-shadow:var(--qb-shadow);display:flex;align-items:center;gap:10px;animation:qbFloaty 4.6s ease-in-out infinite reverse}& .streak-chip .ic{font-size:22px}& .streak-chip b{font-family:var(--qb-display);font-size:18px;display:block;line-height:1}& .streak-chip>span>span{font-size:12px;color:var(--qb-muted);font-weight:700}& .preview .blob{position:absolute;inset:-8% -12% -12% -6%;background:radial-gradient(60% 55% at 70% 35%,var(--qb-green-tint) 0,transparent 70%),radial-gradient(50% 45% at 20% 80%,var(--qb-amber-tint) 0,transparent 70%);z-index:0;filter:blur(8px)}@media (prefers-reduced-motion:no-preference){& .hero.anim .hero-copy{animation:qbHeroUp .7s cubic-bezier(.2,.7,.3,1) forwards}& .hero.anim .preview{animation:qbHeroPop .85s cubic-bezier(.2,.8,.3,1) .12s forwards}& .hero.anim .hl:after{animation:qbUnderdraw .9s cubic-bezier(.6,0,.2,1) .5s backwards}}@media print{& .hero-copy,& .preview{opacity:1!important;transform:none!important}& .hl:after{transform:scaleX(1)!important}}& .sec-head{max-width:660px;margin-bottom:56px}& .sec-head.center{margin-left:auto;margin-right:auto;text-align:center}& .sec-head h2{font-size:clamp(32px,4vw,50px);margin-top:16px}& .sec-head p{font-size:19px;color:var(--qb-ink-soft);margin-top:18px}& .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;counter-reset:step}& .step{background:var(--qb-surface);border:1px solid var(--qb-line);border-radius:var(--qb-radius);padding:32px 28px;position:relative;box-shadow:var(--qb-shadow-sm)}& .step .num{counter-increment:step;font-family:var(--qb-display);font-weight:800;font-size:15px;color:var(--qb-green);border:1.5px solid var(--qb-green-tint2);background:var(--qb-green-tint);width:40px;height:40px;border-radius:12px;display:grid;place-items:center;margin-bottom:22px}& .step .num:before{content:"0" counter(step)}& .step .step-thumb{aspect-ratio:16/10;margin:0 0 20px;border-radius:var(--qb-radius-sm);background-size:cover;background-position:50%;border:1px solid var(--qb-line)}& .step h3{font-size:23px;margin-bottom:10px}& .step p{color:var(--qb-ink-soft);font-size:16.5px}& .step .thread{position:absolute;top:52px;right:-16px;color:var(--qb-line);z-index:2}& .features{background:var(--qb-bg-tint)}& .feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}& .feat{background:var(--qb-surface);border:1px solid var(--qb-line);border-radius:var(--qb-radius);padding:34px;display:flex;gap:22px;box-shadow:var(--qb-shadow-sm);transition:transform .2s,box-shadow .2s}& .feat:hover{transform:translateY(-3px);box-shadow:var(--qb-shadow)}& .feat .ficon{flex:none;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:var(--qb-green-tint);border:1px solid var(--qb-green-tint2)}& .feat.amber .ficon{background:var(--qb-amber-tint);border-color:#f3e0bb}& .feat h3{font-size:22px;margin-bottom:9px}& .feat p{color:var(--qb-ink-soft);font-size:16.5px}& .show-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}& .show-copy h2{font-size:clamp(30px,3.6vw,46px);margin-top:16px}& .show-copy p{font-size:18px;color:var(--qb-ink-soft);margin-top:18px}& .show-list{list-style:none;padding:0;margin:26px 0 30px;display:grid;gap:13px}& .show-list li{display:flex;align-items:center;gap:13px;font-weight:600;color:var(--qb-ink-soft)}& .show-list li .tick{flex:none;width:26px;height:26px;border-radius:8px;background:var(--qb-green-tint);color:var(--qb-green-deep);display:grid;place-items:center;font-weight:800;font-size:14px}& .show-media{background:var(--qb-surface);border:1px solid var(--qb-line);border-radius:var(--qb-radius);padding:16px;box-shadow:var(--qb-shadow)}& .show-media .ph{width:100%}& .quiz-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}& .quiz-card{background:var(--qb-surface);border:1px solid var(--qb-line);border-radius:26px;box-shadow:var(--qb-shadow-lg);padding:32px;position:relative;overflow:hidden}& .quiz-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}& .quiz-meta{font-size:14px;font-weight:800;color:var(--qb-green-deep);background:var(--qb-green-tint);padding:7px 13px;border-radius:999px}& .quiz-count{font-size:14px;font-weight:700;color:var(--qb-muted)}& .quiz-progress{height:8px;background:var(--qb-bg-tint);border-radius:999px;overflow:hidden;margin:18px 0 26px}& .quiz-progress i{display:block;height:100%;background:var(--qb-green);border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1)}& .quiz-q{display:flex;align-items:flex-start;gap:14px;margin-bottom:26px}& .quiz-q .qnum{flex:none;width:34px;height:34px;border-radius:10px;background:var(--qb-ink);color:#fff;display:grid;place-items:center;font-family:var(--qb-display);font-weight:700;font-size:15px}& .quiz-q h3{font-size:27px;line-height:1.15}& .speak{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--qb-muted);cursor:pointer;margin-top:9px;border:none;background:none;padding:0}& .speak:hover{color:var(--qb-green)}& .quiz-opts{display:grid;grid-template-columns:1fr 1fr;gap:13px}& .opt{display:flex;align-items:center;gap:13px;text-align:left;border:1.5px solid var(--qb-line);background:var(--qb-surface);border-radius:15px;padding:16px 18px;font-family:var(--qb-body);font-size:19px;font-weight:700;color:var(--qb-ink);cursor:pointer;transition:.15s;width:100%}& .opt .key{flex:none;width:30px;height:30px;border-radius:8px;background:var(--qb-bg-tint);display:grid;place-items:center;font-size:14px;font-weight:800;color:var(--qb-ink-soft);transition:.15s}& .opt:hover:not(:disabled){border-color:var(--qb-green);background:var(--qb-green-tint)}& .opt:hover:not(:disabled) .key{background:var(--qb-green);color:#fff}& .opt.correct{border-color:var(--qb-green);background:var(--qb-green-tint);color:var(--qb-green-deep)}& .opt.correct .key{background:var(--qb-green);color:#fff}& .opt.wrong{border-color:#d98b8b;background:#fbecec;color:#9e4444}& .opt.wrong .key{background:#cf7676;color:#fff}& .opt:disabled{cursor:default}& .opt .res{margin-left:auto;font-size:18px;opacity:0;transition:opacity .2s}& .opt.correct .res,& .opt.wrong .res{opacity:1}& .quiz-feedback{margin-top:22px;font-weight:700;font-size:16px;min-height:26px;color:var(--qb-ink-soft);display:flex;align-items:center;gap:9px;opacity:0;transition:opacity .25s}& .quiz-feedback.show{opacity:1}& .quiz-feedback.good{color:var(--qb-green-deep)}& .quiz-feedback.bad{color:#9e4444}& .quiz-next{margin-top:22px;display:flex;justify-content:flex-end}& .quiz-reward{position:absolute;inset:0;background:linear-gradient(160deg,var(--qb-green-deep),var(--qb-green));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;opacity:0;pointer-events:none;transition:opacity .4s}& .quiz-reward.show{opacity:1;pointer-events:auto}& .quiz-reward .medal{font-size:60px;margin-bottom:18px;animation:qbPop .5s cubic-bezier(.2,1.4,.4,1) both}& .quiz-reward h3{color:#fff;font-size:34px;margin-bottom:12px}& .quiz-reward .earned{font-family:var(--qb-display);font-size:50px;color:#fff;margin:6px 0 4px}& .quiz-reward p{color:rgba(255,255,255,.85);font-size:17px;max-width:24em}& .quiz-reward .btn{margin-top:26px}& .quiz-side .eyebrow{margin-bottom:16px}& .quiz-side h2{font-size:clamp(30px,3.6vw,46px)}& .quiz-side p{font-size:18px;color:var(--qb-ink-soft);margin-top:18px}& .quiz-side ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px}& .quiz-side li{display:flex;align-items:center;gap:13px;font-weight:600;color:var(--qb-ink-soft)}& .quiz-side li .tick{flex:none;width:26px;height:26px;border-radius:8px;background:var(--qb-green-tint);color:var(--qb-green-deep);display:grid;place-items:center;font-weight:800;font-size:14px}& .band{background:var(--qb-green-deep);color:#fff;border-radius:32px;padding:64px 56px;position:relative;overflow:hidden}& .band:after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.05)}& .band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative;z-index:1}& .bstat b{font-family:var(--qb-display);font-size:46px;display:block;line-height:1}& .bstat span{color:rgba(255,255,255,.8);font-size:16px;font-weight:600;margin-top:8px;display:block}& .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}& .plan{background:var(--qb-surface);border:1px solid var(--qb-line);border-radius:var(--qb-radius);padding:34px 30px;display:flex;flex-direction:column;box-shadow:var(--qb-shadow-sm);position:relative}& .plan.feature{border-color:var(--qb-green);box-shadow:0 14px 40px -18px rgba(108,76,214,.5)}& .plan .badge{position:absolute;top:-13px;left:30px;background:var(--qb-green);color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.04em;padding:6px 13px;border-radius:999px}& .plan h3{font-size:21px}& .plan .price{display:flex;align-items:baseline;gap:6px;margin:16px 0 4px}& .plan .price b{font-family:var(--qb-display);font-size:48px;line-height:1}& .plan .price .per{color:var(--qb-muted);font-weight:700;font-size:15px}& .plan .subnote{color:var(--qb-muted);font-size:14.5px;font-weight:600;margin-bottom:22px}& .plan ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:12px}& .plan li{display:flex;align-items:flex-start;gap:11px;font-size:15.5px;color:var(--qb-ink-soft)}& .plan li .tick{flex:none;width:22px;height:22px;border-radius:7px;background:var(--qb-green-tint);color:var(--qb-green-deep);display:grid;place-items:center;font-weight:800;font-size:12px;margin-top:1px}& .plan .btn{margin-top:auto;width:100%}& .final{text-align:center}& .final-card{background:var(--qb-ink);color:#fff;border-radius:32px;padding:72px 40px;position:relative;overflow:hidden}& .final-card .blob2{position:absolute;inset:0;background:radial-gradient(40% 60% at 80% 20%,rgba(108,76,214,.45) 0,transparent 70%),radial-gradient(40% 60% at 15% 90%,rgba(237,131,34,.28) 0,transparent 70%)}& .final-card>*{position:relative;z-index:1}& .final-card h2{font-size:clamp(32px,4.4vw,54px);color:#fff}& .final-card p{color:rgba(255,255,255,.82);font-size:19px;margin:18px auto 0;max-width:32em}& .final-card .hero-cta{justify-content:center;margin-top:36px}& .final-card .micro{color:rgba(255,255,255,.55);font-size:14px;font-weight:600;margin-top:22px}& .footer-redesign{padding:72px 0 44px;border-top:1px solid var(--qb-line);margin-top:0}& .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}& .foot-brand p{color:var(--qb-muted);font-size:15px;margin-top:16px;max-width:30em}& .foot-social{display:flex;gap:10px;margin-top:20px}& .foot-social a{width:38px;height:38px;border-radius:11px;border:1px solid var(--qb-line);display:grid;place-items:center;color:var(--qb-ink-soft);font-weight:700;font-size:14px;transition:.2s}& .foot-social a:hover{background:var(--qb-green);color:#fff;border-color:var(--qb-green)}& .foot-col h4{font-family:var(--qb-body);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--qb-muted);margin-bottom:16px}& .foot-col ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}& .foot-col a{color:var(--qb-ink-soft);font-size:15.5px;font-weight:600}& .foot-col a:hover{color:var(--qb-green)}& .foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:54px;padding-top:26px;border-top:1px solid var(--qb-line);flex-wrap:wrap}& .foot-bottom .legal{display:flex;gap:22px;flex-wrap:wrap}& .foot-bottom .copy,& .foot-bottom .legal a{font-size:14px;color:var(--qb-muted);font-weight:600}& .store-badges{display:flex;gap:12px}& .store{display:flex;align-items:center;gap:10px;border:1px solid var(--qb-line);border-radius:12px;padding:8px 15px;font-weight:700}& .store .lab{line-height:1.1}& .store .lab small{display:block;font-size:10.5px;color:var(--qb-muted);font-weight:600}& .store .lab b{font-size:15px}& .ph{background-image:repeating-linear-gradient(45deg,#efe9dd 0 12px,#f6f1e7 12px 24px);border:1px dashed #d6cdbb;border-radius:14px;display:grid;place-items:center;color:#9c9078;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;text-align:center}@media (max-width:940px){& .hero-grid{grid-template-columns:1fr;gap:70px}& .preview{max-width:460px;margin:0 auto}& .show-grid{grid-template-columns:1fr;gap:36px}& .quiz-wrap{gap:40px}& .quiz-opts,& .quiz-wrap{grid-template-columns:1fr}}@media (max-width:880px){& .nav-links{display:none}& .price-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}& .foot-grid{grid-template-columns:1fr 1fr;gap:34px}}@media (max-width:820px){& .steps{grid-template-columns:1fr}& .step .thread{display:none}& .feat-grid{grid-template-columns:1fr}& .band{padding:44px 30px}& .band-grid{grid-template-columns:1fr 1fr;gap:28px}}@media (max-width:520px){& .foot-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){& .hero:before,& .reward-chip,& .streak-chip{animation:none!important}}}