/* Defence Mania — age calculator experience */
:root{--ink:#15251d;--forest:#173c2c;--green:#237600;--lime:#c7f36b;--paper:#f6f8f3;--muted:#68766d;--line:#e2e9df;--white:#fff;--red:#d34a36}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:15px;line-height:1.6}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.announcement{height:38px;background:#173c2c;color:#e9f4e6;display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:1.2px;padding:0 16px}
.announcement a{color:var(--lime);margin-left:10px}.announcement a span{font-size:14px}
.pulse{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px #c7f36b22}
.site-header{height:82px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e9eee8}
.nav-wrap{max-width:1180px;height:100%;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:17px;font-weight:900;letter-spacing:-.7px;line-height:1.05}
.brand img{width:48px;height:48px;object-fit:contain}.brand-green{color:var(--green)}.brand small{display:block;font-family:"DM Sans",sans-serif;font-size:8px;letter-spacing:1.7px;font-weight:700;color:#7d887f;margin-top:5px}
.main-nav{display:flex;align-items:center;gap:34px}.main-nav a{font-size:13px;color:#4f5c53;font-weight:600;transition:.2s}.main-nav a:hover{color:var(--green)}
.nav-cta{background:var(--forest);color:white;border-radius:4px;padding:12px 17px;font-size:12px;font-weight:700}.nav-cta span{color:var(--lime);margin-left:10px}.menu-toggle{display:none;background:none;border:0;font-size:23px}
.hero{background:var(--paper);position:relative;overflow:hidden;padding:75px 24px 0}
.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid #dce6d7;border-radius:50%;right:-230px;top:-250px}
.hero-grid{max-width:1130px;margin:auto;display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:70px;min-height:440px}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--green);display:flex;align-items:center;gap:9px}.eyebrow>span{font-size:16px}
.hero h1,.section-heading h2,.calculator-aside h3,.exam-band h2{font-family:Manrope,sans-serif;letter-spacing:-2.4px}
.hero h1{font-size:clamp(46px,5.2vw,67px);line-height:1.08;margin:20px 0 20px;font-weight:800}.hero h1 em,.section-heading h2 em,.calculator-aside h3 em,.exam-band h2 em{font-style:normal;color:var(--green)}
.hero-lead{font-size:16px;color:#657269;max-width:490px;line-height:1.85;margin:0}
.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}
.button{display:inline-flex;align-items:center;gap:30px;padding:15px 20px;border-radius:4px;font-size:12px;font-weight:800;transition:.2s}
.button-lime{background:var(--lime);color:#19311e}.button-lime:hover{background:#b6e65a;transform:translateY(-2px)}
.button span{font-size:17px}.text-link{font-size:12px;font-weight:700;color:#526158}.text-link span{margin-left:7px;color:var(--green)}
.trust-row{display:flex;align-items:center;gap:13px;margin-top:39px}.avatar-stack{display:flex}.avatar-stack b{width:30px;height:30px;border-radius:50%;background:#dfe9d7;border:2px solid var(--paper);display:grid;place-items:center;margin-right:-7px;font-size:9px;color:var(--forest)}.avatar-stack b:nth-child(2){background:#d8e5c8}.avatar-stack b:nth-child(3){background:#254c35;color:#fff}
.trust-row p{font-size:11px;line-height:1.5;margin:0}.trust-row strong{font-size:12px}.trust-row p span{color:#879187}
.hero-visual{height:400px;position:relative;display:grid;place-items:center}
.hero-visual:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:#e5eddd}
.orbit{position:absolute;border:1px solid #c9d8c4;border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:430px;height:220px}.orbit-two{width:480px;height:300px;transform:rotate(45deg)}
.hero-emblem{position:relative;width:230px;height:290px;background:linear-gradient(145deg,#244d35,#102b20);clip-path:polygon(50% 0,94% 14%,88% 72%,50% 100%,12% 72%,6% 14%);color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:30px;box-shadow:0 20px 50px #193d2c30}
.emblem-star{font-size:27px;color:var(--lime)}.hero-emblem>strong{font-size:9px;letter-spacing:3px;margin-top:5px}.hero-emblem>small{font-size:6px;letter-spacing:1px;color:#c6d7c8}.emblem-line{height:1px;width:55px;background:#9ab58e;margin:16px}.hero-emblem>b{text-align:center;font:800 29px/1.05 Manrope,sans-serif;letter-spacing:1px}.hero-emblem i{font-style:normal;color:var(--lime)}
.floating-card{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:white;padding:13px 16px;border-radius:7px;box-shadow:0 12px 32px #1d392019}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:11px}.floating-card small{font-size:9px;color:#89938b;margin-top:2px}.card-top{top:48px;right:0}.card-bottom{bottom:50px;left:-5px}.mini-icon,.mini-check{width:30px;height:30px;display:grid;place-items:center;border-radius:5px;background:#eff6e8;color:var(--green);font-size:17px}.mini-check{background:var(--green);color:#fff}
.visual-caption{position:absolute;bottom:7px;right:20px;font-size:8px;font-weight:800;letter-spacing:2px;color:#788779}
.hero-strip{max-width:1130px;margin:40px auto 0;border-top:1px solid #dfe7dc;display:flex;align-items:center;justify-content:center;gap:45px;padding:21px 0;color:#58665c}.hero-strip div{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700}.hero-strip b{color:var(--green);font:800 12px Manrope}.hero-strip>i{width:4px;height:4px;border-radius:50%;background:#b4c3b0}
.calculator-section{padding:88px 24px 100px;background:#fff}
.section-heading{text-align:center;max-width:650px;margin:0 auto 45px}.dark-eyebrow{justify-content:center}.section-heading h2{font-size:40px;line-height:1.2;margin:13px 0 10px;font-weight:800}.section-heading p{color:#758078;font-size:14px;margin:0}
.calculator-layout{max-width:1080px;margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:start}
.calculator-aside{padding:28px 10px 20px 0}.aside-badge{display:inline-block;background:#eff6e9;color:var(--green);padding:8px 11px;border-radius:3px;font-size:9px;letter-spacing:1.1px;font-weight:800}
.calculator-aside h3{font-size:34px;line-height:1.2;margin:21px 0 14px;letter-spacing:-1.3px}.calculator-aside>p{font-size:13px;color:#778279;line-height:1.8;margin-bottom:28px}
.aside-feature{display:flex;gap:14px;margin:22px 0}.aside-feature>span{font:800 12px Manrope;color:var(--green);padding-top:2px}.aside-feature b,.aside-feature small{display:block}.aside-feature b{font-size:12px}.aside-feature small{font-size:11px;color:#859087;margin-top:3px}
.aside-note{display:flex;gap:13px;padding:15px;background:#f4f7f0;border-left:3px solid var(--green);margin-top:29px}.aside-note>span{font-size:20px;color:var(--green)}.aside-note p{margin:0;font-size:10px;line-height:1.6;color:#68766d}.aside-note b{font-size:11px;color:var(--ink)}
.form-card{border:1px solid #e5ebe2;border-radius:9px;padding:30px 32px 22px;box-shadow:0 18px 55px #183b2510;background:#fff}
.form-card-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0eb;padding-bottom:20px;margin-bottom:22px}.step-label{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#879188}.step-label b{color:var(--green);padding:0 5px}.form-card-head h3{font:800 23px Manrope;letter-spacing:-.7px;margin:6px 0 2px}.form-card-head p{font-size:11px;color:#89938b;margin:0}.form-card-head sup,.field label sup{color:#d34a36}.form-mark{width:43px;height:43px;border-radius:50%;background:#eff6e9;color:var(--green);display:grid;place-items:center;font:900 12px Manrope;position:relative}.form-mark span{position:absolute;right:-3px;top:-5px;color:#c2e85c;font-size:17px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 15px}.field{min-width:0}.field-wide{grid-column:1/-1}.field label{display:block;font-size:11px;font-weight:700;margin-bottom:7px;color:#34433a}.label-tag{font-size:8px;letter-spacing:.7px;color:var(--green);background:#eff6e9;border-radius:3px;padding:4px 6px;margin-left:8px;vertical-align:1px}
input[type=text],input[type=email],input[type=tel],input[type=date],select{width:100%;height:44px;border:1px solid #dce4da;border-radius:4px;background:#fbfcfa;color:#27372d;padding:0 12px;font-size:12px;outline:none;transition:.2s}
input::placeholder{color:#a5aea6}select{color:#657269}input:focus,select:focus{border-color:#5d9651;box-shadow:0 0 0 3px #23760012;background:#fff}input[readonly]{background:#f0f6ed;color:#31533a}select:disabled{background:#f0f2ef;color:#a4aca5}
.inline{display:flex;gap:8px}.inline input{flex:1;min-width:0}.btn-secondary{border:0;background:var(--forest);color:white;padding:0 15px;border-radius:4px;font-size:10px;font-weight:700;white-space:nowrap}.btn-secondary:hover:not(:disabled){background:var(--green)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}
.err{display:block;color:var(--red);font-size:10px;margin-top:4px}.err:empty{display:none}.has-error input,.has-error select{border-color:var(--red)}.info{display:block;color:#78857a;font-size:10px;margin-top:6px}.info:empty{display:none}.info.ok{color:var(--green)}
.otp-box{margin-top:10px;padding:12px;background:#f5f8f2;border:1px dashed #cbd9c6;border-radius:4px}.otp-box label{font-weight:500;font-size:10px}.otp-box input{letter-spacing:5px;text-align:center;font-weight:700}.link-btn{background:none;border:0;padding:0;margin:7px 0 0;color:var(--green);font-size:10px;text-decoration:underline;cursor:pointer}.link-btn:disabled{color:#9aa49a;text-decoration:none;cursor:default}.verified{margin-top:9px;padding:9px 11px;background:#edf7e9;color:#27723a;border-radius:4px;font-size:11px;font-weight:700}.verified .link-btn{float:right;margin:0}.field-hint{display:block;font-size:9px;color:#929c93;margin-top:5px}
[hidden]{display:none!important}
.btn-primary{width:100%;height:49px;margin-top:22px;border:0;border-radius:4px;background:var(--green);color:#fff;font-size:12px;font-weight:800;letter-spacing:.2px;transition:.2s}.btn-primary span{font-size:17px;margin-left:10px}.btn-primary:hover:not(:disabled){background:var(--forest);transform:translateY(-1px)}.btn-primary:disabled{background:#a9b9a5;cursor:not-allowed}
.hint{text-align:center;font-size:10px;color:#879187;margin:10px 0 0}#result{margin-top:18px;font-size:12px}#result p{margin:0 0 10px}.success{color:#28733c}.success h3{margin:0 0 8px}.error{color:#c62828}.warning{padding:12px;background:#fff6dc;border:1px solid #f0dda2;color:#6b5200;border-radius:5px}#result ul{padding-left:20px;margin:0 0 6px}.wa-btn{display:block;text-align:center;margin-top:15px;padding:12px;background:#25d366;color:#fff;text-decoration:none;border-radius:5px;font-weight:700}.notes{margin-top:14px;padding:10px 12px;background:#eef5e9;border-left:4px solid var(--green);border-radius:4px;color:#24382b;font-size:11px}.notes ul{margin-top:6px}
.privacy-line{border-top:1px solid #edf0eb;margin-top:20px;padding-top:14px;text-align:center;font-size:9px;color:#89938b}.privacy-line span{color:var(--green);font-size:14px;margin-right:5px}
.how-section{background:var(--paper);padding:83px 24px 90px}.how-section .section-heading{margin-bottom:42px}.steps-grid{max-width:1030px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps-grid article{position:relative;background:#fff;padding:26px 25px 28px;border:1px solid #e7ede4;border-radius:6px;min-height:190px}.step-number{position:absolute;right:20px;top:18px;font:800 12px Manrope;color:#c4d2bf}.step-icon{width:39px;height:39px;display:grid;place-items:center;background:#eff6e9;color:var(--green);border-radius:5px;font-size:19px}.steps-grid h3{font:800 15px Manrope;margin:18px 0 7px}.steps-grid p{font-size:11px;color:#7d897f;line-height:1.7;margin:0}
.exam-band{background:#173c2c;color:#fff;padding:52px max(24px,calc((100% - 1030px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px}.exam-band .eyebrow{color:var(--lime)}.exam-band h2{font-size:31px;line-height:1.2;margin:10px 0}.exam-band h2 em{color:var(--lime)}.exam-band p{font-size:12px;color:#c2d1c5;margin:0}
.faq-section{padding:85px 24px 95px}.faq-section .section-heading{margin-bottom:32px}.faq-list{max-width:780px;margin:auto}.faq-list details{border-bottom:1px solid #e5ebe2;padding:19px 4px}.faq-list summary{cursor:pointer;font:700 13px Manrope;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--green);font-size:19px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:12px;color:#758078;line-height:1.8;max-width:680px;margin:12px 0 0}
.site-footer{background:#10291e;color:#fff;padding:55px 24px 0}.footer-main{max-width:1080px;margin:auto;display:grid;grid-template-columns:1.5fr .8fr .9fr 1.2fr;gap:42px;padding-bottom:42px}.footer-brand{color:#fff}.footer-brand img{width:46px;height:46px;background:#fff;border-radius:50%;padding:3px}.footer-brand small{color:#9eafa2}.footer-about>p{font-size:11px;color:#aab9ae;line-height:1.9;max-width:260px;margin:19px 0}.footer-motto{font-size:9px;letter-spacing:2px;font-weight:800;color:#d8e6d5}.footer-motto span{color:var(--lime);margin-left:5px}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-col h4{font:800 12px Manrope;margin:4px 0 9px;color:#fff}.footer-col>a,.footer-col>p{font-size:10px;color:#aab9ae;margin:0}.footer-col>a:hover{color:var(--lime)}.footer-contact-cta{color:var(--lime)!important;margin-top:8px!important;font-weight:700}.footer-bottom{max-width:1080px;margin:auto;border-top:1px solid #ffffff20;padding:18px 0;display:flex;justify-content:space-between;gap:15px;color:#8fa397;font-size:9px;letter-spacing:.3px}.footer-bottom a{color:#d8e6d5}
@media(max-width:850px){.hero-grid{gap:25px}.hero-visual{transform:scale(.88);margin:0 -20px}.calculator-layout{grid-template-columns:1fr;gap:20px}.calculator-aside{padding:0;max-width:650px;margin:auto}.aside-feature{display:inline-flex;width:32%;vertical-align:top;padding-right:8px}.aside-note{max-width:600px}.footer-main{grid-template-columns:1fr 1fr}.main-nav{gap:18px}}
@media(max-width:640px){.announcement{font-size:8px;letter-spacing:.5px;height:auto;min-height:36px;flex-wrap:wrap;gap:6px}.announcement a{margin-left:4px}.site-header{height:68px}.nav-wrap{padding:0 17px}.brand{font-size:14px}.brand img{width:40px;height:40px}.nav-cta{display:none}.menu-toggle{display:block;color:var(--forest)}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:white;padding:18px 22px;box-shadow:0 12px 20px #142c1b12;flex-direction:column;align-items:flex-start;gap:17px}.main-nav.open{display:flex}
.hero{padding:52px 20px 0}.hero-grid{grid-template-columns:1fr;gap:0}.hero h1{font-size:47px;letter-spacing:-2px}.hero-lead{font-size:14px}.hero-visual{height:330px;transform:scale(.83);transform-origin:top center;margin:8px 0 -35px}.card-top{right:-12px}.card-bottom{left:-14px}.hero-strip{gap:10px;justify-content:space-between;padding:16px 0}.hero-strip div{gap:6px;font-size:9px}.hero-strip>i{display:none}
.calculator-section{padding:65px 15px 70px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:31px;letter-spacing:-1.5px}.section-heading p{font-size:12px}.calculator-aside h3{font-size:30px}.aside-feature{width:100%;margin:15px 0}.form-card{padding:22px 17px 18px}.form-card-head h3{font-size:20px}.form-grid{grid-template-columns:1fr;gap:15px}.field-wide{grid-column:auto}.inline{gap:6px}.btn-secondary{padding:0 11px;font-size:9px}.how-section{padding:65px 17px}.steps-grid{grid-template-columns:1fr;gap:11px}.steps-grid article{min-height:0;padding:20px}.exam-band{padding:38px 20px;display:block}.exam-band h2{font-size:27px}.exam-band .button{margin-top:20px}.faq-section{padding:65px 18px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 18px}.footer-about{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;line-height:1.6}.footer-bottom span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Clean, focused layout */
.simple-hero{padding:62px 24px 58px;text-align:center;background:var(--paper)}
.simple-hero .hero-copy{max-width:760px;margin:0 auto}
.simple-hero .eyebrow{justify-content:center}
.simple-hero h1{font-size:clamp(36px,4.5vw,54px);margin:15px 0 12px;letter-spacing:-2px}
.simple-hero .hero-lead{max-width:620px;margin:0 auto;font-size:15px}
.simple-hero .button{margin-top:22px}
.calculator-section{padding:64px 24px 76px}
.calculator-layout{display:block;max-width:780px}
.form-card{max-width:780px;margin:0 auto;box-shadow:0 8px 30px #183b250a}
.section-heading{margin-bottom:30px}
.site-footer{padding-top:34px}
.footer-main{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:26px}
.footer-about>p{margin:12px 0 0}
@media(max-width:640px){.simple-hero{padding:45px 18px 42px}.simple-hero h1{font-size:36px}.simple-hero .hero-lead{font-size:13px}.calculator-section{padding:48px 14px 55px}.footer-main{grid-template-columns:1fr}.footer-about{grid-column:auto}}


/* Brand mark and eligible-course recommendations */
.brand img{width:54px;height:54px;object-fit:contain;display:block;flex:0 0 auto}
.footer-brand img{width:54px;height:54px;background:transparent;border-radius:0;padding:0}
.course-recommendations{margin-top:22px;padding:18px;background:#f6f8f3;border:1px solid #e2e9df;border-radius:7px;color:var(--ink)}
.course-recommendations h4{font:800 16px Manrope,sans-serif;margin:0 0 4px;color:var(--ink)}
.course-intro{font-size:11px;color:#68766d;margin:0 0 14px}
.recommended-course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.recommended-course{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e9df;border-radius:5px;padding:10px;min-width:0}
.recommended-course img{width:58px;height:58px;object-fit:contain;flex:0 0 58px}
.recommended-course-content{display:flex;flex-direction:column;gap:5px;min-width:0}
.recommended-course-content strong{font:700 12px Manrope,sans-serif}
.course-link{font-size:10px;font-weight:700;color:var(--green)}
.course-link:hover{text-decoration:underline}
@media(max-width:640px){.brand img{width:46px;height:46px}.footer-brand img{width:48px;height:48px}.course-recommendations{padding:14px}.recommended-course-grid{grid-template-columns:1fr}}

/* Featured courses (Green Pass / Foundation Batch) */
.course-subhead{font:800 12px Manrope,sans-serif;margin:18px 0 10px;color:var(--ink)}
.featured-courses{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.featured-course{display:flex;flex-direction:column;background:#fff;border:1px solid #e2e9df;border-radius:7px;overflow:hidden;min-width:0}
.featured-course img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.featured-course-body{display:flex;flex-direction:column;gap:5px;padding:12px;flex:1}
.featured-tag{font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--green)}
.featured-course-body strong{font:800 14px/1.3 Manrope,sans-serif;color:var(--ink)}
.featured-desc{font-size:11px;color:#68766d;line-height:1.5}
.featured-btn{margin-top:auto;padding-top:0;display:block;text-align:center;background:var(--green);color:#fff;padding:10px 12px;border-radius:4px;font-size:11px;font-weight:800}
.featured-desc{margin-bottom:8px}
.featured-btn:hover{background:var(--forest)}
@media(max-width:640px){.featured-courses{grid-template-columns:1fr}}

/* Date field: stop it overflowing the card on iPhone/Safari */
input[type=date]{display:block;min-width:0;max-width:100%;-webkit-appearance:none;appearance:none;text-align:left}

/* Logo in form card header */
.form-logo{width:56px;height:56px;object-fit:contain;flex:0 0 auto;display:block}
@media(max-width:640px){.form-logo{width:46px;height:46px}}