:root,[data-vertical=play]{--q-color-primary:#5B2EFF;--q-color-primary-700:#3D17C9;--q-color-primary-50:#F1ECFF;--q-color-accent:#C6FF3D;--q-color-ink:#0B0B14;--q-color-ink-2:#3B3B4F;--q-color-ink-3:#6B6B7E;--q-color-paper:#FFFFFF;--q-color-paper-2:#F7F7FB;--q-color-line:#E4E4ED}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--q-color-paper);color:var(--q-color-ink);font-family:Inter,system-ui,sans-serif;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video{max-width:100%;height:auto;display:block}a{color:var(--q-color-primary)}.q-page{width:100%;max-width:920px;margin:0 auto;padding:28px 18px 64px}@media (min-width:720px){.q-page{padding:48px 24px 80px}}.q-hero-grid{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;align-items:center;margin-top:28px}@media (min-width:820px){.q-hero-grid{grid-template-columns:1.4fr 1fr;gap:32px;margin-top:48px}}.q-hero-title{font-family:"Source Serif 4",serif;font-weight:700;letter-spacing:-.02em;line-height:1.05;font-size:clamp(36px,9vw,56px);margin:12px 0 8px}.q-hero-lead{font-size:clamp(15px,4.2vw,18px);color:var(--q-color-ink-2);line-height:1.5;margin:0;max-width:540px}.q-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.q-cta-row>a{padding:12px 18px;border-radius:24px;font-weight:700;text-decoration:none;font-size:14px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.q-cta-primary{background:var(--q-color-primary);color:white}.q-cta-ghost{color:var(--q-color-ink);border:1px solid var(--q-color-line);background:white}.q-bullets{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:12px;color:var(--q-color-ink-3);margin-top:14px}.q-preview{padding:18px;border:1px solid var(--q-color-line);border-radius:18px;background:white;box-shadow:0 12px 32px rgba(91,46,255,.06)}.q-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;text-align:center;padding:22px 0;border-top:1px solid var(--q-color-line);border-bottom:1px solid var(--q-color-line);margin:44px 0}.q-metrics .value{font-family:"Source Serif 4",serif;font-size:clamp(20px,6vw,28px);font-weight:800}.q-metrics .label{color:var(--q-color-ink-3);font-size:11px;margin-top:4px}.q-pillars{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;margin-top:36px}@media (min-width:720px){.q-pillars{grid-template-columns:repeat(3,1fr);gap:16px}}.q-pillar{display:block;padding:18px;border:1px solid var(--q-color-line);border-radius:16px;text-decoration:none;color:inherit;background:white}.q-pillar:hover{border-color:var(--q-color-primary-50)}.q-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.q-header nav{margin-left:auto;display:flex;gap:14px;font-size:14px}.q-header nav a{color:var(--q-color-ink-2);text-decoration:none}.q-quizlist{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;margin-top:22px}@media (min-width:720px){.q-quizlist{grid-template-columns:1fr 1fr;gap:14px}}.q-content{max-width:720px;margin:0 auto;padding:24px 18px 64px}@media (min-width:720px){.q-content{padding:32px 22px 80px}}.q-content h1{font-size:clamp(28px,7vw,36px);line-height:1.1;margin:8px 0}.q-content h1,.q-content h2{font-family:"Source Serif 4",serif}.q-content h2{font-size:clamp(20px,5vw,24px);margin-top:28px}.serif{font-family:"Source Serif 4",serif}body,html{overflow-x:hidden}.q-shell{min-height:100vh;padding-bottom:72px}@media (min-width:720px){.q-shell{padding-bottom:0}}.q-shell-header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--q-color-line);background:white;position:-webkit-sticky;position:sticky;top:0;z-index:20}.q-shell-header nav{margin-left:auto;display:none;gap:18px}@media (min-width:720px){.q-shell-header nav{display:flex}}.q-shell-header nav a{font-size:14px;color:var(--q-color-ink-2);text-decoration:none;font-weight:500}.q-shell-header nav a:hover{color:var(--q-color-primary)}.q-brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#C6FF3D,#8AFF7A);color:#0B0B14;display:grid;place-items:center;font-weight:800;font-size:18px;font-family:"Source Serif 4",serif;box-shadow:0 4px 12px rgba(198,255,61,.35)}.q-brand-mark.lg{width:84px;height:84px;border-radius:24px;font-size:42px;box-shadow:0 18px 50px rgba(198,255,61,.35)}.q-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:white;border-top:1px solid var(--q-color-line);display:grid;grid-template-columns:repeat(4,1fr);padding:6px 10px 10px;grid-gap:4px;gap:4px}@media (min-width:720px){.q-bottom-nav{display:none}}.q-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;font-weight:600;color:var(--q-color-ink-3);text-decoration:none;padding:6px 0;border-radius:10px}.q-bottom-nav a.active{color:var(--q-color-primary)}.q-bottom-nav a .ico{font-size:18px;line-height:1}.q-bottom-nav a.active .ico{background:var(--q-color-primary-50);border-radius:999px;padding:4px 14px}.q-card{background:white;border:1px solid var(--q-color-line);border-radius:16px;padding:16px}.q-card.muted{background:var(--q-color-paper-2);border-color:transparent}.q-card.purple{background:var(--q-color-primary-50);border-color:#D9CCFF}.q-card.lime{background:#F0FFE0;border-color:#D5F08C}.q-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--q-color-paper-2);border:1px solid var(--q-color-line);font-size:12px;font-weight:600;color:var(--q-color-ink-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}.q-chip.purple{background:var(--q-color-primary-50);border-color:#D9CCFF;color:var(--q-color-primary-700)}.q-chip.lime{background:#EEFFC4;border-color:#D5F08C;color:#4F7E00}.q-chip.solid-purple,.q-chip[aria-pressed=true]{background:var(--q-color-primary);color:white;border-color:var(--q-color-primary)}.q-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:24px;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer;border:1px solid transparent;background:var(--q-color-paper-2);color:var(--q-color-ink);transition:transform .15s ease}.q-btn:active{transform:scale(.97)}.q-btn.primary{background:var(--q-color-primary);color:white}.q-btn.lime{background:linear-gradient(135deg,#C6FF3D,#8AFF7A);color:#0B0B14}.q-btn.ghost{background:white;border-color:var(--q-color-line);color:var(--q-color-ink)}.q-btn.full{width:100%}.q-section-title{font-family:"Source Serif 4",serif;font-size:clamp(22px,6vw,28px);font-weight:700;letter-spacing:-.015em;margin:0 0 6px}.q-section-lead{color:var(--q-color-ink-3);font-size:13.5px;margin:0 0 18px}.q-hero-purple{background:linear-gradient(160deg,#5B2EFF,#1B0066);color:white;border-radius:0 0 28px 28px;padding:28px 22px}.q-hero-lime{background:linear-gradient(135deg,#C6FF3D,#7DBA00);padding:38px 22px}.q-hero-gold,.q-hero-lime{color:#0B0B14;border-radius:0 0 28px 28px;text-align:center}.q-hero-gold{background:linear-gradient(135deg,#FFC857,#FF8C42);padding:28px 22px}.q-switch{width:42px;height:24px;border-radius:999px;background:var(--q-color-line);position:relative;cursor:pointer;flex-shrink:0;border:none;padding:0;transition:background .2s}.q-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:white;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.18)}.q-switch[aria-checked=true]{background:var(--q-color-primary)}.q-switch[aria-checked=true]:after{transform:translateX(18px)}.q-progress{height:8px;border-radius:999px;background:var(--q-color-paper-2);overflow:hidden}.q-progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--q-color-primary),#8E66FF);border-radius:999px}.q-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.q-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}@media (min-width:720px){.q-grid-2{gap:14px}.q-grid-3{gap:12px}}.q-input{width:100%;padding:12px 14px;border:1px solid var(--q-color-line);border-radius:12px;background:white;font-size:14px;font-family:inherit}.q-input:focus{outline:none;border-color:var(--q-color-primary)}.q-label{font-size:11px;color:var(--q-color-ink-3);font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:block;margin-bottom:6px}.q-tabs{display:inline-flex;padding:4px;background:var(--q-color-paper-2);border-radius:999px;gap:4px}.q-tabs button{padding:6px 14px;border-radius:999px;border:none;font-size:12.5px;font-weight:600;cursor:pointer;background:transparent;color:var(--q-color-ink-2)}.q-tabs button.active{background:white;color:var(--q-color-ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}.q-list-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:white;border:1px solid var(--q-color-line);border-radius:14px;text-decoration:none;color:inherit}.q-list-row .chev{margin-left:auto;color:var(--q-color-ink-3);font-size:18px}.q-list-row .row-title{font-weight:700;font-size:13.5px}.q-list-row .row-sub{font-size:11.5px;color:var(--q-color-ink-3);margin-top:2px}