@charset "UTF-8";
:root{--navy:#1b2c3c;--navy-light:#344a5c;--orange:#bd4323;--orange-bright:#e06a45;--cream:#f5f3ee;--line:#dedfdc;--muted:#617079;--white:#fff;--radius:6px;--max:1240px}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:108px}
body{margin:0;color:var(--navy);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button{color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button{border:0}
button:disabled{opacity:.4;cursor:not-allowed}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #3185ac;outline-offset:5px}
img{max-width:100%;display:block}
p,h1,h2,h3,h4{margin-top:0}
h1,h2,h3,h4{line-height:1.15;letter-spacing:-.04em}
p{margin-bottom:20px}
.container{width:min(var(--max),calc(100% - 104px));margin-inline:auto}
.section-pad{padding-block:94px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;line-height:1.6;margin-bottom:22px}
.eyebrow-dot,.small-dot{width:6px;height:6px;background:currentColor;display:inline-block;border-radius:50%;flex-shrink:0}
.eyebrow-dot{margin-right:9px;color:var(--orange)}
.icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-100px;left:20px;background:#fff;padding:12px 20px;z-index:200}
.skip-link:focus{top:12px}
.topbar{background:var(--navy);color:#f0f3f4;font-size:10px;letter-spacing:.5px}
.topbar-inner{height:36px;display:flex;align-items:center;justify-content:space-between}
.topbar a{display:flex;gap:9px;align-items:center}
.topbar .icon{width:13px;height:13px}
.site-header{background:rgba(255,255,255,.97);position:sticky;top:0;z-index:40;border-bottom:1px solid #f1f1ed}
.nav-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}
.brand-mark{width:39px;height:39px;color:var(--orange)}
.brand-word{font-size:32px;font-weight:750;letter-spacing:-1.7px;line-height:1}
.brand-sub{display:block;font-size:8px;letter-spacing:1.5px;margin-top:8px;font-weight:600}
#main-nav{display:flex;align-items:center;gap:29px;font-size:12px;font-weight:600}
#main-nav>a:not(.button){position:relative;padding-block:15px}
#main-nav>a:not(.button):after{content:"";position:absolute;bottom:7px;left:0;width:0;height:2px;background:var(--orange);transition:width .2s}
#main-nav>a:hover:after{width:100%}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:14px 22px;border-radius:var(--radius);font-size:12px;font-weight:700;line-height:1.45;transition:background .2s,transform .2s}
.button:hover{transform:translateY(-2px)}
.button-dark{background:var(--navy);color:white}
.button-dark:hover{background:#30485b}
.button-orange{background:var(--orange);color:#fff}
.button-orange:hover{background:#b63f20}
.button-light{background:var(--cream);color:var(--navy)}
.button-small{min-height:44px;padding:11px 17px;font-size:11px}
.button .icon{width:18px;height:18px}
.text-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0;background:none;font-size:12px;line-height:1.5;font-weight:700;text-align:left}
.text-button:hover{color:var(--orange)}
.text-button .icon{width:17px;height:17px}
.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:45px;padding-block:58px 48px;align-items:center}
.hero-copy{padding-block:18px}
.hero h1{font-size:clamp(45px,4.68vw,66px);letter-spacing:-2.9px;line-height:1.08;margin:0 0 25px;font-weight:750}
.hero h1 span{color:var(--orange);white-space:nowrap}
.hero-description{max-width:410px;font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:28px}
.hero-actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap}
.hero-note{display:flex;align-items:center;gap:14px;margin-top:35px}
.hero-note p{margin:0;font-size:10px;color:var(--muted);line-height:1.7}
.hero-note strong{font-weight:600;color:var(--navy)}
.hero-note .line{height:31px;width:2px;background:var(--orange)}
.hero-visual{position:relative;height:492px;margin-right:20px}
.hero-photo{width:100%;height:100%;object-fit:cover;object-position:52% 42%;border-radius:6px 80px 6px 6px;background:#d6dcda}
.hero-visual:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(10,25,39,.62));border-radius:0 0 6px 6px;pointer-events:none}
.visual-top-label{position:absolute;z-index:2;top:25px;left:26px;background:#fff;padding:9px 11px;border-radius:3px;font-size:8px;letter-spacing:1.2px;font-weight:700;display:flex;align-items:center;gap:7px}
.visual-top-label .small-dot{background:var(--orange)}
.hero-photo-caption{position:absolute;bottom:30px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:end;z-index:3;color:white;font-size:24px;line-height:1.3;letter-spacing:-.6px}
.hero-photo-caption strong{font-weight:700}
.circle-button{display:grid;place-items:center;background:#fff;color:var(--navy);width:45px;height:45px;border-radius:50%;transition:transform .2s,background .2s}
.circle-button:hover{background:#f4d3c5;transform:rotate(5deg)}
.vertical-label{position:absolute;top:50%;right:-34px;writing-mode:vertical-rl;transform:translateY(-50%);font-size:8px;letter-spacing:2px;white-space:nowrap;color:var(--muted)}
.audiences{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:48px}
.audience{display:flex;align-items:center;gap:16px;background:transparent;text-align:left;padding:22px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:background .2s}
.audience:first-child{padding-left:0}
.audience:last-child{padding-right:0}
.audience+.audience:before{content:"";position:absolute;top:22px;bottom:22px;left:0;width:1px;background:var(--line)}
.audience:hover{background:#faf8f5}
.audience-icon{color:var(--orange);width:36px;display:flex;justify-content:center}
.audience-icon .icon{width:28px;height:28px}
.audience small{font-size:10px;color:var(--muted);display:block;margin-bottom:3px}
.audience strong{font-size:14px;letter-spacing:-.2px}
.end-arrow{margin-left:auto;width:18px;height:18px}
.catalogue{background:var(--cream);padding-top:79px}
.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:34px}
h2{font-size:clamp(30px,3.1vw,43px);font-weight:650;line-height:1.14;margin-bottom:24px}
.section-heading h2{margin-bottom:0}
.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:5px;max-width:350px}
.catalogue-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;border-bottom:1px solid #dddcd6;padding-bottom:24px}
.filters{display:flex;gap:7px;flex-wrap:wrap}
.filter{font-size:11px;font-weight:700;padding:10px 15px;border-radius:4px;background:transparent;color:#56626d;white-space:nowrap;transition:background .2s}
.filter span{margin-left:5px;font-size:9px;border:1px solid #81909b;border-radius:50%;padding:1px 4px}
.filter.active{background:var(--navy);color:#fff}
.filter:hover:not(.active){background:#e8e5dd}
.search{background:#fff;border:1px solid var(--line);border-radius:4px;padding:10px 12px;display:flex;align-items:center;gap:8px;width:260px}
.search .icon{width:16px;height:16px;color:var(--muted)}
.search input{background:transparent;border:0;outline:0;font-size:11px;width:100%;min-width:0;color:var(--navy)}
.search:focus-within{outline:2px solid #3185ac}
.search input:focus-visible{outline:0}
.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.course-card{background:#fff;border:1px solid #e4e2dc;border-radius:6px;overflow:hidden;transition:box-shadow .25s,transform .25s;display:flex;flex-direction:column}
.course-card:hover{transform:translateY(-4px);box-shadow:0 15px 25px #1b2c3c0a}
.course-visual{height:132px;padding:22px 24px;position:relative;overflow:hidden;display:flex;align-items:start;background:#e9edef}
.course-visual.electricite{background:#efdcd0}
.course-visual.tutorat{background:#e7e9df}
.course-tag{position:relative;font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;z-index:2;background:#ffffffde;padding:6px 8px;border-radius:2px}
.course-art{position:absolute;right:22px;top:8px;width:140px;height:140px;color:#6b7f8d;transform:rotate(-10deg);opacity:.5}
.electricite .course-art{color:#c55730;transform:rotate(6deg)}
.tutorat .course-art{color:#74805c;transform:rotate(0deg)}
.course-visual:after{content:"";position:absolute;left:25px;bottom:22px;width:55px;height:1px;background:currentColor;opacity:.22}
.course-visual .visual-index{position:absolute;bottom:21px;left:90px;font-size:10px;letter-spacing:2px;opacity:.6}
.course-body{padding:25px 25px 22px;flex:1;display:flex;flex-direction:column}
.course-body h3{font-size:25px;line-height:1.13;font-weight:650;margin-bottom:15px;min-height:57px}
.course-body h3 button{padding:0;line-height:inherit;font:inherit;letter-spacing:inherit;background:none;text-align:left}
.course-body h3 button:hover{color:var(--orange)}
.course-body p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:24px;flex:1}
.course-meta{display:flex;align-items:center;gap:7px;font-size:10px;color:#53606a;border-bottom:1px solid #e6e7e3;padding-bottom:17px}
.course-meta .icon{height:14px;width:14px}
.course-meta span:last-child{margin-left:auto;font-size:9px}
.course-bottom{padding-top:18px;display:flex;align-items:center;justify-content:space-between}
.course-bottom .text-button{font-size:11px}
.course-bottom .round-arrow{width:30px;height:30px;display:grid;place-items:center;background:var(--cream);border-radius:50%;color:var(--navy)}
.course-bottom .icon{width:15px;height:15px}
.catalogue-bottom{display:flex;align-items:center;gap:24px;margin-top:27px}
.catalogue-bottom p{font-size:9px;color:var(--muted);margin:0 auto 0 0}
.catalogue-bottom .text-button{font-size:10px}
.empty-state{grid-column:1/-1;text-align:center;padding:40px 20px;background:#fff;border:1px dashed #cbd0cf;border-radius:6px}
.empty-state h3{font-size:23px}
.empty-state p{font-size:13px;color:var(--muted)}
.trades{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:38px}
.trades p{margin:0;font-size:9px;letter-spacing:1.1px}
.trades>div{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:600}
.trades .icon{color:#7d898f;width:25px;height:25px}
.method{background:var(--navy);color:#fff}
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}
.method .eyebrow{color:#e3a48c}
.method h2{font-size:46px;line-height:1.12;letter-spacing:-1.8px}
.method h2 span{color:#e6ae98}
.method-intro>p:not(.eyebrow){font-size:13px;color:#bcc9d1;max-width:390px;line-height:1.9}
.method-signature{display:flex;align-items:center;gap:15px;margin-top:32px;font-size:10px;line-height:1.7;color:#c7d3db}
.method-signature .icon{width:34px;height:34px;color:#dfa88f}
.method-signature strong{color:#fff;font-weight:500}
.method-steps details{border-bottom:1px solid #44525e}
.method-steps summary{display:flex;align-items:center;gap:22px;cursor:pointer;font-size:17px;font-weight:500;padding:25px 0;list-style:none}
summary::-webkit-details-marker{display:none}
.step-number{font-size:11px;color:#cfa28e;font-weight:400}
.step-toggle{margin-left:auto;font-size:24px;color:#a3b1bb;transition:transform .2s}
.method-steps details[open] .step-toggle{transform:rotate(45deg);color:#fff}
.method-steps details p{font-size:12px;color:#b6c6d0;margin-left:38px;margin-top:-7px;max-width:350px;line-height:1.9;padding-bottom:7px}
.example{background:#fbfaf7}
.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}
.example-sheet{border:1px solid #e0dfd9;background:#fff;box-shadow:10px 10px 0 #eeeae2;border-radius:5px;transform:rotate(-1deg)}
.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:17px 25px;border-bottom:1px solid #ecebe6}
.sheet-badge{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:700;letter-spacing:1.2px}
.sheet-badge .icon{color:var(--orange);width:16px;height:16px}
.sheet-page{font-size:8px;letter-spacing:.8px;color:#849197}
.sheet-body{padding:32px 27px}
.tiny-label{font-size:8px;font-weight:700;letter-spacing:1.2px}
.sheet-body>.tiny-label{color:var(--muted)}
.sheet-body h3{font-size:29px;margin-top:15px;margin-bottom:26px}
.example-tabs{display:flex;border-bottom:1px solid #dedfdc;margin-bottom:24px;gap:18px}
.example-tabs button{font-size:9px;padding:9px 0;background:none;color:#69757e;font-weight:600;border-bottom:2px solid transparent}
.example-tabs button.active{color:var(--orange);border-color:var(--orange)}
.example-content{display:flex;gap:16px;min-height:116px}
.example-index{font-size:37px;color:#d9beb0;line-height:1.2;letter-spacing:-2px}
.example-content strong{font-size:13px;font-weight:700}
.example-content p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:8px;margin-bottom:0}
.sheet-note{display:flex;align-items:center;gap:9px;background:#f3f5f2;padding:11px 12px;margin-top:20px;border-radius:3px;font-size:9px;color:#5d6b66;line-height:1.7}
.sheet-note .icon{width:19px;height:19px}
.sheet-footer{padding:14px 25px;border-top:1px solid #ecebe6;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.5px;color:#7e8a90}
.sheet-footer .icon{width:17px;height:17px}
.example-copy h2 span{color:var(--orange)}
.example-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9}
.check-list{padding:0;margin:25px 0;list-style:none;font-size:11px}
.check-list li{display:flex;gap:10px;align-items:center;margin:12px 0}
.check-list .icon{width:16px;height:16px;color:var(--orange)}
.enterprise{display:grid;grid-template-columns:1.3fr 1fr;background:#f0ece4;border-radius:6px;margin-top:90px;overflow:hidden}
.enterprise-main{padding:53px 50px}
.enterprise h2{font-size:36px}
.enterprise-main>p:not(.eyebrow){max-width:400px;font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:27px}
.enterprise-side{padding:49px 42px;background:#e7dfd2;display:flex;flex-direction:column;justify-content:center}
.enterprise-side>.tiny-label{margin-bottom:25px;color:#62655e}
.enterprise-side>div{display:flex;gap:17px;margin-bottom:20px}
.enterprise-side>div:last-child{margin-bottom:0}
.enterprise-side>div>span{font-size:10px;color:#9c613f;margin-top:4px}
.enterprise-side p{font-size:11px;color:#56635f;line-height:1.8;margin:0}
.enterprise-side strong{display:block;font-size:13px;color:var(--navy);font-weight:600;margin-bottom:3px}
.centre{display:grid;grid-template-columns:1.05fr 1fr;gap:90px}
.centre h2{font-size:34px}
.centre h2 span{color:#77868e}
.centre-copy p{font-size:13px;color:var(--muted);line-height:1.95}
.project-label{display:inline-flex;align-items:center;gap:7px;background:#f1f3ee;padding:7px 10px;font-size:9px;color:#5f705e}
.project-label .small-dot{width:4px;height:4px}
.faq-section{background:var(--cream)}
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px}
.faq-grid>div>p:not(.eyebrow){font-size:13px;color:var(--muted)}
.faq-grid h2{font-size:36px}
.faq-items details{border-bottom:1px solid #d6d8d2}
.faq-items summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;font-weight:600;cursor:pointer;line-height:1.6;padding:19px 0}
.faq-items summary:after{content:"+";font-size:23px;font-weight:400;color:var(--muted)}
.faq-items details[open] summary:after{content:"−"}
.faq-items details p{font-size:12px;color:var(--muted);line-height:1.9;max-width:480px;padding-bottom:5px}
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px}
.contact h2{font-size:50px;line-height:1.1}
.contact h2 span{color:var(--orange)}
.contact-copy>p:not(.eyebrow){max-width:340px;color:var(--muted);font-size:13px;line-height:1.9}
.contact-aside{display:flex;gap:15px;border-top:1px solid var(--line);padding-top:24px;max-width:330px;margin-top:33px}
.contact-aside>.icon{width:30px;height:30px;color:var(--orange)}
.contact-aside strong{font-size:11px;font-weight:600;display:block;margin-bottom:7px}
.contact-aside .text-button{font-size:10px}
.project-form{background:var(--cream);border:1px solid #e8e6df;padding:32px;border-radius:6px}
.form-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}
.form-heading h3{font-size:23px;margin-bottom:12px}
.form-heading>span{font-size:9px;color:#5e6b69;background:#e8ebe3;padding:4px 7px;border-radius:2px;white-space:nowrap;margin-bottom:12px}
.form-intro{font-size:11px;color:var(--muted);margin-bottom:23px;line-height:1.7}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.project-form label{display:block;font-size:10px;font-weight:700;margin-bottom:16px}
.project-form label>span{color:var(--orange)}
.project-form input,.project-form select,.project-form textarea{display:block;border:1px solid #d6dad7;border-radius:4px;background:#fff;width:100%;padding:10px 11px;margin-top:7px;font-size:11px;color:var(--navy);font-weight:400;min-height:42px}
.project-form textarea{resize:vertical;min-height:90px}
.project-form select{padding-right:24px}
.form-submit{width:100%;margin-top:2px}
.form-privacy{display:flex;align-items:start;gap:7px;font-size:9px;color:#6a777c;line-height:1.6;margin:14px 0 0}
.form-privacy .icon{width:14px;height:14px;margin-top:2px}
.footer{background:var(--navy);color:#fff}
.footer-main{display:flex;justify-content:space-between;align-items:start;gap:55px;padding-block:57px 45px}
.footer .brand-mark{color:#e4ad94}
.footer .brand-word{font-size:31px}
.footer-main>div>p{font-size:11px;color:#aebfc9;margin-top:22px}
.footer-links{display:flex;gap:65px}
.footer-links>div{display:flex;flex-direction:column;align-items:start;gap:8px;font-size:10px;color:#b5c4ce}
.footer-links strong{font-size:11px;color:#f2f4f5;margin-bottom:7px;font-weight:600}
.footer-links button,.footer-bottom button{background:none;color:inherit;padding:0;text-align:left;font-size:inherit}
.footer-links a:hover,.footer-links button:hover,.footer-bottom button:hover{color:#e5aa91}




.footer-bottom{border-top:1px solid #3b4b58;padding-block:19px;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#adbcc7;letter-spacing:.2px}
.footer-bottom>div{display:flex;gap:22px}
dialog{border:0;border-radius:9px;padding:0;background:#fff;color:var(--navy);max-width:780px;width:calc(100% - 40px);max-height:calc(100dvh - 60px);overflow:auto;box-shadow:0 30px 100px #0003}
dialog::backdrop{background:#10212fd1;backdrop-filter:blur(4px)}
.dialog-close{position:sticky;top:14px;float:right;margin:14px 14px -54px 0;z-index:5;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #d9deda;box-shadow:0 2px 9px #0001}
.dialog-close .icon{width:17px;height:17px}
.dialog-hero{background:var(--cream);padding:35px 44px 30px}
.dialog-hero>.eyebrow{color:var(--orange);padding-right:35px}
.dialog-hero h2{font-size:35px;padding-right:15px;margin-bottom:18px}
.dialog-hero p{font-size:12px;color:var(--muted);line-height:1.9}
.dialog-pills{display:flex;gap:8px;flex-wrap:wrap}
.dialog-pills span{font-size:10px;padding:6px 9px;border:1px solid #d7dbd6;border-radius:3px;background:#fff}
.dialog-content{padding:30px 44px}
.dialog-content h3{font-size:20px;margin:25px 0 13px;letter-spacing:-.4px}
.dialog-content h3:first-child{margin-top:0}
.dialog-content p,.dialog-content li{font-size:12px;color:var(--muted);line-height:1.9}
.dialog-content ul{padding-left:20px;margin-bottom:24px}
.module-list{list-style:none;padding:0!important;counter-reset:module}
.module-list li{padding:13px 0 13px 37px;border-bottom:1px solid #e2e5e2;position:relative;counter-increment:module}
.module-list li:before{content:"0" counter(module);position:absolute;top:14px;left:0;color:var(--orange);font-size:11px}
.module-list strong{display:block;color:var(--navy);font-size:12px;margin-bottom:3px}
.program-note{background:#f3f4ef;padding:13px 16px;border-radius:4px;font-size:10px!important}
.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.orientation-dialog{max-width:640px}
.orientation-content,.info-content{padding:42px}
.orientation-content h2,.info-content h2{font-size:31px;padding-right:20px;margin-bottom:16px}
.orientation-content>.eyebrow,.info-content>.eyebrow{color:var(--orange);padding-right:35px}
.orientation-content>p:not(.eyebrow),.info-content p{font-size:12px;color:var(--muted);line-height:1.85}
.orientation-progress{display:flex;gap:6px;margin:22px 0 29px}
.orientation-progress span{height:3px;flex:1;background:#e5e7e1}
.orientation-progress span.complete{background:var(--orange)}
.choices{display:grid;gap:10px;margin-top:24px}
.choice{display:flex;gap:15px;align-items:center;text-align:left;border:1px solid #dce0da;padding:15px 17px;border-radius:4px;background:#fff}
.choice:hover{border-color:var(--orange)}
.choice.selected{border-color:var(--orange);background:#fdf3ec}
.choice-indicator{border:1px solid #acb7ba;border-radius:50%;width:17px;height:17px;flex-shrink:0}
.choice.selected .choice-indicator{background:var(--orange);border:4px solid #fff;outline:1px solid var(--orange)}
.choice strong{font-size:12px;font-weight:700;display:block}
.choice small{font-size:10px;color:var(--muted)}
.wizard-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:26px}
.wizard-footer .text-button{font-size:11px}
.recommendation{background:var(--cream);padding:20px;border:1px solid #e2e2db;border-radius:5px;margin:16px 0}
.recommendation>small{font-size:9px;letter-spacing:1px;color:var(--orange);text-transform:uppercase;font-weight:700}
.recommendation h3{font-size:23px;margin-top:9px;margin-bottom:12px}
.recommendation p{font-size:12px;color:var(--muted)}
.recommendation .text-button{font-size:11px}
.info-dialog{max-width:650px}
.info-content h3{font-size:17px;margin-top:22px}
.request-summary{white-space:pre-wrap;font:12px/1.85 Arial,Helvetica,sans-serif;background:var(--cream);border:1px solid #e4e3dc;border-radius:4px;padding:20px;max-height:320px;overflow:auto;color:var(--navy)}
.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);padding:12px 20px;border-radius:6px;background:var(--navy);color:#fff;font-size:12px;opacity:0;pointer-events:none;z-index:100;transition:.2s;text-align:center;max-width:calc(100% - 30px);box-shadow:0 8px 30px #0002}
.toast.visible{transform:translate(-50%,0);opacity:1}
@media(min-width:1500px){.hero{gap:64px}.hero-visual{height:510px}.hero h1{font-size:69px}.hero-description{font-size:16px}.hero-note{margin-top:40px}}
@media(max-width:1190px){.container{width:calc(100% - 72px)}#main-nav{gap:20px;font-size:11px}#main-nav .button{font-size:10px;padding:11px 13px}.hero{gap:30px}.hero h1{font-size:55px}.hero-visual{height:470px}.hero-actions{gap:17px}.hero-actions .text-button{font-size:10px}.hero-actions .button{font-size:11px;padding-inline:17px}.hero-description{font-size:14px}.method-grid,.example-grid,.centre,.faq-grid,.contact{gap:65px}.audience{gap:10px;padding-inline:16px}.audience small{font-size:9px}.audience strong{font-size:12px}.audience-icon .icon{width:24px;height:24px}.course-body{padding:21px}.course-body h3{font-size:23px}.footer-links{gap:35px}.footer-main{gap:35px}.trades{gap:20px}.trades>div{font-size:11px}.enterprise-main{padding:44px 35px}.enterprise h2{font-size:31px}.enterprise-side{padding:40px 30px}}
@media(max-width:980px){.container{width:calc(100% - 52px)}.nav-inner{height:82px}#main-nav{gap:17px}#main-nav>a:nth-of-type(3){display:none}#main-nav .button{padding:10px;font-size:9px}.hero{gap:25px;padding-top:39px}.hero h1{font-size:46px;letter-spacing:-2px}.hero-visual{height:430px;margin-right:15px}.hero-description{font-size:13px}.hero-actions{align-items:start;flex-direction:column;gap:16px}.hero-note{margin-top:24px}.hero-photo-caption{font-size:21px;left:22px;right:22px}.visual-top-label{left:20px;font-size:7px}.audience{gap:8px}.audience-icon{width:26px}.audience strong{font-size:11px}.audience small{font-size:8px}.section-heading{gap:25px}.section-heading>p{max-width:270px;font-size:12px}.filter{padding:9px 11px;font-size:10px}.search{width:230px}.course-grid{gap:15px}.course-body h3{font-size:21px;min-height:50px}.course-body p{font-size:11px}.course-body{padding:19px}.course-meta{font-size:9px}.course-meta span:last-child{font-size:8px}.course-visual{height:117px;padding:17px}.course-tag{font-size:7px}.course-art{width:120px;height:120px;right:8px}.course-visual:after{left:18px}.course-visual .visual-index{left:83px}.method h2{font-size:39px}.method-grid,.example-grid,.centre,.faq-grid,.contact{gap:44px}.method-steps summary{font-size:15px;gap:15px}.example-copy h2{font-size:34px}.sheet-body{padding:27px 22px}.sheet-body h3{font-size:26px}.example-tabs{gap:12px}.example-tabs button{font-size:8px}.enterprise-main{padding:40px 32px}.enterprise h2{font-size:28px}.enterprise-side{padding:35px 27px}.centre h2{font-size:30px}.faq-grid h2{font-size:30px}.contact h2{font-size:44px}.project-form{padding:27px}.footer-main{gap:30px;flex-wrap:wrap}.footer-links{gap:38px}.footer-main{justify-content:space-between}.footer .brand-word{font-size:29px}.footer-bottom{font-size:7px}}
@media(max-width:760px){html{scroll-padding-top:83px}.container{width:calc(100% - 40px)}.section-pad{padding-block:62px}.topbar-inner{height:31px}.topbar{font-size:8px;letter-spacing:.1px}.topbar a{font-size:8px;gap:5px}.topbar .icon{width:10px;height:10px}.nav-inner{height:76px}.brand-word{font-size:29px}.brand-mark{width:34px;height:34px}.brand-sub{font-size:7px;margin-top:7px}.menu-toggle{display:flex;width:42px;height:42px;background:var(--cream);border-radius:4px;flex-direction:column;gap:6px;align-items:center;justify-content:center}.menu-toggle span{width:18px;height:1.5px;background:var(--navy);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}#main-nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:16px 24px 25px;box-shadow:0 10px 15px #1b2c3c15;flex-direction:column;align-items:stretch;gap:2px;font-size:13px}#main-nav.open{display:flex}#main-nav>a:nth-of-type(3){display:block}#main-nav .button{font-size:12px;margin-top:7px;padding:14px}.hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:30px;gap:31px}.hero-copy{padding:0}.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:18px}.hero h1{font-size:clamp(34px,11.3vw,50px);letter-spacing:-2.2px;line-height:1.06;margin-bottom:22px}.hero-description{max-width:420px;font-size:13px;line-height:1.8;margin-bottom:24px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero-actions .button{font-size:11px;min-height:49px;padding-inline:16px}.hero-actions .text-button{font-size:10px;gap:7px}.hero-note{display:none}.hero-visual{height:340px;margin-right:15px}.hero-photo{object-position:center 32%;border-top-right-radius:65px}.visual-top-label{top:20px;left:20px;font-size:7px}.vertical-label{right:-28px;font-size:7px}.hero-photo-caption{bottom:23px;left:23px;right:23px;font-size:22px}.circle-button{width:39px;height:39px}.audiences{grid-template-columns:1fr;padding-bottom:34px}.audience{padding:18px 6px!important;border-bottom:0;gap:16px}.audience:last-child{border-bottom:1px solid var(--line)}.audience+.audience:before{display:none}.audience small{font-size:10px}.audience strong{font-size:13px}.audience-icon{width:31px}.audience-icon .icon{width:26px;height:26px}.audience .end-arrow{margin-right:7px}.section-heading{display:block;margin-bottom:27px}h2{font-size:33px;letter-spacing:-1.25px}.section-heading>p{max-width:none;font-size:12px;line-height:1.8;margin:20px 0 0}.desktop-only{display:none}.catalogue-tools{flex-direction:column;align-items:stretch;gap:15px;padding-bottom:20px;margin-bottom:22px}.filters{gap:5px}.filter{padding:9px 12px;font-size:10px}.search{width:100%;min-height:43px}.search input{font-size:12px}.course-grid{grid-template-columns:1fr;gap:18px}.course-visual{height:120px;padding:20px 23px}.course-tag{font-size:8px}.course-art{width:145px;height:145px;right:26px;top:0}.course-body{padding:23px}.course-body h3{font-size:25px;max-width:300px;min-height:0;line-height:1.13;margin-bottom:14px}.course-body p{font-size:12px;line-height:1.85;margin-bottom:19px}.course-meta{font-size:10px;padding-bottom:15px}.course-meta span:last-child{font-size:9px}.course-bottom{padding-top:15px}.course-bottom .text-button{font-size:12px}.course-bottom .round-arrow{width:34px;height:34px}.catalogue-bottom{flex-wrap:wrap;gap:17px;justify-content:space-between;margin-top:23px}.catalogue-bottom p{flex-basis:100%;font-size:9px;line-height:1.8}.catalogue-bottom .text-button{font-size:11px}.trades{padding-block:29px;display:grid;grid-template-columns:1fr 1fr;row-gap:23px}.trades .eyebrow{grid-column:1/-1;font-size:8px}.trades .eyebrow br{display:none}.trades>div{font-size:12px}.trades .icon{width:22px;height:22px}.method-grid,.example-grid,.centre,.faq-grid,.contact{grid-template-columns:1fr;gap:35px}.method h2{font-size:38px;letter-spacing:-1.5px}.method h2 br:last-of-type{display:none}.method-intro>p:not(.eyebrow){font-size:13px;line-height:1.85;max-width:none}.method-signature{margin-top:23px}.method-steps summary{font-size:15px;padding-block:22px}.method-steps details p{max-width:none;margin-left:30px}.example-grid{gap:43px}.example-copy{order:-1}.example-copy h2{font-size:34px}.example-sheet{max-width:450px;margin-right:10px}.sheet-header{padding:17px 23px}.sheet-body{padding:28px 23px}.sheet-body h3{font-size:29px}.example-tabs{gap:23px}.example-tabs button{font-size:9px}.example-content{min-height:108px}.example-content p{font-size:12px}.enterprise{margin-top:54px;grid-template-columns:1fr}.enterprise-main{padding:35px 25px}.enterprise h2{font-size:30px}.enterprise-main>p:not(.eyebrow){font-size:12px}.enterprise-side{padding:30px 25px}.enterprise-side>.tiny-label{margin-bottom:22px}.enterprise-side>div{margin-bottom:18px}.centre{gap:15px}.centre h2{font-size:30px}.centre-copy p{font-size:12px}.faq-grid{gap:12px}.faq-grid h2{font-size:32px}.faq-items summary{font-size:12px;padding-block:18px}.faq-items details p{font-size:12px}.contact{gap:30px}.contact h2{font-size:45px}.contact-copy>p:not(.eyebrow){max-width:400px}.contact-aside{margin-top:24px}.project-form{padding:25px 20px}.form-heading h3{font-size:22px}.form-heading>span{font-size:8px}.project-form label{font-size:10px}.project-form select,.project-form textarea{font-size:12px;min-height:45px}.form-row{gap:12px}.form-intro{font-size:11px}.form-submit{font-size:12px}.form-privacy{font-size:9px}.footer-main{padding-block:39px 30px;display:grid;grid-template-columns:1fr;gap:27px}.footer-main>div>p{margin-top:17px;margin-bottom:0}.footer-links{gap:50px;justify-content:start}.footer-links>div{font-size:11px;gap:10px}.footer-links strong{font-size:12px}.footer-bottom{font-size:8px;flex-direction:column;gap:11px;line-height:1.8}.footer-bottom>div{flex-wrap:wrap;gap:17px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 26px);border-radius:7px}.dialog-hero{padding:30px 24px 24px}.dialog-hero h2{font-size:29px}.dialog-content{padding:25px 24px}.dialog-content p,.dialog-content li{font-size:12px}.dialog-actions{gap:10px}.dialog-actions .button{font-size:11px;flex-grow:1}.orientation-content,.info-content{padding:34px 24px 27px}.orientation-content h2,.info-content h2{font-size:28px}.choice{padding:14px}.choice strong{font-size:12px}.choice small{font-size:10px}.request-summary{font-size:11px;padding:16px}.wizard-footer .button{font-size:11px}.toast{font-size:11px;bottom:16px;min-width:200px}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.hero h1{font-size:clamp(33px,11.3vw,44px)}.hero-actions{gap:16px}.hero-actions .button{font-size:10px;padding-inline:12px;gap:9px}.hero-actions .text-button{font-size:9px;gap:4px}.hero-visual{height:290px}.filter{padding:9px 9px;font-size:9px}.filter span{margin-left:3px}.form-heading{display:block}.form-heading>span{display:inline-block}.project-form{padding:22px 17px}.form-row{grid-template-columns:1fr;gap:0}.topbar-inner>a{font-size:7px}.topbar-inner>span{font-size:7px}.example-tabs{gap:17px}.hero-photo-caption{font-size:20px}.trades>div{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.topbar,.site-header,.hero-actions,.audiences,.catalogue-tools,.catalogue-bottom,.footer,.contact,.toast,.dialog-close,.dialog-actions{display:none!important}body{background:white;font-size:11px}body.modal-open main{display:none}dialog[open]{position:static;max-height:none;width:100%;max-width:none;box-shadow:none;border:0;overflow:visible}.dialog-hero,.dialog-content{padding:15px}.dialog-content p,.dialog-content li{font-size:10px}.dialog-content h3{break-after:avoid}.module-list li{break-inside:avoid}.container{width:100%}.section-pad{padding-block:30px}}