:root{--ink:#193748;--muted:#516a77;--blue:#377cc5;--blue-dark:#245f9f;--line:#d5e4eb;--surface:#fff;--mist:#f3f8fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mist);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}a{color:#2269ac}a:focus-visible{outline:3px solid #6baded;outline-offset:4px}button{font:inherit}.landing-header{position:sticky;top:0;z-index:20;background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid #dce8ee}.header-inner,.hero-inner,.landing-section,.footer-inner{width:min(100% - 48px,1200px);margin-inline:auto}.header-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:23px;font-weight:800;letter-spacing:-.05em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#5b9ade;color:#fff;font-size:25px;line-height:1}.landing-header nav{display:flex;align-items:center;gap:30px}.landing-header nav a{text-decoration:none;font-size:14px;font-weight:650;color:#486474}.landing-header nav a:hover{color:#236cbb}.landing-header .header-course{padding:10px 16px;border:1px solid #bdd6ea;border-radius:9px;background:#f1f7fc;color:#1e639e}.landing-hero{overflow:hidden;background:radial-gradient(circle at 81% 19%,#d8edf9 0,transparent 35%),linear-gradient(112deg,#edf7fb 0%,#f7fbfd 53%,#e8f5ed 100%);border-bottom:1px solid #d7e8ef}.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.96fr);align-items:center;gap:54px;padding-block:82px 88px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#22649c;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#62bc96;box-shadow:0 0 0 4px #d4f0e3}.hero-copy h1{font-size:clamp(40px,4.4vw,66px);line-height:1.06;letter-spacing:-.055em;margin:23px 0 23px;max-width:670px}.hero-copy h1 em{font-style:normal;color:#377cc5}.hero-lead{font-size:18px;line-height:1.65;color:#435f6f;max-width:650px;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 20px;border-radius:10px;text-decoration:none;font-size:15px;font-weight:750;min-height:50px;transition:transform .15s,background .15s,box-shadow .15s}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:#347cc6;box-shadow:0 9px 22px #3378ba38}.button-primary:hover{background:#2268b0}.button-secondary{color:#276b9f;background:#fff;border:1px solid #cbdde8}.button-secondary:hover{background:#f6fbfe}.hero-footnote{max-width:620px;margin:18px 0 0;color:#5b7381;font-size:13px;line-height:1.5}.hero-visual{position:relative;background:#fff;border:1px solid #c8dce7;border-radius:22px;padding:25px;box-shadow:0 28px 60px #28577522,0 4px 14px #2857750d;transform:rotate(-1.2deg)}.hero-visual:before{content:"";position:absolute;inset:-12px 28px auto auto;width:68px;height:68px;border:1px solid #c8e6d5;border-radius:19px;transform:rotate(18deg);z-index:-1;background:#dff3e8}.visual-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#466472;font-size:12px;font-weight:700}.mini-brand b{color:#a8c2cf}.visual-pill{border:1px solid #d8e8f0;border-radius:20px;background:#eff7fb;padding:6px 11px;color:#386b88;font-size:11px}.visual-prompt{display:flex;flex-direction:column;gap:7px;margin-top:39px}.visual-prompt>span{text-transform:uppercase;letter-spacing:.15em;color:#64849a;font-size:10px;font-weight:800}.visual-prompt strong{font-size:18px}.visual-prompt mark{padding:1px 4px;border-radius:4px;background:#e8f3fe;color:#2d72b4}.visual-text{min-height:102px;margin-top:17px;padding:22px 19px;border:1px solid #e0ebef;border-radius:11px;background:#f9fcfd;color:#8198a4;font:500 clamp(24px,2.5vw,34px)/1.45 Consolas,"Cascadia Mono",monospace;white-space:nowrap;overflow:hidden}.visual-active{color:#28699d;border-bottom:3px solid #4b91d9;background:#eaf4fc}.visual-caret{display:inline-block;width:2px;height:28px;background:#397cc0;vertical-align:-5px;margin-left:3px}.visual-rule{height:6px;margin:17px 0 26px;border-radius:9px;background:#e5eff3}.visual-rule i{display:block;width:18%;height:100%;border-radius:9px;background:#71bf9a}.visual-keyboard{padding:13px 7px 7px;border-radius:11px;background:#e7eff4;border:1px solid #d3e1e8}.visual-keyboard .key-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.visual-keyboard kbd{position:relative;display:grid;place-items:center;min-width:0;height:47px;border:1px solid #b3c8d2;border-bottom:3px solid #a6bdc8;border-radius:6px;background:#fff;color:#315365;font:700 19px "Segoe UI",Arial,sans-serif}.visual-keyboard .k-pinky{background:#f2e7f5}.visual-keyboard .k-ring{background:#e5e8f7}.visual-keyboard .k-middle{background:#d7ecf8}.visual-keyboard .k-index{background:#d8f1e8}.visual-keyboard .k-right{background:#fff0d1}.visual-keyboard .k-target{background:#4f91db;border-color:#3978bb;color:#fff;box-shadow:0 0 0 3px #b9d9f5}.visual-keyboard kbd span{position:absolute;bottom:1px;font-size:9px;line-height:1}.visual-space{height:21px;width:46%;margin:7px auto 1px;border:1px solid #bcced5;border-bottom:3px solid #abbec6;border-radius:5px;background:#fff;text-align:center;color:#7b929b;font-size:10px;line-height:17px}.visual-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;color:#627c88;font-size:11px}.caption-finger{display:inline-flex;align-items:center;gap:8px;flex:none;font-weight:700;color:#356e9e}.caption-finger i{width:10px;height:10px;border-radius:50%;background:#4c91dc}.proof-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#fff;border-bottom:1px solid var(--line);padding-inline:max(24px,calc((100vw - 1200px)/2))}.proof-strip>div{display:flex;flex-direction:column;gap:3px;padding:25px 32px;border-right:1px solid #e4edf1}.proof-strip>div:first-child{padding-left:0}.proof-strip>div:last-child{border:0}.proof-strip strong{font-size:23px;letter-spacing:-.03em;color:#316fa7}.proof-strip span{font-size:13px;color:#536e7a}.landing-section{padding-block:88px}.section-heading{max-width:730px}.landing-section h2{margin:13px 0 13px;font-size:clamp(30px,3vw,43px);line-height:1.12;letter-spacing:-.04em}.section-heading p,.story-copy p,.practice-note p{color:#4d6875;font-size:17px;line-height:1.65}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:33px}.step-grid article{position:relative;min-width:0;padding:29px;border:1px solid #d8e6ec;border-radius:17px;background:#fff;box-shadow:0 5px 16px #2d5a7810}.step-number{position:absolute;top:29px;right:28px;color:#a0b7c2;font-size:14px;font-weight:800;letter-spacing:.12em}.step-symbol{display:grid;place-items:center;width:53px;height:53px;border-radius:15px;font-size:27px;font-weight:600}.step-blue{background:#e3f0fa;color:#3576b6}.step-mint{background:#dff4e8;color:#318465}.step-gold{background:#fff1d4;color:#af7e2b}.step-grid h3{font-size:21px;letter-spacing:-.025em;margin:22px 0 7px}.step-grid p{font-size:15px;line-height:1.6;color:#526e7a;margin:0}.course-story{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;border-top:1px solid #dbe9ef}.story-copy p{max-width:630px}.text-link{display:inline-flex;gap:10px;text-decoration:none;font-weight:750;margin-top:13px;font-size:15px}.text-link:hover{text-decoration:underline}.path-card{padding:17px 30px;border:1px solid #d5e7ea;border-radius:20px;background:linear-gradient(145deg,#fff,#f1f9f7);box-shadow:0 18px 36px #2b657b13}.path-card>div{display:grid;grid-template-columns:43px 1fr;column-gap:10px;padding:17px 0;border-bottom:1px solid #dbe8ec}.path-card>div:last-child{border:0}.path-card span{grid-row:1/3;color:#4b91c9;font-weight:800}.path-card strong{font-size:16px}.path-card small{font-size:13px;color:#607d89;margin-top:3px}.practice-note{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#e7f3fa;border:1px solid #cbdfea;border-radius:22px;padding:39px 46px;margin-bottom:90px}.practice-note>div{max-width:730px}.practice-note h2{margin-top:8px}.practice-note p{font-size:15px;margin-bottom:0}.practice-note .button{flex:none}.landing-footer{background:#19394c;color:#d5e7ee}.footer-inner{display:flex;justify-content:space-between;gap:30px;padding-block:37px}.landing-footer .brand{color:#fff}.landing-footer p{color:#a8c4d0;font-size:13px}.landing-footer nav{display:flex;justify-content:flex-end;align-content:start;flex-wrap:wrap;gap:13px 22px;max-width:610px}.landing-footer nav a{color:#d5e7ee;text-decoration:none;font-size:13px}.landing-footer nav a:hover{text-decoration:underline}
@media(max-width:1020px){.hero-inner{grid-template-columns:1fr;gap:52px;padding-block:65px}.hero-copy h1{max-width:770px}.hero-visual{width:min(100%,690px);margin:auto;transform:none}.course-story{gap:30px}.practice-note{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.header-inner,.hero-inner,.landing-section,.footer-inner{width:min(100% - 32px,1200px)}.header-inner{min-height:62px}.landing-header nav{gap:12px}.landing-header nav a:not(.header-course){display:none}.landing-header .header-course{padding:8px 11px}.hero-inner{padding-block:56px 62px;gap:38px}.hero-copy h1{font-size:clamp(37px,9vw,52px);margin-top:18px}.hero-lead{font-size:16px}.hero-actions .button{width:100%}.hero-visual{padding:17px;border-radius:15px}.visual-prompt{margin-top:23px}.visual-prompt strong{font-size:15px}.visual-text{min-height:84px;padding:15px 12px;font-size:clamp(20px,5vw,29px)}.visual-keyboard kbd{height:38px;font-size:16px}.visual-caption>span:last-child{display:none}.proof-strip{padding-inline:16px;grid-template-columns:1fr}.proof-strip>div,.proof-strip>div:first-child{padding:13px 0;border-right:0;border-bottom:1px solid #e4edf1}.proof-strip>div:last-child{border:0}.proof-strip strong{font-size:20px}.landing-section{padding-block:62px}.landing-section h2{font-size:32px}.section-heading p,.story-copy p{font-size:16px}.step-grid,.course-story{grid-template-columns:1fr}.step-grid{gap:12px;margin-top:25px}.step-grid article{padding:22px}.step-number{top:22px;right:22px}.course-story{gap:25px}.practice-note{padding:26px 21px;margin-bottom:60px}.practice-note .button{width:100%}.footer-inner{flex-direction:column}.landing-footer nav{justify-content:flex-start}}
@media(max-width:380px){.visual-keyboard .key-row{gap:2px}.visual-keyboard kbd{font-size:14px;height:34px}.visual-pill{display:none}.eyebrow{font-size:10px}.hero-copy h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.button-primary{background:#246db7}.button-primary:hover{background:#195a9d}
.story-copy .reading-link{font-size:15px;line-height:1.6;margin-top:22px;padding:16px 18px;border-left:3px solid #70a6d4;border-radius:0 8px 8px 0;background:#eaf4fa}
.assessment-promo{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:52px;border-bottom:1px solid #dbe9ef}.assessment-promo>div{max-width:750px}.assessment-promo h2{margin-bottom:10px}.assessment-promo p{font-size:16px;line-height:1.65;color:#506c79;margin:0}.assessment-promo .button{flex:none}
@media(max-width:760px){.assessment-promo{align-items:flex-start;flex-direction:column;gap:23px}.assessment-promo .button{width:100%}}