/* One visual language: horizon sky, water teal, sun yellow and restrained accents. */
:root{--ink:#12383f;--forest:#12383f;--blue:#008d99;--sky-blue:#e4f4f7;--paper:#fcfefe;--line:#b7ccd0;--lavender:#e6e4f2;--coral:#f2c4af;--mint:#dfecde}
html{scroll-padding-top:112px}body{background:var(--paper)}h2,h3{text-wrap:balance}p{text-wrap:pretty}.section-wrap{width:100%;max-width:1200px;margin-inline:auto}.section-pad{padding:88px 32px}.modern-heading{max-width:900px}.eyebrow{color:#45666f;font-weight:700}.button-dark,.main-nav .nav-book{background:#008d99}.button-dark:hover,.main-nav .nav-book:hover{background:#12616a}.button-outline{border-color:#7b9da4;background:transparent}.section-tail{border-top:1px solid var(--line);padding-top:28px}.pale-blue,.modern-framework{background:#e5f3f6}.pale-purple{background:#eeedf5}.pale-peach,.modern-parents{background:#faf0e8}
/* Consistent floating navigation on every page. */
.site-header{position:fixed;top:16px;left:50%;translate:-50% 0;width:calc(100% - 48px);max-width:1280px;z-index:100;padding:12px 22px;background:#fcfefef5;border:1px solid #b7ccd0;border-radius:22px;box-shadow:0 8px 24px #12383f0d;gap:24px}.site-header .brand{width:180px}.site-header .main-nav{display:flex;gap:24px}.main-nav>a,.nav-group>summary{font-size:14px}.nav-group summary{cursor:pointer}.nav-group>div{border-color:var(--line);padding:10px;top:calc(100% + 10px);left:-12px;border-radius:16px}.nav-group a:hover,.nav-group a[aria-current=page]{background:#e5f3f6;color:#12616a}.nav-group[data-active=true]>summary,.main-nav>a[aria-current=page]{color:#007e89;text-decoration:underline;text-underline-offset:7px}.main-nav .nav-book{padding:14px 20px}.site-header .menu-toggle{display:none}.hero{padding-top:120px}.hero-copy{margin-top:30px}.hero-motion{position:absolute;right:26px;bottom:24px;z-index:5}.hero-motion .motion-toggle{width:38px;height:38px;background:#fcfefed9}.inner-hero{padding:155px 32px 80px;background:#e5f3f6;border-bottom:1px solid var(--line)}.inner-hero-grid{gap:64px}.inner-hero h1{font-size:clamp(42px,5.2vw,72px)}.inner-photo img,.journey-art,.hero-framework{border:1px solid #819fa657;border-radius:80px 24px 80px 24px}.inner-photo .spark{right:4px}.hero-framework{background:#d5eaf0}.journey-section{background:#edf5f4}
/* Choices read as choices, with full questions and a persistent selected state. */
.modern-help{background:#f4fbfc;border-top:1px solid #c1dadd}.question-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.question-picker button{position:relative;text-align:left;padding:20px 44px 20px 20px;border:1px solid #94b4bc;background:#fff;border-radius:18px;min-height:110px;display:flex;flex-direction:column;gap:8px;justify-content:center;transform:none}.choice-label{font-size:12px;letter-spacing:.025em;font-weight:700;color:#47717c}.choice-question{font-size:16px;line-height:1.35;font-weight:600}.choice-state{position:absolute;right:17px;top:20px;width:19px;height:19px;border:1.5px solid #799da6;border-radius:50%}.question-picker button[aria-selected=true]{background:#123f49;border-color:#123f49;color:white;box-shadow:0 3px 0 #00a3aa}.question-picker button[aria-selected=true] .choice-label{color:#c8e9ed}.question-picker button[aria-selected=true] .choice-state{background:#ffd337;border-color:#ffd337}.question-picker button[aria-selected=true] .choice-state:after{content:'✓';position:absolute;inset:0;color:#12383f;font-size:13px;line-height:17px;text-align:center}.question-picker button:hover{transform:none;border-color:#008d99}.question-stage{border:1px solid #93b4bd;border-radius:24px;gap:56px;padding:48px;box-shadow:0 7px 0 #dcecef}.question-photo{transform:none;border:1px solid #567f8950;border-radius:80px 22px 80px 22px}.question-bubble{transform:none;border:1px solid #a8bec5;border-radius:20px 20px 6px 20px}.question-response h3{font-size:clamp(30px,3vw,40px)}.question-controls{border-top:1px solid #12383f35;padding-top:20px}.question-controls button{border:1px solid #12383f45;background:#ffffffd9;min-height:40px}.floating-label{top:4px}.question-stage.is-changing .question-bubble{animation-delay:0}
/* Boundaries, aligned actions and a shared frame vocabulary. */
.modern-difference{background:#e8f1ef}.difference-cards{gap:22px}.show-card{display:flex;flex-direction:column;border:1px solid #9db9bb;border-radius:24px;box-shadow:0 4px 0 #d5e4e2}.show-visual{flex-shrink:0;background:color-mix(in srgb,var(--card-colour) 55%,#eff7f5);height:245px;margin:12px;border-radius:16px}.show-copy{display:flex;flex-direction:column;flex:1;padding:25px;border-bottom:5px solid var(--card-colour)}.show-copy h3{font-size:27px;min-height:61px}.show-copy p{flex:1}.card-link{align-self:flex-start;margin-top:auto}.show-card:hover,.show-card:focus-visible{transform:translateY(-3px)}.feature-card{border:1px solid #9eb9bc;border-top:5px solid var(--card-colour);background:#fff;border-radius:22px;padding:28px;box-shadow:0 4px 0 #e1eceb}.feature-card:hover{transform:none;background:#fff}.feature-card h3{font-size:24px}.mini-index{background:#f4d66a}.modern-outcomes{background:#fcfefe}.modern-outcomes .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-outcomes .feature-card:first-child{background:#e4f3f4;border-top-color:#009fa7}.modern-outcomes .feature-card .mini-index{margin-bottom:22px}.modern-outcomes .feature-card{min-height:260px}.modern-outcomes .feature-card h3{max-width:400px}
/* Seven equal decision zones, centered rather than ragged on narrower screens. */
.zone-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.zone-card{flex:0 0 calc((100% - 72px)/7);min-width:0;min-height:200px;border:1px solid #88a9b0;position:relative;padding:20px 14px;background:color-mix(in srgb,var(--zone-colour) 38%,white);border-radius:18px}.zone-card:hover,.zone-card:focus-visible{transform:translateY(-3px)}.zone-card[aria-selected=true]{transform:none;border:2px solid #12383f;box-shadow:0 4px 0 #12383f}.zone-card[aria-selected=true]:after{content:'✓';position:absolute;right:10px;top:10px;font-size:13px;font-weight:700}.zone-name{font-size:16px}.zone-symbol{margin-bottom:20px}.zone-result{border:1px solid #88a9b0;border-radius:22px;box-shadow:0 5px 0 #cbdfe3}.zone-takeaway{border:1px solid #12383f25}.zone-result h3{font-size:30px}.modern-photo>img{border:1px solid #90a6a9;border-radius:24px 80px 24px 24px}.photo-note{right:12px;border:1px solid #8cb0b8;box-shadow:0 5px 0 #d6e4e3}.parent-benefits li{border-bottom:1px solid #cabbaf;padding:18px 0}.parent-benefits li:last-child{border-bottom:0}.modern-parent-grid{gap:64px}.modern-begin{background:#dcecef}.modern-begin:before{display:none}.step-cards .feature-card{position:relative}.step-cards .mini-index{background:#ffdc60}.step-cards .feature-card:not(:last-child):after{content:'';position:absolute;width:21px;height:2px;right:-22px;top:48px;background:#789da3}.plan{border:1px solid #99b6bb;background:white;box-shadow:0 5px 0 #e0ebed}.plan-achiever{background:#e0f1f2;border:2px solid #008d99}.plan .plan-name{color:#007e89}.modern-faq{background:#eef5f3}.qa-list{max-width:none}.qa-list details{background:#fff;border:1px solid #aec4c6;border-radius:16px;padding:0 24px;margin-bottom:12px}.qa-list details[open]{border-color:#007e89;background:#f8fdfd}.qa-list summary{padding:22px 0}.modern-closing{background:#123f49}.modern-closing .eyebrow{color:#b6e3e9}.modern-closing p{color:#d7ebed}.modern-closing:before{border-color:#80bbc54a}.modern-closing:after{background:#ffdc60;border:0;width:130px;height:130px;right:-55px;bottom:-50px}.full-footer{background:#f4faf9}.footer-top,.footer-bottom{border-color:#b8ced0}.programme-facts{background:#12616a}.stage-card,.person-card,.email-form{border-color:#9eb9bc;box-shadow:0 4px 0 #e0ebed}.stage-card:nth-child(2){background:#e6f1ef}.stage-card:nth-child(3){background:#e4eff3}.stage-card:not(:last-child):after{background:#789da3}.person-card{background:#f7fbfb}.person-card:hover{background:#e3f1f3}.person-initials,.initial-portrait{background:#d5eaf0}.film-frame{border:1px solid #8eafb6;border-radius:24px}.film-caption{border:1px solid #99b6bb}.email-form input,.email-form textarea,.email-form select{background:#f5fafb;border-color:#94b1b8}
@media(max-width:1199px){.site-header .main-nav{display:none}.site-header .menu-toggle{display:block;margin-left:auto}.site-header .main-nav.is-open{display:flex;position:absolute;left:0;right:0;top:calc(100% + 10px);background:#fcfefe;border:1px solid #94b4bc;border-radius:20px;padding:20px;flex-direction:column;align-items:stretch;gap:4px;max-height:calc(100svh - 110px);overflow:auto;box-shadow:0 14px 28px #12383f18}.site-header .nav-group>div{position:static;border:0;box-shadow:none;padding:0 0 12px 12px;background:#eef6f7;margin-bottom:8px;border-radius:12px}.site-header .main-nav>a{padding:15px}.site-header .nav-group summary{padding:15px;justify-content:space-between}.zone-card{flex-basis:calc((100% - 36px)/4)}.zone-card:last-child{display:flex;grid-column:auto;gap:0;min-height:200px}.zone-card:last-child .zone-symbol{margin-bottom:20px}.question-stage{gap:35px;padding:36px}.show-copy{padding:22px}.show-copy h3{font-size:24px}.show-visual{height:225px}.section-pad{padding:76px 28px}}
@media(max-width:760px){.site-header{top:12px;width:calc(100% - 32px);padding:10px 16px;border-radius:18px}.site-header .brand{width:160px}.hero{padding-top:95px}.hero-copy{margin-top:33px}.hero-motion{right:18px;bottom:18px}.inner-hero{padding:125px 24px 64px}.inner-hero h1{font-size:clamp(39px,7.5vw,55px)}.section-pad{padding:60px 24px}.question-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.question-picker button{min-height:116px;padding:17px 34px 17px 15px}.choice-state{right:10px;top:17px;width:17px;height:17px}.choice-question{font-size:14px}.choice-label{font-size:11px}.question-stage{grid-template-columns:1fr;padding:30px;gap:32px}.question-visual{min-height:320px}.question-photo{width:80%;margin-right:40px}.difference-cards{grid-template-columns:1fr}.show-card{display:grid;grid-template-columns:1fr 1.2fr}.show-visual{height:auto;min-height:245px}.show-copy h3{min-height:0;font-size:26px}.show-copy{border-right:5px solid var(--card-colour);border-bottom:0}.zone-card,.zone-card:last-child{flex-basis:calc((100% - 24px)/3);min-height:170px;padding:18px 13px}.zone-symbol{height:40px;margin-bottom:18px}.zone-card:last-child .zone-symbol{margin-bottom:18px}.zone-result{grid-template-columns:1fr;padding:28px;gap:24px}.modern-parent-grid{gap:28px}.modern-outcomes .feature-card{min-height:0}.step-cards .feature-card:not(:last-child):after{width:2px;height:21px;right:auto;left:49px;top:auto;bottom:-22px}.modern-closing:after{width:85px;height:85px;right:-45px}.show-copy p{font-size:16px}.modern-closing h2{font-size:43px}}
@media(max-width:540px){.section-pad{padding:52px 20px}.question-picker{gap:10px}.question-picker button{min-height:135px;padding:16px 28px 16px 12px;border-radius:14px}.choice-label{font-size:10px;line-height:1.4}.choice-question{font-size:13px}.choice-state{right:8px;top:16px;width:15px;height:15px}.question-picker button[aria-selected=true] .choice-state:after{font-size:11px;line-height:13px}.question-stage{padding:24px 20px;border-radius:20px}.question-visual{min-height:285px}.question-photo{height:245px;width:82%;margin-right:24px}.question-bubble{width:86%}.show-card{display:flex}.show-visual{height:225px;min-height:225px}.show-copy{border-right:0;border-bottom:5px solid var(--card-colour);padding:24px}.show-copy h3{font-size:28px}.modern-outcomes .feature-grid{grid-template-columns:1fr}.zone-card,.zone-card:last-child{flex-basis:calc((100% - 12px)/2);min-height:170px;display:flex;gap:0}.zone-card:last-child{flex-basis:calc((100% - 12px)/2)}.zone-name{font-size:16px}.zone-q{font-size:12px}.zone-takeaway p{font-size:22px}.zone-result{padding:24px 20px}.qa-list details{padding:0 18px}.qa-list summary{font-size:17px;line-height:1.4}.inner-hero{padding:120px 20px 60px}.inner-photo,.journey-art{border-radius:65px 20px 65px 20px}.modern-closing h2{font-size:36px}.feature-card{padding:24px}.step-cards .feature-card:not(:last-child):after{left:45px}.site-header .brand{width:145px}}
@media(max-width:350px){.hero{padding-top:94px}.hero-copy{margin-top:20px}.site-header{width:calc(100% - 24px);padding:10px 12px}.site-header .brand{width:140px}.section-pad{padding-inline:16px}.question-picker button{min-height:150px}.question-stage{padding-inline:16px}.question-controls{gap:8px}.question-controls button{padding:10px}.zone-card,.zone-card:last-child{padding:16px 11px}.inner-hero{padding-inline:18px}.inner-hero h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){.show-card:hover,.zone-card:hover{transform:none}}
/* The same horizon returns at the end of the journey, without sitting behind copy. */
.modern-closing{padding-bottom:230px}.modern-closing:before{left:0;right:0;top:auto;bottom:0;width:auto;height:150px;border:0;border-radius:0;background:url('/assets/possibilities-landscape.png') center 72%/cover no-repeat;opacity:1}.modern-closing:after{bottom:150px;right:-55px}.modern-closing .section-wrap{position:relative;z-index:1}@media(max-width:760px){.modern-closing{padding-bottom:180px}.modern-closing:before{height:115px;background-position:60% 72%}.modern-closing:after{bottom:115px}}

/* Height follows the CTA/path composition rather than empty viewport sky. */
.hero{min-height:0!important}.scene{aspect-ratio:auto}

.hero-copy p{background:#f4fcfdf2;padding:12px 20px;border-radius:18px;color:#355b65}@media(max-width:540px){.hero-copy p{padding:10px 14px}}
