:root {
 --paper:#f9fbfc; --ink:#102d53; --accent:#c51136; --accent-hover:#a20f2e;
 --navy:#102d53; --navy-soft:#214569; --light:#f9fbfc; --blue:#eaf2f8; --rose:#faeef0;
 --white:#fff; --muted:#405b73; --on-dark:#d9e7f2; --field-border:#879eb3;
 --font:'Geist',sans-serif; --display-font:'Bricolage Grotesque','Geist',sans-serif;
 --display:clamp(54px,6.2vw,88px); --heading:clamp(38px,4.4vw,60px);
 --body:18px; --small:14px; --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--body)/1.6 var(--font)}
button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p,figure{margin:0}
h1,h2,h3{font-family:var(--display-font);font-weight:600;letter-spacing:-.045em;line-height:1.04;text-wrap:balance;min-width:0;overflow-wrap:anywhere}
h1{font-size:var(--display)}h2{font-size:var(--heading)}h3{font-size:32px}h4{font-weight:500;font-size:18px;line-height:1.4;letter-spacing:-.02em}
p{max-width:60ch;text-wrap:pretty}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}
[data-content]{white-space:pre-line}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
a:active,button:active{transform:translateY(1px)}.wrap{width:min(1296px,calc(100% - 112px));margin-inline:auto}.section{margin-top:144px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:14px 26px;border:0;border-radius:999px;background:var(--accent);color:var(--white);font-size:16px;font-weight:500;transition:background 180ms var(--ease),transform 140ms var(--ease)}
.button:hover{background:var(--accent-hover)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;font-size:16px;font-weight:500;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.text-link>span{font-size:24px;transition:transform 180ms var(--ease)}.text-link:hover>span{transform:translate(3px,-3px)}
.skip{position:absolute;top:-100px;left:16px;padding:16px;background:var(--paper);z-index:500}.skip:focus{top:8px}
.site-header{position:sticky;top:0;z-index:100;background:var(--navy);color:var(--white)}.nav-wrap{display:flex;align-items:center;gap:32px;min-height:96px}
.brand{display:inline-flex;gap:12px;align-items:center;margin-right:auto;flex-shrink:0;font-family:var(--display-font);font-size:24px;font-weight:600;letter-spacing:-.04em}.brand img{width:48px;height:40px;object-fit:contain}
#navigation{display:flex;align-items:center;gap:28px;font-size:16px}#navigation a{padding:12px 0}#navigation a:hover{text-decoration:underline;text-underline-offset:6px}
.menu-button{display:none;width:44px;height:44px;padding:10px;background:var(--navy-soft);border:0;border-radius:50%}.menu-button span{display:block;height:2px;background:var(--white);margin:6px 0}
.hero{background:var(--navy);color:var(--white);border-radius:0 0 72px 72px;overflow:hidden}.hero-layout{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);align-items:center;gap:32px;min-height:690px;padding-block:48px 80px}
.hero-title{white-space:pre-line}.hero-description{margin-top:32px;max-width:39ch;color:var(--on-dark);font-size:18px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px}.hero-actions .text-link{font-weight:400;font-size:16px;text-decoration:none}.hero-actions .text-link:hover{text-decoration:underline}.origin-note{font-size:var(--small);margin-top:28px;color:var(--on-dark)}
.hero-composition{position:relative;width:calc(100% + 24px);aspect-ratio:1.05;min-width:0}.product-shot{min-width:0}.screen-button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;text-align:left;min-width:0;overflow:hidden;border-radius:16px}.screen-button img{width:100%;display:block}.screen-button picture{display:block}.product-shot .screen-button{border-radius:18px}
.hero-composition .product-shot{position:absolute}.hero-student{left:0;top:19%;width:91%;transform:rotate(-3deg)}.hero-student .screen-button{aspect-ratio:1.35;background:var(--white)}.hero-student img{width:160%;max-width:none;margin-left:-28%;margin-top:-10%}.hero-teacher{left:-6%;bottom:0;width:61%;transform:rotate(3deg)}.hero-teacher .screen-button{aspect-ratio:1.6;background:var(--white)}.hero-teacher img{width:220%;max-width:none;margin-left:-42%;margin-top:-48%}.hero-phone{right:-1%;top:2%;width:25%;transform:rotate(5deg)}.hero-phone .screen-button{border-radius:16px}
.introduction{padding-top:112px;padding-bottom:24px}.intro-statement{font-family:var(--display-font);font-size:30px;letter-spacing:-.025em;line-height:1.35;max-width:44ch;margin-inline:auto;text-align:center}
.platform-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:start}.platform-intro p{max-width:44ch}.feature-jumps{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:28px;font-size:16px}.feature-jumps a{padding-block:8px;text-decoration:underline;text-underline-offset:5px}.feature-jumps a:hover{color:var(--accent)}
.story-copy>p{margin-top:28px;max-width:44ch}.story-copy>.text-link{margin-top:32px}.benefits{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:28px}.benefits p{font-size:16px;margin-top:8px;max-width:51ch}.learning-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:center}
.learning-spread{position:relative;min-height:660px;min-width:0}.learning-desktop{position:absolute;width:94%;left:0;top:10%}.learning-desktop .screen-button{aspect-ratio:1.16;background:var(--white)}.learning-desktop img{width:170%;max-width:none;margin-left:-29%;margin-top:-8%}.learning-phone{position:absolute;width:29%;right:-8px;bottom:8%;transform:rotate(4deg)}.learning-spread .image-note{position:absolute;bottom:-8px;left:0;max-width:43ch}.image-note{font-size:var(--small);line-height:1.5;margin-top:20px;color:var(--muted)}
.teaching-section{background:var(--blue);padding-block:96px}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:96px;margin-bottom:56px}.section-heading>p{max-width:48ch}.teaching-screen{width:88%;margin-inline:auto}.teaching-screen .screen-button{max-height:560px;background:var(--white);border-radius:24px}.teaching-screen img{width:125%;max-width:none;margin-left:-21%;margin-top:-5%}.teaching-section .benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;width:88%;margin:40px auto 0}.teaching-section .benefits p{max-width:48ch}
.academic-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:88px;align-items:center}.academic-spread{position:relative;min-height:760px;min-width:0}.registrar-shot{position:absolute;left:0;top:0;width:91%;transform:rotate(-2deg)}.registrar-shot .screen-button{aspect-ratio:1.5;background:var(--white)}.registrar-shot img{width:160%;max-width:none;margin-left:-28%;margin-top:-10%}.timetable-shot{position:absolute;width:92%;right:0;top:42%;transform:rotate(2deg)}.timetable-shot .screen-button{aspect-ratio:1.3;background:var(--white)}.timetable-shot img{width:150%;max-width:none;margin-left:-27%;margin-top:-8%}.academic-spread .image-note{position:absolute;bottom:0;left:0;max-width:45ch}
.finance-section{background:var(--rose);padding-block:96px;border-radius:64px 64px 0 0}.finance-shot{max-width:1080px;margin:auto}.finance-shot .screen-button{max-height:560px;background:var(--white);border-radius:24px}.finance-shot img{width:122%;max-width:none;margin-left:-20%;margin-top:-5%}.finance-section .benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:48px}.finance-section .benefits p{max-width:37ch}
.workspace-tour{min-width:0}.role-tabs{display:flex;flex-wrap:wrap;gap:8px 28px;margin-bottom:40px}.role-tabs button{padding:8px 0;min-height:48px;background:none;border:0;font-size:18px;font-weight:400;transition:color 180ms var(--ease)}.role-tabs button[aria-selected=true]{color:var(--accent);font-weight:600}.role-tabs button:hover{color:var(--accent)}.role-select-label{display:none}#role-panel{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:72px;align-items:center}.role-heading h3{font-size:34px;max-width:22ch}.role-heading p{font-size:16px;margin-top:24px;max-width:43ch}#role-points{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px;font-size:16px}.image-action{font-size:16px;font-weight:500;min-height:48px;background:none;border:0;padding:12px 0;margin-top:24px;text-decoration:underline;text-underline-offset:6px}.image-action:hover{color:var(--accent)}.role-picture{min-width:0}#role-screen{width:100%;border-radius:16px}
.canadian-section{padding-block:96px;background:var(--navy);color:var(--light)}.canadian-section .section-heading>p{color:var(--on-dark)}.governance-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;align-items:center}.governance-copy .benefits{margin:0}.governance-copy .benefits p{color:var(--on-dark)}.auditor-shot .screen-button{aspect-ratio:1.05;border-radius:24px;background:var(--white)}.auditor-shot img{width:160%;max-width:none;margin-left:-29%;margin-top:-5%}
.faq-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:96px}.faq-section>div>p{margin-top:28px}.faq-section .text-link{margin-top:24px}.faq-list details{padding-block:20px;margin-bottom:8px}summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;min-height:48px;font-size:18px;font-weight:500}summary::-webkit-details-marker{display:none}.faq-toggle{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.faq-list details>p{margin-top:20px;font-size:16px}.faq-list details[open] .faq-toggle{transform:rotate(45deg)}
.contact-section{background:var(--blue);padding-block:96px;border-radius:64px 64px 0 0}.contact-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:96px}.contact-grid>div>p{margin-top:28px;max-width:36ch}.contact-links{display:flex;flex-direction:column;gap:12px;font-style:normal;font-size:18px;margin-top:36px}.contact-links a{overflow-wrap:anywhere;min-height:44px;display:inline-flex;align-items:center}.contact-grid .text-link{margin-top:24px}.enquiry-form label{display:block;font-size:16px;margin-bottom:24px}.enquiry-form label>span{font-size:var(--small)}input:not([type=checkbox]),textarea{display:block;width:100%;border:1px solid var(--field-border);background:var(--paper);color:var(--ink);border-radius:8px;padding:12px 16px;margin-top:8px;min-height:48px;min-width:0}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}textarea{resize:vertical;min-height:140px}.enquiry-form .consent{display:flex;align-items:flex-start;gap:12px}.consent input{margin-top:5px;flex-shrink:0;accent-color:var(--accent)}.consent span{font-size:var(--small)}.form-privacy,#enquiry-status{font-size:var(--small);margin-top:16px}.form-honeypot{display:none}
.footer{padding-block:64px 24px}.footer-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.7fr) minmax(0,.9fr);gap:48px}.footer-about img{width:104px;margin-bottom:24px}.footer-about p{font-size:var(--small)}.footer-links,.footer-contact{display:flex;flex-direction:column;gap:12px;font-size:16px}.footer-links a,.footer-contact a{min-height:36px;display:inline-flex;align-items:center;overflow-wrap:anywhere}.footer-links a:hover,.footer-contact a:hover{text-decoration:underline;text-underline-offset:5px}.footer-name{font-family:var(--display-font);font-size:clamp(44px,12vw,172px);font-weight:600;letter-spacing:-.055em;line-height:1;max-width:none;margin-block:64px 40px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;font-size:var(--small)}
dialog{border:0;border-radius:16px;padding:24px;background:var(--paper);color:var(--ink);width:calc(100% - 48px);max-width:1800px;max-height:95dvh}dialog::backdrop{background:rgba(7,22,42,.85)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}.dialog-toolbar p{font-size:16px}.dialog-toolbar button{border:0;border-radius:999px;background:var(--ink);color:var(--white);padding:12px 24px;font-size:16px;min-height:44px}.dialog-image{max-height:calc(90dvh - 140px);overflow:auto;background:var(--blue)}.dialog-image img{width:1600px;max-width:none}.dialog-note{font-size:var(--small);margin-top:12px}
@media(max-width:1200px){.wrap{width:calc(100% - 80px)}.nav-wrap{gap:24px}#navigation{gap:20px;font-size:14px}.brand{font-size:22px}.hero-layout{gap:24px;min-height:640px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:14px}.learning-section,.academic-section{gap:48px}.learning-spread{min-height:600px}.academic-spread{min-height:700px}.section-heading,.platform-intro,.contact-grid,.faq-section{gap:64px}.finance-section .benefits{gap:32px}#role-panel{gap:48px}.governance-layout{gap:48px}}
@media(max-width:1000px){.hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:600px}.hero-title{font-size:clamp(44px,6.3vw,66px)}.hero-description{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.hero-composition{aspect-ratio:.9;width:100%}.brand{font-size:20px;gap:8px}.brand img{width:40px}.nav-wrap{gap:20px}#navigation{gap:16px;font-size:14px}.nav-demo{font-size:14px;padding:12px 20px}.learning-section,.academic-section{gap:40px}.learning-spread{min-height:570px}.academic-spread{min-height:650px}.benefits{gap:24px}.section-heading,.platform-intro{gap:48px}.teaching-section .benefits{gap:40px;width:100%}.teaching-screen{width:100%}.finance-section .benefits{gap:24px}.governance-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.contact-grid{gap:48px}.footer-top{gap:32px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.nav-wrap{min-height:88px;gap:16px}.brand{font-size:22px}.brand img{width:44px}.menu-button{display:block;flex-shrink:0}#navigation{display:none;position:absolute;top:88px;left:0;right:0;background:var(--navy);padding:16px 24px;flex-direction:column;align-items:flex-start;gap:8px;font-size:16px;max-height:calc(100dvh - 88px);overflow-y:auto}#navigation.is-open{display:flex}.hero{border-radius:0 0 40px 40px}.hero-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:32px;padding-bottom:64px}.hero-copy{max-width:620px}.hero-title{font-size:clamp(52px,9vw,76px)}.hero-description{font-size:18px;max-width:45ch;margin-top:24px}.hero-actions{flex-direction:row;align-items:center;gap:24px}.hero-composition{width:90%;max-width:640px;justify-self:center;aspect-ratio:1.45}.hero-student{top:16%;width:86%}.hero-phone{width:20%;right:0;top:0}.hero-teacher{width:48%;left:0;bottom:-8%}.origin-note{margin-top:20px}.introduction{padding-top:80px}.intro-statement{font-size:26px;max-width:40ch}.section{margin-top:104px}.platform-intro{gap:40px}.learning-section,.academic-section{grid-template-columns:minmax(0,1fr);gap:40px}.story-copy{max-width:640px}.story-copy>p{max-width:58ch}.learning-spread{min-height:560px;width:88%;max-width:640px;justify-self:end}.learning-desktop{width:88%;top:0}.learning-phone{width:25%;right:0;bottom:6%}.learning-spread .image-note{bottom:-8px}.teaching-section{padding-block:72px}.section-heading{gap:40px}.academic-spread{order:2;min-height:700px;max-width:680px;width:90%}.registrar-shot{width:88%}.timetable-shot{top:40%;width:88%}.finance-section{padding-block:72px;border-radius:40px 40px 0 0}.finance-section .benefits{grid-template-columns:minmax(0,1fr);gap:28px}.finance-section .benefits p{max-width:60ch}#role-panel{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:32px}.role-heading h3{font-size:28px}.role-heading p{margin-top:20px}.role-tabs{gap:8px 24px}.role-tabs button{font-size:16px}.canadian-section{padding-block:72px}.governance-layout{grid-template-columns:minmax(0,1fr);gap:48px}.governance-copy .benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.auditor-shot{width:85%;max-width:800px;margin:auto}.auditor-shot .screen-button{aspect-ratio:1.6}.faq-section{grid-template-columns:minmax(0,1fr);gap:32px}.contact-section{padding-block:72px;border-radius:40px 40px 0 0}.contact-grid{grid-template-columns:minmax(0,1fr);gap:40px}.contact-grid>div>p{max-width:55ch}.contact-links{margin-top:24px}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.footer-contact{grid-column:1/-1}.footer-name{margin-block:48px 32px}}
@media(max-width:600px){:root{--display:clamp(40px,12.8vw,58px);--heading:clamp(30px,9vw,38px);--body:16px}.wrap{width:calc(100% - 40px)}.nav-wrap{min-height:80px;gap:12px}.brand{font-size:20px;gap:8px}.brand img{width:34px;height:32px}.nav-demo{font-size:13px;padding:10px 16px;min-height:44px}.menu-button{width:40px;height:40px}.menu-button span{margin:5px 0}#navigation{top:80px;max-height:calc(100dvh - 80px)}.hero{border-radius:0 0 32px 32px}.hero-layout{padding-top:28px;padding-bottom:48px;gap:32px}.hero-title{font-size:var(--display)}.hero-description{font-size:16px;line-height:1.6;margin-top:24px;max-width:35ch}.hero-actions{margin-top:24px;gap:12px 20px}.hero-actions .text-link{font-size:14px}.hero-actions .button{padding-inline:22px}.origin-note{max-width:32ch;font-size:13px;margin-top:20px}.hero-composition{width:100%;aspect-ratio:1.2}.hero-student{width:91%;top:17%}.hero-phone{width:23%;right:-2px;top:0}.hero-teacher{left:0;bottom:-4%;width:54%}.hero-composition .screen-button{border-radius:10px}.hero-phone .screen-button{border-radius:10px}.introduction{padding-top:64px;padding-bottom:0}.intro-statement{font-size:24px;max-width:29ch;text-align:left}.section{margin-top:80px}.platform-intro,.section-heading{grid-template-columns:minmax(0,1fr);gap:24px}.feature-jumps{margin-top:20px;gap:4px 20px;font-size:14px}.feature-jumps a{min-height:44px;display:inline-flex;align-items:center}.story-copy>p{margin-top:24px}.benefits{gap:24px;margin-top:28px}.benefits h4{font-size:18px}.benefits p{font-size:16px}.learning-section{gap:32px}.learning-spread{width:100%;min-height:440px}.learning-desktop{width:91%;top:0}.learning-desktop .screen-button{border-radius:14px}.learning-phone{width:29%;right:0;bottom:8%}.learning-phone .screen-button{border-radius:12px}.image-note{font-size:13px}.learning-spread .image-note{max-width:33ch;bottom:0}.teaching-section{padding-block:48px}.section-heading{margin-bottom:32px}.teaching-screen .screen-button{border-radius:14px;aspect-ratio:1.2}.teaching-screen img{width:180%;margin-left:-30%;margin-top:-8%}.teaching-section .benefits{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:32px}.academic-spread{width:100%;min-height:490px}.registrar-shot{width:94%}.timetable-shot{top:39%;width:94%}.academic-spread .image-note{bottom:0;max-width:33ch}.academic-spread .screen-button{border-radius:14px}.finance-section{padding-block:48px;border-radius:32px 32px 0 0}.finance-shot .screen-button{aspect-ratio:1.2;border-radius:14px}.finance-shot img{width:180%;margin-left:-30%;margin-top:-9%}.finance-section .benefits{margin-top:32px}.role-tabs{display:none}.role-select-label{display:block;font-size:14px;margin-bottom:28px}.role-select-label select{display:block;width:100%;margin-top:8px;padding:12px 16px;min-height:48px;border:0;border-radius:8px;background:var(--navy);color:var(--white);font:inherit}#role-panel{grid-template-columns:minmax(0,1fr);gap:32px}.role-heading h3{font-size:28px;max-width:22ch}.role-heading p{font-size:16px;max-width:42ch}#role-points{font-size:16px;gap:10px}.image-action{font-size:14px;margin-top:16px}#role-screen{max-height:500px;object-fit:cover;object-position:top}.role-picture .screen-button{border-radius:14px}.canadian-section{padding-block:48px}.governance-copy .benefits{grid-template-columns:minmax(0,1fr);gap:28px}.auditor-shot{width:100%}.auditor-shot .screen-button{aspect-ratio:1.12;border-radius:14px}.auditor-shot img{width:180%;margin-left:-32%;margin-top:-7%}.faq-section>div>p{margin-top:24px}.faq-section .text-link{margin-top:16px}.faq-list details{padding-block:16px}.faq-list summary{font-size:16px}.faq-list details>p{margin-top:16px}.contact-section{padding-block:48px;border-radius:32px 32px 0 0}.contact-grid{gap:32px}.contact-links{font-size:16px}.form-row{grid-template-columns:minmax(0,1fr);gap:0}.footer{padding-block:40px 24px}.footer-top{grid-template-columns:minmax(0,1fr);gap:32px}.footer-about img{width:88px;margin-bottom:20px}.footer-about p{font-size:14px}.footer-links,.footer-contact{font-size:14px;gap:8px}.footer-contact{grid-column:auto}.footer-links a,.footer-contact a{min-height:44px}.footer-name{font-size:clamp(40px,12.5vw,76px);margin-block:40px 24px}.footer-bottom{font-size:13px}dialog{width:calc(100% - 24px);padding:16px}.dialog-toolbar{gap:12px}.dialog-toolbar p{font-size:14px}.dialog-toolbar button{padding-inline:16px}}
@media(max-width:380px){.brand{font-size:17px;gap:6px}.brand img{width:28px}.nav-wrap{gap:8px}.nav-demo{font-size:12px;padding:10px 12px}.menu-button{width:36px;height:36px;padding:9px}.hero-title{font-size:44px}.learning-spread{min-height:390px}.academic-spread{min-height:430px}.hero-actions{gap:12px}.hero-actions .text-link{font-size:13px}}
@media(max-width:300px){.brand{font-size:15px;gap:4px}.brand img{width:22px}.nav-demo{font-size:11px;padding:10px}.menu-button{width:32px;height:32px;padding:8px}.nav-wrap{gap:6px}.hero-title{font-size:36px}:root{--heading:28px}.hero-description{font-size:16px}.hero-actions .button{padding-inline:18px}.learning-spread{min-height:330px}.academic-spread{min-height:360px}.role-heading h3{font-size:24px}.footer-name{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-composition .product-shot,.learning-phone,.registrar-shot,.timetable-shot{transform:none}.faq-list details[open] .faq-toggle{transform:none}}
.brand{min-height:44px;min-width:44px}.nav-label-short{display:none}.menu-button{min-width:44px;min-height:44px}
@media(max-width:380px){.nav-label-full{display:none}.nav-label-short{display:inline}.menu-button{width:44px;height:44px;padding:12px}}
@media(max-width:300px){.brand>span{display:none}.brand img{width:32px}.brand{justify-content:center}.menu-button{width:44px;height:44px;padding:12px}}
.nav-demo{white-space:nowrap;flex-shrink:0}.benefits h3{font-family:var(--font);font-size:18px;line-height:1.4;letter-spacing:-.02em;font-weight:500}
@media(max-width:440px){.nav-label-full{display:none}.nav-label-short{display:inline}}
@media(max-width:900px){.intro-statement{font-size:24px}.role-heading h3{font-size:24px}}

/* Keep screenshot captions in flow below the composed interface previews. */
.learning-spread,.academic-spread{min-height:0;display:grid;gap:24px}.spread-art{position:relative;min-width:0;aspect-ratio:1.05}.academic-spread .spread-art{aspect-ratio:.95}.learning-spread .image-note,.academic-spread .image-note{position:static;margin:0}.learning-desktop{top:5%}.learning-phone{bottom:0}.timetable-shot{top:auto;bottom:0}

/* Motion owns entrances; CSS handles small pointer and focus interactions. */
@media(prefers-reduced-motion:no-preference){
 .screen-button{transition:transform 450ms var(--ease)}
 .menu-button span{transition:transform 250ms var(--ease)}
 .menu-button[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
 .menu-button[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 .role-tabs button{transition:color 200ms var(--ease)}
 .faq-toggle{transition:transform 250ms var(--ease)}
 dialog[open]::backdrop{animation:backdrop-in 250ms ease-out}
 @keyframes backdrop-in{from{opacity:0}to{opacity:1}}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .screen-button:hover{transform:translateY(-4px)}
 .button:hover{transform:translateY(-2px)}
 .button:active{transform:translateY(0) scale(.98)}
}