:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#132644;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}html{scroll-behavior:smooth}h1,h2,h3,p{margin-top:0}p{line-height:1.7;color:#62718a}.section{padding:94px max(6%,calc((100vw - 1180px)/2))}.site-head{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #edf1f8;background:#fff;position:sticky;top:0;z-index:20}.brand{font-weight:850;font-size:23px;letter-spacing:-1px;display:flex;align-items:center}.brand-ai{color:#5387d9;margin-left:3px}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#427fe5;color:white;margin-right:10px;font-size:22px}.logo span{font-size:13px;position:relative;top:-7px}.site-head nav{display:flex;gap:36px;font-size:14px;color:#465771;font-weight:650}.site-head nav a:hover{color:#427fe5}.mobile{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:14px 24px;font-weight:750;font-size:14px;border:1px solid #dbe5f2;min-height:48px;transition:transform .2s,box-shadow .2s}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 18px #326cc427}.primary{background:#4381e9;color:white;border-color:#4381e9}.outline{background:#fff;color:#33547e}.hero{min-height:590px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:35px;background:linear-gradient(115deg,#f0f7ff,#f6f9ff 65%,#e9f5ff);overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:850;color:#477fcc}.hero h1{font-size:clamp(44px,5vw,67px);line-height:1.1;letter-spacing:-2.8px;max-width:650px;margin:21px 0}.hero h1 em{font-style:normal;color:#4587e8}.hero-copy>p{max-width:530px;font-size:18px}.hero-cta{display:flex;gap:13px;flex-wrap:wrap;margin:29px 0}.trust{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;color:#456581;font-weight:650}.hero-art{position:relative;height:380px;background:radial-gradient(circle at 50% 50%,#cbe4ff 0%,#e5f2ff 54%,transparent 75%);border-radius:50%}.art-label{position:absolute;top:8px;left:12%;font-size:10px;letter-spacing:1.7px;color:#658cb8;font-weight:850}.hero-art svg{position:absolute;inset:0;width:100%;height:100%}.learning-node{position:absolute;border:1px solid #dce9fa;background:#fff;padding:16px 21px;border-radius:15px;z-index:1;box-shadow:0 14px 35px #2368a720;min-width:180px;display:flex;flex-direction:column;gap:7px}.learning-node small{font-size:9px;letter-spacing:1.4px;color:#81a2c5;font-weight:800}.learning-node b{font-size:15px}.learning-node span{position:absolute;right:14px;top:20px;color:#30b993}.n1{top:50%;left:0}.n2{top:37%;left:36%}.n3{top:5%;right:0}.floating-star{position:absolute;top:6%;left:40%;font-size:56px;color:#79b9f5}.section-heading{text-align:center;max-width:670px;margin:0 auto 45px}.section-heading h2{font-size:clamp(28px,3.2vw,40px);letter-spacing:-1.3px;margin:13px 0}.section-heading p{font-size:15px}.steps{background:#fff}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step-grid article{border:1px solid #e8eef8;border-radius:17px;padding:29px;position:relative}.step-num{font-size:12px;color:#b3c4dc;font-weight:850}.emoji{font-size:34px;margin:20px 0}.step-grid h3{font-size:19px}.step-grid p{font-size:13px;margin-bottom:0}.map-section{background:#f6faff}.map-panel{background:#fff;border:1px solid #e4edfa;border-radius:18px;box-shadow:0 10px 32px #1845730d;padding:22px}.map-tools{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.map-tools label{font-size:13px;font-weight:700}.map-tools select,.map-tools input,.quiz-shell select{border:1px solid #dbe5f1;background:#fff;padding:13px;border-radius:9px;min-width:160px}.map-tools input{flex:1}.muted{color:#8190a9;font-size:12px}.map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.skill-card{background:#fff;border:1px solid #e2eaf6;border-radius:12px;padding:17px;text-align:left;display:flex;flex-direction:column;gap:8px;min-height:144px}.skill-card.selected,.skill-card:hover{border-color:#76a7f0;background:#f0f6ff}.skill-card small{font-size:9px;font-weight:850;color:#648dc6;letter-spacing:1px}.skill-card b{font-size:15px}.skill-card span{color:#7a879c;font-size:12px;line-height:1.5}.skill-card em{margin-top:auto;color:#4a80d6;font-size:11px;font-style:normal;font-weight:750}.skill-detail{margin-top:19px;padding:23px;border-radius:14px;background:#eef6ff;display:flex;justify-content:space-between;align-items:center;gap:20px}.skill-detail h3{margin:10px 0}.skill-detail p{font-size:13px;margin-bottom:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 12px;border:1px solid #c6daef;border-radius:30px;background:white;color:#446486;font-size:12px}.diagnostic-section{background:#fff}.quiz-shell{max-width:880px;margin:auto;border:1px solid #e2eaf4;box-shadow:0 15px 50px #1a4d8b12;border-radius:20px;padding:36px;background:white}.quiz-two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px}.quiz-two-col h3{font-size:24px}.quiz-two-col label{display:block;font-size:12px;font-weight:800;margin:18px 0 8px}.quiz-two-col select{width:100%}.quiz-two-col .btn{margin-top:22px}.quiz-preview{border-radius:14px;padding:30px;background:#f0f7ff;display:flex;flex-direction:column;justify-content:center}.preview-chip{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#4d8bdc}.preview-chart{height:128px;display:flex;align-items:end;gap:13px;margin:28px 0}.bar{flex:1;border-radius:8px 8px 0 0;background:#9dc4f8}.b1{height:42%}.b2{height:70%}.b3{height:53%}.b4{height:90%;background:#497ee1}.b5{height:67%}.progress-head,.quiz-actions,.result-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.text-btn{border:0;background:transparent;color:#5384d7;text-decoration:underline}.progress-track{height:8px;background:#e8effa;border-radius:8px;margin:17px 0 35px;overflow:hidden}.progress-track>div{height:100%;background:#4381e9;transition:width .2s}.option-stack{display:grid;gap:12px;margin:25px 0}.answer{background:white;border:1px solid #dce6f3;border-radius:12px;text-align:left;padding:15px;display:flex;align-items:center;gap:17px;font-weight:600}.answer span{border-radius:9px;width:32px;height:32px;display:grid;place-items:center;background:#f3f7fc;color:#6886ac}.answer.chosen{border-color:#4080e5;background:#f0f7ff}.answer.chosen span{background:#4080e5;color:white}.result-top{text-align:center;border-bottom:1px solid #e6eef8;padding-bottom:20px}.result-top h2{margin-top:8px}.score{font-size:55px;color:#3b78d9;font-weight:850}.score small{font-size:15px;color:#7b8ca8}.result-body{margin-top:25px}.result-body h3{margin-top:30px}.result-body details,.faq details{padding:16px;border:1px solid #e6ecf4;border-radius:10px;margin:10px 0}.result-body summary,.faq summary{cursor:pointer;font-weight:650}.result-body summary b{color:#4b88d9}.day-list{display:grid;gap:9px}.day-list>div{display:flex;gap:20px;align-items:center;border:1px solid #e7edf5;border-radius:8px;padding:12px}.day-list b{width:38px;color:#5681c5}.day-list span{font-size:13px}.notice{background:#fff7e9;border:1px solid #ffe1ad;border-radius:10px;padding:14px;margin:20px 0;color:#805726;font-size:12px;line-height:1.6}.parents{background:#eff7ff;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.parents h2{font-size:36px;line-height:1.2}.parents li{padding:8px 0;color:#536881}.plan-note{background:#fff;border-radius:17px;padding:27px;box-shadow:0 15px 36px #2366b21a}.plan-note-head{font-weight:800;font-size:18px;margin-bottom:12px}.plan-note>div:not(:first-child){padding:12px 0;border-bottom:1px solid #eaf0f7;font-size:12px;font-weight:800;color:#4c80bd}.plan-note span{font-weight:500;color:#67788c;margin-left:12px}.pricing{background:#fff}.pricing-grid{max-width:840px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.pricing-grid article{border:1px solid #e0e9f4;border-radius:17px;padding:32px}.pricing-grid .highlight{border:2px solid #6199ec;background:#f8fbff;position:relative}.popular{font-size:10px;letter-spacing:1px;color:#4886d6;font-weight:850;margin-bottom:15px}.price{font-size:36px;font-weight:850;margin:15px 0}.price small{font-size:13px;color:#8191a7}.pricing-grid ul{padding-left:20px;line-height:2.4;color:#5b6a83;font-size:13px}.pricing-grid .btn{width:100%}.faq{background:#f8fbff;max-width:100%}.faq details{max-width:820px;margin:12px auto;background:#fff}footer{padding:50px 6%;background:#142945;color:white;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}footer p{font-size:12px;color:#9db0c7}footer a{margin-left:19px;font-size:13px}.footer-note{width:100%;border-top:1px solid #30455d;padding-top:17px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:850px){.section{padding:65px 5%}.site-head{padding:0 5%}.site-head nav{display:none;position:absolute;top:76px;right:0;background:white;width:100%;padding:25px;box-shadow:0 10px 20px #233e5720;flex-direction:column}.show-menu .site-head nav{display:flex}.mobile{display:block;border:0;background:transparent;font-size:24px}.hero{grid-template-columns:1fr;padding-top:65px}.hero-art{height:280px}.learning-node{min-width:144px;padding:11px}.n1{left:1%}.n2{left:31%}.n3{right:1%}.step-grid,.map-grid{grid-template-columns:repeat(2,1fr)}.parents{gap:25px}.quiz-shell{padding:24px}.quiz-two-col{gap:18px}}@media(max-width:580px){.hero h1{font-size:43px}.hero-art{height:240px}.learning-node{min-width:123px}.learning-node b{font-size:12px}.n2{left:28%}.step-grid,.map-grid,.quiz-two-col,.parents,.pricing-grid{grid-template-columns:1fr}.skill-detail{flex-direction:column;align-items:start}.site-head{height:65px}.site-head nav{top:65px}.hero-cta{flex-direction:column;align-items:stretch}.trust{gap:10px}.map-tools input{min-width:100%}.section-heading{margin-bottom:29px}.quiz-shell{padding:17px}.pricing-grid article{padding:23px}}@media print{header,.hero,.steps,.map-section,.diagnostic-section>.section-heading,.parents,.pricing,.faq,footer,.result-actions,#quizIntro,#quizStage{display:none!important}.diagnostic-section{padding:0}.quiz-shell{border:none;box-shadow:none;padding:0}#quizResult{display:block!important}details{break-inside:avoid}.result-body details>p{display:block}.result-top{padding:0}}
