/* AnswerMe learning journey: a clearer landing page with its own visual identity. */
:root{--journey-ink:#33254b;--journey-purple:#70539e;--journey-border:#e9e0ed}
body{overflow-x:hidden}
.top .container{gap:22px}.nav{gap:20px;flex-wrap:nowrap;white-space:nowrap}.nav a:not(.nav-button){font-size:.91rem}.nav-button{background:#70539e;color:#fff}
.hero{background:radial-gradient(circle at 13% 33%,#eee0fa 0,transparent 33%),linear-gradient(125deg,#fffbf6,#f8f3fa 65%,#f4eefb);color:var(--journey-ink)}
.hero-grid{min-height:610px;padding:65px 0 70px;gap:65px;grid-template-columns:1fr .95fr}
.hero h1{font-size:clamp(3.1rem,5.3vw,5.8rem);line-height:1.25;margin:19px 0}.hero h1 span{color:#8061ad}.hero-copy>p{max-width:565px;font-size:1.13rem;color:#665c70}.hero-note{max-width:570px;color:#817488!important}
.journey-preview{min-height:0;height:auto;max-width:480px;padding:27px;border-radius:32px;background:#fff;box-shadow:0 32px 70px #6d51842b;transform:rotate(-2deg);border:1px solid #e9dfea;align-self:center}
.preview-top{display:flex;align-items:center;gap:10px;font-weight:900;color:#5d447f}.preview-top small{margin-inline-start:auto;color:#93869b;font-size:.78rem}.preview-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e8d9f7;color:#8059a9;font-size:1.4rem}
.preview-lesson{margin:22px 0 18px;padding:25px 20px 18px;border-radius:25px;background:#f6f1fb;text-align:center}.preview-label{display:inline-block;padding:4px 13px;border-radius:100px;background:#fff;color:#7c5b9e;font-size:.8rem;font-weight:900}.preview-lesson strong{display:block;margin:9px 0 0;font-size:1.65rem;color:#493560}.preview-stars{color:#e5a945;font-size:3.4rem;line-height:1.6;letter-spacing:.15em;white-space:nowrap}.preview-lesson p{margin:0 0 8px;color:#62546b}.preview-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-options>*{font-style:normal;font-weight:900;background:#fff;border:1px solid #e5d9ed;border-radius:13px;padding:5px;font-size:1.25rem}.preview-options b{background:#e5f3e9;border-color:#b6d9c2;color:#40815d}
.preview-progress{display:flex;justify-content:space-between;gap:6px;margin-top:10px}.preview-progress span{position:relative;text-align:center;flex:1;color:#93869b;font-size:.77rem;font-weight:900}.preview-progress span:before{content:'';display:block;width:9px;height:9px;border-radius:50%;background:#e2d9e9;margin:0 auto 4px}.preview-progress .done{color:#6e5291}.preview-progress .done:before{background:#8d69b6}.preview-link{display:block;text-align:center;margin-top:17px;color:#6b4a91;font-weight:900;text-decoration:underline;text-underline-offset:4px}
.journey-section{background:#fff;padding:80px 0 93px;scroll-margin-top:110px}.journey-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.journey-heading h2{font-size:clamp(2.35rem,3.6vw,3.6rem);margin:7px 0}.journey-heading p{max-width:610px;color:#766c7d;margin:0}.journey-start{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d6c7e3;border-radius:100px;color:#664987;padding:12px 19px;white-space:nowrap;font-weight:900}.journey-start:hover{background:#f6f0fa}
.journey-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.journey-step{display:flex;flex-direction:column;min-height:265px;background:#f6f1fa;border:1px solid #ebdfef;border-radius:26px;padding:22px;color:#4d3a65;transition:transform .2s,box-shadow .2s}.journey-step:nth-child(2){background:#fff5e9;border-color:#f2e5d4;color:#815d39}.journey-step:nth-child(3){background:#eaf4ed;border-color:#dae9de;color:#486e57}.journey-step:nth-child(4){background:#edf0f9;border-color:#dce3f1;color:#52678b}.journey-step:hover{transform:translateY(-5px);box-shadow:0 16px 25px #42295213}.step-count{font:600 .9rem Fredoka,Arial,sans-serif;opacity:.7}.step-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#ffffffb8;font-size:1.8rem;margin:9px 0}.journey-step h3{font-size:1.4rem;margin:2px 0 3px}.journey-step p{font-size:.89rem;line-height:1.6;margin:0 0 12px}.step-action{font-weight:900;margin-top:auto;font-size:.88rem}
.ai-offer{background:#f8f4fb;padding:76px 0}.ai-offer-grid a{border-color:#e9dfea;border-radius:22px}.ai-offer-grid span{background:#efe4f8}.ai-offer-link{background:#70539e;border-radius:100px}.ai-offer-link:hover{background:#563d7c}
.quick-strip{margin:0;width:100%;transform:none}.quick-grid{transform:none}
.quiz-session{font-size:.82rem;color:#726482;margin:0 0 7px}.quiz-next-step:not([hidden]){display:inline-block;border-radius:100px;padding:8px 15px;background:#e7f1e8;color:#3d7651;font-weight:900;margin:0 0 12px}.quiz-next-step[hidden]{display:none}
@media(max-width:1120px){.top .logo{width:185px;flex-basis:185px;height:68px}.top .logo img{width:185px!important}.top .container{min-height:82px}.nav{gap:12px}.nav a:not(.nav-button){font-size:.78rem}.nav-button{padding:9px 14px;font-size:.85rem}}
@media(max-width:760px){.top .logo{width:155px;flex-basis:155px;height:58px}.top .logo img{width:155px!important}.top .container{min-height:74px}.nav a:not(.nav-button){display:none}.nav-button{font-size:.83rem}.hero-grid{min-height:0;padding:45px 0 65px;gap:28px;text-align:right}.hero h1{font-size:clamp(3rem,10vw,4.5rem)}.hero-copy>p{margin-inline:0}.hero-actions{justify-content:flex-start}.journey-preview{width:min(100%,480px);margin:auto;transform:rotate(-1deg)}.journey-section{padding:62px 0}.journey-heading{display:block}.journey-start{margin-top:18px}.journey-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-step{min-height:240px}.ai-offer{padding:58px 0}}
@media(max-width:480px){.hero h1{font-size:3.25rem}.hero .kicker{font-size:.72rem}.hero-actions{gap:8px}.hero-actions a{font-size:.89rem;padding:10px 14px}.journey-preview{padding:16px;border-radius:22px}.preview-lesson{padding:17px 12px}.preview-stars{font-size:2.7rem}.journey-steps{gap:9px}.journey-step{padding:16px;min-height:225px}.journey-step h3{font-size:1.22rem}.journey-step p{font-size:.8rem}.journey-heading h2{font-size:2.35rem}}