:root{--white:#fff;--navy:#20295d;--teal:#5dc19f;--orange:#f5823d;--ink:#151722;--muted:#6e7284;--soft:#f4f6fa;--line:#e5e8f0;--radius:18px;--shadow:0 20px 60px rgba(32,41,93,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F5F1EB;color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.45}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:'Manrope',sans-serif;letter-spacing:-.035em}img{width:100%;display:block}a{text-decoration:none;color:inherit}button{font:inherit}fieldset{border:0;margin:0;padding:0}.container{margin:auto}.section{padding:92px 0}.eyebrow{display:inline-flex;align-items:center;gap:7px;background:var(--teal);color:#112b25;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:13px 21px;border:1px solid transparent;font-weight:700;font-size:14px;cursor:pointer;transition:.25s}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{transform:translateY(-2px)}.btn-outline{border-color:var(--navy);color:var(--navy);background:#fff}.btn-small{padding:10px 17px;font-size:14px}.arrow{font-size:18px;line-height:1}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}

/* Site-wide floating WhatsApp button (footer.php, every page). Sits below
   the nav (z-index:1200) and the modal (z-index:1000) so neither gets
   covered by it. */
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:900;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.4);transition:transform .2s ease,box-shadow .2s ease}
.whatsapp-float svg{width:30px;height:30px}
.whatsapp-float:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 30px rgba(37,211,102,.5)}
@media(max-width:620px){.whatsapp-float{right:16px;bottom:16px;width:52px;height:52px}.whatsapp-float svg{width:26px;height:26px}}

/* NAV -- sizing lives entirely in shared-nav-footer-lock.css (the single
   source of truth for header dimensions, loaded last on every page); only
   interaction/hover behaviour stays here. */
