@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#14213b;--blue:#275ae5;--ink:#18253b;--muted:#5e6c80;--line:#dce3ec;--pale:#f1f5fb;--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);font-size:16px;line-height:1.6}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #5685ff;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}header{height:104px;max-width:1340px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;font-family:'Manrope',Arial,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.6px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:#c5e4ff;border-radius:9px;width:36px;height:38px;font-size:28px;margin-right:10px;letter-spacing:0}.brand-period{color:var(--blue)}nav{display:flex;gap:28px;font-size:14px;font-weight:500}nav a:hover,.text-link:hover{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:6px;padding:15px 23px;font-size:14px;font-weight:700;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#1949c7;transform:translateY(-1px)}.button.small{padding:12px 18px}.button.outline{background:transparent;color:var(--ink);border-color:#b9c4d3}.button.outline:hover{background:var(--pale)}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:56px;align-items:center;padding-top:60px;padding-bottom:87px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;display:flex;align-items:center;gap:10px}.dash{width:22px;height:2px;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif}h1{font-size:clamp(58px,6vw,82px);line-height:1.1;letter-spacing:-4px;font-weight:600;margin:26px 0}h1 em{font-weight:500;font-style:normal;color:var(--blue)}.intro{font-size:18px;color:var(--muted);max-width:460px;line-height:1.8}.actions{display:flex;align-items:center;gap:27px;margin-top:31px}.text-link{font-size:14px;font-weight:700}.text-link span{margin-left:10px}.development{font-size:12px;color:#68768b;margin-top:25px}.learning-window{background:var(--navy);color:white;border-radius:13px;padding:25px 26px;position:relative;box-shadow:0 20px 50px #14213b1c;transform:rotate(-1deg)}.window-top{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #ffffff26;padding-bottom:19px}.window-label{font-size:10px;letter-spacing:1.6px;font-weight:700}.sample-label{font-size:10px;color:#b5c5de;border:1px solid #ffffff30;padding:4px 8px;border-radius:20px}.journey-intro{padding:26px 0 19px}.mini-label{font-size:9px;letter-spacing:1.6px;color:#9cb6de}.journey-intro h2{font-size:30px;line-height:1.25;letter-spacing:-.8px;font-weight:500;margin:12px 0 0}.journey-step{display:flex;gap:14px;align-items:center;margin:10px 0;padding:17px 15px;border:1px solid #ffffff20;border-radius:6px;background:#ffffff04}.journey-step.active{background:#e3efff;color:var(--navy);border-color:#e3efff}.step-icon{font-size:12px;width:29px;height:29px;display:grid;place-items:center;border:1px solid #849dc66e;border-radius:50%;flex-shrink:0}.journey-step b{font-size:13px;font-weight:600}.journey-step p{font-size:11px;color:#bdc9db;margin:3px 0 0}.journey-step.active p{color:#52647c}.step-symbol{margin-left:auto;font-size:23px;color:#a6caff}.active .step-symbol{color:var(--blue)}.window-bottom{display:flex;align-items:center;gap:12px;font-size:10px;color:#a6bbd8;margin-top:26px}.connecting-line{height:1px;flex:1;background:#617894}.principles-strip{background:#f6f8fc;border-top:1px solid #e5eaf2;border-bottom:1px solid #e5eaf2}.strip-inner{min-height:78px;display:flex;align-items:center;justify-content:center;gap:65px;font-size:14px;color:#50617b}.strip-inner i{height:4px;width:4px;background:#a4b6d0;border-radius:50%}.section-space{padding-top:90px;padding-bottom:90px}h2{font-size:42px;font-weight:500;line-height:1.25;letter-spacing:-1.6px;margin:22px 0}h3{font-size:24px;line-height:1.3;letter-spacing:-.8px;font-weight:600}.approach{display:grid;grid-template-columns:1fr 1fr;gap:65px}.approach-copy{padding-top:30px;color:var(--muted)}.large-copy{font-size:22px;color:var(--ink);line-height:1.6}.approach-copy p:last-child{margin-bottom:0}.solutions{background:var(--pale)}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:34px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:350px;color:var(--muted);font-size:15px;margin-bottom:4px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.solution-card{background:white;border:1px solid #e1e7f0;border-radius:8px;padding:27px 25px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center;color:#657895;font-size:13px}.tag{font-size:9px;letter-spacing:1px;background:#f3f6fb;border:1px solid #e8edf4;border-radius:20px;padding:4px 8px}.mini-visual{height:134px;display:flex;align-items:center;justify-content:center;margin:14px 0 24px;background:#f8faff;border-radius:5px;font-size:11px;color:#647b9c}.pathways{flex-direction:column;gap:10px}.pathways div{display:flex;gap:17px}.pathways i{height:4px;width:29px;background:#d9e3f5;border-radius:4px}.pathways i:nth-child(2){background:#376aeb}.pathways b{background:#e7efff;color:#315cbb;padding:5px 17px;border-radius:4px;font-weight:500}.tutoring{flex-direction:column;align-items:flex-start;gap:10px;padding:20px}.tutoring span{background:white;border:1px solid #e1e7f0;padding:8px 10px;border-radius:7px}.tutoring b{align-self:flex-end;padding:8px 10px;background:#e7efff;border-radius:7px;color:#315cbb;font-weight:500}.insights{gap:6px}.insights span,.insights b{font-weight:500;padding:8px 7px;border-bottom:2px solid #d1ddf2}.insights b{color:#315cbb;border-color:#376aeb}.solution-card h3{font-size:22px;margin-bottom:15px}.solution-card>p{font-size:15px;color:var(--muted);line-height:1.8;flex:1}.card-foot{border-top:1px solid #e5eaf1;padding-top:20px;font-size:12px;font-weight:500}.audience-tabs{display:flex;border-bottom:1px solid var(--line);margin-top:40px;gap:35px}.audience-tabs button{background:none;color:var(--muted);border:0;border-bottom:2px solid transparent;padding:15px 0;font-size:15px}.audience-tabs button[aria-selected=true]{color:var(--blue);border-color:var(--blue);font-weight:600}.audience-panel{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:38px 0 0;min-height:205px}.audience-panel[hidden]{display:none}.panel-number{font-size:12px;letter-spacing:1px;color:var(--blue);padding-top:5px}.audience-panel h3{margin-bottom:15px}.audience-panel p{color:var(--muted);max-width:670px}.panel-note{font-size:13px;color:#546782}.about{background:var(--navy);color:white}.about-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:50px}.about .eyebrow{align-self:start;margin-top:30px;color:#a9c8f7}.about h2{font-size:46px;margin-top:18px}.about p{max-width:650px;color:#bbc8da;font-size:16px}.about .large-copy{color:#e0eaff;font-size:22px}.about .text-link{display:inline-block;margin-top:13px;color:#b4d4ff}.contact{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact h2{font-size:38px}.contact p{color:var(--muted)}.contact-actions{display:flex;flex-direction:column;gap:12px;min-width:215px}.contact-actions small{font-size:11px;color:var(--muted);text-align:center;margin-top:3px}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;min-height:120px}footer .brand{font-size:24px}footer .brand-mark{width:29px;height:31px;font-size:24px}footer p{font-size:13px;color:var(--muted);margin:0}footer>span{font-size:12px;color:var(--muted);margin-left:auto}.skip{position:absolute;top:-70px;left:12px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}dialog{border:0;border-radius:12px;width:min(560px,calc(100% - 32px));max-height:90vh;padding:30px;color:var(--ink);box-shadow:0 20px 80px #0005}dialog::backdrop{background:#07152cb5}.dialog-top{display:flex;justify-content:space-between;align-items:center}.close{background:none;border:0;font-size:30px;line-height:1;padding:5px;color:var(--muted)}dialog h2{font-size:30px;margin:18px 0}.draft-notice{background:#f0f5ff;padding:13px;border-radius:5px;font-size:13px;color:#4e6180}label{display:block;margin:15px 0;font-size:14px;font-weight:500}input,textarea{display:block;width:100%;border:1px solid #bac6d6;border-radius:5px;padding:10px 12px;margin-top:6px;font-size:16px;background:white;color:var(--ink)}textarea{resize:vertical}#draft-result{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}#draft-result p{font-size:14px}#copy-draft{margin-top:12px}#copy-status{font-size:12px;margin-left:10px}
@media(min-width:1100px){.journey-step p{font-size:12px}.mini-label{font-size:10px}}
@media(max-width:1000px){header{padding:0 30px}nav{gap:17px;font-size:13px}.wrap{padding-left:30px;padding-right:30px}.hero{gap:30px}h1{font-size:64px}.eyebrow{font-size:10px}.learning-window{padding:20px}.window-label{font-size:9px}.solution-grid{gap:12px}.solution-card{padding:22px 17px}.solution-card h3{font-size:20px}.insights{font-size:10px}.strip-inner{gap:40px}.contact h2{font-size:34px}}
@media(max-width:760px){header{height:84px;padding:0 23px}.brand{font-size:25px}nav{display:none}header .button{font-size:12px;padding:10px 13px}.wrap{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;padding-top:36px;padding-bottom:50px;gap:42px}.hero-copy{max-width:540px}h1{font-size:68px}.intro{font-size:17px}.learning-window{transform:none;max-width:520px;width:100%;padding:24px}.window-label{font-size:11px}.journey-step p{font-size:12px}.journey-step b{font-size:14px}.strip-inner{gap:16px;font-size:11px;justify-content:space-between;min-height:65px}.strip-inner i{display:none}.section-space{padding-top:60px;padding-bottom:60px}h2{font-size:34px}.approach{grid-template-columns:1fr;gap:0}.approach-copy{padding-top:3px}.large-copy{font-size:20px}.section-heading{display:block}.section-heading>p{margin-top:20px}.solution-grid{grid-template-columns:1fr;gap:20px}.solution-card{padding:26px}.solution-card h3{font-size:25px}.mini-visual{height:120px;font-size:12px;max-width:none}.audience-tabs{gap:20px;justify-content:space-between}.audience-tabs button{font-size:13px;text-align:left}.audience-panel{grid-template-columns:1fr;gap:14px}.audience-panel h3{font-size:23px}.about-grid{grid-template-columns:1fr;gap:10px}.about .eyebrow{margin-top:0}.about h2{font-size:36px}.contact{display:block}.contact h2{font-size:32px}.contact-actions{margin-top:30px;max-width:350px}footer{min-height:135px;flex-wrap:wrap;gap:10px 20px;padding-top:25px;padding-bottom:25px}footer>span{width:100%;margin-left:0}footer p{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.design-lead{font-size:20px;max-width:850px;color:var(--muted);margin-bottom:38px}.design-details{border-top:1px solid var(--line)}.design-details details{border-bottom:1px solid var(--line)}.design-details summary{list-style:none;display:flex;align-items:center;gap:24px;padding:25px 0;cursor:pointer;font-size:22px;font-weight:600}.design-details summary::-webkit-details-marker{display:none}.detail-index{color:var(--blue);font-size:14px;font-weight:500;align-self:flex-start;padding-top:6px}.summary-sub{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:5px}.expand-symbol{margin-left:auto;font-size:26px;color:var(--blue)}details[open] .expand-symbol{transform:rotate(45deg)}summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.detail-body{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;padding:10px 0 38px 45px}.detail-body h3{font-size:19px;margin:14px 0}.detail-body p,.detail-body li{font-size:15px;color:var(--muted)}.detail-body ul{padding-left:20px}.detail-body li{margin-bottom:12px}.detail-body b{color:var(--ink)}.workflow-example{background:var(--pale);border-radius:8px;padding:25px}.workflow-example h4{font-size:19px;line-height:1.4;margin:20px 0}.workflow-example ol{padding-left:20px}.workflow-example>p{border-top:1px solid var(--line);padding-top:20px;margin-bottom:0}.example-section{background:#eff5ff}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.example-grid>div>p{color:var(--muted)}.example-disclaimer{font-size:13px;max-width:380px}.tutor-example{background:white;border:1px solid #d6e1f2;border-radius:10px;padding:30px;box-shadow:0 10px 35px #20497c0a}.example-top{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:15px}.tutor-example h3{font-size:25px;margin:25px 0 18px}.tutor-example #hint-content{min-height:130px;color:var(--ink);line-height:1.8}.hint-actions{display:flex;gap:12px;flex-wrap:wrap}.hint-actions .button{padding:12px 15px}.hint-progress{display:block;font-size:12px;color:var(--muted);margin-top:18px}.button:disabled{cursor:default;background:#eef2f7;color:#66768a;border-color:#d7e1ee;transform:none}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:42px}.roadmap article{border-top:2px solid #d4e1f5;padding-top:24px}.roadmap h3{font-size:24px;margin:20px 0 15px}.roadmap p{color:var(--muted);font-size:15px}.design-commitments{border:1px solid var(--line);border-radius:8px;padding:28px 32px;margin-top:38px}.design-commitments h3{font-size:23px}.design-commitments p{color:var(--muted);max-width:920px;margin-bottom:12px}.design-commitments p:last-child{font-size:14px;margin-bottom:0}.contact-email{color:var(--blue);font-size:17px;text-decoration:underline;text-underline-offset:4px}.footer-email{font-size:13px;color:var(--muted)}
@media(max-width:760px){.detail-body{grid-template-columns:1fr;padding-left:0;gap:20px}.design-details summary{gap:15px;font-size:20px}.example-grid{grid-template-columns:1fr;gap:30px}.tutor-example{padding:24px}.roadmap{grid-template-columns:1fr;gap:25px}.design-commitments{padding:24px}.design-lead{font-size:18px}.tutor-example #hint-content{min-height:150px}}