*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:16px/1.65 system-ui,-apple-system,sans-serif;color:#16364b;background:#fafcfc}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,serif;line-height:1.13;letter-spacing:-1.5px;font-weight:500}h1{font-size:clamp(40px,4.5vw,64px)}h2{font-size:clamp(32px,3.3vw,46px)}h3{font-size:20px;line-height:1.4}h1 em{color:#087c9f;font-style:normal}a{color:inherit}button,input,textarea,select{font:inherit}.wrap{max-width:1200px;margin:auto;padding-left:40px;padding-right:40px}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;max-width:1280px;margin:auto;gap:24px}.logo img{width:165px;height:64px;object-fit:contain}.nav nav{display:flex;align-items:center;gap:30px}.nav a{text-decoration:none;font-size:14px;font-weight:650}.login{border:1px solid #c0d4dc;border-radius:7px;padding:10px 24px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;padding-top:65px;padding-bottom:80px;align-items:center}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.7px;color:#397183;margin-bottom:20px}.lead{font-size:18px;color:#526c79;max-width:530px;margin-top:25px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:30px 0 16px}.button{display:inline-block;background:#087c9f;color:#fff;padding:14px 22px;border:0;border-radius:7px;text-decoration:none;font-weight:650;cursor:pointer}.secondary{font-weight:650;text-decoration:none}.note{font-size:12px;color:#5c7480;margin-top:14px}.hero-visual{border:1px solid #c8dde1;border-radius:18px;background:#eef6f5;padding:28px;box-shadow:0 20px 70px #224f5714;transform:rotate(1deg)}.visual-top{display:flex;align-items:center;gap:8px;font-size:12px;border-bottom:1px solid #c8dde1;padding-bottom:18px;margin-bottom:25px}.visual-top small{margin-left:auto;color:#677c84}.dot{width:8px;height:8px;border-radius:50%;background:#248a73}.hero-visual h2{font-size:32px;margin-bottom:24px}.skill{display:flex;align-items:center;gap:14px;background:white;border-radius:9px;padding:15px;margin:10px 0}.skill small{display:block;font-size:11px;color:#617583}.skill b{font-size:14px}.check,.progress{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e3f3eb;color:#20785d}.progress{background:#fff2d9;color:#97701e}.sample-group{background:#173f51;color:#fff;border-radius:10px;padding:22px;margin-top:20px}.sample-group .eyebrow{color:#acd7dc;margin-bottom:8px}.sample-group h3{font-family:Georgia,serif;font-weight:500}.sample-group p{font-size:12px;color:#c5dbe3;margin-top:12px}.chips{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.chips span{background:#ffffff18;border:1px solid #ffffff30;border-radius:25px;padding:4px 12px;font-size:12px}.visual-bottom{display:flex;justify-content:space-between;margin-top:20px;font-size:12px}.curriculum{text-align:center;border-block:1px solid #dbe6e8;padding:26px 20px;background:white}.curriculum p{font-size:12px;color:#5c7480;margin-bottom:8px}.curriculum div{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;font-size:14px}.curriculum span{color:#087c9f}.section{padding-top:85px;padding-bottom:85px}.steps,.audiences{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.steps article{border-top:1px solid #c7d9de;padding-top:22px}.steps article>span{display:block;font-size:12px;color:#087c9f;margin-bottom:14px}.steps p,.audiences p{color:#526c79;font-size:15px;margin-top:12px}.explore{background:#edf4f6}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 22px}.tabs button{cursor:pointer;border:1px solid #bbd1da;background:transparent;padding:10px 18px;border-radius:25px;color:#234c60}.tabs button[aria-selected=true]{background:#173f51;color:white;border-color:#173f51}.product{display:grid;grid-template-columns:1fr 1.1fr;gap:45px;background:white;border-radius:14px;border:1px solid #d4e3e8;padding:35px;min-height:290px}.product p{margin-top:16px;color:#526c79}.mock{background:#f6f9fb;border:1px solid #dae5ea;border-radius:8px;padding:20px}.mock h4{margin:0 0 16px;font-size:14px}.mock .row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #dae5ea;font-size:13px}.mock .row span:last-child{color:#14795e}.mock .pill{display:inline-block;background:#e0eef4;border-radius:5px;padding:5px 10px;font-size:12px;margin:5px}.mock .track{height:13px;background:#e2eaef;border-radius:7px;margin:8px 0 18px;overflow:hidden}.mock .fill{height:100%;background:#1289ab}.audiences article{padding-left:22px;border-left:3px solid #a5cdd9}.licence{background:#173f51;color:white;border-radius:16px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding-top:45px;padding-bottom:45px}.licence .eyebrow{color:#a5d7df}.licence p{margin-top:20px;color:#d1e2e6}.licence ul{padding-left:20px;margin-bottom:25px}.licence li{margin-bottom:12px}.enquiry{display:grid;grid-template-columns:1fr 1fr;gap:80px}.enquiry>div>p:not(.eyebrow){margin-top:24px}.enquiry form{display:grid;gap:16px;background:white;border:1px solid #d6e2e7;border-radius:12px;padding:28px}.enquiry label{display:grid;gap:5px;font-size:13px;font-weight:600}.enquiry input,.enquiry textarea,.enquiry select{width:100%;padding:10px;border:1px solid #bccfd8;border-radius:5px;color:#173f51;background:#fff}.enquiry .consent{display:flex;align-items:start;gap:10px}.consent input{width:auto;margin-top:4px}.enquiry .note{margin:0}footer{display:flex;justify-content:space-between;gap:25px;padding-top:30px;padding-bottom:30px;border-top:1px solid #d6e2e7;font-size:13px}footer span{color:#617583}.skip{position:absolute;left:10px;top:-100px}.skip:focus{top:10px;background:white;padding:10px;z-index:10}:focus-visible{outline:3px solid #d49430;outline-offset:4px}@media(max-width:800px){.hero,.product,.enquiry,.licence{grid-template-columns:1fr;gap:30px}.wrap{padding-left:24px;padding-right:24px}.nav{padding:12px 24px;gap:12px}.nav nav{gap:14px}.nav nav>a:not(.login){display:none}.hero{padding-top:35px;padding-bottom:45px}.hero-visual{transform:none}.steps,.audiences{grid-template-columns:1fr;gap:25px}.section{padding-top:50px;padding-bottom:50px}.licence{margin:0 15px}.product{padding:23px}footer{flex-wrap:wrap}.enquiry form{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.tour-intro{max-width:650px;margin-top:22px;color:#526c79}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:38px}.screen-grid>article{border:1px solid #cbdde3;border-radius:14px;overflow:hidden;background:white}.screen-button{display:block;position:relative;width:100%;padding:18px 18px 0;border:0;border-bottom:1px solid #d3e1e6;background:#e6eff3;cursor:zoom-in;text-align:left}.screen-button img{display:block;width:100%;height:auto;aspect-ratio:1.35;object-fit:cover;object-position:top;box-shadow:0 4px 15px #173f5115;border-radius:7px 7px 0 0}.screen-button>span{position:absolute;right:30px;bottom:15px;padding:7px 12px;border-radius:25px;background:#173f51;color:white;font-size:12px}.screen-copy{padding:27px}.screen-copy .eyebrow{margin-bottom:12px}.screen-copy p:not(.eyebrow){font-size:15px;color:#526c79;margin-top:15px}.screen-copy .time-benefit{border-top:1px solid #dbe6ea;padding-top:16px;color:#175c6a!important;font-weight:650}.workload-band{background:#edf4f2;margin-bottom:70px}.workload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.workload-grid article{padding:25px;background:white;border:1px solid #d0e0df;border-radius:12px}.workload-grid p{font-size:14px;color:#526c79;margin-top:15px}.task-icon{display:grid;place-items:center;width:40px;height:40px;background:#e0f1ec;color:#176b5d;border-radius:10px;margin-bottom:20px;font-size:24px}.mini-flow{display:flex;flex-direction:column;gap:6px;align-items:center;margin-top:20px;font-size:12px}.mini-flow span{padding:7px 14px;background:#edf4f6;border-radius:6px;width:100%;text-align:center}.mini-flow b{transform:rotate(90deg);color:#087c9f}.growth-example{margin-top:22px;font-size:12px}.growth-example small{display:block;color:#627986;margin-bottom:12px}.growth-example>div{display:flex;align-items:center;gap:8px;margin:12px 0}.growth-example span{min-width:28px}.growth-example i{height:18px;background:#087c9f;border-radius:4px}.growth-example>div:first-of-type i{background:#8bb7c3}.paper-mini{margin-top:24px;border:1px solid #cedee4;padding:18px;font-size:12px}.paper-mini span{display:block;height:22px;border-bottom:1px solid #b6c7d0}#screenDialog{width:min(1200px,95vw);max-height:94dvh;overflow:auto;border:0;border-radius:12px;padding:24px;background:#f8fbfe;color:#16364b}#screenDialog::backdrop{background:#102f47c9}.screen-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.screen-dialog-heading h2{font-size:26px}.screen-dialog-heading button{border:1px solid #adc4ce;border-radius:6px;background:white;padding:10px;cursor:pointer}#screenDialog>p{font-size:12px;margin:10px 0 20px;color:#526c79}#screenImage{width:100%;height:auto;display:block;border:1px solid #cedce4;border-radius:6px}@media(max-width:800px){.screen-grid,.workload-grid{grid-template-columns:1fr}.screen-copy{padding:22px}.workload-band{margin-bottom:40px}.screen-dialog-heading h2{font-size:21px}}
/* Centre the brand over the hero's introductory line. */
.nav{max-width:1200px;padding-top:24px;padding-bottom:24px;display:grid;grid-template-columns:1.12fr 1fr;gap:65px}
.nav .logo{display:flex;justify-content:center;align-items:center;width:100%}
.logo img{width:340px;max-width:100%;height:130px;object-fit:contain}
.nav nav{justify-content:flex-end;gap:20px;white-space:nowrap}
.hero>div:first-child>.eyebrow{text-align:center}
@media(max-width:800px){.nav{display:flex;gap:16px;padding:16px 24px}.nav .logo{width:auto;flex:1;justify-content:center}.logo img{width:260px;height:100px}.nav nav{flex-shrink:0}.nav .login{padding:9px 16px}}
/* A centred brand masthead with no visible white image rectangle. */
.nav{display:flex;flex-direction:column;gap:18px;padding-top:18px;padding-bottom:18px}
.nav .logo{width:100%;justify-content:center}
.nav .logo img{width:min(580px,80vw);height:200px;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.nav nav{justify-content:center;gap:32px;flex-wrap:wrap}
.hero{padding-top:42px}
@media(max-width:800px){.nav{padding:16px 24px;gap:12px}.nav .logo{width:100%;flex:none}.nav .logo img{width:min(460px,90vw);height:155px}.nav nav{gap:20px}.nav nav>a:not(.login){display:inline}.nav .login{padding:8px 14px}.hero{padding-top:30px}}
@media(max-width:420px){.nav nav{gap:12px}.nav nav a{font-size:12px}}

/* Match the application's action styling. */
.button{border-radius:10px;min-height:44px;line-height:1.4;transition:background-color .15s,box-shadow .15s}
.button:hover{box-shadow:0 3px 10px #173f5120}
.button:focus-visible,.tabs button:focus-visible,.screen-dialog-heading button:focus-visible{outline:3px solid #73b9df;outline-offset:3px}
.screen-dialog-heading button{border-radius:10px;min-height:40px;padding:10px 14px;background:#eef6fb;color:#086491;font-weight:600}
button:disabled{opacity:.5;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
/* Captioned, user-controlled product walkthrough. */
.tour-player{border:1px solid #d6e2e8;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 20px 70px #193e5210}.tour-top{display:flex;justify-content:space-between;gap:16px;padding:16px 24px;background:#153b49;color:#fff;font-size:.8rem}.tour-screen{padding:32px;background:#f3f7f9;min-height:430px;box-sizing:border-box}.tour-screen h3{font-size:clamp(1.4rem,3vw,2rem);margin:10px 0 24px}.tour-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tour-card{background:#fff;border:1px solid #d9e5ea;border-radius:12px;padding:20px;margin-bottom:14px}.tour-card h4{margin:0 0 12px;font-size:1.1rem}.tour-card p{margin:10px 0;line-height:1.65}.tour-badge{display:inline-block;background:#e4f2eb;color:#24553e;padding:8px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.tour-action{display:inline-block;background:#245d73;color:#fff;padding:12px 18px;border-radius:8px;font-weight:600}.tour-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;font-size:.9rem}.tour-answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tour-answers>span{padding:20px;background:#fff;border:1px solid #d3e1e8;border-radius:10px;font-size:1.5rem}.tour-answers .tour-selected{border:2px solid #3a8067;background:#eef8f2}.tour-score{display:inline-block;padding:12px;border:1px solid #b7cbd6;border-radius:8px;margin-left:12px}.tour-caption{padding:24px 28px;background:#153b49;color:white;min-height:160px;box-sizing:border-box}.tour-caption>span{font-size:.75rem;letter-spacing:.12em;color:#b9d8dc}.tour-caption h3{margin:10px 0;font-size:1.35rem;color:white}.tour-caption p{margin:0;line-height:1.7;color:#e2eef1;max-width:850px}.tour-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 24px}.tour-controls button{cursor:pointer;font:inherit}.tour-controls .secondary{background:white;border:1px solid #bccfd9;border-radius:8px;padding:10px 14px}.tour-controls button:disabled{opacity:.4;cursor:default}.tour-controls [role=status]{margin-left:auto;font-size:.85rem;color:#526c79}.tour-chapters{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 24px}.tour-chapters button{border:1px solid #d3e1e8;background:white;padding:10px 14px;border-radius:8px;font:inherit;cursor:pointer;color:#294e60}.tour-chapters button[aria-current=step]{background:#e9f3f4;border-color:#3c7781;font-weight:700}.tour button:focus-visible{outline:3px solid #b9782a;outline-offset:3px}@media(max-width:650px){.tour-top{flex-direction:column;gap:5px}.tour-screen{padding:20px;min-height:520px}.tour-grid{grid-template-columns:1fr}.tour-footer{flex-wrap:wrap}.tour-controls{gap:10px}.tour-controls [role=status]{margin-left:0}.tour-caption{padding:20px;min-height:220px}.tour-chapters button{font-size:.8rem}}

.tour-chapters{padding-top:24px}