.nav-links>a,.nav-drop-trigger{transition:color .2s ease;line-height:1}.nav-links>a:hover,.nav-drop-trigger:hover{color:var(--orange)}
.nav-links>a.active,.nav-drop-trigger.active{color:var(--orange)}
.nav-dropdown{position:relative;display:flex;align-items:center}.nav-drop-trigger{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:10px 0}.nav-drop-trigger svg{width:11px;height:11px;transition:transform .25s ease}.nav-dropdown:hover .nav-drop-trigger svg{transform:rotate(180deg)}
.nav-drop-menu{position:absolute;top:62px;left:50%;transform:translate(-50%,8px);min-width:190px;background:#fff;border:1px solid rgba(32,41,93,.10);border-radius:14px;padding:8px;box-shadow:0 18px 45px rgba(32,41,93,.14);opacity:0;visibility:hidden;transition:.22s ease}
.nav-dropdown:hover .nav-drop-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-drop-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:14px;color:var(--navy)}.nav-drop-menu a:hover{background:#F5F1EB;color:var(--orange)}

/* SITE MODAL ("Talk to <advisor>" quick enquiry) -- markup lives in
   footer.php so it loads on every page, including the homepage, which
   doesn't enqueue inner-pages.css. Its styling therefore has to live here
   in base.css (the only stylesheet every page shares) rather than riding
   on the .field/.form-grid rules in inner-pages.css, or it silently loses
   all layout on any page that skips that module. */
.site-modal{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:20px;background:rgba(15,18,43,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:modalFade .25s ease both}
.site-modal-card{width:min(440px,100%);max-height:90vh;overflow:auto;position:relative;background:#fff;border-radius:24px;padding:36px 32px 32px;box-shadow:0 30px 80px rgba(15,18,43,.35),0 2px 8px rgba(15,18,43,.08);animation:modalPop .3s cubic-bezier(.2,.8,.2,1) both}
.site-modal-close{position:absolute;right:18px;top:18px;border:0;background:var(--soft);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;color:var(--muted);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
.site-modal-close:hover{background:var(--navy);color:#fff}
.site-modal-title{font:800 28px/1.12 'Manrope';color:var(--navy);margin:16px 0 6px}
.site-modal-subtitle{color:var(--muted);font-size:14px;margin-bottom:24px}
.site-modal .field{display:grid;gap:7px;margin-bottom:16px}
.site-modal .field label{font-size:14px;font-weight:800;color:var(--navy);letter-spacing:.02em}
.site-modal .field input,.site-modal .field select,.site-modal .field textarea{width:100%;border:1.5px solid #e5e8f0;background:#fafbfd;border-radius:13px;padding:14px 16px;font:14px 'DM Sans';color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
.site-modal .field input:focus,.site-modal .field select:focus,.site-modal .field textarea:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 4px rgba(93,193,159,.14)}
.site-modal .btn-primary{width:100%;justify-content:center;padding:16px;font-size:15px;border-radius:14px;margin-top:2px;box-shadow:0 12px 24px rgba(245,130,61,.28)}
.site-modal .btn-primary:hover{box-shadow:0 16px 30px rgba(245,130,61,.34)}
@keyframes modalFade{from{opacity:0}to{opacity:1}}
@keyframes modalPop{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.site-modal,.site-modal-card{animation:none}}

/* CF7 submit feedback (spinner + success/error banner) -- global, not
   scoped to the modal, so both the "Talk to Kishan" popup and the full
   Contact Us page form get it. CF7's own stylesheet normally provides
   this, but it's deliberately dequeued sitewide (inc/cf7-setup.php) to
   stop it fighting with this theme's own form styles, which silently
   took the spinner and response styling with it -- this replaces just
   those two pieces. The status classes (.submitting/.sent/.invalid/...)
   are added to the <form> itself by CF7's own JS; nothing else here
   needs to change for this to work. */
.wpcf7-not-valid-tip{font-size:14px;color:#d1453b;margin-top:5px;font-weight:600;display:block}
.wpcf7-response-output{font-size:14px;font-weight:700;border-radius:12px;margin:16px 0 0!important;padding:13px 16px!important;border:1.5px solid transparent!important}
.wpcf7-response-output:empty{display:none}
.wpcf7-form.sent .wpcf7-response-output{background:#eafbf3;color:#146c4a;border-color:rgba(93,193,159,.45)!important}
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.unaccepted .wpcf7-response-output,
.wpcf7-form.spam .wpcf7-response-output,
.wpcf7-form.aborted .wpcf7-response-output,
.wpcf7-form.failed .wpcf7-response-output,
.wpcf7-form.payment-required .wpcf7-response-output{background:#fdecea;color:#9a2f27;border-color:rgba(209,69,59,.35)!important}

.wpcf7-spinner{display:inline-block!important;visibility:hidden;width:18px;height:18px;margin:0 0 0 12px;vertical-align:middle;border:2.5px solid rgba(32,41,93,.15);border-top-color:var(--navy);border-radius:50%;animation:wpcf7Spin .7s linear infinite;background:none!important;opacity:1!important}
.wpcf7-form.submitting .wpcf7-spinner{visibility:visible}
.wpcf7-form.submitting .wpcf7-submit{opacity:.6;pointer-events:none;cursor:wait}
@keyframes wpcf7Spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.wpcf7-spinner{animation:none}}
@media(max-width:480px){.site-modal-card{padding:30px 22px 26px;border-radius:20px}.site-modal-title{font-size:24px}}


/* HERO */
.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:75px;align-items:center}.hero h1{font-size:clamp(44px,5vw,71px);line-height:1.02;max-width:650px;margin:16px 0 20px}.hero .lead{max-width:580px;color:var(--muted);font-size:16px}.hero-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.hero-stats{display:flex;gap:52px;margin-top:44px}.hero-stat strong{display:block;font:800 27px/1 'Manrope';color:var(--navy)}.hero-stat span{display:block;margin-top:6px;color:var(--muted);font-size:14px}.hero-visual{position:relative;height:500px}.portrait-bg{position:absolute;right:0;top:32px;width:84%;height:420px;background:var(--navy);border-radius:20px;overflow:hidden}.portrait-bg img{height:100%;object-fit:cover;position:relative;z-index:2;mix-blend-mode:normal}.hero-float{position:absolute;left:2px;bottom:18px;background:#F5F1EB;border-radius:16px;box-shadow:var(--shadow);padding:18px 20px;width:260px;z-index:4}.float-row{display:flex;align-items:center;gap:10px;font-size:14px;margin:9px 0}.float-dot{width:10px;height:10px;border-radius:50%;background:var(--teal)}.float-row:nth-child(2) .float-dot{background:var(--orange)}.float-row:nth-child(3) .float-dot{background:var(--navy)}.portrait-bg,.hero-float{animation:heroUp .9s cubic-bezier(.2,.7,.2,1) both}.hero-float{animation-delay:.15s}@keyframes heroUp{from{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}

/* HERO TICKER -- continuous scrolling "Mutual Funds Sahi Hai" strip, flat
   (no rotation), after the hero's CTA/credibility-stats row. Three copies
   of the same image sit side by side in the track and the track slides
   exactly one copy-width (-33.3334%) on loop, so the seam between copies
   is invisible. */
.hero-ticker-wrap{overflow:hidden;background:#00a885;margin-top:14px}
.hero-ticker-track{display:flex;width:max-content;animation:heroTicker 26s linear infinite}
.hero-ticker-img{height:58px;width:auto;display:block;flex:0 0 auto}
@keyframes heroTicker{from{transform:translateX(0)}to{transform:translateX(-33.3334%)}}
@media(prefers-reduced-motion:reduce){.hero-ticker-track{animation:none}}
@media(max-width:620px){.hero-ticker-img{height:38px}.hero-ticker-track{animation-duration:18s}}

/* SERVICES BAND */
.services{background:var(--navy);color:#fff;position:relative;overflow:hidden}.services .head{text-align:center;max-width:700px;margin:0 auto 36px}.services h2,.testimonial h2{color:#fff;font-size:42px;line-height:1.08;margin:14px 0 12px}.services .head p,.testimonial .head p{color:#cfd4e6}.service-list{display:grid;gap:16px}.service-card{background:#F5F1EB;color:var(--ink);border-radius:18px;overflow:hidden;transition:background .35s ease,transform .3s ease}.service-card.open{background:var(--teal)}.service-item{padding:24px 30px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:88px}.service-title{display:flex;align-items:center;gap:22px;font-weight:600;font-size:22px;line-height:1.2}.service-num{color:#8a90a5;font-size:14px;font-weight:500}.service-card.open .service-num{color:rgba(255,255,255,.78)}.service-card.open .service-title{color:#FFFFFF}.service-toggle{width:44px;height:44px;border-radius:50%;background:var(--orange);display:grid;place-items:center;color:#fff;transition:.3s;flex:0 0 auto}.service-toggle svg{width:18px;height:18px;transition:transform .3s ease}.service-card.open .service-toggle{background:rgba(32,41,93,.08);color:var(--navy)}.service-card.open .service-toggle svg{transform:rotate(90deg)}.service-body{max-height:0;opacity:0;overflow:hidden;padding:0 116px 0 82px;transition:max-height .45s ease,opacity .3s ease,padding .45s ease}.service-card.open .service-body{max-height:320px;opacity:1;padding:0 116px 30px 82px}.service-body p{color:var(--navy);font-size:14px;line-height:1.7;max-width:900px;margin-bottom:18px}.service-benefits{display:flex;flex-wrap:wrap;gap:14px 30px;margin-bottom:24px}.service-benefits span{display:flex;align-items:center;gap:9px;color:var(--navy);font-size:14px;font-weight:600}.service-benefits i{width:18px;height:18px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-style:normal;font-size:14px}.service-learn{display:inline-flex;align-items:center;gap:12px;background:#F5F1EB;color:var(--navy);padding:11px 18px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:600}.service-learn:hover{transform:translateY(-1px)}

/* PROCESS */
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-head h2{font-size:42px;line-height:1.07;max-width:620px;margin-top:12px}.section-head p{color:var(--muted);max-width:520px;margin-top:12px}.head-actions{display:flex;gap:10px;white-space:nowrap}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.process-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff}.browser{height:190px;border-radius:14px;background:var(--soft);padding:16px;margin-bottom:18px;position:relative;overflow:hidden}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;display:block;background:#ff6a5e}.dots i:nth-child(2){background:#ffc154}.dots i:nth-child(3){background:#5dc19f}.browser-search{height:34px;width:72%;background:var(--navy);border-radius:6px;margin:22px auto 12px}.browser-lines{display:grid;gap:8px;width:72%;margin:auto}.browser-lines span{height:7px;border-radius:8px;background:#ccd2dd}.browser-lines span:nth-child(2){width:78%}.browser-lines span:nth-child(3){width:60%}.browser-accent{position:absolute;width:86px;height:70px;background:var(--teal);right:24px;bottom:18px;border-radius:8px}.process-card:nth-child(3) .browser-accent{background:var(--orange)}.step{font-size:14px;color:var(--navy);font-weight:800}.process-card h3{font-size:18px;margin:7px 0 7px}.process-card p{font-size:14px;color:var(--muted)}

/* ABOUT / CREDIBILITY */
.about-wide{background:#F5F1EB}.about-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:center}.about-photo{height:520px;border-radius:20px;overflow:hidden;background:var(--soft)}.about-photo img{height:100%;object-fit:cover}.about-copy .eyebrow{margin-bottom:12px}.about-cta{margin-top:26px}.about-copy h2{font-size:46px;line-height:1.03;color:var(--navy);max-width:600px}.about-copy>p{color:var(--muted);font-size:15px;max-width:610px;margin-top:14px}.about-quote{margin-top:26px;background:#fff;border:1px solid rgba(32,41,93,.10);border-radius:18px;padding:20px 22px;border-left:4px solid var(--teal)}.about-quote p{color:var(--navy);font-size:15px;line-height:1.65}.about-metrics{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:0;margin-top:26px;border-top:1px solid rgba(32,41,93,.14);padding-top:20px}.about-metrics>div{padding:0 22px;border-right:1px solid rgba(32,41,93,.12)}.about-metrics>div:first-child{padding-left:0}.about-metrics>div:last-child{border-right:0}.about-metrics strong{display:block;color:var(--navy);font:800 23px/1 'Manrope';letter-spacing:-.02em}.about-metrics span.label{display:block;margin-top:7px;color:var(--muted);font-size:14px}.counter{font-variant-numeric:tabular-nums}.cred-pulse{animation:credPulse .7s ease both}@keyframes credPulse{0%{transform:translateY(8px);opacity:.25}100%{transform:none;opacity:1}}

/* GOALS */
.goals-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.goal-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.goal-img{height:280px;overflow:hidden}.goal-img img{height:100%;object-fit:cover}.goal-copy{padding:20px 22px 24px}.goal-copy .tag{font-size:14px;color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.goal-copy h3{font-size:22px;margin:7px 0 8px}.goal-copy p{color:var(--muted);font-size:14px}.goal-card:nth-child(2) .goal-img{background:#e9f8f2;display:grid;place-items:center}.goal-card:nth-child(2) .goal-img img{object-fit:cover}

/* TESTIMONIAL */
.testimonial{background:var(--navy);color:#fff;position:relative;overflow:hidden}.testimonial .head{text-align:center;max-width:650px;margin:0 auto 32px}.testimonial-card{background:#F5F1EB;color:var(--ink);border-radius:18px;padding:12px;display:grid;grid-template-columns:34% 66%;gap:0;overflow:hidden}.testimonial-card img{height:290px;object-fit:cover;border-radius:12px}.testimonial-copy{padding:36px 42px;display:flex;flex-direction:column;justify-content:center}.testimonial-copy .quote{font:600 20px/1.45 'Manrope';margin:18px 0}.testimonial-copy .who{font-size:14px;color:var(--muted)}

/* CALCS */
.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.calc-card{background:var(--soft);border-radius:16px;padding:23px 20px;min-height:170px;border:1px solid transparent;transition:.25s}.calc-card:hover{transform:translateY(-4px);border-color:var(--teal);background:#fff}.calc-icon{width:42px;height:42px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800}.calc-card h3{font-size:18px;margin:15px 0 7px}.calc-card p{font-size:14px;color:var(--muted)}.calc-link{display:inline-block;margin-top:13px;color:var(--orange);font-weight:700;font-size:14px}

/* CTA */
.cta{padding:70px 0}.cta-box{background:var(--navy);color:#fff;border-radius:20px;padding:46px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.cta-box:after{content:"";position:absolute;right:100px;top:-90px;width:270px;height:270px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.cta-box h2{font-size:38px;line-height:1.06;max-width:620px}.cta-box p{color:#d6d9e8;margin-top:12px;max-width:560px}.cta-actions{display:flex;gap:10px;position:relative;z-index:2}


/* FAQ -- same navy-band / cream-pill-card / orange-circle-toggle style as
   the Services section above, with a numbered index per question. */
.faq-section{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.faq-section .head{text-align:center;max-width:700px;margin:0 auto 36px}
.faq-section h2{color:#fff;font-size:42px;line-height:1.08;margin:14px 0 12px}
.faq-wrap{max-width:980px}
.faq-list{display:grid;gap:16px;margin-top:0}
.faq-item{background:#F5F1EB;color:var(--ink);border-radius:18px;overflow:hidden;transition:background .35s ease}
.faq-item.open{background:var(--teal)}
.faq-q{width:100%;display:flex;align-items:center;gap:22px;padding:24px 30px;background:none;border:0;text-align:left;color:var(--navy);font-family:'Manrope',sans-serif;font-size:18px;font-weight:600;cursor:pointer;min-height:88px}
.faq-num{color:#8a90a5;font-size:14px;font-weight:500;flex:0 0 auto}
.faq-item.open .faq-num{color:rgba(255,255,255,.78)}
.faq-q-text{flex:1 1 auto}
.faq-item.open .faq-q-text{color:#fff}
.faq-toggle{width:44px;height:44px;border-radius:50%;background:var(--orange);display:grid;place-items:center;color:#fff;transition:.3s;flex:0 0 auto}
.faq-toggle svg{width:18px;height:18px;transition:transform .3s ease}
.faq-item.open .faq-toggle{background:rgba(32,41,93,.08);color:var(--navy)}
.faq-item.open .faq-toggle svg{transform:rotate(90deg)}
.faq-a{max-height:0;overflow:hidden;opacity:0;color:var(--navy);font-size:14px;line-height:1.7;transition:max-height .35s ease,opacity .25s ease,padding .35s ease;padding:0 30px}
.faq-a p{margin:0}
.faq-item.open .faq-a{max-height:220px;opacity:1;padding:0 30px 26px}
.footer-logo img{width:165px;height:auto;margin-bottom:12px}.contact-address{line-height:1.65!important;margin-top:7px}

/* FOOTER */
.footer{background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr 1fr .85fr;gap:30px}.footer h4{font-size:14px;margin-bottom:14px}.footer p,.footer a{font-size:14px;color:#cbd0e2;line-height:2}.footer .disclaimer{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:22px;font-size:14px;color:#acb2ca;line-height:1.6}.copyright{margin-top:20px;font-size:14px;color:#aeb4ca}.footer-office-name{font-weight:700;color:#fff;margin:0 0 4px}.footer-office-arn{font-size:14px;color:#aeb4ca;margin:4px 0 2px}

@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:38px}.about-photo{height:430px}.about-copy h2{font-size:40px}.hero-visual{height:440px}.hero-stats{gap:25px;flex-wrap:wrap}.section-head{display:block}.head-actions{margin-top:20px}.process-grid,.calc-grid{grid-template-columns:1fr 1fr}.goals-grid{grid-template-columns:1fr}.testimonial-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.metric-card{left:18px;right:18px;grid-template-columns:repeat(2,1fr);gap:18px}.metric-card>div{border-right:0;padding:0}.wide-photo{height:380px}}
@media(max-width:620px){.service-title{font-size:17px;gap:12px}.service-item{padding:20px 18px;min-height:76px}.service-toggle{width:38px;height:38px}.service-card.open .service-body{padding:0 18px 24px 48px;max-height:500px}.service-body{padding-left:48px;padding-right:18px}.service-benefits{display:grid;gap:10px}.section{padding:66px 0}.hero{padding-top:38px}.hero h1{font-size:43px}.hero-grid{gap:35px}.hero-visual{height:385px}.portrait-bg{width:92%;height:330px}.hero-float{width:230px;bottom:0}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr)}.services h2,.section-head h2,.about-wide h2,.testimonial h2{font-size:32px}.about-photo{height:380px}.about-metrics{grid-template-columns:1fr;gap:16px}.about-metrics>div{border-right:0;padding:0 0 14px;border-bottom:1px solid rgba(32,41,93,.10)}.about-metrics>div:last-child{border-bottom:0}.process-grid,.calc-grid{grid-template-columns:1fr}.wide-photo{height:360px}.metric-card{gap:15px;padding:18px}.metric-card strong{font-size:23px}.testimonial-copy{padding:25px 20px}.cta-box{display:block;padding:34px 24px}.cta-box h2{font-size:31px}.cta-actions{margin-top:22px;flex-wrap:wrap}.footer-grid{grid-template-columns:1fr}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.btn{justify-content:center}}

/* v13 — first-fold hero + credibility + automatic image slider */
.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(480px,.94fr);
  column-gap:76px;
  row-gap:26px;
  align-items:center;
}
.hero-grid>.reveal{align-self:center}
.hero h1{font-size:clamp(54px,4.8vw,76px);max-width:650px;margin:17px 0 18px}
.hero .lead{font-size:17px;line-height:1.58;max-width:650px}
.hero-actions{margin-top:24px}
.hero-visual{height:440px;align-self:center}
.portrait-bg{top:0;width:100%;height:410px;border-radius:28px}
.hero-float{left:-38px;bottom:2px;width:300px}
.hero-stats{
  grid-column:1/-1;
  width:100%;
  max-width:none;
  margin:0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border-top:1px solid rgba(32,41,93,.14);
  padding-top:22px;
}
.hero-stat{
  padding:0 30px;
  border:0;
  border-right:1px solid rgba(32,41,93,.12);
  min-height:82px;
}
.hero-stat:first-child{padding-left:0}
.hero-stat:last-child{border-right:0;padding-right:0}
.hero-stat strong{
  display:block;
  font-size:38px;
  line-height:1;
  letter-spacing:-.035em;
  color:var(--navy);
  white-space:nowrap;
}
.hero-stat span{font-size:14px;line-height:1.35;margin-top:8px}
.hero-slider{background:var(--navy)}
.hero-slider .hero-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:scale(1.035);
  transition:opacity .75s ease,transform 5.5s ease;
  z-index:2;
}
.hero-slider .hero-slide.active{opacity:1;transform:scale(1);z-index:3}
.hero-dots{
  position:absolute;
  right:18px;
  bottom:18px;
  z-index:7;
  display:flex;
  gap:7px;
  padding:8px 10px;
  background:rgba(245,241,235,.88);
  border-radius:999px;
  backdrop-filter:blur(8px);
}
.hero-dots span{width:7px;height:7px;border-radius:50%;background:rgba(32,41,93,.28);margin:0}
.hero-dots span.active{background:var(--orange);width:19px;border-radius:8px}
@media(max-width:1100px){
  .hero{padding:54px 0 32px}
  .hero-grid{grid-template-columns:1fr .92fr;column-gap:44px;row-gap:24px}
  .hero h1{font-size:58px}
  .hero-visual{height:390px}.portrait-bg{height:365px}
  .hero-float{left:-22px;width:270px}
  .hero-stat{padding:0 20px}.hero-stat strong{font-size:33px}
}
@media(max-width:900px){
  .hero{padding:48px 0 34px}
  .hero-grid{grid-template-columns:1fr;gap:32px}
  .hero h1{font-size:56px;max-width:720px}
  .hero-visual{height:450px;max-width:none}
  .portrait-bg{width:100%;height:420px}
  .hero-float{left:22px}
  .hero-stats{grid-template-columns:repeat(4,1fr);padding-top:20px}
  .hero-stat{padding:0 15px}.hero-stat strong{font-size:30px}.hero-stat span{font-size:14px}
}
@media(max-width:620px){
  .hero{padding:34px 0 28px}
  .hero-grid{gap:26px}
  .hero h1{font-size:43px}
  .hero-visual{height:330px}
  .portrait-bg{height:300px}
  .hero-float{left:12px;bottom:0;width:235px}
  .hero-stats{grid-template-columns:1fr 1fr;gap:0;padding-top:16px}
  .hero-stat{padding:14px 12px;border-right:1px solid rgba(32,41,93,.1);border-bottom:1px solid rgba(32,41,93,.1)}
  .hero-stat:nth-child(2n){border-right:0}
  .hero-stat:nth-child(n+3){border-bottom:0}
  .hero-stat:first-child{padding-left:12px}
  .hero-stat:last-child{padding-right:12px}
  .hero-stat strong{font-size:30px}.hero-stat span{font-size:14px}
}
@media(max-width:390px){
  .hero h1{font-size:39px}
  .hero-visual{height:300px}.portrait-bg{height:270px}
  .hero-float{width:215px;left:8px;padding:14px}
  .hero-stat strong{font-size:27px}
}


/* v14 — clean credibility strip: overrides all legacy hero-stat rules */
.hero-stats.credibility-numbers{
  grid-column:1/-1 !important;
  width:100% !important;
  max-width:none !important;
  margin:8px 0 0 !important;
  padding:20px 0 0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:0 !important;
  border-top:1px solid rgba(32,41,93,.14) !important;
}
.hero-stats.credibility-numbers .hero-stat{
  min-width:0 !important;
  min-height:76px !important;
  margin:0 !important;
  padding:0 28px !important;
  background:transparent !important;
  border:0 !important;
  border-right:1px solid rgba(32,41,93,.12) !important;
  border-radius:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
}
.hero-stats.credibility-numbers .hero-stat:first-child{padding-left:0 !important}
.hero-stats.credibility-numbers .hero-stat:last-child{
  padding-right:0 !important;
  border-right:0 !important;
}
.hero-stats.credibility-numbers .stat-value{
  display:flex !important;
  align-items:baseline !important;
  gap:0 !important;
  white-space:nowrap !important;
  font-family:'Manrope',sans-serif !important;
  font-size:36px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.035em !important;
  color:#20295D !important;
}
.hero-stats.credibility-numbers .stat-value span,
.hero-stats.credibility-numbers .counter,
.hero-stats.credibility-numbers .stat-suffix{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  font:inherit !important;
  line-height:inherit !important;
  color:inherit !important;
}
.hero-stats.credibility-numbers .stat-label{
  margin-top:9px !important;
  display:block !important;
  font-size:14px !important;
  line-height:1.35 !important;
  color:#6E738B !important;
}
@media(max-width:1100px){
  .hero-stats.credibility-numbers .hero-stat{padding:0 20px !important}
  .hero-stats.credibility-numbers .stat-value{font-size:32px !important}
}
@media(max-width:900px){
  .hero-stats.credibility-numbers{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    margin-top:0 !important;
  }
  .hero-stats.credibility-numbers .hero-stat{padding:0 14px !important}
  .hero-stats.credibility-numbers .hero-stat:first-child{padding-left:0 !important}
  .hero-stats.credibility-numbers .stat-value{font-size:28px !important}
  .hero-stats.credibility-numbers .stat-label{font-size:14px !important}
}
@media(max-width:620px){
  .hero-stats.credibility-numbers{
    grid-template-columns:1fr 1fr !important;
    border-top:1px solid rgba(32,41,93,.14) !important;
    padding-top:10px !important;
  }
  .hero-stats.credibility-numbers .hero-stat{
    min-height:84px !important;
    padding:15px 12px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(32,41,93,.10) !important;
  }
  .hero-stats.credibility-numbers .hero-stat:nth-child(odd){
    border-right:1px solid rgba(32,41,93,.10) !important;
  }
  .hero-stats.credibility-numbers .hero-stat:nth-child(n+3){
    border-bottom:0 !important;
  }
  .hero-stats.credibility-numbers .hero-stat:first-child{padding-left:12px !important}
  .hero-stats.credibility-numbers .hero-stat:last-child{padding-right:12px !important}
  .hero-stats.credibility-numbers .stat-value{font-size:29px !important}
  .hero-stats.credibility-numbers .stat-label{font-size:14px !important}
}


/* v15 — larger brand logo + corrected CTA buttons */
.brand img{
  width:260px !important;
  max-width:none !important;
  height:auto !important;
}
.cta-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:14px !important;
  flex-wrap:wrap !important;
}
.cta .btn,
.cta-actions .btn{
  width:auto !important;
  min-width:170px !important;
  height:52px !important;
  min-height:52px !important;
  padding:0 24px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  text-align:center !important;
}
.cta .btn-primary,
.cta-actions .btn-primary{
  background:#F5823D !important;
  color:#fff !important;
  border:1px solid #F5823D !important;
}
.cta .btn-outline,
.cta-actions .btn-outline{
  background:transparent !important;
  color:#fff !important;
  border:1.5px solid rgba(255,255,255,.9) !important;
}
.cta .btn:hover,
.cta-actions .btn:hover{transform:translateY(-2px)}
@media(max-width:1100px){
  .brand img{width:235px !important}
}
@media(max-width:900px){
  .brand img{width:215px !important}
  .cta-actions{justify-content:flex-start !important}
}
@media(max-width:620px){
  .brand img{width:190px !important}
  .cta-actions{width:100% !important;gap:10px !important}
  .cta .btn,.cta-actions .btn{
    min-width:0 !important;
    flex:1 1 calc(50% - 5px) !important;
    padding:0 16px !important;
    font-size:14px !important;
  }
}


/* v16 — larger logo, protected registration content, footer credit */
.brand{
  flex:0 0 auto !important;
}
.brand img{
  width:364px !important;
  max-width:none !important;
  height:auto !important;
}
.footer-brand img{
  width:250px !important;
  height:auto !important;
}
.footer-deco{
  z-index:0 !important;
  pointer-events:none !important;
}
.footer-grid,
.footer-bottom{
  position:relative !important;
  z-index:2 !important;
}
.footer-grid > div{
  position:relative !important;
  z-index:2 !important;
}
.footer-bottom{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  width:100% !important;
}
.footer-credit{
  margin-left:auto !important;
  text-align:right !important;
}
.footer-credit a{
  color:#5DC19F !important;
  text-decoration:none !important;
  font-weight:700 !important;
}
.footer-credit a:hover{text-decoration:underline !important}

@media(max-width:1250px){
  .brand img{width:325px !important}
}
@media(max-width:1100px){
  .brand img{width:300px !important}
}
@media(max-width:900px){
  .brand img{width:270px !important}
}
@media(max-width:620px){
  .brand img{width:220px !important}
  .footer-bottom{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
  }
  .footer-credit{
    margin-left:0 !important;
    text-align:left !important;
  }
}


/* v20 — footer line spacing */
.footer-bottom{
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:14px !important;
}
.footer-copy,
.footer-credit{
  display:block !important;
  margin:0 !important;
  text-align:left !important;
}


/* v22 — footer copyright left, GoToClan credit extreme right */
.footer-bottom,
.copyright{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:40px !important;
}
.footer-credit{
  margin-left:auto !important;
  text-align:right !important;
  white-space:nowrap !important;
}
.footer-copy{
  text-align:left !important;
}
@media(max-width:620px){
  .footer-bottom,
  .copyright{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:12px !important;
  }
  .footer-credit{
    margin-left:0 !important;
    text-align:left !important;
    white-space:normal !important;
  }
}