:root{--hero-glow:#ece6ff;--hero-tint:#f7f5ff;--orb:#d8ccff;--on-cta:#fff}:root[data-theme=dark]{--hero-glow:#2a2152;--hero-tint:#130e26;--orb:#2a2152;--on-cta:var(--app-on-accent)}html:not([data-returning]) .when-returning,html[data-returning] .when-new{display:none}.hero.home-hero{background:radial-gradient(circle at 78% 32%, var(--hero-glow) 0, transparent 46%), linear-gradient(160deg, var(--page) 0%, var(--hero-tint) 100%);padding:56px 0 72px}.home-hero__grid{min-height:0}.home-hero h1{max-width:620px;font-size:clamp(2.6rem,4.7vw,4.5rem)}.home-hero .hero-actions{gap:18px 22px}.home-hero .hero-notes{margin-top:30px}.home-cta{background:var(--purple);box-shadow:0 6px 0 var(--app-accent-deep), 0 18px 34px #5c40df4d;color:var(--on-cta);border-radius:20px;align-items:center;gap:16px;padding:14px 26px 14px 14px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.home-cta:hover{color:var(--on-cta);box-shadow:0 9px 0 var(--app-accent-deep), 0 24px 40px #5c40df57;transform:translateY(-3px)}.home-cta:active{box-shadow:0 2px 0 var(--app-accent-deep), 0 8px 16px #5c40df40;transform:translateY(4px)}.home-cta__icon{background:#ffffff2e;border-radius:16px;place-items:center;width:50px;height:50px;transition:transform .2s;display:grid}.home-cta:hover .home-cta__icon{transform:rotate(-8deg)scale(1.06)}.home-cta__svg{fill:currentColor;width:24px;height:24px}.home-cta__text{gap:1px;display:grid}.home-cta__title{letter-spacing:-.01em;font-size:1.22rem;font-weight:800}.home-cta__sub{opacity:.88;font-size:.88rem}.hero-visual.home-hero__visual{place-items:center;min-height:0;padding:40px 0;display:grid}.home-hero .orb--one{background:var(--orb);width:240px;height:240px;top:2%;right:4%}.home-hero .orb--two{bottom:4%;left:8%}.sample-card{z-index:1;border:1px solid var(--line);background:var(--surface);width:min(100%,440px);box-shadow:20px 24px 0 var(--violet-shadow), 0 24px 45px #2d1c7329;border-radius:28px;gap:14px;padding:26px;animation:7s ease-in-out infinite sampleFloat;display:grid;position:relative;transform:rotate(1.5deg)}@keyframes sampleFloat{50%{transform:rotate(1.5deg)translateY(-8px)}}.sample-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.sample-card__count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:700}.sample-card__meter{background:var(--lilac);border-radius:4px;height:8px;overflow:hidden}.sample-card__meter span{border-radius:inherit;background:var(--purple);width:35%;height:100%;display:block}.sample-card__question{color:var(--ink);margin:4px 0 0;font-size:1.14rem;font-weight:700;line-height:1.45}.sample-card__choices{gap:9px;display:grid}.sample-card .choice{cursor:default;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;padding:9px 12px;font-size:.95rem}.sample-card .choice__key{border-radius:10px;width:32px;height:32px}.sample-card .verdict{justify-self:start}.hero-pill{z-index:2;border:1px solid var(--line);background:var(--surface);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:700;display:inline-flex;position:absolute;box-shadow:0 12px 26px #2d1c7324}.hero-pill__icon{width:20px;height:20px;color:var(--purple)}.hero-pill--exam{top:0;left:0;transform:rotate(-4deg)}.hero-pill--pass{bottom:0;right:0;transform:rotate(3deg)}.home-paths{background:var(--surface)}.path-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.path-card{border:1px solid var(--line);background:var(--page);min-height:310px;color:var(--ink);border-radius:22px;flex-direction:column;align-items:flex-start;padding:30px 28px 28px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative}.path-card .feature-icon{margin-bottom:36px;transition:transform .2s}.path-card h3{margin-bottom:10px;font-size:1.5rem}.path-card p{color:var(--muted);margin:0 0 24px;font-size:.95rem;line-height:1.6}.path-card__meta{background:var(--lilac);max-width:calc(100% - 56px);color:var(--purple-dark);border-radius:999px;margin-top:auto;padding:5px 12px;font-size:.8rem;font-weight:700}.path-card__go{background:var(--lilac);width:40px;height:40px;color:var(--purple-dark);border-radius:50%;place-items:center;font-weight:800;transition:transform .18s,background-color .18s,color .18s;display:grid;position:absolute;bottom:24px;right:24px}@media (hover:hover){.path-card:hover{border-color:var(--purple);box-shadow:10px 12px 0 var(--violet-shadow);color:var(--ink);transform:translateY(-5px)}.path-card:hover .feature-icon{transform:rotate(-8deg)scale(1.08)}.path-card:hover .path-card__go{background:var(--purple);color:var(--on-cta);transform:translate(4px)}}.path-card--featured{border-color:var(--purple);background:var(--purple);color:var(--on-cta);box-shadow:0 16px 30px #5c40df47}.path-card--featured :is(.feature-icon,h3,p){color:var(--on-cta)}.path-card--featured :is(.path-card__meta,.path-card__go){color:var(--on-cta);background:#fff3}@media (hover:hover){.path-card--featured:hover{color:var(--on-cta);box-shadow:10px 12px 0 var(--violet-shadow), 0 20px 34px #5c40df4d}.path-card--featured:hover .path-card__go{background:#ffffff4d}}.home-privacy{border-left:3px solid var(--purple);background:var(--lilac);color:var(--muted);border-radius:0 12px 12px 0;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:28px 0 0;padding:16px 20px;font-size:.9rem;line-height:1.55;display:flex}.home-app{background:var(--lilac);overflow:hidden}.home-app__grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(40px,7vw,100px);display:grid}.home-app__copy>p:not(.eyebrow){color:var(--muted);font-size:1.05rem;line-height:1.7}.home-app__list{gap:14px;margin:26px 0;padding:0;list-style:none;display:grid}.home-app__list li{color:var(--muted);grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;display:grid}.home-app__list .feature-icon{background:var(--surface);width:44px;height:44px;color:var(--purple);border-radius:14px;margin:0;padding:10px}.home-app__list b{color:var(--ink)}.home-app__copy>.home-app__privacy{margin-bottom:26px;font-size:.9rem;line-height:1.6}.home-app__privacy .text-link{display:inline}.home-app__visual{min-height:520px;position:relative}.home-app .orb--one{background:var(--orb);width:220px;height:220px;top:40px;right:12%}.home-app__phone{position:absolute}.home-app__phone--main{z-index:2;width:clamp(180px,22vw,245px);box-shadow:20px 24px 0 var(--violet-shadow), 0 24px 45px #2d1c7338;top:0;right:32%;transform:rotate(-3deg)}.home-app__phone--side{z-index:1;width:clamp(150px,18vw,205px);bottom:0;right:2%;transform:rotate(6deg)}.home-cta--invert{color:var(--purple-dark);background:#fff;padding:16px 26px;box-shadow:0 6px #21193640}.home-cta--invert:hover{color:var(--purple-dark);box-shadow:0 9px #21193640}.home-cta--invert:active{box-shadow:0 2px #21193640}@media (width<=900px){.home-hero__grid{min-height:auto}.hero-visual.home-hero__visual{width:min(520px,100%);min-height:0;margin:20px auto 0}.path-grid{grid-template-columns:1fr;gap:12px}.path-card{min-height:auto}.path-card .feature-icon{margin-bottom:20px}.home-app__grid{grid-template-columns:1fr}.home-app__visual{width:min(520px,100%);min-height:470px;margin:0 auto}}@media (width<=700px){.hero.home-hero{padding:44px 0 56px}.hero-visual.home-hero__visual{padding:24px 0 8px}.sample-card{box-shadow:12px 14px 0 var(--violet-shadow), 0 18px 34px #2d1c7324;border-radius:24px;padding:20px;animation:none;transform:rotate(1deg)}.sample-card__question{font-size:1.02rem}.hero-pill{display:none}.home-hero .orb--one{width:180px;height:180px}.home-app__visual{min-height:400px}.home-app__phone--main{width:200px;right:calc(50% - 100px)}.home-app__phone--side{display:none}.home-privacy{padding:14px 16px}}@media (width<=560px){.home-hero .hero-actions>.home-cta{width:100%}.final-cta-actions .home-cta{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.sample-card{animation:none}}:root[data-theme=dark] .qr-trigger-btn{border-color:var(--line);background:var(--surface)}:root[data-theme=dark] .qr-dialog-card,:root[data-theme=dark] .guides-preview{background:var(--surface)}:root[data-theme=dark] .faq-section{background:var(--page)}:root[data-theme=dark] :is(.faq-list,.faq-list details){border-color:var(--line)}:root[data-theme=dark] .final-cta{color:var(--ink);background:var(--app-accent-soft)}:root[data-theme=dark] .final-cta .eyebrow{color:var(--purple-dark)}:root[data-theme=dark] .home-cta--invert{background:var(--purple);box-shadow:0 6px 0 var(--app-accent-deep);color:var(--on-cta)}
