@font-face{font-family:Nunito;src:local('Nunito');font-display:swap}:root{--ink:#292d42;--muted:#62657b;--accent:#6652a0;--wash:#eeebf8;--line:#e2deea}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fcfaf7;color:var(--ink);font:17px/1.7 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #a783db;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:fixed;left:12px;top:-100px;background:white;padding:12px;z-index:20}.skip:focus{top:12px}.header{background:#fcfaf7eb;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.header-row{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:850;letter-spacing:-1px}.brand img{object-fit:contain}.header nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:700}.header details{position:relative}.header summary{cursor:pointer;list-style:none}.header summary:after{content:' ⌄'}.header details>div{position:absolute;right:0;top:35px;width:230px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 15px 45px #292d4214;padding:10px}.header details a{display:block;padding:10px 14px;border-radius:8px}.header details a:hover{background:var(--wash)}.hero{padding:78px 0 66px;display:grid;grid-template-columns:1.07fr .93fr;gap:70px;align-items:center}.eyebrow{font-size:14px;letter-spacing:1.9px;color:var(--accent);font-weight:850;margin:0 0 20px}h1{font-size:clamp(36px,4.3vw,58px);line-height:1.13;letter-spacing:-2px;margin:0 0 26px;font-weight:800;max-width:670px}h2{font-size:clamp(28px,3vw,39px);line-height:1.22;letter-spacing:-1.1px;margin:0 0 22px}h3{font-size:21px;line-height:1.35;letter-spacing:-.4px;margin:14px 0 12px}.lead{font-size:18px;line-height:1.85;color:var(--muted);max-width:620px;margin:0 0 30px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;padding:15px 23px;background:var(--accent);color:#fff;border-radius:13px;font-weight:800;font-size:15px;box-shadow:0 6px 15px #45336816;transition:transform .2s}.button:hover{transform:translateY(-2px)}.text-link{font-size:14px;font-weight:750}.promise{font-size:14px;color:var(--muted);margin:20px 0}.gift{font-size:14px;padding-left:14px;border-left:3px solid #c6b3e9;margin-top:26px}.gift small{display:block;color:var(--muted);font-size:14px;margin-top:4px}.product-stage{position:relative;background:var(--wash);border:1px solid #dcd6e9;border-radius:24px;box-shadow:14px 22px 0 #e8e1d838,0 35px 60px #4940600b;transform:rotate(1deg);overflow:visible}.stage-top{display:flex;align-items:center;gap:5px;padding:16px 20px;background:#fff9;border-radius:24px 24px 0 0;border-bottom:1px solid #d9d2e5}.stage-top i{width:7px;height:7px;background:#c7bdd8;border-radius:50%}.stage-top span{margin-left:auto;font-size:14px;color:#766c88}.stage-body{padding:30px}.stage-label{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--accent)}.stage-body h2{font-size:29px;max-width:290px;margin:12px 0 24px}.stage-body ol{list-style:none;padding:0;display:grid;gap:12px}.stage-body li{display:flex;gap:13px;align-items:center;padding:14px;background:#fffc;border-radius:12px;font-size:14px;box-shadow:0 3px 9px #49375c04}.stage-body li>span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:10px;color:var(--accent);background:var(--wash);font-size:14px;font-weight:900}.stage-note{border-top:1px solid #dcd5e8;padding-top:18px;margin-top:24px;font-size:14px;color:var(--muted)}.stage-stamp{position:absolute;right:20px;bottom:-18px;background:#e0eddf;color:#385643;box-shadow:0 6px 15px #292d4210;border:4px solid #fcfaf7;padding:9px 18px;border-radius:30px;font-size:14px;font-weight:850}.trust{padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:14px;color:var(--muted)}.trust span:before{content:'✦';color:var(--accent);margin-right:10px}.section{padding:76px 0}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:35px}.features article{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fffdfb}.features p{color:var(--muted);font-size:14px;margin:0}.card-number{color:var(--accent);background:var(--wash);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:850;display:inline-block}.offer{background:var(--wash);border-radius:24px;padding:40px 44px;display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center}.offer h2{font-size:29px;max-width:450px}.offer p{font-size:14px;color:var(--muted)}.offer-price{min-width:260px}.offer-price strong{font-size:36px;letter-spacing:-1px}.offer-price strong small{font-size:15px;color:var(--muted);font-weight:500}.secondary{background:#fffc;color:var(--accent);box-shadow:none;border:1px solid #c8bedb}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:60px}.faq details{padding:20px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700;font-size:15px}.faq details p{font-size:14px;color:var(--muted)}.final{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line);padding:42px 0 66px}.final h2{font-size:29px;margin:0}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;font-size:14px;color:var(--muted)}.footer>div{display:flex;gap:20px}.product-student{--accent:#446d73;--wash:#e8f0ed}.product-special{--accent:#92684e;--wash:#f5e9df}.product-preschool{--accent:#55754f;--wash:#ebf0e3}.product-screening{--accent:#6550a1;--wash:#ede9f8}.language-purchase{margin-top:0}.language-offer .wrap{width:100%}@media(max-width:850px){.wrap{width:calc(100% - 40px)}.hero{gap:35px;padding:48px 0;grid-template-columns:1fr}h1{font-size:43px;max-width:620px}.product-stage{max-width:560px;width:100%;margin:10px auto 20px;transform:none}.stage-body{padding:25px}.trust{flex-wrap:wrap;justify-content:flex-start;gap:12px 24px}.section{padding:48px 0}.features{grid-template-columns:1fr;gap:12px}.features article{padding:24px}.offer{padding:28px;grid-template-columns:1fr;gap:20px}.faq{grid-template-columns:1fr;gap:10px}.final{align-items:start;flex-direction:column;padding:32px 0 45px}.header nav{gap:18px}.header-row{height:72px}.footer{flex-wrap:wrap}.lead{font-size:17px}.hero .button{width:100%}.actions{gap:14px}.product-stage{box-shadow:0 20px 40px #4940600a}}@media(max-width:400px){h1{font-size:36px;letter-spacing:-1px}.header nav{gap:12px;font-size:14px}.brand{font-size:21px}.brand img{width:32px;height:32px}.wrap{width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Stepify's warm pastel palette, with a distinct learning world for each product. */
:root{--paper:#f6f1e9;--ink:#342e39;--muted:#655d68;--accent:#755686;--wash:#e8dcef;--line:#ddd0d9;--soft:#f0e8f2;--glow:#e8dcef88}body{background:radial-gradient(ellipse at 92% 8%,var(--glow),transparent 38%),radial-gradient(ellipse at 4% 56%,#efddcf66,transparent 35%),var(--paper)}.product-teacher{--accent:#845b48;--wash:#f1d4c1;--soft:#f8e8dc;--glow:#edc9b577;--line:#dfc9bc}.product-student{--accent:#59658d;--wash:#d5def2;--soft:#e6eaf5;--glow:#c8d4ee88;--line:#c9d1e3}.product-screening{--accent:#775388;--wash:#e5d5ed;--soft:#eee4f3;--glow:#dfc6ec88;--line:#d9c7e2}.product-special{--accent:#8b5f68;--wash:#efd3d8;--soft:#f6e4e7;--glow:#edc9cf77;--line:#e0c6cc}.product-preschool{--accent:#526f58;--wash:#d7e5d5;--soft:#e6eee1;--glow:#cadec888;--line:#c6d7c4}.header{background:#f6f1e9ee}.hero{padding-top:65px;padding-bottom:65px}.eyebrow{letter-spacing:1.3px}.hero h1{letter-spacing:-1.7px}.product-stage{background:linear-gradient(150deg,var(--wash),var(--soft));border-color:var(--line);box-shadow:12px 18px 0 #fff6,0 24px 60px #6a4d6810;transform:rotate(1deg);border-radius:30px}.stage-top{border-radius:30px 30px 0 0;border-color:var(--line);background:#fff6}.stage-body{position:relative;padding-top:32px}.stage-body h2{max-width:260px}.stage-emblem{position:absolute;right:25px;top:24px;width:76px;height:76px;display:grid;place-items:center;border-radius:24px 24px 30px 12px;transform:rotate(8deg);background:#fff9;border:1px solid #fff;color:var(--accent);box-shadow:0 8px 20px #59466a08}.stage-emblem svg{width:44px;height:44px}.stage-body li{background:#fff9;border:1px solid #fff8}.stage-body li>span{background:var(--wash)}.stage-stamp{background:#faf0ce;border-color:var(--paper);color:#6d603c}.features article{background:linear-gradient(135deg,var(--soft),#fffbf5);border-color:var(--line);border-radius:25px}.features article:nth-child(2){background:linear-gradient(140deg,#e4ecdf,#fff9f1)}.features article:nth-child(3){background:linear-gradient(140deg,#eee0ec,#fff9f1)}.features .card-number{background:#fff9;border:1px solid #fff}.gift{border-color:var(--accent);background:#fff5;padding:12px 16px;border-radius:0 14px 14px 0;max-width:460px}.button{border-radius:15px}.offer{background:linear-gradient(125deg,var(--wash),var(--soft));border:1px solid var(--line)}.secondary{background:#fff9}.plans-section{padding-top:25px}.landing-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}.landing-plan{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:28px;padding:30px;background:linear-gradient(135deg,#f0e7d8,#fffaf1)}.landing-pro{background:linear-gradient(145deg,var(--wash),var(--soft) 65%,#fff7ed);border:2px solid var(--line)}.landing-plan h3{font-size:29px;margin:2px 0 12px}.landing-plan>p:not(.eyebrow){font-size:15px;color:var(--muted);margin:0 0 22px;min-height:74px}.landing-plan .eyebrow{font-size:14px;margin-bottom:12px}.plan-price{font-size:36px;line-height:1.3;font-weight:850;letter-spacing:-1px;margin-top:auto}.plan-price small{font-size:15px;font-weight:600;letter-spacing:0}.landing-plan>small{font-size:14px;color:var(--muted);margin-top:8px}.landing-plan ul{padding:22px 0 0;border-top:1px solid var(--line);list-style:none;display:grid;gap:12px;font-size:14px;margin:24px 0 28px}.landing-plan .button{margin-top:auto}.basic-spark{position:absolute;right:27px;top:-18px;font-size:35px;font-style:normal;color:#c69635;filter:drop-shadow(0 3px 0 #fff4)}.final{border-color:var(--line)}.product-screening .language-purchase{background:linear-gradient(125deg,#eadcf0,#e1e5f2 60%,#f3e4d6);border-color:#d9c7e2}.product-screening .language-checkout{background:#fff9f2;border-color:#d6c1df}.product-screening .language-checkout .language-action{background:#775388}.product-screening .language-checkout .language-action-secondary{background:#eadff0;color:#6d4c7c}.product-screening .language-offer-tag{color:#775388}@media(max-width:850px){.product-stage{transform:none}.stage-emblem{width:65px;height:65px;right:20px;top:22px}.stage-emblem svg{width:38px;height:38px}.stage-body h2{max-width:220px}.landing-plan-grid{grid-template-columns:1fr}.landing-plan{padding:26px}.landing-plan>p:not(.eyebrow){min-height:0}.hero{padding:45px 0}.plans-section{padding-top:18px}}@media(max-width:400px){.stage-body h2{font-size:26px;max-width:190px}.stage-emblem{width:56px;height:56px}.stage-emblem svg{width:32px;height:32px}}
.pro-benefit{font-size:14px;font-weight:850;color:var(--accent);background:#fff9;border:1px solid var(--line);border-radius:13px;padding:11px 14px;margin:0 0 20px}.landing-pro>p:not(.eyebrow){min-height:0}.landing-basic>p:not(.eyebrow){min-height:0}

/* Reading copy remains comfortable at narrow widths. */
.features p,.faq p,.landing-plan>p:not(.eyebrow){font-size:17px;line-height:1.75}.button{font-size:16px}.features h3{font-size:23px;line-height:1.3}.features{align-items:stretch}