@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:#071426;--navy2:#102640;--gold:#e8b84c;--ink:#132238;--muted:#aeb9c9}
*{box-sizing:border-box}
body{margin:0;background:#f6f7fa;color:var(--ink);font-family:'DM Sans',sans-serif}
a{color:inherit;text-decoration:none}

.ticker-wrap{overflow:hidden;white-space:nowrap;background:var(--gold);color:#101b2a;padding:10px 0;font-size:10px;font-weight:800;letter-spacing:2px}
.ticker{display:flex;width:max-content;white-space:nowrap;animation:ticker-scroll 28s linear infinite}
.ticker span{display:block;flex:none;padding-right:3rem}
.ticker-wrap:hover .ticker{animation-play-state:paused}
@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

header{height:82px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 7%;color:white;position:sticky;top:0;z-index:9;border-bottom:1px solid #ffffff20}

.brand{display:flex;align-items:center;gap:11px;font:900 16px Manrope,sans-serif;letter-spacing:2px;font-weight:900}
.brand-logo{height:62px;width:62px;object-fit:contain;border-radius:5px;background:#fff;padding:2px;display:block;flex:0 0 62px}
.brand small{display:block;font:700 8px 'DM Sans';letter-spacing:3px;color:var(--gold);margin-top:3px}

nav{display:flex;align-items:center;gap:22px;font-size:12px;color:#d6deea}
nav a:hover,nav .active{color:var(--gold)}
.cta,.button{display:inline-block;background:var(--gold);color:var(--navy);padding:14px 19px;font-size:12px;font-weight:800}
.menu{display:none}

.hero{min-height:590px;background:linear-gradient(90deg,#061426f5,#071426d9 55%,#07142670),url('https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?auto=format&fit=crop&w=2000&q=85') center/cover;display:grid;grid-template-columns:1.3fr .7fr;gap:6%;align-items:center;padding:80px 9%;color:white}
.hero>div{max-width:690px}
.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:800;color:#bd9137;margin:0 0 17px}
.hero h1,.pagehero h1{font:800 clamp(42px,5vw,67px)/1.08 Manrope;letter-spacing:-2px;margin:0 0 22px}
.hero em,.pagehero em{color:var(--gold);font-style:normal}
.lead{font-size:15px;line-height:1.85;color:#c4cedc;max-width:700px}
.ghost{background:transparent;border:1px solid #ffffff77;color:white;margin-left:8px}
.muted{font-size:11px;color:#9caabd;line-height:1.7}

.model{background:#0b1c32ed;border:1px solid #ffffff25;padding:28px}
.model h2{font:700 22px Manrope}
.model ol{padding-left:22px;line-height:2.2;color:#e1e7ef;font-size:13px}
.model li::marker{color:var(--gold)}
.model small{font-size:10px;color:#9eacbd}

.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 8%;background:white}
.stats div{padding:8px 20px;border-right:1px solid #e8ebf0}
.stats div:last-child{border:0}
.stats b{display:block;font:800 26px Manrope;color:#17385e}
.stats span{font-size:11px;color:#718096}

.section{padding:82px 9%}
.center{text-align:center;max-width:760px;margin:0 auto 38px}
.center h2,.section h2,.enrol h2{font:800 clamp(28px,3.5vw,42px)/1.2 Manrope;letter-spacing:-1px;margin:0 0 15px}
.center>p:not(.eyebrow){color:#68778b;line-height:1.8;font-size:13px}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.cards.two{grid-template-columns:repeat(2,1fr)}
.cards article{background:white;padding:28px;border:1px solid #e6eaf0;transition:.2s}
.cards article:hover{transform:translateY(-4px);box-shadow:0 15px 35px #07142612}
.cards i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:1px;color:#b98b30}
.cards h3{font:700 18px Manrope;margin:17px 0 9px}
.cards p{font-size:12px;line-height:1.8;color:#697789}

.enrol{margin:0 9% 65px;padding:40px 5%;background:var(--navy2);color:white;display:flex;align-items:center;justify-content:space-between;gap:25px}
.enrol p:not(.eyebrow){color:#bac5d4;font-size:13px;line-height:1.7}
.enrol>div:last-child{display:grid;gap:10px;min-width:160px}
.enrol small{font-size:9px;letter-spacing:2px}
.enrol b{font:800 40px Manrope;color:var(--gold)}

.risk{margin:0 9% 60px;padding:20px;background:white;border-left:3px solid var(--gold)}
.risk p,.review-note{font-size:11px;line-height:1.8;color:#697789}

.pagehero{padding:95px 10%;background:linear-gradient(110deg,#071426,#153456);color:white}
.pagehero .lead{max-width:780px}
.dark{background:var(--navy);color:white}
.dark .cards article{background:#10233c;border-color:#ffffff20}
.dark .cards p,.dark .center>p:not(.eyebrow){color:#b5c0cf}

.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.steps div{background:white;padding:20px}
.steps b{color:#bd9137}
.steps h3{font:700 15px Manrope}
.steps p{font-size:11px;line-height:1.6;color:#697789}

.reviews{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.review{background:white;border:1px solid #e5e9ef;padding:27px;position:relative}
.rating{font:800 25px Manrope;color:#b7892e}
.rating span{font-size:12px;color:#8994a4}
.review h3{font:700 17px Manrope;margin:13px 0}
.review p{font-size:12px;line-height:1.85;color:#58677a}
.review small{font-size:10px;color:#9a7a36;font-weight:700}
.review-note{margin-top:22px}

.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:28px}
.foot p{font-size:11px;line-height:1.8;color:#aeb9c9}
.foot p a{color:#e7bd62}
footer{background:#050f1e;color:white;padding:38px 9% 18px}
.bottom{border-top:1px solid #ffffff20;padding-top:17px;display:flex;justify-content:space-between;font-size:10px;color:#95a2b4}

/* Review ratings and submission form */
.rating{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rating .stars{font-size:1.2rem;letter-spacing:2px;color:#d6a928}
.rating .score{font-size:.9rem;color:#d6a928}

.review-form-wrap{max-width:900px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}
.review-form{display:grid;gap:12px;background:#fff;border:1px solid #e7e8ed;border-radius:16px;padding:28px;box-shadow:0 15px 45px rgba(0,0,0,.06)}
.review-form label,.review-form legend{font-weight:600;color:#15213a}
.review-form input[type=text],.review-form textarea{width:100%;padding:13px 14px;border:1px solid #d9dce5;border-radius:8px;font:inherit}
.review-form textarea{resize:vertical}
.review-form fieldset{border:0;padding:0;margin:6px 0}
.star-picker{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:6px}
.star-picker input{position:absolute;opacity:0}
.star-picker label{font-size:2rem;color:#c8cbd2;cursor:pointer}
.star-picker label:has(input:checked),.star-picker label:has(input:checked)~label,.star-picker label:hover,.star-picker label:hover~label{color:#d6a928}
.consent{display:flex;gap:10px;align-items:flex-start;font-weight:400!important}
.consent input{margin-top:5px}
.form-feedback{font-size:.9rem;color:#687187}
.form-feedback.error{color:#a32323}
.form-feedback.success{color:#176b42}
.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}

/* Enhanced brand visibility and footer */
header .brand{gap:13px;font-size:18px;font-weight:900;letter-spacing:2px}
header .brand-logo{height:64px;width:64px;flex-basis:64px;border-radius:8px;padding:3px}
footer .brand-logo{height:76px;width:76px;flex-basis:76px;border-radius:9px;padding:4px}
.footer-brand-block{min-width:220px}
.footer-brand{font-size:18px;font-weight:900;letter-spacing:2px}
.footer-brand-block>p{margin:12px 0 0}
.footer-social{max-width:430px}
.footer-social>strong{display:block;color:var(--gold);font-size:10px;letter-spacing:2px;margin-bottom:13px}
.social-links{display:flex;flex-wrap:wrap;gap:9px}
.social-links a{display:flex;flex-direction:column;gap:3px;border:1px solid #ffffff26;border-radius:5px;padding:9px 11px;color:#fff;font-size:11px;font-weight:700;transition:.2s}
.social-links a:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.social-links a span{font-size:9px;color:#aeb9c9;font-weight:400}
.footer-contact{min-width:160px}

/* Responsive layout */
@media(max-width:850px){
nav{gap:10px;font-size:10px}
.hero{grid-template-columns:1fr}
.model{max-width:460px}
.steps{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:760px){
.review-form-wrap{grid-template-columns:1fr}
.review-form{padding:20px}
}

@media(max-width:650px){
header{height:70px;padding:0 5%}
.menu{display:block;background:none;border:1px solid #ffffff55;color:white;padding:8px 11px;font-size:18px}
nav{display:none;position:absolute;top:70px;left:0;right:0;background:#071426;padding:20px 6%;flex-direction:column;align-items:stretch;gap:17px}
nav.open{display:flex}
.cta{text-align:center}
.hero{padding:65px 7%;min-height:0}
.hero h1,.pagehero h1{font-size:42px}
.stats{grid-template-columns:repeat(2,1fr);gap:12px;padding:22px 5%}
.stats div:nth-child(2){border:0}
.section{padding:60px 6%}
.cards,.cards.two,.reviews{grid-template-columns:1fr}
.enrol{margin:0 6% 45px;padding:30px 7%;display:block}
.enrol>div:last-child{margin-top:22px}
.pagehero{padding:70px 7%}
.steps{grid-template-columns:1fr}
.foot{align-items:flex-start;flex-direction:column}
.bottom{flex-direction:column;gap:10px}
header .brand-logo{height:55px;width:55px;flex-basis:55px}
header .brand{font-size:15px;font-weight:900}
.footer-social{width:100%}
.social-links{gap:7px}
.social-links a{flex:1 1 42%}
footer .brand-logo{height:68px;width:68px;flex-basis:68px}
}