@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--navy:#0c1535;--navy-soft:#172145;--purple:#7756ea;--purple-light:#a58bff;--lime:#d4f772;--aqua:#72e7e1;--text:#202843;--sub:#606a81;--line:#e3e6ef;--bg:#fbfaf8;--paper:#fff;--font-body:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-head:'Space Grotesk',var(--font-body)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--font-body);background:var(--bg);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b7a5ff;outline-offset:3px}img{max-width:100%;display:block}p{line-height:1.7}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.section{padding-block:100px}.skip-link{position:absolute;top:-200px;left:20px;background:#fff;color:#000;z-index:99;padding:12px 16px}.skip-link:focus{top:12px}.site-header{position:absolute;top:0;left:0;right:0;z-index:10;color:#fff}.nav-container{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,255,255,.11)}.brand{display:inline-flex;gap:9px;align-items:center;font-family:var(--font-head);font-weight:700;font-size:27px;letter-spacing:-1.5px;white-space:nowrap}.brand-mark{display:flex;align-items:center;justify-content:center;letter-spacing:-5px;padding-right:5px;width:39px;height:39px;border-radius:12px;background:var(--purple);font-weight:700;font-size:19px;color:white;box-shadow:0 9px 26px rgba(119,86,234,.3)}.brand-slash{color:var(--lime)}.brand-dot{color:var(--lime)}.nav-menu{display:flex;align-items:center;gap:30px}.nav-menu a{font-size:13px;font-weight:700;color:#e6eaf9;transition:color .2s}.nav-menu a:hover{color:var(--lime)}.nav-menu a.nav-cta{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.29);padding:13px 18px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff}.nav-cta span{font-size:17px}.nav-toggle{display:none;border:0;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:10px}.nav-toggle span{width:25px;height:2px;background:#fff;border-radius:2px}
.hero{color:white;background:radial-gradient(ellipse at 75% 18%,#1d2752 0%,transparent 45%),var(--navy);padding-top:172px;padding-bottom:33px;position:relative;overflow:hidden}.hero-bg{position:absolute;border-radius:50%;pointer-events:none;filter:blur(50px);opacity:.35}.hero-orb-one{right:8%;top:22%;width:340px;height:340px;background:#5036ba}.hero-orb-two{right:30%;bottom:10%;width:180px;height:180px;background:#097f9a;opacity:.2}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;position:relative;z-index:1;min-height:530px}.hero-copy{padding-bottom:25px}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:#dce4fb;font-size:11px;letter-spacing:1.2px;font-weight:800;margin-bottom:28px}.pulse-dot{display:inline-block;width:9px;height:9px;background:var(--lime);box-shadow:0 0 0 5px rgba(212,247,114,.14);border-radius:50%;flex-shrink:0}.hero h1{font-family:var(--font-head);font-size:clamp(49px,5vw,71px);line-height:1.1;letter-spacing:-3.9px;margin:0 0 24px;max-width:650px}.hero h1 span{color:var(--lime)}.hero-lead{font-size:17px;color:#bcc7de;line-height:1.75;max-width:555px;margin:0}.hero-lead strong{color:#fff}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:17px;padding:16px 22px;border-radius:13px;line-height:1.2;font-size:13px;font-weight:800;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn span{font-size:18px}.btn-primary{background:var(--lime);color:#202f29;box-shadow:0 12px 26px rgba(207,246,112,.12)}.btn-primary:hover{background:#e4ff9c;box-shadow:0 12px 30px rgba(207,246,112,.2)}.btn-ghost{background:transparent;border-color:rgba(255,255,255,.25);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.1)}.hero-points{margin-top:34px;display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#ccd3e8}.hero-points span{display:inline-flex;align-items:center;gap:7px}.hero-points .check{font-size:14px;color:var(--lime)}.hero-visual{height:525px;display:flex;align-items:center;justify-content:center;position:relative}.orbit{position:absolute;border:1px dashed rgba(193,197,240,.19);border-radius:50%;width:450px;height:450px}.orbit-b{width:560px;height:560px;opacity:.3}.editor-card{z-index:2;width:min(100%,475px);background:#151f40;border:1px solid #394166;border-radius:20px;box-shadow:0 28px 75px rgba(0,0,0,.25);overflow:hidden;transform:rotate(-2deg)}.editor-top{background:#222b4d;display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 18px;font-size:11px;color:#a5afcb;font-family:var(--font-head)}.editor-dots{display:flex;gap:6px}.editor-dots i{width:8px;height:8px;background:#ed7891;border-radius:50%;display:block}.editor-dots i:nth-child(2){background:#e8c16e}.editor-dots i:nth-child(3){background:#87c59c}.editor-content{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid;grid-template-columns:42px 1fr;gap:10px;font-size:12px;color:#e5e9ff;white-space:nowrap;line-height:2.2;padding:0 20px}.editor-content:first-of-type{margin-top:12px}.line-no{color:#617092;text-align:right;user-select:none}.editor-content em{font-style:normal;color:#9ba4c2}.editor-content .pink{font-weight:500;color:#ff8bac}.editor-content .green{font-weight:500;color:#c9ec84}.editor-content .purple{font-weight:500;color:#ad94ff}.editor-content .cyan{font-weight:500;color:#71e7d8}.indent{padding-left:23px}.editor-separator{height:1px;background:#343e60;margin:16px 20px}.playground{margin:0 20px 20px}.playground-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#c5cce1;margin-bottom:10px}.small-pill{font-weight:800;letter-spacing:.6px;color:#a7e7e3;background:#1f4154;padding:6px 9px;border-radius:5px}.game-box{height:148px;border-radius:13px;background:radial-gradient(circle at 52% 35%,#ad98fc 0%,#8165de 52%,#6a50c1 100%);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;overflow:hidden}.game-controller{font-size:53px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.12))}.game-label{font-size:13px;font-weight:800;color:#fff}.game-star{position:absolute;color:var(--lime);font-size:40px}.star-one{top:15px;left:30px}.star-two{bottom:12px;right:45px}.floating-tag{position:absolute;z-index:4;background:#fff;color:#26304b;border-radius:10px;box-shadow:0 13px 34px rgba(0,0,0,.2);padding:13px 17px;font-size:11px;font-weight:800}.tag-a{top:30px;left:-32px;transform:rotate(-7deg)}.tag-b{top:65px;right:-25px;transform:rotate(8deg)}.tag-icon{color:#dbac24;font-size:21px;vertical-align:middle;margin-right:6px}.tag-icon.purple{color:var(--purple)}.floating-score{position:absolute;z-index:3;bottom:18px;right:-10px;background:#fff;color:#27334a;padding:12px 17px;border-radius:14px;display:flex;align-items:center;gap:10px;box-shadow:0 15px 32px rgba(0,0,0,.18);transform:rotate(4deg)}.score-icon{font-size:24px;background:#e8e0ff;border-radius:9px;padding:7px}.floating-score strong,.floating-score small{display:block}.floating-score strong{font-size:12px}.floating-score small{font-size:10px;color:#788199;margin-top:3px}.hero-footer{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:25px;color:#9aa6c3;font-size:10px;font-weight:800;letter-spacing:2.2px}
.kicker{font-size:11px;color:var(--purple);font-weight:800;letter-spacing:2px}.section-intro{margin-bottom:45px}.section-intro.center{text-align:center;max-width:730px;margin-inline:auto}.section-intro h2,.how-intro h2,.offer-copy h2,.faq-grid h2,.interest-copy h2{font-family:var(--font-head);font-size:clamp(37px,4vw,53px);letter-spacing:-2.5px;line-height:1.15;margin:16px 0}.section-intro h2 span,.how-intro h2 span,.offer-copy h2 span,.faq-grid h2 span{color:var(--purple)}.section-intro p{color:var(--sub);margin-top:17px;font-size:16px}.benefits-section{background:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefit-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:27px 24px;min-height:264px;transition:transform .25s,box-shadow .25s}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(30,42,78,.07)}.benefit-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:14px;font-size:26px;margin-bottom:25px}.bg-purple{background:#f0eaff}.bg-yellow{background:#fff3c9}.bg-cyan{background:#dcf8f7}.bg-peach{background:#fff0e3}.benefit-card h3{font-size:17px;font-weight:800;margin:0 0 10px;line-height:1.4}.benefit-card p{margin:0;color:var(--sub);font-size:13px;line-height:1.7}
.tracks-section{background:#f5f3fb}.section-intro.split{display:flex;justify-content:space-between;align-items:end;gap:50px}.section-intro.split p{max-width:350px;font-size:14px}.tracks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.track-card{border-radius:25px;padding:30px;background:white;box-shadow:0 12px 32px rgba(65,51,119,.04);overflow:hidden}.track-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.track-label{font-size:11px;font-weight:800;letter-spacing:1.3px;color:#656c88}.age-label{padding:8px 12px;background:#f0ecff;color:#7558cb;border-radius:20px;font-size:11px;font-weight:800}.track-teen .age-label{color:#236c76;background:#e4f8f7}.track-graphic{height:184px;border-radius:16px;margin:24px 0 25px;position:relative;overflow:hidden;display:grid;place-items:center}.junior-art{background:#ede6ff}.junior-art:before,.junior-art:after{content:"";position:absolute;border:1px dashed #c6b6ef;border-radius:50%;width:315px;height:315px}.junior-art:after{width:230px;height:230px}.mini-screen{position:relative;z-index:1;width:210px;height:128px;background:#8f70e5;border:7px solid #433081;border-radius:14px;box-shadow:0 15px 0 -8px #6550aa,0 20px 30px rgba(83,49,146,.15);overflow:hidden}.mini-hill{position:absolute;width:260px;height:100px;border-radius:50% 50% 0 0;bottom:-50px;left:-30px;background:#b8e58e}.mini-sun{position:absolute;top:17px;right:24px;color:#fff3a4;font-size:42px}.mini-person{position:absolute;bottom:24px;left:77px;background:#f9b8ad;border-radius:50%;width:24px;height:24px;color:#f9b8ad}.floating-block{z-index:2;position:absolute;display:grid;place-items:center;width:40px;height:40px;background:white;border-radius:10px;box-shadow:0 7px 18px rgba(0,0,0,.13);font-size:26px;color:#7957dd}.block-one{left:49px;top:27px;transform:rotate(-14deg)}.block-two{right:52px;bottom:23px;transform:rotate(13deg);color:#f1ae31}.teen-art{background:#d8f4f0}.terminal{width:270px;padding:23px 27px;border-radius:14px;box-shadow:0 15px 32px rgba(7,59,62,.14);background:#1a3e4b;color:#d7f2ef;display:flex;flex-direction:column;gap:10px;font-family:monospace;font-size:15px;transform:rotate(-4deg)}.terminal em{color:#bca7ff;font-style:normal}.terminal i{color:#e4f58f;font-style:normal}.terminal .pad{padding-left:17px}.floating-code{position:absolute;right:37px;top:18px;background:#fff;color:#42a5ad;padding:10px;border-radius:12px;font-weight:800;font-size:21px;transform:rotate(10deg);box-shadow:0 5px 16px rgba(7,59,62,.16)}.track-card h3{font-size:29px;font-family:var(--font-head);letter-spacing:-1.2px;margin:0 0 8px}.track-card p{font-size:14px;color:var(--sub);margin:0 0 15px}.track-card ul{padding:0;list-style:none;display:grid;gap:11px;margin:23px 0 29px}.track-card li{position:relative;padding-left:22px;font-size:13px;font-weight:600}.track-card li:before{content:"✓";position:absolute;left:0;color:#8c6ee2;font-weight:800}.track-teen li:before{color:#32ada5}.track-result{padding:17px 19px;display:flex;flex-direction:column;gap:5px;background:#f5f1ff;border-radius:12px}.track-teen .track-result{background:#e9faf7}.track-result strong{font-size:10px;letter-spacing:1.3px;color:var(--purple)}.track-teen .track-result strong{color:#2f9d93}.track-result span{font-size:13px;font-weight:800}
.how-section{background:#fff}.how-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:center}.how-intro>p{color:var(--sub);font-size:16px;max-width:405px}.quote-box{background:#f3f0fb;border-left:4px solid var(--purple);padding:24px 26px;margin-top:45px;max-width:400px;border-radius:0 15px 15px 0}.quote-mark{font-size:37px;color:var(--purple);font-family:serif;line-height:1}.quote-box p{font-size:16px;line-height:1.65;font-weight:700;max-width:340px;margin:0}.steps-list{display:grid}.step{padding:25px 8px;display:grid;grid-template-columns:70px 1fr;gap:20px;border-bottom:1px solid var(--line)}.step:first-child{border-top:1px solid var(--line)}.step-number{font-family:var(--font-head);font-size:34px;color:#b4a2ef;font-weight:700}.step h3{font-size:18px;font-weight:800;margin:0 0 7px}.step p{font-size:14px;color:var(--sub);margin:0;line-height:1.6}
.month-section{background:#f7f7fa}.month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.month-grid article{background:#fff;border:1px solid #eaecf3;border-radius:16px;padding:23px;min-height:198px}.month-grid article span{font-size:10px;letter-spacing:1.2px;font-weight:800;color:var(--purple)}.month-grid article h3{font-size:18px;font-family:var(--font-head);line-height:1.4;margin:18px 0 8px;letter-spacing:-.4px}.month-grid article p{font-size:13px;color:var(--sub);margin:0;line-height:1.6}
.offer-section{background:#eae4fc}.offer-grid{display:grid;grid-template-columns:1fr 380px;gap:95px;align-items:center}.offer-copy>p{max-width:525px;color:#62667c;font-size:16px}.offer-features{display:grid;grid-template-columns:1fr 1fr;gap:20px 23px;margin-top:36px;font-size:13px;font-weight:700}.offer-features>div{display:flex;gap:9px;align-items:start}.offer-features span{color:#7958d7;font-size:17px}.price-card{background:#fff;border-radius:25px;padding:33px;box-shadow:0 20px 55px rgba(73,39,124,.12)}.offer-pill{display:inline-block;background:#eaf6ce;color:#4b6d17;font-size:10px;letter-spacing:.9px;font-weight:800;border-radius:999px;padding:9px 12px}.price-card>p:first-of-type{color:var(--sub);font-size:13px;margin:25px 0 0}.price{font-family:var(--font-head);font-size:76px;letter-spacing:-5px;font-weight:700;line-height:1.2;margin:5px 0}.price small{font-size:27px;vertical-align:18px;letter-spacing:-1px}.price span{font-size:15px;color:#707994;letter-spacing:0;font-weight:600}.price-card .price-sub{font-size:12px;color:var(--sub);margin-top:0;line-height:1.5}.price-divider{height:1px;background:var(--line);margin:23px 0}.price-compact{font-size:13px;color:#606a81;margin-bottom:20px!important}.price-compact strong{color:#212846}.btn-dark{background:var(--navy);color:#fff;width:100%;padding:17px}.btn-dark:hover{background:#252f58}
.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:105px}.faq-grid>div:first-child>p{color:var(--sub);font-size:15px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:15px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--purple);font-size:25px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--sub);font-size:14px;margin:0;padding:0 45px 23px 0;line-height:1.7}
.interest-section{background:var(--navy);color:#fff}.interest-grid{display:grid;grid-template-columns:1fr 460px;gap:100px;align-items:center}.interest-star{display:block;font-size:63px;color:var(--lime);line-height:1;margin-bottom:27px}.interest-copy .kicker{color:var(--lime)}.interest-copy h2{font-size:clamp(40px,4.7vw,62px)}.interest-copy h2 span{color:var(--lime)}.interest-copy>p{font-size:16px;color:#c1c9dc}.interest-note{margin-top:33px;display:flex;align-items:flex-start;gap:11px;color:#aab5cf;font-size:12px;line-height:1.6;max-width:450px}.lead-form{background:#fff;color:var(--text);border-radius:23px;padding:32px;box-shadow:0 24px 65px rgba(0,0,0,.15)}.lead-form h3{font-family:var(--font-head);font-size:25px;letter-spacing:-.8px;margin:0}.lead-form>p:first-of-type{font-size:13px;color:var(--sub);margin:7px 0 20px}.lead-form label:not(.checkbox-line){display:block;font-size:12px;font-weight:800;margin:15px 0 8px}.lead-form label span{color:#905de1}.lead-form input[type=text],.lead-form select,.copy-panel textarea{display:block;width:100%;padding:13px 13px;background:#fbfbfe;border:1px solid #dce0ec;border-radius:10px;font-size:13px;color:var(--text);min-height:47px}.lead-form input::placeholder{color:#9aa2b6}.lead-form select{appearance:auto}.checkbox-line{display:flex;align-items:flex-start;gap:10px;margin:21px 0 20px;font-size:11px;line-height:1.5;color:#636d82;cursor:pointer}.checkbox-line input{margin:2px 0 0;width:16px;height:16px;accent-color:var(--purple);flex-shrink:0}.btn-full{width:100%;white-space:normal}.lead-form>small{display:block;font-size:10px;color:#8a91a0;line-height:1.5;margin-top:15px}.form-message{font-size:12px;margin:12px 0 0;line-height:1.5}.form-message.error{color:#b02b54}.form-message.success{color:#146b55}.copy-panel{padding:15px 0 0}.copy-panel p{font-size:11px;color:var(--sub)}.copy-panel textarea{resize:vertical;font-size:12px;min-height:100px;line-height:1.4}.btn-outline{background:#f1f0fc;border-color:#d6cef4;color:#5b3bbd;padding:12px;margin-top:10px}.site-footer{background:#09112a;color:#fff;padding:48px 0 22px}.footer-main{display:flex;justify-content:space-between;gap:24px;align-items:start}.footer-brand{font-size:25px}.footer-main p{font-size:12px;color:#96a4be;margin:15px 0 35px}.footer-right{display:flex;gap:30px;font-size:12px;color:#b9c1d6;font-weight:700}.footer-right a:hover{color:#fff}.footer-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:20px;color:#7f8ba8;font-size:11px}
@media (max-width:1120px){.container{width:min(100% - 44px,1090px)}.nav-menu{gap:17px}.hero-grid{gap:42px}.hero h1{font-size:58px}.tag-a{left:0}.tag-b{right:0}.floating-score{right:0}.benefit-card{padding:24px 18px}.how-grid,.faq-grid{gap:55px}.offer-grid,.interest-grid{gap:48px}}
@media (max-width:850px){.section{padding-block:72px}.nav-toggle{display:flex}.site-header{position:absolute}.nav-menu{display:none;position:absolute;left:22px;right:22px;top:78px;background:#172145;border:1px solid #3a4262;border-radius:16px;box-shadow:0 18px 35px rgba(0,0,0,.22);padding:20px;flex-direction:column;align-items:stretch;gap:18px}.nav-menu.is-open{display:flex}.nav-menu a.nav-cta{justify-content:center}.nav-container{height:78px}.hero{padding-top:123px;padding-bottom:28px}.hero-grid{grid-template-columns:1fr;gap:22px}.hero-copy{padding-bottom:0;max-width:670px}.hero h1{font-size:clamp(45px,7.5vw,67px);max-width:700px}.hero-visual{height:450px;max-width:560px;width:100%;margin-inline:auto}.orbit{width:420px;height:420px}.orbit-b{width:520px;height:520px}.hero-footer{margin-top:7px}.benefit-grid,.month-grid{grid-template-columns:repeat(2,1fr)}.section-intro.split{display:block}.section-intro.split p{max-width:620px}.how-grid,.faq-grid,.offer-grid,.interest-grid{grid-template-columns:1fr;gap:38px}.how-intro>p,.offer-copy>p{max-width:640px}.price-card{max-width:500px}.interest-grid{gap:40px}.lead-form{max-width:520px}.track-card{padding:23px}}
@media (max-width:600px){.container{width:calc(100% - 36px)}.section{padding-block:60px}.hero{padding-top:122px;padding-bottom:25px}.hero h1{font-size:47px;letter-spacing:-2.8px}.hero-lead{font-size:15px}.eyebrow{font-size:9px;letter-spacing:.8px}.hero-actions{flex-direction:column;align-items:stretch}.btn{text-align:center}.hero-points{gap:10px 18px;font-size:11px}.hero-visual{height:370px}.orbit{width:310px;height:310px}.orbit-b{width:370px;height:370px}.editor-card{width:94%;transform:rotate(-1.5deg)}.editor-content{font-size:9px;grid-template-columns:24px 1fr;padding:0 12px;line-height:2}.editor-top{height:40px}.playground{margin:0 12px 12px}.game-box{height:105px}.game-controller{font-size:37px}.floating-tag{font-size:9px;padding:8px}.tag-a{left:0;top:0}.tag-b{right:0;top:27px}.floating-score{bottom:0;padding:9px}.floating-score strong{font-size:10px}.floating-score small{font-size:9px}.hero-footer{gap:18px;flex-wrap:wrap;font-size:9px;line-height:1.6;letter-spacing:1px}.section-intro h2,.how-intro h2,.offer-copy h2,.faq-grid h2,.interest-copy h2{font-size:37px;letter-spacing:-1.9px}.section-intro p{font-size:14px}.benefit-grid,.tracks-grid,.month-grid{grid-template-columns:1fr}.benefit-card{min-height:0;padding:23px}.benefit-icon{margin-bottom:15px}.track-graphic{height:168px}.track-card h3{font-size:26px}.track-card{padding:20px}.steps-list .step{grid-template-columns:52px 1fr;gap:14px}.step-number{font-size:27px}.offer-features{grid-template-columns:1fr;gap:13px}.offer-grid{gap:30px}.price-card{padding:25px}.faq-grid{gap:18px}.faq-list summary{font-size:14px}.interest-star{margin-bottom:14px}.lead-form{padding:22px}.footer-main{flex-direction:column}.footer-right{gap:19px}.footer-bottom{flex-direction:column;gap:8px}.footer-main p{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.benefit-card,.faq-list summary span{transition:none}}

/* Refinamento: novos componentes seguem as cores, fontes e cards existentes. */
[hidden] { display: none !important; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.section:not(.hero) { padding-block: 80px; }
.playground-top { gap: 12px; }
.playground-top > span:last-child { text-align: right; }
.educator-section { background: #f5f3fb; }
.educator-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.educator-profile { padding: 28px; background: white; border: 1px solid var(--line); border-radius: 25px; }
.educator-header { display: grid; grid-template-columns: 104px minmax(0, 1fr); align-items: center; gap: 20px; }
.educator-photo { margin: 0; width: 104px; height: 139px; border-radius: 16px; overflow: hidden; }
.educator-photo img { width: 100%; height: 100%; object-fit: cover; }
.educator-photo-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; background: #ede6ff; border: 1px dashed #b4a2ef; }
.educator-initials { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 16px; background: var(--navy); color: var(--lime); font: 700 23px var(--font-head); }
.educator-photo figcaption { font-size: 10px; color: #5b3bbd; }
.educator-profile h3 { font: 700 24px/1.25 var(--font-head); letter-spacing: -.7px; margin: 0 0 10px; }
.educator-roles { font-size: 12px; line-height: 1.6; font-weight: 700; color: #5b3bbd; margin: 0; }
.educator-bio { font-size: 13px; color: var(--sub); margin: 20px 0 0; }
.educator-details { display: grid; gap: 14px; margin: 20px 0 0; }
.educator-details > div { padding-top: 14px; border-top: 1px solid var(--line); }
.educator-details dt { font-size: 12px; font-weight: 800; color: #5b3bbd; }
.educator-details dd { margin: 6px 0 0; font-size: 12px; color: var(--sub); line-height: 1.8; }
.education-status { display: inline-block; margin-left: 4px; padding: 2px 8px; border-radius: 999px; font-size: 10px; font-weight: 700; }
.education-current-role { background: #eaf6ce; color: #4b6d17; }
.education-ongoing { background: #ede6ff; color: #5b3bbd; }
.educator-details > .education-current { padding: 12px 14px; border: 1px solid #d6cef4; border-left: 3px solid var(--purple); border-radius: 0 12px 12px 0; background: #fbfbfe; }
.month-tabs {
  display: flex;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 28px;
  padding: 5px;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: white;
}
.month-tabs button {
  border: 0;
  border-radius: 999px;
  padding: 12px 22px;
  background: transparent;
  color: var(--sub);
  font-size: 14px;
  font-weight: 700;
  transition: background .2s, color .2s;
}
.month-tabs button[aria-selected="true"] { background: var(--purple); color: white; }
.month-panel { border-radius: 16px; animation: reveal-month .25s ease-out; }
.month-panel:focus-visible { outline: 3px solid #b7a5ff; outline-offset: 5px; }
@keyframes reveal-month {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}
.demo-callout {
  margin-top: 30px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 32px;
  justify-content: space-between;
  background: #f0ecff;
  border: 1px solid #d6cef4;
  border-radius: 16px;
}
.demo-callout h3 { font: 700 20px var(--font-head); margin: 0 0 8px; }
.demo-callout p { color: var(--sub); font-size: 13px; margin: 0; max-width: 650px; }
.demo-callout .btn { margin-top: 0; white-space: normal; flex-shrink: 0; }
.lead-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.lead-form fieldset > p:first-of-type { font-size: 13px; color: var(--sub); margin: 7px 0 20px; }
.lead-form .field-help { font-size: 11px; color: var(--sub); line-height: 1.6; margin: 9px 0 0; }
#whatsapp-link { margin-top: 12px; }
.lead-form input[type=tel] {
  display: block;
  width: 100%;
  padding: 13px;
  background: #fbfbfe;
  border: 1px solid #dce0ec;
  border-radius: 10px;
  font-size: 13px;
  color: var(--text);
  min-height: 47px;
}
@media (max-width: 850px) {
  .section:not(.hero) { padding-block: 60px; }
  .educator-profile { padding: 22px; }
  .educator-header { grid-template-columns: 1fr; gap: 16px; }
  .demo-callout { align-items: flex-start; flex-direction: column; gap: 18px; }
}
@media (max-width: 600px) {
  .section:not(.hero) { padding-block: 48px; }
  .educator-grid { grid-template-columns: 1fr; gap: 26px; }
  .educator-header { grid-template-columns: 88px minmax(0, 1fr); }
  .educator-photo { width: 88px; height: 117px; }
  .educator-profile h3 { font-size: 21px; }
  .month-tabs button { padding-inline: 18px; }
  .demo-callout { padding: 20px; }
  .demo-callout .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .month-panel { animation: none; }
  .month-tabs button { transition: none; }
}

/* Mesma estrutura e alinhamento para as três trilhas, sem limitar o conteúdo. */
.tracks-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tracks-grid > .track-card { display: flex; flex-direction: column; min-width: 0; }
.tracks-grid .track-graphic { flex-shrink: 0; }
.tracks-grid .track-result { margin-top: auto; }
@supports (grid-template-rows: subgrid) {
  .tracks-grid > .track-card { display: grid; grid-template-rows: subgrid; grid-row: span 7; row-gap: 0; }
  .tracks-grid .track-result { margin-top: 0; }
}
.track-data .age-label { background: #eaf6ce; color: #4b6d17; }
.data-art { background: #ede6ff; }
.data-art svg { display: block; width: 100%; height: 100%; }
.track-data .track-result { background: #f1f6e8; }
.track-data .track-result strong { color: #4b6d17; }
.track-note { font-size: 12px; line-height: 1.7; color: var(--sub); margin: 24px 0 0; }
@media (max-width: 1199px) {
  .tracks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 601px) and (max-width: 1199px) {
  .tracks-grid > .track-data { grid-column: 1 / -1; width: calc((100% - 22px) / 2); justify-self: center; }
}
@media (max-width: 600px) {
  .tracks-grid { grid-template-columns: minmax(0, 1fr); }
}