:root{--ink:#16294a;--sub:#64748b;--indigo:#6256d9;--blue:#eff1ff;--mint:#e8f8f0;--surface:#fff;--bg:#f8f9fe;--border:#e6e9f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.58}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{max-width:1160px;margin:auto;padding:0 24px}.top{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:25px;letter-spacing:-1.3px}.logo{background:var(--indigo);border-radius:15px;width:40px;height:40px;color:#fff;display:grid;place-items:center;font-size:23px}.brand span:last-child{color:var(--indigo)}.navlinks{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:650}.navlinks a:hover,.foot a:hover{color:var(--indigo)}.btn,.btn2{background:var(--indigo);color:#fff;padding:12px 20px;border-radius:12px;font-weight:750;border:1px solid var(--indigo);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background:#5145c7}.btn2{color:var(--indigo);background:#fff;border-color:#dcdcfb}.btn2:hover{background:#f2f1ff}.hero{padding:75px 0 48px;overflow:hidden;background:radial-gradient(ellipse at 89% 20%,#e8e0ff 0,transparent 38%),linear-gradient(155deg,#f4f7ff,#fff8f4)}.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:45px;align-items:center}.eyebrow{font-size:12px;text-transform:uppercase;color:var(--indigo);letter-spacing:2px;font-weight:850}.hero h1{font-size:clamp(38px,5.2vw,65px);line-height:1.11;letter-spacing:-2.5px;margin:18px 0;color:#1d2a53}.hero h1 em{font-style:normal;color:var(--indigo)}p.lead{font-size:17px;color:#65748e;max-width:570px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.chip{font-size:13px;color:#45604e;background:#e8f7ec;border-radius:30px;padding:7px 12px;font-weight:700}.illustration{position:relative;border-radius:27px;background:#e6e5ff;padding:27px;box-shadow:0 22px 70px #6260bb25;transform:rotate(1deg)}.paper{background:white;border-radius:14px;box-shadow:0 12px 35px #2e35601c;padding:27px;transform:rotate(-3deg)}.paper h3{font-size:24px;margin:0 0 5px;letter-spacing:-.5px}.paper small{color:#8992a7}.paper-rule{border-bottom:2px dashed #e6e7ef;margin:16px 0}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-question{padding:15px 5px;background:#fafaff;border:1px dashed #dadefb;text-align:center;font-size:22px;font-weight:800;border-radius:10px}.bubble{position:absolute;padding:11px 15px;background:#fff;border-radius:12px;box-shadow:0 8px 25px #39427420;font-weight:800;font-size:13px}.bubble.one{right:-10px;top:-16px}.bubble.two{left:-15px;bottom:12px}.section{padding:68px 0}.section-title{font-size:clamp(28px,3vw,38px);letter-spacing:-1.4px;line-height:1.2;margin:9px 0}.desc{color:var(--sub);max-width:650px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:29px}.card{background:white;border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:0 8px 25px #21325707;transition:.2s;display:flex;flex-direction:column;gap:8px}.card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #21325712}.art{height:145px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:45px;font-weight:800;margin-bottom:9px;letter-spacing:2px}.violet{background:#f0edff;color:#6256d9}.peach{background:#fff0e5;color:#e68c63}.green{background:#eaf8f0;color:#3a9b74}.yellow{background:#fff8df;color:#b38928}.pink{background:#fff0f7;color:#d86e9e}.sky{background:#eaf6ff;color:#3a8ac0}.card h3{font-size:18px;line-height:1.3;margin:0}.card p{color:var(--sub);font-size:14px;margin:0 0 7px}.card .more{color:var(--indigo);font-weight:800;font-size:14px;margin-top:auto}.strip{background:#f0f0ff}.grade{padding:20px;border:1px solid #dedffa;border-radius:16px;background:#fff;display:flex;gap:18px;align-items:center}.grade .symbol{display:grid;place-items:center;flex:none;width:58px;height:58px;background:#eff0ff;color:var(--indigo);border-radius:15px;font-weight:900;font-size:23px}.grade h3{margin:0;font-size:17px}.grade p{margin:2px 0 0;color:var(--sub);font-size:13px}.cta{background:linear-gradient(115deg,#6256d9,#8271e8);color:#fff;border-radius:25px;text-align:center;padding:52px 28px}.cta h2{font-size:34px;letter-spacing:-1px;margin:0}.cta p{color:#ebeaff}.cta .btn2{border:0}.foot{background:#1f2850;color:#e7e9ff;padding:48px 0 25px}.footgrid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:24px}.foot h4{margin:0 0 12px;color:white}.foot a{display:block;color:#bec8eb;margin:7px 0;font-size:14px}.foot p{font-size:14px;max-width:300px;color:#bec8eb}.copyright{border-top:1px solid #ffffff22;margin-top:25px;padding-top:18px;font-size:12px;color:#aeb7dd}.pagehead{background:linear-gradient(140deg,#eeefff,#f9fbff);padding:60px 0 48px}.pagehead h1{font-size:clamp(30px,4vw,48px);line-height:1.16;letter-spacing:-1.8px;margin:10px 0}.breadcrumb{font-size:13px;color:var(--sub);margin-bottom:14px}.breadcrumb a{color:var(--indigo)}.prose{max-width:830px}.prose h2{margin-top:33px}.prose p,.prose li{color:#56657b}.tool-layout{display:grid;grid-template-columns:330px 1fr;align-items:start;gap:26px;margin-top:30px}.panel{background:white;border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:0 10px 35px #2132570a}.formfield{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.formfield label{font-size:13px;font-weight:800}.formfield input,.formfield select{border:1px solid #d7ddeb;border-radius:10px;padding:11px 12px;min-height:45px;width:100%;background:white;color:#25385a}.formfield input:focus,.formfield select:focus{outline:3px solid #eeeeff;border-color:var(--indigo)}.buttons{display:grid;gap:10px}.buttons button{width:100%;padding:12px}.tool-help{color:var(--sub);font-size:12px}.preview-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.preview-header h2{font-size:20px;margin:0}.sheet{width:100%;background:#fff;border:1px solid #dee2ef;box-shadow:0 10px 28px #2231510b;border-radius:5px;min-height:560px;padding:32px 28px}.sheet-head{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:3px solid #182a4c;padding-bottom:12px}.sheet-head h3{font-size:22px;line-height:1.2;margin:0}.sheet-head small{color:#7a8494}.sheet-info{display:flex;justify-content:space-between;margin:15px 0 24px;font-size:12px;color:#637188}.questions{display:grid;grid-template-columns:repeat(2,1fr);gap:23px 17px}.q{font-size:20px;font-weight:650;padding:14px 12px;border:1px solid #eceef5;border-radius:8px;min-height:64px}.ansline{display:inline-block;border-bottom:2px solid #6f778a;width:35px;margin:0 5px}.q.tracing{font-size:27px;font-weight:600;letter-spacing:3px;color:#b6b6c4;border-bottom:2px dashed #d2d6e2;border-radius:0}.tool-note{background:#eefff5;border-radius:12px;color:#446b56;padding:13px 16px;font-size:13px;margin-top:22px}.pagesample{font-size:13px;color:#62728a}.alert{padding:12px;border:1px solid #eed39d;background:#fff6e4;color:#765a2f;border-radius:10px;font-size:13px}.menu-btn{display:none;border:0;background:#f1f0ff;border-radius:10px;padding:9px 12px;color:#5144b5}.narrow{max-width:840px}.inline-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.pill{display:inline-block;background:#f0f1ff;color:#594eca;padding:7px 11px;border-radius:40px;font-size:12px;font-weight:800}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.illustration{max-width:540px;margin:auto}.tool-layout{grid-template-columns:1fr}.footgrid{grid-template-columns:repeat(2,1fr)}.navlinks{gap:12px}}@media(max-width:640px){.container{padding:0 17px}.nav{min-height:66px}.brand{font-size:21px}.menu-btn{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:66px;background:#fff;flex-direction:column;align-items:flex-start;padding:20px 24px;box-shadow:0 18px 22px #1a255019;gap:16px}.navlinks.open{display:flex}.hero{padding:42px 0}.hero h1{letter-spacing:-1.7px}.illustration{padding:18px}.paper{padding:20px}.bubble{display:none}.section{padding:48px 0}.grid{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:span 2}.pagehead{padding:38px 0}.panel{padding:18px}.sheet{padding:18px 12px;min-height:500px}.q{font-size:16px;padding:12px 5px}.questions{gap:12px 7px}.sheet-head h3{font-size:18px}.cta h2{font-size:27px}.grade{padding:14px}}@media print{.top,.foot,.pagehead,.panel,.preview-header,.tool-note,.section,.breadcrumb{display:none!important}.tool-layout{display:block}.sheet{box-shadow:none;border:0;padding:0;min-height:0}.container{max-width:none}body{background:white}}

.editorial{max-width:850px;padding-top:24px;padding-bottom:72px}.editorial h2{margin-top:34px}.editorial p{line-height:1.85}.editorial-links{margin-top:40px;border-top:1px solid #e7e7f2;padding-top:24px}.editorial-links p{margin-bottom:18px}.home-overview{background:#fff}.home-overview .prose{max-width:860px}.home-overview h2{margin-top:26px}

.art.sky{background:#e2eefc;color:#2b5ea7}

.logo-img{width:38px;height:38px;border-radius:50%;object-fit:cover;display:inline-block}