:root{
  --navy:#071b3a;--navy2:#0d2e5f;--navy3:#123f7a;--gold:#f3b51b;--gold2:#ffd76a;
  --green:#1f8f38;--green2:#68c45b;--ink:#101828;--muted:#667085;--paper:#f7f9fc;
  --white:#fff;--line:rgba(7,27,58,.10);--shadow:0 24px 70px rgba(5,21,46,.14);
  --radius:28px;--radius-sm:18px;--max:1180px;--ease:cubic-bezier(.2,.8,.2,1)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;line-height:1.6}
body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.section{padding:110px 0;position:relative}.section-soft{background:linear-gradient(180deg,#f8fafc,#fff)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.72rem;color:var(--green)}
.eyebrow::before{content:"";width:24px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--green))}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,7vw,6.6rem);line-height:.95;letter-spacing:-.055em;margin-bottom:28px}h2{font-size:clamp(2.25rem,4.8vw,4.2rem);line-height:1.02;letter-spacing:-.04em;margin-bottom:22px}h3{font-size:1.28rem;line-height:1.2}.lead{font-size:clamp(1.04rem,1.6vw,1.28rem);color:#526075;max-width:760px}.section-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:end;margin-bottom:55px}.section-head .lead{margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 22px;font-weight:800;border:1px solid transparent;transition:.3s var(--ease);cursor:pointer}.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--gold),#ffcf4c);color:var(--navy);box-shadow:0 12px 30px rgba(243,181,27,.3)}.btn-primary:hover{box-shadow:0 17px 40px rgba(243,181,27,.42)}
.btn-dark{background:var(--navy);color:white}.btn-outline{border-color:rgba(255,255,255,.22);color:white;background:rgba(255,255,255,.05);backdrop-filter:blur(12px)}.btn-light-outline{border-color:rgba(7,27,58,.15);background:white;color:var(--navy)}
.icon-arrow{width:18px;height:18px;transition:.3s}.btn:hover .icon-arrow{transform:translateX(3px)}
.site-header{position:fixed;inset:0 0 auto 0;z-index:50;padding:18px 0;transition:.35s var(--ease)}.site-header.scrolled{padding:10px 0;background:rgba(6,20,43,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:white}.brand-logo{width:46px;height:46px;border-radius:50%;background:white;padding:3px;box-shadow:0 8px 30px rgba(0,0,0,.15)}.brand strong{display:block;font-size:.92rem;line-height:1.05}.brand span{display:block;font-size:.66rem;opacity:.65;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.navlinks{display:flex;align-items:center;gap:27px;color:rgba(255,255,255,.78);font-size:.9rem;font-weight:700}.navlinks a:hover{color:white}.nav-actions{display:flex;align-items:center;gap:10px}.menu-btn{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.07);color:white}
.hero{min-height:100svh;background:
 radial-gradient(circle at 74% 24%,rgba(45,151,73,.28),transparent 26%),
 radial-gradient(circle at 89% 78%,rgba(243,181,27,.13),transparent 25%),
 linear-gradient(145deg,#031128 0%,#071d42 52%,#0a315d 100%);color:white;overflow:hidden;display:flex;align-items:center;padding:150px 0 95px}
.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:65px;align-items:center;position:relative;z-index:2}.hero .eyebrow{color:#8ee286}.hero h1 .accent{background:linear-gradient(90deg,#fff2b8,var(--gold),#8de077);-webkit-background-clip:text;color:transparent}.hero .lead{color:rgba(255,255,255,.72);max-width:670px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 44px}
.hero-proof{display:flex;flex-wrap:wrap;gap:24px}.proof{padding-left:16px;border-left:1px solid rgba(255,255,255,.18)}.proof strong{font-size:1.05rem;display:block}.proof span{font-size:.78rem;color:rgba(255,255,255,.55)}
.hero-visual{position:relative;min-height:600px}.orb{position:absolute;inset:50% auto auto 50%;width:min(510px,88vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 80px rgba(255,255,255,.035)}
.orb::before,.orb::after{content:"";position:absolute;border-radius:50%;inset:11%;border:1px dashed rgba(255,255,255,.12);animation:spin 24s linear infinite}.orb::after{inset:25%;animation-direction:reverse;animation-duration:16s}
.logo-stage{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:255px;height:255px;border-radius:50%;padding:14px;background:rgba(255,255,255,.96);box-shadow:0 35px 100px rgba(0,0,0,.32),0 0 0 12px rgba(255,255,255,.04);animation:float 5s ease-in-out infinite}.logo-stage img{border-radius:50%}
.floating-card{position:absolute;min-width:178px;padding:16px 18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.075);backdrop-filter:blur(16px);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.18);animation:float 6s ease-in-out infinite}.floating-card strong{display:block;font-size:.93rem}.floating-card span{display:block;font-size:.72rem;color:rgba(255,255,255,.58);margin-top:4px}.fc1{left:0;top:18%}.fc2{right:-5%;top:31%;animation-delay:-2s}.fc3{left:8%;bottom:13%;animation-delay:-4s}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;background:var(--gold);box-shadow:0 0 0 6px rgba(243,181,27,.12)}
.world-grid{position:absolute;inset:0;opacity:.19;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}
.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.42)}.scroll-cue::after{content:"";display:block;width:1px;height:38px;background:linear-gradient(white,transparent);margin:8px auto 0;animation:pulse 1.7s infinite}
.trust-strip{margin-top:-44px;position:relative;z-index:5}.trust-card{background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;padding:25px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.trust-item{display:flex;align-items:center;gap:13px}.trust-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f1f6ff;color:var(--navy);font-weight:900}.trust-item strong{font-size:.9rem;display:block}.trust-item span{font-size:.76rem;color:var(--muted)}
.impact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.impact-number{font-size:clamp(6rem,16vw,11rem);line-height:.8;font-weight:900;letter-spacing:-.08em;color:var(--navy);position:relative}.impact-number span{font-size:.32em;color:var(--gold);vertical-align:top}.impact-copy{font-size:1.1rem;color:#5a6779;max-width:620px}.impact-ribbon{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.pill{padding:9px 13px;border-radius:999px;background:#f3f7fb;border:1px solid var(--line);font-size:.78rem;font-weight:800;color:var(--navy)}
.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sector-card{min-height:275px;padding:28px;border-radius:var(--radius);background:white;border:1px solid var(--line);position:relative;overflow:hidden;transition:.35s var(--ease)}.sector-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(31,143,56,.25)}
.sector-num{font-size:.73rem;color:var(--green);font-weight:900;letter-spacing:.13em}.sector-card h3{font-size:1.45rem;margin:36px 0 14px}.sector-card p{font-size:.9rem;color:var(--muted);max-width:270px}.sector-blob{position:absolute;width:150px;height:150px;border-radius:46% 54% 64% 36%;right:-55px;bottom:-60px;background:linear-gradient(135deg,rgba(31,143,56,.12),rgba(243,181,27,.14));transform:rotate(15deg);transition:.5s}.sector-card:hover .sector-blob{transform:rotate(70deg) scale(1.18)}
.phase{background:var(--navy);color:white;overflow:hidden}.phase::before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(31,143,56,.35),transparent 65%);right:-180px;top:-180px}.phase-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;position:relative;z-index:2}.phase .lead{color:rgba(255,255,255,.65)}.priority-list{display:grid;gap:12px}.priority{display:grid;grid-template-columns:55px 1fr auto;gap:18px;align-items:center;padding:18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09)}.priority b{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(243,181,27,.11);color:var(--gold)}.priority strong{display:block}.priority span{font-size:.8rem;color:rgba(255,255,255,.55)}.priority em{font-style:normal;font-size:.72rem;border:1px solid rgba(255,255,255,.15);padding:5px 8px;border-radius:999px;color:#a9e6a7}
.partner-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.partner-reason{padding:25px 20px;border-radius:20px;background:#f8fafc;border:1px solid var(--line);min-height:190px}.partner-reason b{display:block;color:var(--gold);font-size:1.5rem}.partner-reason h3{font-size:1rem;margin:23px 0 9px}.partner-reason p{font-size:.8rem;color:var(--muted)}
.alliance-panel{border-radius:36px;background:linear-gradient(135deg,#071b3a,#103c70);color:white;padding:54px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;overflow:hidden;position:relative}.alliance-panel::after{content:"";position:absolute;right:-150px;bottom:-220px;width:520px;height:520px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.015)}
.alliance-panel .lead{color:rgba(255,255,255,.65)}.alliance-nodes{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:2}.node{padding:18px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.node small{display:block;color:#8ee286;text-transform:uppercase;font-weight:900;letter-spacing:.1em}.node strong{display:block;margin-top:5px}.external-note{font-size:.78rem;color:rgba(255,255,255,.5);margin-top:14px}
.leadership{display:grid;grid-template-columns:.86fr 1.14fr;gap:75px;align-items:center}.leader-photo-wrap{position:relative}.leader-photo-wrap::before{content:"";position:absolute;inset:8% -6% -6% 8%;background:linear-gradient(145deg,var(--gold),var(--green));border-radius:30px;opacity:.18}.leader-photo{position:relative;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:1/1;object-fit:cover}.leader-meta{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.leader-meta .pill{background:white}.credentials{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.credential{padding:15px 16px;border-left:3px solid var(--gold);background:#f8fafc;border-radius:0 12px 12px 0}.credential strong{font-size:.88rem;display:block}.credential span{font-size:.77rem;color:var(--muted)}
.timeline{display:grid;grid-template-columns:1fr 1fr;gap:16px}.milestone{padding:28px;border-radius:24px;border:1px solid var(--line);background:white}.milestone time{color:var(--green);font-size:.78rem;font-weight:900;letter-spacing:.08em}.milestone h3{margin:14px 0 9px}.milestone p{color:var(--muted);font-size:.9rem}
.cta-section{padding:60px 0 100px}.cta{padding:52px;border-radius:34px;background:linear-gradient(135deg,#f5b91f,#ffd970);display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;position:relative;overflow:hidden}.cta h2{color:var(--navy);margin:0}.cta p{color:rgba(7,27,58,.7);max-width:620px}.cta-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.contact-list{display:grid;gap:13px;margin-top:30px}.contact-item{padding:15px 0;border-bottom:1px solid var(--line)}.contact-item small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.contact-item strong{display:block;margin-top:4px}
.form-shell{background:white;border:1px solid var(--line);border-radius:28px;box-shadow:0 25px 70px rgba(7,27,58,.08);padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.78rem;font-weight:800;color:#344054}.field input,.field textarea,.field select{width:100%;border:1px solid #d8e0ea;border-radius:13px;padding:13px 14px;background:#fbfcfe;color:var(--ink);outline:none;transition:.2s}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(31,143,56,.08);background:white}.check{display:flex;align-items:flex-start;gap:9px;font-size:.78rem;color:var(--muted)}.check input{margin-top:3px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.privacy-hint{font-size:.72rem;color:#7a8796;max-width:420px}.honeypot{position:absolute!important;left:-9999px!important}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.tab{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 13px;font-weight:800;font-size:.78rem;color:#667085;cursor:pointer}.tab.active{background:var(--navy);color:white}
.tab-panel{display:none}.tab-panel.active{display:block;animation:fadeUp .4s var(--ease)}
.site-footer{background:#05152f;color:white;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:42px}.footer-brand p{color:rgba(255,255,255,.55);font-size:.88rem;max-width:350px;margin-top:18px}.footer-col h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#8de077}.footer-links{display:grid;gap:9px;font-size:.86rem;color:rgba(255,255,255,.62)}.footer-links a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.09);padding-top:22px;margin-top:50px;color:rgba(255,255,255,.44);font-size:.74rem}.w2a-credit{color:rgba(255,255,255,.65)}.w2a-credit strong{color:white}
.cookie-banner{position:fixed;z-index:100;left:20px;right:20px;bottom:20px;max-width:900px;margin:auto;background:rgba(5,21,47,.96);color:white;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);border-radius:20px;padding:19px;display:none;grid-template-columns:1fr auto;gap:20px;align-items:center;box-shadow:0 25px 80px rgba(0,0,0,.25)}.cookie-banner.show{display:grid}.cookie-banner p{margin:0;color:rgba(255,255,255,.64);font-size:.78rem}.cookie-banner strong{display:block;font-size:.9rem;margin-bottom:4px}.cookie-actions{display:flex;gap:8px}.cookie-actions button{border:0;border-radius:999px;padding:10px 13px;font-weight:800;font-size:.74rem;cursor:pointer}.cookie-reject{background:rgba(255,255,255,.08);color:white}.cookie-accept{background:var(--gold);color:var(--navy)}
.inner-hero{padding:165px 0 80px;background:linear-gradient(145deg,#031128,#0a315d);color:white}.inner-hero .lead{color:rgba(255,255,255,.65)}
.page-card{background:white;border:1px solid var(--line);border-radius:24px;padding:28px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-12px)}}@keyframes pulse{0%,100%{opacity:.2;transform:scaleY(.7)}50%{opacity:.8;transform:scaleY(1)}}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.navlinks{display:none}.menu-btn{display:grid;place-items:center}.hero-grid,.impact-grid,.phase-grid,.leadership,.alliance-panel,.contact-grid{grid-template-columns:1fr}.hero{padding-top:130px}.hero-visual{min-height:480px}.sector-grid{grid-template-columns:1fr 1fr}.partner-grid{grid-template-columns:repeat(3,1fr)}.section-head{grid-template-columns:1fr;gap:15px}.footer-grid{grid-template-columns:1fr 1fr}.trust-card{grid-template-columns:1fr 1fr}.cta{grid-template-columns:1fr}.cta-actions{justify-content:flex-start}}
@media(max-width:680px){.container{width:min(100% - 26px,var(--max))}.section{padding:78px 0}h1{font-size:clamp(2.7rem,15vw,4.5rem)}.hero{min-height:auto;padding-bottom:82px}.hero-visual{min-height:410px}.logo-stage{width:185px;height:185px}.floating-card{min-width:135px;padding:12px}.fc1{top:10%}.fc2{right:0;top:39%}.fc3{left:0;bottom:7%}.hero-proof{gap:14px}.trust-strip{margin-top:-26px}.trust-card{grid-template-columns:1fr;padding:18px}.sector-grid,.partner-grid,.credentials,.timeline,.form-grid,.content-grid{grid-template-columns:1fr}.partner-grid{gap:10px}.alliance-panel,.cta{padding:30px 24px}.alliance-nodes{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.cookie-banner{grid-template-columns:1fr}.cookie-actions{justify-content:flex-end}.nav-actions .btn{display:none}.phase-grid{gap:35px}.leadership{gap:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* === 2026-08-28 visual refinement & motion system === */
:root{--header-glass:rgba(5,21,47,.60);--motion-gold:rgba(243,181,27,.72);--motion-green:rgba(104,196,91,.68)}
body{font-family:"Segoe UI Variable Text","Aptos","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
h1,h2,h3{font-family:"Segoe UI Variable Display","Aptos Display","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:720}
h1{font-size:clamp(3rem,6.25vw,6rem);line-height:.96;letter-spacing:-.048em}h2{font-size:clamp(2.15rem,4.35vw,3.95rem);letter-spacing:-.035em}.lead{line-height:1.72}.section{padding:104px 0}.section-head{margin-bottom:50px}
.scroll-progress{position:fixed;z-index:1000;left:0;right:0;top:0;height:2px;pointer-events:none;background:transparent}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--green2),var(--gold),#fff4b0);box-shadow:0 0 18px rgba(243,181,27,.65);transition:width .08s linear}
.site-header{padding:13px 0}.site-header .nav{position:relative;padding:9px 10px 9px 13px;border:1px solid rgba(255,255,255,.105);border-radius:23px;background:linear-gradient(120deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 16px 52px rgba(0,0,0,.10);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);transition:padding .35s var(--ease),border-radius .35s var(--ease),background .35s var(--ease),box-shadow .35s var(--ease)}
.site-header.scrolled{padding:7px 0;background:transparent;border:0}.site-header.scrolled .nav{padding:6px 8px 6px 11px;border-radius:20px;background:rgba(5,21,47,.88);box-shadow:0 18px 55px rgba(0,0,0,.18)}
.brand-logo{transition:transform .55s var(--ease),box-shadow .55s var(--ease);position:relative}.brand:hover .brand-logo{transform:rotate(-7deg) scale(1.07);box-shadow:0 10px 34px rgba(243,181,27,.28)}.brand strong{font-size:.88rem;letter-spacing:.025em}.brand span{font-size:.61rem;letter-spacing:.095em}
.navlinks{gap:7px;padding:4px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.045)}.navlinks a{position:relative;padding:9px 12px;border-radius:999px;font-size:.82rem;font-weight:650;letter-spacing:.01em;transition:color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease)}.navlinks a::after{content:"";position:absolute;left:50%;right:50%;bottom:4px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--green2),var(--gold));opacity:0;transition:left .28s var(--ease),right .28s var(--ease),opacity .28s var(--ease)}.navlinks a:hover,.navlinks a.active{color:white;background:rgba(255,255,255,.06);transform:translateY(-1px)}.navlinks a:hover::after,.navlinks a.active::after{left:12px;right:12px;opacity:1}
.nav-actions .btn{padding:11px 17px;font-size:.78rem;box-shadow:0 10px 28px rgba(243,181,27,.22)}.menu-btn{position:relative;overflow:hidden;transition:.3s var(--ease)}.menu-btn::before{content:"";position:absolute;inset:-80%;background:conic-gradient(from 90deg,transparent,rgba(243,181,27,.45),transparent 22%);animation:navSpin 5s linear infinite}.menu-btn{isolation:isolate}.menu-btn::after{content:"";position:absolute;inset:1px;border-radius:50%;background:#0b244a;z-index:-1}
.hero{isolation:isolate}.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none;z-index:0}.hero::before{width:520px;height:520px;left:-190px;top:8%;background:radial-gradient(circle,rgba(45,151,73,.18),rgba(45,151,73,0) 67%);animation:auroraDriftA 12s ease-in-out infinite alternate}.hero::after{width:620px;height:620px;right:-220px;bottom:-260px;background:radial-gradient(circle,rgba(243,181,27,.15),rgba(243,181,27,0) 65%);animation:auroraDriftB 14s ease-in-out infinite alternate}.world-grid{animation:gridDrift 18s linear infinite;background-size:54px 54px,54px 54px;will-change:background-position}.hero-grid>div:first-child{animation:heroTextIn .9s .1s both var(--ease)}
.hero-visual{perspective:1100px;transform-style:preserve-3d}.motion-halo{position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none;will-change:transform}.halo-a{width:78%;aspect-ratio:1;border:1px solid rgba(104,196,91,.14);box-shadow:0 0 90px rgba(31,143,56,.08);animation:haloPulse 5.8s ease-in-out infinite}.halo-b{width:58%;aspect-ratio:1;border:1px solid rgba(243,181,27,.14);animation:haloPulse 5.8s -2.9s ease-in-out infinite reverse}
.orb{animation:orbEnter 1.2s .15s both var(--ease)}.orb::before{animation:orbitSpin 22s linear infinite}.orb::after{animation:orbitSpin 14s linear infinite reverse}.orbit-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 7px rgba(243,181,27,.08),0 0 24px rgba(243,181,27,.7);z-index:3}.orbit-dot-a{left:49%;top:-5px;animation:dotGlow 2.2s ease-in-out infinite}.orbit-dot-b{right:5%;top:27%;width:8px;height:8px;background:var(--green2);box-shadow:0 0 0 7px rgba(104,196,91,.08),0 0 24px rgba(104,196,91,.65);animation:dotGlow 2.6s -.7s ease-in-out infinite}.orbit-dot-c{left:8%;bottom:20%;width:7px;height:7px;background:white;box-shadow:0 0 0 6px rgba(255,255,255,.06),0 0 22px rgba(255,255,255,.5);animation:dotGlow 2.4s -1.2s ease-in-out infinite}
.logo-stage{overflow:hidden;animation:logoFloat 5.4s ease-in-out infinite;transition:transform .3s ease-out;will-change:transform}.logo-stage::before{content:"";position:absolute;inset:-12px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 25%,rgba(243,181,27,.55),transparent 40% 70%,rgba(104,196,91,.45),transparent);animation:navSpin 7s linear infinite;z-index:-1}.logo-stage::after{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(7,27,58,.08);pointer-events:none}.logo-sweep{position:absolute;z-index:2;inset:-40% 35% -40% -35%;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.0) 38%,rgba(255,255,255,.65) 49%,rgba(255,255,255,.0) 61%,transparent 68%);transform:translateX(-130%) rotate(8deg);animation:logoSweep 5.5s 1.2s ease-in-out infinite;pointer-events:none}.logo-stage img{position:relative;z-index:1}
.floating-card{animation:cardFloat 5.4s ease-in-out infinite;will-change:transform;transition:border-color .35s,background .35s,box-shadow .35s}.fc2{animation-delay:-1.8s}.fc3{animation-delay:-3.6s}.floating-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.07) 45%,transparent 68%);transform:translateX(-100%);animation:cardSheen 6.5s ease-in-out infinite;pointer-events:none}.fc2::after{animation-delay:-2s}.fc3::after{animation-delay:-4s}.floating-card:hover{border-color:rgba(243,181,27,.28);background:rgba(255,255,255,.10);box-shadow:0 24px 65px rgba(0,0,0,.25)}
.trust-card{position:relative;overflow:hidden}.trust-card::before{content:"";position:absolute;left:-20%;top:0;width:16%;height:100%;background:linear-gradient(90deg,transparent,rgba(243,181,27,.08),transparent);transform:skewX(-20deg);animation:trustSweep 8s 1s ease-in-out infinite}.trust-icon{transition:.4s var(--ease)}.trust-item:hover .trust-icon{transform:translateY(-3px) rotate(-3deg);background:#fff7dc;box-shadow:0 10px 24px rgba(243,181,27,.14)}
.impact-number b{font:inherit}.impact-number::after{content:"";position:absolute;width:90px;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--green),var(--gold));left:5px;bottom:-25px;transform-origin:left;animation:impactLine 3.2s ease-in-out infinite}
.sector-card{transform-style:preserve-3d}.sector-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),rgba(243,181,27,.09),transparent 36%);opacity:0;transition:opacity .3s;pointer-events:none}.sector-card:hover::before{opacity:1}.sector-blob{animation:blobMorph 9s ease-in-out infinite}.sector-card:nth-child(2n) .sector-blob{animation-delay:-3s}.sector-card:nth-child(3n) .sector-blob{animation-delay:-5s}
.phase::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.035) 49%,transparent 56%);transform:translateX(-100%);animation:phaseScan 10s ease-in-out infinite}.priority{position:relative;overflow:hidden;transition:transform .35s var(--ease),background .35s var(--ease),border-color .35s var(--ease)}.priority::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.055) 48%,transparent 68%);transform:translateX(-110%);animation:priorityScan 7s ease-in-out infinite}.priority:nth-child(2)::after{animation-delay:-2.2s}.priority:nth-child(3)::after{animation-delay:-4.4s}.priority:hover{transform:translateX(8px);background:rgba(255,255,255,.085);border-color:rgba(243,181,27,.24)}
.partner-reason{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}.partner-reason:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(5,21,46,.08);border-color:rgba(31,143,56,.20)}
.alliance-panel::before{animation:allianceOrb 8s ease-in-out infinite}.alliance-nodes{position:relative}.alliance-nodes::before{content:"";position:absolute;left:50%;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,rgba(243,181,27,.45),rgba(104,196,91,.42),transparent);box-shadow:0 0 14px rgba(243,181,27,.25);animation:connectionPulse 2.8s ease-in-out infinite}.node{position:relative;transition:transform .35s var(--ease),border-color .35s var(--ease),background .35s var(--ease)}.node::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;right:13px;top:13px;background:var(--green2);box-shadow:0 0 0 6px rgba(104,196,91,.07);animation:dotGlow 2.6s ease-in-out infinite}.node:hover{transform:translateY(-4px);border-color:rgba(243,181,27,.25);background:rgba(255,255,255,.09)}
.leader-photo-wrap{position:relative}.leader-photo-wrap::before{animation:photoFrame 6s ease-in-out infinite}.leader-photo{transition:transform .8s var(--ease),filter .8s var(--ease)}.leader-photo-wrap:hover .leader-photo{transform:scale(1.025);filter:saturate(1.03) contrast(1.01)}
.milestone{position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.milestone::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--gold),var(--green));transform:scaleY(.25);transform-origin:top;transition:transform .5s var(--ease)}.milestone:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(5,21,46,.08)}.milestone:hover::before{transform:scaleY(1)}
.contact-item a{transition:color .25s}.contact-item a:hover{color:var(--green)}.contact-sep{color:#c2c9d3;margin:0 3px}.contact-actions{display:grid;gap:9px;margin-top:24px}.contact-action{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(120deg,#fff,#fbfcfe);transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}.contact-action:hover{transform:translateX(5px);border-color:rgba(31,143,56,.25);box-shadow:0 12px 32px rgba(5,21,46,.07)}.contact-action.whatsapp:hover{border-color:rgba(31,143,56,.38)}.contact-action-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#edf5ff;color:var(--navy);font-size:.7rem;font-weight:900;letter-spacing:.02em}.contact-action.whatsapp .contact-action-icon{background:#eaf8ee;color:#13772c}.contact-action small{display:block;color:var(--muted);font-size:.63rem;text-transform:uppercase;letter-spacing:.09em}.contact-action strong{display:block;font-size:.82rem;line-height:1.25;margin-top:1px}.contact-action i{font-style:normal;color:#98a2b3;transition:transform .25s}.contact-action:hover i{transform:translateX(3px);color:var(--green)}
.form-shell{border-radius:25px;padding:28px;box-shadow:0 26px 70px rgba(7,27,58,.075)}.field label{font-size:.75rem;font-weight:720;letter-spacing:.005em}.field input,.field textarea,.field select{border-radius:12px;padding:12px 13px;background:#fcfdff;transition:border-color .22s,box-shadow .22s,background .22s,transform .22s}.field input:focus,.field textarea:focus,.field select:focus{transform:translateY(-1px)}.check{display:flex!important;grid-template-columns:none!important;align-items:flex-start!important;gap:10px!important;line-height:1.45;font-size:.75rem!important;font-weight:550!important;color:#667085!important;cursor:pointer;padding:2px 0}.field .check input[type="checkbox"],.check input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;flex:0 0 18px!important;margin:1px 0 0!important;padding:0!important;border:1.5px solid #b7c1cf!important;border-radius:5px!important;background:#fff!important;box-shadow:none!important;position:relative;cursor:pointer;transition:.2s var(--ease)}.check input[type="checkbox"]:hover{border-color:var(--green)!important}.check input[type="checkbox"]:checked{border-color:var(--green)!important;background:var(--green)!important}.check input[type="checkbox"]:checked::after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}
.tabs{padding:4px;border-radius:999px;background:#f5f7fa;border:1px solid #edf0f4;gap:4px;width:max-content;max-width:100%}.tab{border:0;background:transparent;padding:8px 12px;font-size:.73rem;font-weight:700;transition:.28s var(--ease)}.tab:hover{color:var(--navy);background:rgba(255,255,255,.7)}.tab.active{background:var(--navy);color:white;box-shadow:0 7px 18px rgba(7,27,58,.18)}.tab-panel.active{animation:panelIn .48s var(--ease)}
.cta::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-70px;top:-110px;background:rgba(255,255,255,.15);animation:ctaBubble 7s ease-in-out infinite}.cta::after{content:"";position:absolute;left:-25%;top:0;width:18%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-18deg);animation:ctaSweep 7s 1s ease-in-out infinite;pointer-events:none}
.reveal{opacity:0;transform:translateY(30px) scale(.99);filter:blur(2px);transition:opacity .78s var(--ease),transform .78s var(--ease),filter .78s var(--ease)}.reveal.visible{opacity:1;transform:none;filter:none}.sector-grid .reveal:nth-child(2),.partner-grid .reveal:nth-child(2){transition-delay:.06s}.sector-grid .reveal:nth-child(3),.partner-grid .reveal:nth-child(3){transition-delay:.12s}.sector-grid .reveal:nth-child(4),.partner-grid .reveal:nth-child(4){transition-delay:.18s}.sector-grid .reveal:nth-child(5),.partner-grid .reveal:nth-child(5){transition-delay:.24s}.sector-grid .reveal:nth-child(6){transition-delay:.30s}.sector-grid .reveal:nth-child(7){transition-delay:.36s}
@keyframes navSpin{to{transform:rotate(360deg)}}
@keyframes gridDrift{to{background-position:54px 54px,54px 54px}}
@keyframes auroraDriftA{0%{transform:translate3d(0,0,0) scale(.92)}100%{transform:translate3d(150px,80px,0) scale(1.18)}}
@keyframes auroraDriftB{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-140px,-70px,0) scale(1.16)}}
@keyframes heroTextIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes haloPulse{0%,100%{transform:translate(-50%,-50%) scale(.96);opacity:.45}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.95}}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes orbEnter{from{opacity:0;transform:translate(-50%,-50%) scale(.82) rotate(-8deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}
@keyframes dotGlow{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}
@keyframes logoFloat{0%,100%{transform:translate(-50%,-50%) translate3d(var(--parallax-x,0px),var(--parallax-y,0px),40px) rotate(-1deg)}50%{transform:translate(-50%,-50%) translate3d(var(--parallax-x,0px),calc(var(--parallax-y,0px) - 14px),52px) rotate(1deg)}}
@keyframes logoSweep{0%,70%{transform:translateX(-145%) rotate(8deg)}88%,100%{transform:translateX(245%) rotate(8deg)}}
@keyframes cardFloat{0%,100%{transform:translate3d(var(--card-x,0px),var(--card-y,0px),0)}50%{transform:translate3d(var(--card-x,0px),calc(var(--card-y,0px) - 11px),0)}}
@keyframes cardSheen{0%,65%{transform:translateX(-110%)}82%,100%{transform:translateX(115%)}}
@keyframes trustSweep{0%,68%{left:-20%}88%,100%{left:115%}}
@keyframes impactLine{0%,100%{transform:scaleX(.35);opacity:.5}50%{transform:scaleX(1);opacity:1}}
@keyframes blobMorph{0%,100%{border-radius:46% 54% 64% 36%;transform:rotate(15deg) scale(1)}40%{border-radius:60% 40% 38% 62%;transform:rotate(45deg) scale(1.08)}70%{border-radius:35% 65% 58% 42%;transform:rotate(75deg) scale(.96)}}
@keyframes phaseScan{0%,70%{transform:translateX(-110%)}92%,100%{transform:translateX(110%)}}
@keyframes priorityScan{0%,72%{transform:translateX(-115%)}92%,100%{transform:translateX(115%)}}
@keyframes allianceOrb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-35px,28px) scale(1.12)}}
@keyframes connectionPulse{0%,100%{opacity:.25;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.35)}}
@keyframes photoFrame{0%,100%{transform:rotate(-2deg) translate(0,0)}50%{transform:rotate(1deg) translate(5px,-5px)}}
@keyframes panelIn{from{opacity:0;transform:translateY(9px) scale(.995)}to{opacity:1;transform:none}}
@keyframes ctaBubble{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-35px,32px) scale(1.12)}}
@keyframes ctaSweep{0%,68%{left:-25%}88%,100%{left:125%}}
@media(max-width:1050px){.site-header .nav{border-radius:20px}.navlinks[data-open="1"]{gap:4px!important}.navlinks[data-open="1"] a{padding:10px 12px}.contact-actions{grid-template-columns:1fr 1fr}}
@media(max-width:680px){h1{font-size:clamp(2.75rem,14vw,4.35rem)}.section{padding:76px 0}.site-header .nav{padding:7px 8px}.brand span span{display:none}.contact-actions{grid-template-columns:1fr}.form-shell{padding:22px 18px}.tabs{width:100%;border-radius:17px;display:grid;grid-template-columns:1fr}.tab{border-radius:13px}.alliance-nodes::before{display:none}.motion-halo{opacity:.6}.floating-card{font-size:.9em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Motion-graphic sector rail */
.motion-rail{position:absolute;z-index:3;left:0;right:0;bottom:76px;overflow:hidden;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055);background:rgba(3,17,40,.16);backdrop-filter:blur(3px);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.motion-track{width:max-content;display:flex;align-items:center;gap:24px;padding:10px 0;color:rgba(255,255,255,.30);font-size:.64rem;font-weight:800;letter-spacing:.22em;white-space:nowrap;animation:motionRail 28s linear infinite}.motion-track i{font-style:normal;color:rgba(243,181,27,.65);font-size:.9rem}.motion-rail:hover .motion-track{animation-play-state:paused}
.alliance-panel::before{content:"";position:absolute;left:-130px;top:-170px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(104,196,91,.18),rgba(104,196,91,0) 66%);filter:blur(2px);pointer-events:none;animation:allianceOrb 8s ease-in-out infinite}
@keyframes motionRail{to{transform:translateX(-50%)}}
@media(max-width:680px){.motion-rail{bottom:62px}.motion-track{font-size:.58rem;gap:18px;padding:8px 0}}



/* === V3 VERIFIED MOTION GRAPHICS SYSTEM ===
   Default: motion ON. Visitors can pause motion with the header control.
   This is intentionally independent from OS reduced-motion so the project owner can
   always preview the motion design; a manual pause control remains available. */
.hero{position:relative;isolation:isolate}
.hero-particle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.78;mix-blend-mode:screen}
.hero-flow-svg{position:absolute;z-index:1;right:-2%;top:7%;width:min(58vw,840px);height:78%;overflow:visible;pointer-events:none;opacity:.70;filter:drop-shadow(0 0 12px rgba(243,181,27,.12))}
.flow-path{fill:none;stroke-width:1.35;stroke-linecap:round;stroke-dasharray:4 14;animation:flowDash 3.8s linear infinite,flowGlow 3.1s ease-in-out infinite}
.flow-path-a{stroke:rgba(243,181,27,.55)}
.flow-path-b{stroke:rgba(104,196,91,.44);animation-duration:4.8s,3.6s;animation-direction:reverse,normal}
.flow-path-c{stroke:rgba(255,255,255,.24);animation-duration:5.8s,4.2s}
.world-grid{opacity:.27!important;animation:gridDriftStrong 10s linear infinite!important}
.hero::before{animation:auroraDriftA 7.8s ease-in-out infinite alternate!important;filter:blur(1px)!important;opacity:1}
.hero::after{animation:auroraDriftB 9.5s ease-in-out infinite alternate!important;filter:blur(1px)!important;opacity:1}

/* Stronger, still polished hero choreography */
.hero-visual{z-index:3;transition:transform .22s ease-out;will-change:transform}
.motion-halo{opacity:.9}
.halo-a{border-color:rgba(104,196,91,.30)!important;box-shadow:0 0 85px rgba(31,143,56,.16),inset 0 0 55px rgba(31,143,56,.05);animation:haloPulseStrong 3.8s ease-in-out infinite!important}
.halo-b{border-color:rgba(243,181,27,.27)!important;box-shadow:0 0 70px rgba(243,181,27,.11);animation:haloPulseStrong 4.4s -2.2s ease-in-out infinite reverse!important}
.orb{border-color:rgba(255,255,255,.18)!important;box-shadow:inset 0 0 95px rgba(255,255,255,.045),0 0 65px rgba(31,143,56,.08)!important}
.orb::before{border-color:rgba(243,181,27,.34)!important;border-width:1px!important;animation:orbitSpin 11s linear infinite!important}
.orb::after{border-color:rgba(104,196,91,.28)!important;border-width:1px!important;animation:orbitSpin 7s linear infinite reverse!important}
.logo-stage{animation:logoFloatStrong 4.2s ease-in-out infinite!important;box-shadow:0 38px 110px rgba(0,0,0,.34),0 0 0 12px rgba(255,255,255,.055),0 0 80px rgba(243,181,27,.10)!important}
.logo-stage::before{animation:navSpin 4.6s linear infinite!important;background:conic-gradient(from 0deg,transparent 0 18%,rgba(243,181,27,.72),transparent 34% 58%,rgba(104,196,91,.60),transparent 77%)!important}
.logo-sweep{animation:logoSweepStrong 3.8s .4s ease-in-out infinite!important}
.floating-card{animation:cardFloatStrong 4.2s ease-in-out infinite!important;border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.09)!important}
.fc2{animation-delay:-1.4s!important}.fc3{animation-delay:-2.8s!important}
.floating-card::after{animation:cardSheenStrong 4.5s ease-in-out infinite!important}
.orbit-dot{animation:dotGlowStrong 1.6s ease-in-out infinite!important}
.orbit-dot-b{animation-delay:-.5s!important}.orbit-dot-c{animation-delay:-1s!important}
.motion-track{animation:motionRail 16s linear infinite!important;color:rgba(255,255,255,.42)!important}
.scroll-cue::after{animation:pulseStrong 1.25s ease-in-out infinite!important}

/* More refined navigation with an unmistakable moving light pass */
.site-header .nav{overflow:hidden}
.site-header .nav::before{content:"";position:absolute;z-index:0;top:-60%;bottom:-60%;width:115px;left:-145px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),rgba(243,181,27,.10),transparent);transform:skewX(-18deg);animation:navLightPass 5.5s 1.2s ease-in-out infinite;pointer-events:none}
.site-header .nav>*{position:relative;z-index:1}
.navlinks a::before{content:"";position:absolute;inset:4px;border-radius:999px;border:1px solid transparent;transition:.3s var(--ease);pointer-events:none}
.navlinks a:hover::before,.navlinks a.active::before{border-color:rgba(243,181,27,.15);box-shadow:inset 0 0 22px rgba(243,181,27,.045)}

.motion-toggle{height:36px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:0 11px 0 8px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.72);font-size:.69rem;font-weight:750;letter-spacing:.035em;cursor:pointer;transition:.28s var(--ease)}
.motion-toggle:hover{color:#fff;background:rgba(255,255,255,.075);border-color:rgba(243,181,27,.20)}
.motion-toggle-dot{width:9px;height:9px;border-radius:50%;background:var(--green2);box-shadow:0 0 0 5px rgba(104,196,91,.08),0 0 16px rgba(104,196,91,.75);animation:motionTogglePulse 1.5s ease-in-out infinite}
.motion-toggle[aria-pressed="false"] .motion-toggle-dot{background:#98a2b3;box-shadow:none;animation:none}
.motion-toggle[aria-pressed="false"]{opacity:.72}

/* Scroll sections: movement should be visible, not just a small fade. */
.reveal{opacity:0;transform:translateY(44px) scale(.975);filter:blur(5px);transition:opacity .82s var(--ease),transform .82s var(--ease),filter .82s var(--ease)!important}
.reveal.visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
.trust-card::before{animation:trustSweepStrong 5.6s .8s ease-in-out infinite!important}
.impact-number::after{animation:impactLineStrong 2.4s ease-in-out infinite!important}
.sector-blob{animation:blobMorphStrong 6.5s ease-in-out infinite!important}
.phase::after{animation:phaseScanStrong 6.8s ease-in-out infinite!important}
.priority::after{animation:priorityScanStrong 4.8s ease-in-out infinite!important}
.alliance-panel::before{animation:allianceOrbStrong 5.5s ease-in-out infinite!important}
.alliance-nodes::before{animation:connectionPulseStrong 1.8s ease-in-out infinite!important}
.node::after{animation:dotGlowStrong 1.8s ease-in-out infinite!important}
.leader-photo-wrap::before{animation:photoFrameStrong 4.8s ease-in-out infinite!important}
.cta::before{animation:ctaBubbleStrong 5s ease-in-out infinite!important}
.cta::after{animation:ctaSweepStrong 4.8s .7s ease-in-out infinite!important}

/* Manual pause state. Canvas loop also reads this class. */
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important}
body.motion-paused .hero-particle-canvas{opacity:.48}

@keyframes flowDash{to{stroke-dashoffset:-180}}
@keyframes flowGlow{0%,100%{opacity:.36;stroke-width:1.15}50%{opacity:1;stroke-width:1.9}}
@keyframes gridDriftStrong{0%{background-position:0 0,0 0}100%{background-position:108px 54px,54px 108px}}
@keyframes haloPulseStrong{0%,100%{transform:translate(-50%,-50%) scale(.90);opacity:.38}50%{transform:translate(-50%,-50%) scale(1.12);opacity:1}}
@keyframes logoFloatStrong{0%,100%{transform:translate(-50%,-50%) translate3d(var(--parallax-x,0px),var(--parallax-y,0px),40px) rotate(-1.8deg)}50%{transform:translate(-50%,-50%) translate3d(var(--parallax-x,0px),calc(var(--parallax-y,0px) - 22px),52px) rotate(1.8deg)}}
@keyframes logoSweepStrong{0%,54%{transform:translateX(-155%) rotate(8deg)}80%,100%{transform:translateX(270%) rotate(8deg)}}
@keyframes cardFloatStrong{0%,100%{transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) rotate(-.35deg)}50%{transform:translate3d(var(--card-x,0px),calc(var(--card-y,0px) - 18px),0) rotate(.5deg)}}
@keyframes cardSheenStrong{0%,52%{transform:translateX(-125%)}78%,100%{transform:translateX(125%)}}
@keyframes dotGlowStrong{0%,100%{opacity:.45;transform:scale(.72)}50%{opacity:1;transform:scale(1.48)}}
@keyframes pulseStrong{0%,100%{opacity:.20;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1.15)}}
@keyframes navLightPass{0%,58%{left:-145px;opacity:0}68%{opacity:1}88%,100%{left:calc(100% + 45px);opacity:0}}
@keyframes motionTogglePulse{0%,100%{transform:scale(.85);opacity:.6}50%{transform:scale(1.25);opacity:1}}
@keyframes trustSweepStrong{0%,55%{left:-24%;opacity:0}68%{opacity:1}88%,100%{left:118%;opacity:0}}
@keyframes impactLineStrong{0%,100%{transform:scaleX(.28);opacity:.45}50%{transform:scaleX(1.18);opacity:1}}
@keyframes blobMorphStrong{0%,100%{border-radius:46% 54% 64% 36%;transform:translate(0,0) rotate(12deg) scale(.92)}40%{border-radius:60% 40% 38% 62%;transform:translate(-13px,-10px) rotate(55deg) scale(1.17)}70%{border-radius:35% 65% 58% 42%;transform:translate(8px,-3px) rotate(92deg) scale(1.02)}}
@keyframes phaseScanStrong{0%,52%{transform:translateX(-110%);opacity:0}67%{opacity:1}90%,100%{transform:translateX(110%);opacity:0}}
@keyframes priorityScanStrong{0%,48%{transform:translateX(-115%);opacity:0}62%{opacity:1}88%,100%{transform:translateX(115%);opacity:0}}
@keyframes allianceOrbStrong{0%,100%{transform:translate(0,0) scale(.94)}50%{transform:translate(-54px,38px) scale(1.18)}}
@keyframes connectionPulseStrong{0%,100%{opacity:.18;filter:brightness(.8);transform:scaleY(.86)}50%{opacity:1;filter:brightness(1.45);transform:scaleY(1.04)}}
@keyframes photoFrameStrong{0%,100%{transform:rotate(-2.4deg) translate(0,0)}50%{transform:rotate(1.6deg) translate(8px,-7px)}}
@keyframes ctaBubbleStrong{0%,100%{transform:translate(0,0) scale(.95)}50%{transform:translate(-52px,38px) scale(1.16)}}
@keyframes ctaSweepStrong{0%,54%{left:-28%;opacity:0}65%{opacity:1}90%,100%{left:128%;opacity:0}}

@media(max-width:1050px){.motion-toggle-label{display:none}.motion-toggle{width:36px;padding:0;justify-content:center}.hero-flow-svg{width:82vw;right:-27%;opacity:.48}}
@media(max-width:680px){.hero-particle-canvas{opacity:.58}.hero-flow-svg{width:110vw;right:-50%;top:16%;height:60%;opacity:.34}.motion-track{animation-duration:13s!important}.floating-card{animation-duration:3.8s!important}}

/* === V4 COMPACT / PORTAL / MOBILE REFINEMENT === */
:root{--header-h:68px}
.section{padding:76px 0}.section-soft{padding:76px 0}.hero{min-height:720px;padding-top:102px;padding-bottom:70px}.hero-grid{align-items:center;gap:42px}.hero h1{font-size:clamp(2.65rem,5.7vw,5.35rem);line-height:.95;letter-spacing:-.052em;max-width:830px}.hero .lead{font-size:.95rem;line-height:1.78;max-width:720px}.hero-visual{min-height:500px;transform:translateY(-22px)}.logo-stage{top:46%}.orb{top:46%}.motion-halo{top:46%}.floating-card{overflow:hidden;isolation:isolate}.floating-card::after{clip-path:inset(0 round 16px)}.motion-rail{bottom:8px;z-index:6}.scroll-cue{bottom:44px}.trust-strip{margin-top:-18px}.trust-card{gap:12px;padding:13px}.trust-item{position:relative;overflow:hidden;min-height:104px;padding:12px 12px 12px 104px;align-items:center;background:linear-gradient(135deg,#fff,#f9fbfd)}.trust-thumb{position:absolute;left:0;top:0;width:92px;height:100%;object-fit:cover;border-right:1px solid var(--line)}.trust-icon{position:absolute;left:62px;bottom:8px;transform:translateX(-50%);width:28px;height:28px;font-size:.58rem;box-shadow:0 8px 22px rgba(5,21,46,.16)}.partner-grid{grid-template-columns:repeat(3,1fr);gap:14px}.partner-reason{min-height:172px}.contact-grid{gap:42px;align-items:start}.contact-list{margin-top:22px}.contact-item{padding:13px 0}.contact-item a{color:inherit;text-decoration:none}.contact-item a:hover{color:var(--green)}.social-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.social-link{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--navy);text-decoration:none;font-weight:900;transition:.25s var(--ease);box-shadow:0 8px 24px rgba(5,21,46,.06)}.social-link:hover{transform:translateY(-3px);border-color:rgba(31,143,56,.32);box-shadow:0 13px 30px rgba(5,21,46,.10)}.social-link.whatsapp{background:#1f8f38;color:#fff;border-color:#1f8f38}.social-link svg{width:21px;height:21px;fill:currentColor}.form-shell{padding:22px}.form-grid{gap:13px}.field textarea{min-height:112px}.form-actions{margin-top:14px}.tabs{margin-bottom:16px}.signin-btn{height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border-radius:12px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));font-size:.74rem;font-weight:800;transition:.28s var(--ease)}.signin-btn:hover{transform:translateY(-1px);border-color:rgba(243,181,27,.35);box-shadow:0 10px 30px rgba(0,0,0,.18)}.signin-icon{color:var(--gold);font-size:.9rem}.site-header .nav{min-height:62px;border-radius:19px;padding:7px 9px 7px 13px;background:linear-gradient(135deg,rgba(7,27,58,.91),rgba(10,42,70,.80));border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 52px rgba(3,13,30,.22),inset 0 1px 0 rgba(255,255,255,.07)}.brand-logo{width:39px;height:39px}.brand strong{font-size:.78rem}.brand span span{font-size:.55rem}.navlinks{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);border-radius:14px;padding:4px}.navlinks a{padding:8px 10px;font-size:.68rem}.nav-actions{gap:7px}.nav-actions .btn{padding:10px 14px;font-size:.7rem}.footer-bottom a{color:inherit;text-decoration:none}.footer-bottom a:hover{color:#fff}.legal-section{padding-top:42px}.legal-card{max-width:920px}.legal-card h2{font-size:1.18rem;margin:28px 0 8px}.legal-card p{color:var(--muted);line-height:1.85}.legal-note{margin-top:28px;padding:18px;border-radius:16px;background:#f5f8fb;border:1px solid var(--line)}.inner-hero.compact{padding:130px 0 55px}.inner-hero.compact h1{font-size:clamp(2.7rem,7vw,5.4rem)}
/* authentication */.subpage{background:#f7f9fb}.auth-main{min-height:100vh;padding:105px 18px 55px;background:radial-gradient(circle at 18% 18%,rgba(31,143,56,.14),transparent 32%),radial-gradient(circle at 82% 24%,rgba(243,181,27,.14),transparent 30%),#071b3a}.auth-shell{width:min(1050px,100%);margin:auto;display:grid;grid-template-columns:1.08fr .92fr;border:1px solid rgba(255,255,255,.11);border-radius:30px;overflow:hidden;box-shadow:0 35px 110px rgba(0,0,0,.32);background:rgba(255,255,255,.05);backdrop-filter:blur(22px)}.auth-visual{position:relative;padding:64px;color:#fff;overflow:hidden}.auth-visual h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1;max-width:530px}.auth-visual p{max-width:570px;color:rgba(255,255,255,.68);line-height:1.8}.auth-orbit{width:240px;height:240px;border-radius:50%;border:1px solid rgba(243,181,27,.3);position:relative;margin:50px auto 0;display:grid;place-items:center;animation:orbitSpin 12s linear infinite}.auth-orbit:before,.auth-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(104,196,91,.22);inset:24px}.auth-orbit:after{inset:55px;border-color:rgba(255,255,255,.12)}.auth-orbit div{width:14px;height:14px;background:var(--gold);border-radius:50%;position:absolute;top:18px;box-shadow:0 0 24px var(--gold)}.auth-orbit span{font-weight:900;letter-spacing:.12em}.auth-card{background:#fff;padding:54px 46px}.auth-card>img{width:74px;height:74px}.auth-card h2{margin:18px 0 6px}.auth-muted{color:var(--muted);font-size:.8rem}.auth-card form{display:grid;gap:15px;margin-top:28px}.auth-card label{display:grid;gap:7px;font-size:.74rem;font-weight:800}.auth-card input{width:100%;height:46px;border:1px solid var(--line);border-radius:12px;padding:0 13px;font:inherit}.auth-row{display:flex;justify-content:space-between;align-items:center;font-size:.73rem}.auth-row .check{display:flex;grid-auto-flow:column;justify-content:start}.auth-row a{color:var(--green);text-decoration:none}.auth-submit{width:100%;justify-content:center}.auth-demo{display:flex;gap:12px;margin-top:18px;font-size:.72rem}.auth-demo a{color:var(--muted)}
/* portals */.portal-body,.portal-main{margin:0;min-height:100vh;background:#eef3f7}.portal-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.portal-sidebar{background:#071b3a;color:#fff;padding:25px 18px;position:relative;overflow:hidden}.portal-sidebar:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(31,143,56,.16);filter:blur(40px);left:-110px;top:30% ;animation:ctaBubbleStrong 6s ease-in-out infinite}.portal-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;position:relative;z-index:1}.portal-logo img{width:48px;height:48px}.portal-logo span{display:grid;font-size:.65rem;color:rgba(255,255,255,.56)}.portal-logo b{font-size:.9rem;color:#fff}.portal-sidebar nav{display:grid;gap:6px;margin-top:38px;position:relative;z-index:1}.portal-sidebar nav a{color:rgba(255,255,255,.66);text-decoration:none;padding:12px 13px;border-radius:12px;font-size:.76rem;font-weight:760}.portal-sidebar nav a:hover,.portal-sidebar nav a.active{background:rgba(255,255,255,.08);color:#fff}.portal-content{padding:38px;min-width:0}.portal-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.portal-top h1{font-size:2.1rem;margin:6px 0}.portal-top p{color:var(--muted);margin:0}.portal-signout{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 14px;font-weight:800;color:var(--navy);text-decoration:none;cursor:pointer}.portal-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}.portal-metrics article{padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line);position:relative;overflow:hidden;box-shadow:0 14px 40px rgba(5,21,46,.05)}.portal-metrics article:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:rgba(31,143,56,.08);right:-30px;top:-30px;animation:dotGlowStrong 3s ease-in-out infinite}.portal-metrics small,.portal-metrics span{display:block;color:var(--muted);font-size:.68rem}.portal-metrics strong{display:block;font-size:1.8rem;margin:7px 0}.portal-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 16px 45px rgba(5,21,46,.05)}.portal-panel-head{display:flex;justify-content:space-between;align-items:center}.portal-panel-head h2{font-size:1.1rem}.portal-panel-head span{font-size:.68rem;color:var(--muted)}.empty-state{text-align:center;padding:52px 20px}.empty-state>div{font-size:2.4rem;color:var(--gold)}.empty-state h3{margin:9px 0}.empty-state p{color:var(--muted)}
@media(max-width:1050px){.hero{min-height:auto;padding-top:105px}.hero-grid{gap:20px}.hero-visual{min-height:430px;transform:translateY(-8px)}.partner-grid{grid-template-columns:repeat(2,1fr)}.navlinks[data-open="1"]{display:grid!important;position:absolute;top:calc(100% + 8px);left:8px;right:8px;padding:10px;gap:3px;border-radius:17px;background:rgba(5,21,47,.985);border:1px solid rgba(255,255,255,.10);box-shadow:0 26px 70px rgba(0,0,0,.34);z-index:200}.navlinks[data-open="1"] a{display:block;padding:11px 12px}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.portal-shell{grid-template-columns:190px 1fr}.portal-content{padding:26px}}
@media(max-width:680px){.site-header{padding:8px}.site-header .nav{min-height:56px;padding:6px 7px 6px 10px}.brand span span{display:none}.brand-logo{width:36px;height:36px}.signin-btn{height:34px;padding:0 10px}.nav-partner{display:none!important}.menu-btn{display:grid!important;z-index:210}.hero{padding-top:90px;padding-bottom:64px}.hero h1{font-size:clamp(2.45rem,13.5vw,4rem)}.hero .lead{font-size:.88rem}.hero-visual{min-height:365px}.logo-stage,.orb,.motion-halo{top:44%}.logo-stage{width:172px;height:172px}.motion-rail{bottom:0}.scroll-cue{display:none}.section,.section-soft{padding:58px 0}.trust-strip{margin-top:0;padding-top:12px}.trust-card{grid-template-columns:1fr}.trust-item{min-height:92px}.partner-grid{grid-template-columns:1fr}.contact-grid{gap:26px}.form-shell{padding:16px}.tabs{display:grid;grid-template-columns:1fr}.tab{width:100%}.social-row{margin-bottom:2px}.footer-grid{gap:24px}.auth-main{padding:85px 12px 35px}.auth-card{padding:30px 22px}.portal-shell{display:block}.portal-sidebar{position:relative;padding:15px}.portal-sidebar nav{grid-template-columns:repeat(3,1fr);margin-top:15px}.portal-sidebar nav a{text-align:center;padding:10px 5px}.portal-content{padding:20px 14px}.portal-top{display:grid}.portal-metrics{grid-template-columns:1fr}.inner-hero.compact{padding:105px 0 38px}}


/* =========================================================
   SASIL V5 FINAL — refined header, balanced motion, mobile nav,
   form validation, footer social, PWA-ready public UI
   ========================================================= */
:root{--header-h:76px;--nav-glass:rgba(7,27,58,.78)}
body.nav-lock{overflow:hidden}
.site-header{padding:10px 0;pointer-events:none}.site-header .nav-shell{pointer-events:auto}
.nav-shell{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px 9px 7px 12px;border-radius:22px;background:linear-gradient(135deg,rgba(5,20,45,.94),rgba(10,47,75,.84));border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 55px rgba(2,13,32,.28),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(24px) saturate(130%);transition:.35s var(--ease);position:relative}
.nav-shell:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(105deg,rgba(243,181,27,.55),transparent 28%,transparent 67%,rgba(104,196,91,.32));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6}
.site-header.scrolled .nav-shell{min-height:58px;background:linear-gradient(135deg,rgba(5,20,45,.97),rgba(9,42,68,.94));box-shadow:0 16px 45px rgba(2,13,32,.34)}
.brand{min-width:300px;gap:10px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.95);padding:3px;box-shadow:0 0 0 1px rgba(255,255,255,.22),0 8px 24px rgba(0,0,0,.22);position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.75) 49%,transparent 58%);animation:brandShine 5.8s ease-in-out infinite}.brand-logo{width:100%;height:100%;padding:0;background:transparent;box-shadow:none}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:.78rem;letter-spacing:.04em}.brand-copy>span{font-size:.52rem;letter-spacing:.10em;opacity:.58;margin:0}
.navlinks{display:flex;align-items:center;gap:3px;padding:4px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.78);font-size:.75rem;font-weight:760;position:relative}
.nav-menu-group{position:relative}.nav-trigger,.nav-direct{height:39px;display:flex;align-items:center;gap:8px;padding:0 13px;border:0;border-radius:11px;background:transparent;color:rgba(255,255,255,.75);font:inherit;font-weight:790;cursor:pointer;transition:.25s var(--ease);white-space:nowrap}.nav-trigger:hover,.nav-direct:hover,.nav-menu-group:focus-within>.nav-trigger{color:#fff;background:rgba(255,255,255,.08)}.nav-chevron{font-size:.8rem;color:var(--gold);transition:.25s}.nav-menu-group:hover .nav-chevron,.nav-menu-group:focus-within .nav-chevron{transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,8px);width:320px;padding:8px;border-radius:18px;background:rgba(5,21,47,.985);border:1px solid rgba(255,255,255,.11);box-shadow:0 28px 80px rgba(0,0,0,.36);opacity:0;visibility:hidden;pointer-events:none;transition:.24s var(--ease);backdrop-filter:blur(24px)}.nav-dropdown-wide{width:365px}.nav-menu-group:hover>.nav-dropdown,.nav-menu-group:focus-within>.nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-dropdown a{display:grid!important;grid-template-columns:9px 1fr;gap:10px;padding:11px 12px!important;border-radius:12px;color:#fff!important}.nav-dropdown a:hover{background:rgba(255,255,255,.07)}.nav-dropdown strong{display:block;font-size:.74rem}.nav-dropdown small{display:block;margin-top:3px;color:rgba(255,255,255,.49);font-size:.62rem;line-height:1.45;font-weight:560}.nav-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--green2));margin-top:5px;box-shadow:0 0 0 5px rgba(243,181,27,.06)}
.nav-mobile-actions{display:none}.nav-actions{gap:8px}.signin-btn{height:40px;border-radius:13px;padding:0 14px;font-size:.73rem}.nav-partner{padding:11px 16px;font-size:.72rem}.menu-btn{display:none;width:42px;height:42px;border-radius:13px;place-items:center;gap:4px;padding:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13)}.menu-btn span{display:block;width:20px;height:2px;border-radius:9px;background:#fff;transition:.25s var(--ease)}.menu-btn.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-btn.is-open span:nth-child(2){opacity:0;transform:scaleX(.3)}.menu-btn.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@keyframes brandShine{0%,58%{transform:translateX(-90%)}72%,100%{transform:translateX(90%)}}

/* hero/card overlap corrections */
.hero{padding-top:118px;padding-bottom:78px;min-height:940px}.hero-grid{grid-template-columns:1.05fr .95fr;gap:42px}.hero-copy{padding-top:10px}.hero h1{font-size:clamp(3.35rem,6.35vw,6.1rem);max-width:780px}.hero .lead{font-size:1rem;line-height:1.76;max-width:700px}.hero-actions{margin:27px 0 35px}.hero-visual{min-height:535px;transform:none!important;perspective:1000px}.logo-stage,.orb,.motion-halo{top:49%}.floating-card{width:232px;min-width:0;z-index:10;padding:14px 16px;overflow:hidden;isolation:isolate}.floating-card strong{font-size:.82rem;line-height:1.3}.floating-card>span{font-size:.66rem;line-height:1.35}.fc1{left:0;top:17%}.fc2{right:-2%;top:57%}.fc3{left:9%;bottom:0}.logo-stage{z-index:7}.motion-rail{bottom:0;height:42px}.motion-track{height:42px;align-items:center}.scroll-cue{display:none}

/* simple trust cards, no thumbnails */
.trust-strip{margin-top:-22px}.trust-card{padding:18px 20px;gap:12px}.trust-item{min-height:78px!important;padding:12px!important;display:flex!important;gap:11px!important;background:linear-gradient(145deg,#fff,#fbfcfe)!important;border-radius:16px;position:relative;overflow:hidden}.trust-item:after{content:"";position:absolute;inset:auto -20px -38px auto;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,rgba(31,143,56,.09),transparent 68%)}.trust-thumb{display:none!important}.trust-icon{position:static!important;transform:none!important;flex:0 0 38px;width:38px!important;height:38px!important;border-radius:12px!important;font-size:.62rem!important;background:linear-gradient(145deg,#eef5ff,#f7fbff)!important;box-shadow:none!important}.trust-item strong{font-size:.82rem}.trust-item span{font-size:.69rem;line-height:1.45;margin-top:3px}

/* balanced 3x3 sectors */
.sector-grid-nine{grid-template-columns:repeat(3,1fr)}.sector-card{min-height:250px}.sector-card h3{margin-top:30px}.sector-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--spot-x,90%) var(--spot-y,10%),rgba(243,181,27,.08),transparent 28%);opacity:0;transition:.3s;pointer-events:none}.sector-card:hover:before{opacity:1}

/* partner pathway section */
.pathway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.pathway-grid article{position:relative;overflow:hidden;padding:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,#071b3a,#0d3561);color:#fff;min-height:215px}.pathway-grid article:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;bottom:-70px;background:radial-gradient(circle,rgba(104,196,91,.22),transparent 66%)}.pathway-grid span{color:var(--gold);font-size:.7rem;font-weight:900;letter-spacing:.12em}.pathway-grid h3{font-size:1.1rem;margin:22px 0 10px}.pathway-grid p{color:rgba(255,255,255,.62);font-size:.78rem;line-height:1.65}.pathway-grid a{display:inline-flex;margin-top:8px;color:#fff;font-size:.75rem;font-weight:850;border-bottom:1px solid rgba(243,181,27,.45)}

/* alliance node descriptions */
.node{min-height:176px;display:flex;flex-direction:column}.node strong{font-size:.97rem}.node>span{display:block;margin-top:10px;color:rgba(255,255,255,.55);font-size:.67rem;line-height:1.55;font-weight:550}

/* contact and forms */
.contact-section{padding-top:80px}.contact-grid{gap:34px}.contact-item{padding:12px 0}.contact-item strong{line-height:1.6}.contact-item a{color:inherit;text-decoration:none}.contact-item a:hover{color:var(--green)}
.field label>span:not(.check span){color:#c77200}.field input,.field textarea,.field select{background:#fbfcfe;transition:border-color .2s,box-shadow .2s,background .2s}.field input::placeholder,.field textarea::placeholder{color:#98a2b3;opacity:1}.field input:focus,.field textarea:focus,.field select:focus{background:#fff;border-color:rgba(31,143,56,.55);box-shadow:0 0 0 4px rgba(31,143,56,.08);outline:none}.field input.is-invalid,.field textarea.is-invalid,.field select.is-invalid{border-color:#d92d20;background:#fffafa;box-shadow:0 0 0 4px rgba(217,45,32,.07)}
.field-error{display:flex;align-items:flex-start;gap:7px;margin-top:7px;padding:8px 10px;border:1px solid rgba(217,45,32,.18);border-radius:10px;background:#fff4f3;color:#b42318;font-size:.68rem;line-height:1.45;animation:errorIn .22s var(--ease)}.field-error>span{flex:0 0 18px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#d92d20;color:#fff;font-size:.64rem;font-weight:900}.field-error strong{font-weight:720}.check{align-items:flex-start}.check>span{line-height:1.55}.check a{color:var(--green);text-decoration:underline;text-underline-offset:2px}.form-alert{padding:13px 15px;border-radius:13px;margin-bottom:14px;font-size:.76rem;font-weight:720}.form-alert.success{background:#eaf8ee;border:1px solid #b7e2c2;color:#126b2a}.form-alert.error{background:#fff4e5;border:1px solid #f3c578;color:#8a5200}.validation-shake{animation:formShake .38s ease}.form-shell{padding:20px}.form-grid{gap:12px}.form-actions{margin-top:13px}.privacy-hint{font-size:.66rem;line-height:1.5}.tabs{margin-bottom:14px}
@keyframes errorIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@keyframes formShake{0%,100%{transform:none}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}

/* footer social moved here */
.footer-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.footer-social .social-link{width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.72);box-shadow:none;display:grid;place-items:center;font-weight:900;font-size:.73rem}.footer-social a.social-link{cursor:pointer}.footer-social .social-link.whatsapp{background:#1f8f38;color:#fff;border-color:#35a94f}.footer-social span.social-link{cursor:default;opacity:.68}.footer-contactline{margin-top:28px;padding:16px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;gap:10px 24px;color:rgba(255,255,255,.56);font-size:.68rem}.footer-contactline strong{color:rgba(255,255,255,.82)}.footer-contactline a{color:inherit}.footer-contactline a:hover{color:#fff}.footer-brand-link{min-width:0}
.legal-updated{font-size:.72rem;color:var(--green)!important;font-weight:800;letter-spacing:.04em}

@media(max-width:1180px){.brand{min-width:245px}.brand-copy>span{display:none}.hero h1{font-size:clamp(3.2rem,6vw,5.2rem)}.floating-card{width:205px}.fc1{left:-3%}.fc2{right:-5%}}
@media(max-width:1050px){
 .site-header{padding:8px 0}.nav-shell{min-height:58px;padding:6px 7px 6px 10px;border-radius:18px}.brand{min-width:auto}.brand-mark{width:40px;height:40px}.brand-copy strong{font-size:.74rem}.desktop-auth,.nav-partner{display:none!important}.menu-btn{display:grid!important;z-index:510}
 .navlinks{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;padding:10px;border-radius:18px;background:rgba(5,21,47,.99);border:1px solid rgba(255,255,255,.11);box-shadow:0 30px 80px rgba(0,0,0,.42);z-index:500;max-height:calc(100vh - 95px);overflow:auto;align-items:stretch;gap:5px}.navlinks.is-open{display:flex;flex-direction:column}.nav-menu-group{width:100%}.nav-trigger,.nav-direct{width:100%;height:44px;justify-content:space-between;padding:0 13px;border-radius:12px}.nav-direct{display:flex!important}.nav-dropdown,.nav-dropdown-wide{position:static;width:100%;transform:none!important;opacity:1;visibility:visible;pointer-events:auto;display:none;margin:3px 0 6px;padding:5px;background:rgba(255,255,255,.035);border-radius:13px;box-shadow:none}.nav-menu-group.is-expanded .nav-dropdown{display:block}.nav-menu-group.is-expanded .nav-chevron{transform:rotate(180deg)}.nav-dropdown a{padding:10px!important}.nav-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 4px 3px}.nav-mobile-actions .signin-btn,.nav-mobile-actions .btn{width:100%;height:42px;justify-content:center;border-radius:12px}.nav-mobile-actions .btn{padding:9px 10px;font-size:.7rem}
 .hero{min-height:auto;padding-top:105px}.hero-grid{grid-template-columns:1fr;gap:8px}.hero-copy{max-width:780px}.hero-visual{min-height:500px;width:min(620px,100%);margin:0 auto}.floating-card{width:210px}.fc1{left:2%;top:10%}.fc2{right:1%;top:60%}.fc3{left:10%;bottom:1%}.partner-grid,.pathway-grid{grid-template-columns:repeat(2,1fr)}.sector-grid-nine{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
 .container{width:min(var(--max),calc(100% - 24px))}.brand-copy>span{display:none}.brand-copy strong{font-size:.7rem}.nav-mobile-actions{grid-template-columns:1fr}.hero{padding-top:90px;padding-bottom:55px}.hero h1{font-size:clamp(2.55rem,13vw,4rem);letter-spacing:-.048em}.hero .lead{font-size:.88rem}.hero-actions{margin:23px 0 29px}.hero-proof{gap:13px}.proof{min-width:42%;padding-left:11px}.hero-visual{min-height:420px}.logo-stage{width:180px;height:180px}.orb{width:330px}.floating-card{width:155px;padding:10px 11px;border-radius:13px}.floating-card strong{font-size:.65rem}.floating-card>span{font-size:.56rem}.fc1{left:0;top:10%}.fc2{right:0;top:57%}.fc3{left:5%;bottom:1%}.motion-rail{height:34px}.motion-track{height:34px}.trust-strip{margin-top:0;padding-top:12px}.trust-card{grid-template-columns:1fr 1fr;padding:10px}.trust-item{min-height:100px!important;align-items:flex-start!important;flex-direction:column;gap:7px!important}.trust-icon{flex:0 0 34px;width:34px!important;height:34px!important}.sector-grid-nine,.partner-grid,.pathway-grid{grid-template-columns:1fr}.sector-card{min-height:220px}.alliance-panel{padding:30px 20px}.alliance-nodes{grid-template-columns:1fr}.node{min-height:0}.footer-contactline{display:grid}.contact-section{padding-top:56px}.form-shell{padding:14px}.field-error{font-size:.65rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}

/* V5 hamburger normalization */
.menu-btn::before,.menu-btn::after{display:none!important}.menu-btn span{position:relative;z-index:2}

/* V5 hero information-card collision fix */
.fc1{top:0!important}.fc2{top:80%!important}.fc3{bottom:0!important}
@media(max-width:640px){.fc1{top:0!important}.fc2{top:79%!important}.fc3{bottom:0!important}}

/* V5 anchor offset for fixed command header */
html{scroll-padding-top:90px}
section[id]{scroll-margin-top:90px}
@media(max-width:640px){html{scroll-padding-top:76px}section[id]{scroll-margin-top:76px}}

/* === V7 refinement: new logo, hero balance, exclusive dropdowns, unified footer socials === */
.hero h1{font-size:clamp(2.95rem,5.35vw,5.15rem)!important;line-height:.98!important;max-width:720px!important;letter-spacing:-.047em!important}
.hero-copy{padding-top:0!important}
.logo-stage.logo-stage-split{width:285px;height:285px;padding:0!important;background:transparent!important;border-radius:50%;overflow:visible!important;box-shadow:0 34px 100px rgba(0,0,0,.30),0 0 70px rgba(243,181,27,.08)!important;isolation:isolate}
.logo-stage.logo-stage-split::before{inset:-19px!important;background:conic-gradient(from 0deg,transparent 0 17%,rgba(243,181,27,.52),transparent 35% 57%,rgba(104,196,91,.42),transparent 78%)!important;filter:blur(.2px);opacity:.88;animation:navSpin 8s linear infinite!important}
.logo-stage.logo-stage-split::after{inset:-7px!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 0 42px rgba(255,255,255,.04)}
.sasil-logo-layer,.logo-ghost{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:url('../img/sasil-logo.png') center/contain no-repeat;pointer-events:none}
.logo-ring-layer{z-index:2;-webkit-mask-image:radial-gradient(circle at center,transparent 0 61%,#000 62% 100%);mask-image:radial-gradient(circle at center,transparent 0 61%,#000 62% 100%);animation:ringPoise 8.5s ease-in-out infinite;filter:drop-shadow(0 16px 28px rgba(0,0,0,.24))}
.logo-core-layer{z-index:3;-webkit-mask-image:radial-gradient(circle at center,#000 0 62%,transparent 63% 100%);mask-image:radial-gradient(circle at center,#000 0 62%,transparent 63% 100%);animation:coreLift 4.8s ease-in-out infinite;filter:drop-shadow(0 14px 28px rgba(0,0,0,.18))}
.logo-ghost{z-index:1;opacity:.18!important;border-radius:0!important;animation:none!important}
.logo-stage-split .logo-sweep{z-index:5;inset:-25% 28% -25% -28%;clip-path:circle(49% at 50% 50%);opacity:.72}
@keyframes ringPoise{0%,100%{transform:rotate(-2deg) scale(1)}50%{transform:rotate(3deg) scale(1.015)}}
@keyframes coreLift{0%,100%{transform:translateY(2px) scale(.985)}50%{transform:translateY(-9px) scale(1.035)}}

/* Desktop dropdowns are click-controlled: only .is-expanded is visible. */
@media(min-width:1051px){
  .nav-menu-group:hover>.nav-dropdown,.nav-menu-group:focus-within>.nav-dropdown{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,8px)!important}
  .nav-menu-group.is-expanded>.nav-dropdown{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
  .nav-menu-group.is-expanded>.nav-trigger{color:#fff;background:rgba(255,255,255,.085)}
  .nav-menu-group.is-expanded>.nav-trigger .nav-chevron{transform:rotate(180deg)}
}

.footer-social .social-link,.footer-social .social-link.whatsapp{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;opacity:1!important;box-shadow:none!important}
.footer-social .social-link svg{width:18px;height:18px;fill:currentColor;display:block}
.footer-social .social-link:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.26)!important;transform:translateY(-2px)}
.footer-contactline{display:none!important}
.brand-logo{object-fit:contain;background:#fff;padding:2px}

@media(max-width:640px){
  .hero h1{font-size:clamp(2.35rem,11.4vw,3.65rem)!important;line-height:1!important;max-width:11ch!important}
  .logo-stage.logo-stage-split{width:198px!important;height:198px!important}
}

/* === V8 polish: hero logo split motion, hover nav, seamless motion rail, footer social normalization, auth visual upgrade === */
.brand-logo{background:transparent!important;padding:0!important}
.hero-title{max-width:13ch!important;display:block}
.hero-title-line{display:block}
.hero h1{font-size:clamp(2.7rem,5vw,4.85rem)!important;line-height:.96!important;letter-spacing:-.048em!important;max-width:12.8ch!important}
.hero .lead{max-width:640px!important}
.hero-proof{gap:18px!important}
.hero-visual{display:grid;place-items:center}
.logo-stage.logo-stage-split{position:relative!important;width:min(340px,78vw)!important;height:min(340px,78vw)!important;padding:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;isolation:isolate}
.logo-stage.logo-stage-split::before,.logo-stage.logo-stage-split::after{display:none!important}
.logo-beacon{position:absolute;inset:11%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),rgba(255,255,255,0) 58%);filter:blur(4px);animation:beaconPulse 4.2s ease-in-out infinite}
.logo-orbit{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.11);transform-origin:center center}
.logo-orbit.orbit-1{inset:4%;border-color:rgba(243,181,27,.22);animation:heroOrbit 16s linear infinite}
.logo-orbit.orbit-2{inset:16%;border-color:rgba(104,196,91,.16);animation:heroOrbitReverse 12s linear infinite}
.logo-orbit.orbit-3{inset:28%;border-color:rgba(255,255,255,.09);animation:heroOrbit 10s linear infinite reverse}
.hero-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;will-change:transform,filter}
.hero-logo-ring{z-index:3;filter:drop-shadow(0 18px 40px rgba(0,0,0,.32));animation:heroRingFloat 8.6s ease-in-out infinite, heroRingSpin 22s linear infinite}
.hero-logo-core{z-index:4;filter:drop-shadow(0 16px 32px rgba(0,0,0,.28));animation:heroCoreFloat 4.4s ease-in-out infinite}
.logo-ghost{position:absolute;inset:13%;width:74%;height:74%;object-fit:contain;opacity:.14!important;z-index:2;animation:ghostGlow 5.5s ease-in-out infinite}
.logo-stage-split .logo-sweep{position:absolute;inset:-8%;z-index:5;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 42%,rgba(255,255,255,.28) 48%,transparent 54% 100%);mix-blend-mode:screen;filter:blur(8px);animation:heroSweep 8.8s linear infinite;opacity:.72}
.floating-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
@keyframes heroRingSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes heroRingFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.012)}}
@keyframes heroCoreFloat{0%,100%{transform:translateY(2px) scale(.985)}50%{transform:translateY(-14px) scale(1.04)}}
@keyframes heroSweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes heroOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes heroOrbitReverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes beaconPulse{0%,100%{opacity:.55;transform:scale(.98)}50%{opacity:.95;transform:scale(1.04)}}
@keyframes ghostGlow{0%,100%{opacity:.10}50%{opacity:.18}}

.motion-rail{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:4!important;overflow:hidden;background:linear-gradient(180deg,rgba(4,18,42,.98),rgba(5,23,51,.95))!important;border-top:1px solid rgba(255,255,255,.06)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;backdrop-filter:none!important;-webkit-mask-image:none!important;mask-image:none!important}
.motion-track{display:flex!important;align-items:center!important;gap:0!important;width:max-content!important;min-width:200%!important;animation:motionRailLoop 24s linear infinite!important;color:rgba(255,255,255,.44)!important;height:42px!important;padding:0!important}
.motion-set{display:flex;align-items:center;gap:20px;flex:0 0 auto;padding-right:20px;white-space:nowrap}
.motion-set span{font-size:.66rem;font-weight:820;letter-spacing:.22em}
.motion-set i{font-style:normal;color:rgba(243,181,27,.70);font-size:.92rem}
@keyframes motionRailLoop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.trust-strip{margin-top:0!important;padding-top:18px!important;position:relative;z-index:5}
.trust-card{margin-top:0!important}

@media(min-width:1051px){
  .nav-menu-group:hover>.nav-dropdown,.nav-menu-group:focus-within>.nav-dropdown,.nav-menu-group.is-expanded>.nav-dropdown{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
  .nav-menu-group:hover>.nav-trigger,.nav-menu-group:focus-within>.nav-trigger,.nav-menu-group.is-expanded>.nav-trigger{color:#fff!important;background:rgba(255,255,255,.085)!important}
  .nav-menu-group:hover>.nav-trigger .nav-chevron,.nav-menu-group:focus-within>.nav-trigger .nav-chevron,.nav-menu-group.is-expanded>.nav-trigger .nav-chevron{transform:rotate(180deg)!important}
}

.footer-social .social-link,.footer-social a.social-link,.footer-social span.social-link,.footer-social .social-link.whatsapp{width:38px!important;height:38px!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;opacity:1!important;box-shadow:none!important}
.footer-social .social-link svg{width:18px!important;height:18px!important;fill:currentColor!important}
.footer-social .social-link:hover{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.26)!important;transform:translateY(-2px)}

.auth-main{background:radial-gradient(circle at 14% 15%,rgba(31,143,56,.14),transparent 30%),radial-gradient(circle at 84% 18%,rgba(243,181,27,.14),transparent 32%),linear-gradient(180deg,#071b3a,#0a2349)}
.auth-orbit.auth-orbit-pro{width:290px;height:290px;margin:52px auto 0;position:relative;border:0;display:grid;place-items:center;animation:none}
.auth-orbit-pro::before{content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(255,255,255,.08)}
.auth-orbit-line{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)}
.orbit-line-a{inset:0;border-color:rgba(243,181,27,.24);animation:heroOrbit 14s linear infinite}
.orbit-line-b{inset:15%;border-color:rgba(104,196,91,.18);animation:heroOrbitReverse 10s linear infinite}
.orbit-line-c{inset:30%;border-color:rgba(255,255,255,.09);animation:heroOrbit 8s linear infinite reverse}
.auth-orbit-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 24px rgba(243,181,27,.75)}
.orbit-dot-a{left:22px;top:52%;animation:authDotA 8.2s ease-in-out infinite}
.orbit-dot-b{right:34px;top:23%;background:var(--green2);box-shadow:0 0 20px rgba(104,196,91,.68);animation:authDotB 9s ease-in-out infinite}
.orbit-dot-c{left:58%;bottom:26px;background:#fff;box-shadow:0 0 18px rgba(255,255,255,.55);animation:authDotC 7.4s ease-in-out infinite}
.auth-emblem{position:relative;width:178px;height:178px;display:grid;place-items:center;z-index:2}
.auth-emblem-ring,.auth-emblem-core{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.auth-emblem-ring{animation:heroRingSpin 24s linear infinite, heroRingFloat 8s ease-in-out infinite;filter:drop-shadow(0 14px 26px rgba(0,0,0,.24))}
.auth-emblem-core{animation:heroCoreFloat 4.8s ease-in-out infinite;filter:drop-shadow(0 12px 22px rgba(0,0,0,.20))}
.auth-emblem-glow{position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%);filter:blur(8px);z-index:-1}
.auth-orbit-badge{position:absolute;right:-6px;bottom:10px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);max-width:180px;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.auth-orbit-badge small{display:block;color:rgba(255,255,255,.62);text-transform:uppercase;letter-spacing:.14em;font-size:.56rem;margin-bottom:5px}
.auth-orbit-badge strong{display:block;font-size:.82rem;line-height:1.35;color:#fff}
@keyframes authDotA{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,-24px)}}
@keyframes authDotB{0%,100%{transform:translate(0,0)}50%{transform:translate(-12px,14px)}}
@keyframes authDotC{0%,100%{transform:translate(0,0)}50%{transform:translate(-18px,-8px)}}

@media(max-width:1050px){
  .hero h1{font-size:clamp(2.55rem,7.5vw,4.2rem)!important;max-width:12ch!important}
  .logo-stage.logo-stage-split{width:min(300px,72vw)!important;height:min(300px,72vw)!important}
  .motion-track{height:40px!important}
}
@media(max-width:640px){
  .hero{padding-bottom:34px!important}
  .hero h1{font-size:clamp(2.15rem,10.5vw,3.3rem)!important;max-width:11.8ch!important}
  .logo-stage.logo-stage-split{width:215px!important;height:215px!important}
  .floating-card{width:150px!important}
  .motion-track,.motion-rail{height:34px!important}
  .motion-set{gap:14px;padding-right:14px}
  .motion-set span{font-size:.55rem}
}

/* === V9 FINAL HERO + DIRECT NAVIGATION === */
/* Header: crisp brand and direct navigation */
.brand-mark{background:#fff!important;box-shadow:0 0 0 1px rgba(255,255,255,.34),0 10px 28px rgba(0,0,0,.24)!important;overflow:visible!important}
.brand-mark::after{display:none!important}
.brand-logo{opacity:1!important;filter:saturate(1.1) contrast(1.07)!important;transform:none!important}
.brand:hover .brand-logo{transform:scale(1.045)!important;filter:saturate(1.15) contrast(1.08)!important}
.navlinks.navlinks-direct{display:flex;align-items:center;gap:2px;padding:4px 5px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);border-radius:14px}
.navlinks.navlinks-direct .nav-direct{height:39px;padding:0 13px;border-radius:11px;color:rgba(255,255,255,.76);font-size:.69rem;font-weight:790;letter-spacing:.015em;transition:.24s var(--ease);position:relative}
.navlinks.navlinks-direct .nav-direct::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2px;border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--green2));transform:scaleX(0);transform-origin:center;transition:.24s var(--ease)}
.navlinks.navlinks-direct .nav-direct:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateY(-1px)}
.navlinks.navlinks-direct .nav-direct:hover::after{transform:scaleX(1)}

/* Hero: restrained premium composition */
.hero{min-height:835px!important;padding-top:112px!important;padding-bottom:54px!important;background:
 radial-gradient(circle at 76% 28%,rgba(31,143,56,.17),transparent 27%),
 radial-gradient(circle at 89% 70%,rgba(243,181,27,.10),transparent 25%),
 linear-gradient(180deg,#061934 0%,#08234c 68%,#092653 100%)!important}
.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr)!important;gap:54px!important;align-items:center!important}
.hero-copy{padding-top:0!important;position:relative;z-index:7}
.hero-title{max-width:690px!important;margin-top:12px!important;margin-bottom:24px!important}
.hero-title-line{display:block!important}
.hero h1{font-size:clamp(2.85rem,4.85vw,4.72rem)!important;line-height:.98!important;letter-spacing:-.048em!important;max-width:690px!important;text-wrap:balance}
.hero h1 .accent{background:linear-gradient(90deg,#f6cf54,#f2b51b 48%,#9ed96a);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{max-width:640px!important;font-size:.94rem!important;line-height:1.78!important;color:rgba(235,242,250,.78)!important}
.hero-actions{margin:28px 0 34px!important}
.hero-proof{max-width:680px;border-top:1px solid rgba(255,255,255,.095);padding-top:18px;gap:22px!important}
.proof strong{font-size:.86rem!important}.proof span{font-size:.66rem!important;line-height:1.4}

.hero-visual-v9{min-height:590px!important;transform:none!important;position:relative!important;perspective:none!important;display:block!important}
.hero-stage-card{position:absolute;inset:10px 0 0 0;border-radius:40px;overflow:hidden;isolation:isolate;background:
 linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 55%),
 radial-gradient(circle at 52% 45%,rgba(12,47,87,.76),rgba(4,23,52,.36) 66%,rgba(2,16,39,.16));border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 34px 80px rgba(0,0,0,.17);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.hero-stage-card::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(115deg,transparent 0 30%,rgba(255,255,255,.035) 41%,transparent 52% 100%);transform:translateX(-120%);animation:stageShimmer 9s ease-in-out infinite}
.hero-stage-card::after{content:"";position:absolute;inset:18px;border-radius:30px;border:1px solid rgba(255,255,255,.035);pointer-events:none}
.hero-stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 55% 45%,#000 0 45%,transparent 82%);opacity:.42}
.hero-stage-glow{position:absolute;border-radius:50%;filter:blur(48px);opacity:.36;pointer-events:none}.glow-gold{width:230px;height:230px;right:14%;top:16%;background:rgba(243,181,27,.32)}.glow-green{width:260px;height:260px;left:14%;bottom:11%;background:rgba(31,143,56,.27)}
.hero-stage-orbit{position:absolute;left:50%;top:46%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-a{width:430px;height:430px;border:1px solid rgba(243,181,27,.15)}.orbit-b{width:350px;height:350px;border:1px solid rgba(104,196,91,.13)}.orbit-c{width:270px;height:270px;border:1px dashed rgba(255,255,255,.085);animation:v9OrbitDash 34s linear infinite}
.hero-stage-particle{position:absolute;width:8px;height:8px;border-radius:50%;box-shadow:0 0 20px currentColor;z-index:2}.particle-a{left:18%;top:26%;color:#f3b51b;background:currentColor;animation:v9ParticleA 6s ease-in-out infinite}.particle-b{right:14%;top:32%;color:#68c45b;background:currentColor;animation:v9ParticleB 7.5s ease-in-out infinite}.particle-c{right:24%;bottom:15%;width:5px;height:5px;color:#fff;background:currentColor;opacity:.7;animation:v9ParticleC 5.4s ease-in-out infinite}
.logo-stage-v9{position:absolute!important;left:50%!important;top:46%!important;transform:translate(-50%,-50%)!important;width:330px!important;height:330px!important;padding:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;animation:none!important;z-index:6!important}
.logo-stage-v9::before,.logo-stage-v9::after{display:none!important}
.logo-master{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;border-radius:0!important;z-index:3!important;opacity:1!important;filter:drop-shadow(0 22px 32px rgba(0,0,0,.32)) saturate(1.08) contrast(1.04);animation:v9LogoBreathe 6.5s ease-in-out infinite!important}
.logo-core-float{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:0!important;z-index:4!important;filter:drop-shadow(0 12px 22px rgba(0,0,0,.19));animation:v9CoreFloat 4.8s ease-in-out infinite!important;pointer-events:none}
.logo-aura{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),rgba(243,181,27,.055) 40%,transparent 69%);filter:blur(12px);animation:v9Aura 5.5s ease-in-out infinite;z-index:1}
.logo-highlight{position:absolute;inset:-5%;border-radius:50%;z-index:5;background:conic-gradient(from -50deg,transparent 0 39%,rgba(255,255,255,.22) 45%,transparent 51% 100%);mask-image:radial-gradient(circle,transparent 0 58%,#000 65% 72%,transparent 78%);animation:v9Highlight 10s linear infinite;opacity:.65}

.hero-stage-card .floating-card{position:absolute!important;width:205px!important;min-width:0!important;padding:14px 15px!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(40,70,110,.86),rgba(24,50,88,.72))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 18px 44px rgba(0,0,0,.18)!important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:9!important;overflow:hidden!important}
.hero-stage-card .floating-card::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 40%,rgba(255,255,255,.075) 50%,transparent 60% 100%);transform:translateX(-130%);animation:v9CardShine 8s ease-in-out infinite;pointer-events:none}
.hero-stage-card .floating-card strong{font-size:.73rem!important;line-height:1.28!important}.hero-stage-card .floating-card>span{font-size:.61rem!important;line-height:1.45!important;color:rgba(232,239,248,.63)!important}
.hero-stage-card .fc1{left:18px!important;top:56px!important;animation:v9CardFloat1 6.3s ease-in-out infinite!important}.hero-stage-card .fc2{right:16px!important;top:225px!important;animation:v9CardFloat2 7.2s ease-in-out infinite!important}.hero-stage-card .fc3{left:50px!important;bottom:67px!important;animation:v9CardFloat3 6.8s ease-in-out infinite!important}
.stage-caption{position:absolute;right:26px;bottom:24px;z-index:8;display:grid;gap:4px;text-align:right;padding:11px 14px;border-radius:14px;background:rgba(5,25,55,.46);border:1px solid rgba(255,255,255,.075);backdrop-filter:blur(10px)}.stage-caption span{font-size:.53rem;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.43)}.stage-caption strong{font-size:.63rem;color:rgba(255,255,255,.83);letter-spacing:.025em}

@keyframes stageShimmer{0%,15%{transform:translateX(-120%)}55%,100%{transform:translateX(135%)}}
@keyframes v9OrbitDash{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes v9LogoBreathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.008)}}
@keyframes v9CoreFloat{0%,100%{transform:translate3d(0,2px,0) scale(.998)}50%{transform:translate3d(0,-8px,0) scale(1.025)}}
@keyframes v9Aura{0%,100%{opacity:.55;transform:scale(.98)}50%{opacity:.95;transform:scale(1.04)}}
@keyframes v9Highlight{to{transform:rotate(360deg)}}
@keyframes v9ParticleA{50%{transform:translate(14px,-12px);opacity:.55}}@keyframes v9ParticleB{50%{transform:translate(-12px,14px);opacity:.62}}@keyframes v9ParticleC{50%{transform:translate(-10px,-10px);opacity:.35}}
@keyframes v9CardFloat1{50%{transform:translateY(-6px)}}@keyframes v9CardFloat2{50%{transform:translateY(7px)}}@keyframes v9CardFloat3{50%{transform:translateY(-5px)}}
@keyframes v9CardShine{0%,20%{transform:translateX(-130%)}55%,100%{transform:translateX(130%)}}

/* Keep ticker completely separate from the white trust card. */
.motion-rail{position:relative!important;z-index:4!important;margin:0!important;bottom:auto!important;background:#061a3c!important;border-top:1px solid rgba(255,255,255,.055)!important;border-bottom:1px solid rgba(255,255,255,.055)!important;overflow:hidden!important}
.trust-strip{margin-top:0!important;padding-top:18px!important;background:#fff!important}

@media(max-width:1120px){
 .hero-grid{grid-template-columns:1fr!important;gap:30px!important}.hero{min-height:auto!important;padding-bottom:42px!important}.hero-copy{max-width:790px}.hero h1{max-width:720px!important}.hero-visual-v9{width:min(680px,100%);margin:0 auto;min-height:570px!important}.hero-stage-card .fc1{left:30px!important}.hero-stage-card .fc2{right:28px!important}.hero-stage-card .fc3{left:70px!important}
}
@media(max-width:1050px){
 .navlinks.navlinks-direct{display:none!important;background:rgba(5,21,47,.99)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:18px!important;padding:10px!important}.navlinks.navlinks-direct.is-open{display:flex!important;flex-direction:column!important;position:absolute;top:calc(100% + 10px);left:0;right:0;align-items:stretch!important}.navlinks.navlinks-direct .nav-direct{width:100%;height:44px;justify-content:flex-start;padding:0 14px;font-size:.76rem}.navlinks.navlinks-direct .nav-direct::after{display:none}.nav-mobile-actions{display:grid!important}
}
@media(max-width:680px){
 .hero{padding-top:88px!important;padding-bottom:28px!important}.hero h1{font-size:clamp(2.18rem,10.6vw,3.25rem)!important;line-height:1!important;max-width:11.5ch!important}.hero-title-line{display:inline!important}.hero-title-line::after{content:" "}.hero .lead{font-size:.84rem!important}.hero-proof{gap:12px!important}.hero-visual-v9{min-height:445px!important}.hero-stage-card{border-radius:28px;inset:5px 0 0}.hero-stage-card::after{inset:10px;border-radius:20px}.logo-stage-v9{width:220px!important;height:220px!important;top:45%!important}.hero-stage-orbit.orbit-a{width:300px;height:300px}.hero-stage-orbit.orbit-b{width:245px;height:245px}.hero-stage-orbit.orbit-c{width:190px;height:190px}.hero-stage-card .floating-card{width:145px!important;padding:10px 11px!important}.hero-stage-card .floating-card strong{font-size:.58rem!important}.hero-stage-card .floating-card>span{font-size:.51rem!important}.hero-stage-card .fc1{left:8px!important;top:38px!important}.hero-stage-card .fc2{right:7px!important;top:185px!important}.hero-stage-card .fc3{left:18px!important;bottom:52px!important}.stage-caption{right:12px;bottom:12px;padding:8px 9px}.stage-caption strong{font-size:.52rem}.stage-caption span{font-size:.45rem}
}
.logo-stage-v9 .logo-master,.logo-stage-v9 .logo-core-float{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important}
.logo-stage-v9 .logo-master{z-index:3!important}
.logo-stage-v9 .logo-core-float{z-index:4!important}


/* === V10 hero refinement & sign-in/logo fixes === */
.brand-mark{background:#fff!important;padding:2px!important;box-shadow:0 0 0 1px rgba(255,255,255,.42),0 12px 30px rgba(0,0,0,.26)!important}.brand-logo{opacity:1!important;filter:none!important}.brand-copy>span{opacity:.72!important}
.hero-stage-card{background:transparent!important;box-shadow:none!important;border:none!important;overflow:visible!important}.hero-stage-card::before,.hero-stage-card::after{display:none!important}.hero-stage-grid{opacity:.55!important}.hero-stage-glow{opacity:.95!important}.hero-stage-orbit{z-index:1!important}.hero-stage-card .floating-card{z-index:2!important;width:216px!important}.hero-stage-card .fc1{left:12px!important;top:36px!important}.hero-stage-card .fc2{right:0!important;top:205px!important}.hero-stage-card .fc3{left:55px!important;bottom:72px!important}.logo-stage-v9{z-index:6!important;width:350px!important;height:350px!important;top:47%!important}.logo-master{z-index:5!important;animation:v10LogoBase 7s ease-in-out infinite!important}.logo-core-float{z-index:6!important;animation:v10CoreLift 4.8s ease-in-out infinite!important;transform-origin:center center}.logo-highlight{z-index:7!important;opacity:.58!important}.stage-caption{z-index:3!important;right:34px!important;bottom:18px!important}.floating-card strong,.floating-card>span{text-shadow:0 1px 0 rgba(0,0,0,.10)}
@keyframes v10LogoBase{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.01)}}
@keyframes v10CoreLift{0%,100%{transform:translateY(2px) scale(.995)}50%{transform:translateY(-10px) scale(1.028)}}
.auth-emblem{width:168px!important;height:168px!important}.auth-emblem-main,.auth-emblem-core{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.auth-emblem-main{z-index:2;filter:drop-shadow(0 16px 28px rgba(0,0,0,.24));animation:v10AuthLogo 8s ease-in-out infinite}.auth-emblem-core{z-index:3;animation:v10AuthCore 4.8s ease-in-out infinite}.auth-emblem-glow{z-index:1!important}.auth-orbit-badge{right:-2px!important;bottom:12px!important}.auth-orbit.auth-orbit-pro{overflow:visible!important}
@keyframes v10AuthLogo{0%,100%{transform:translateY(0) scale(.985)}50%{transform:translateY(-4px) scale(1)}}
@keyframes v10AuthCore{0%,100%{transform:translateY(1px) scale(.99)}50%{transform:translateY(-7px) scale(1.025)}}
@media(max-width:1120px){.hero-stage-card .fc1{left:20px!important}.hero-stage-card .fc2{right:10px!important}.hero-stage-card .fc3{left:70px!important}}
@media(max-width:680px){.hero-stage-card .floating-card{width:150px!important}.hero-stage-card .fc1{left:4px!important;top:40px!important}.hero-stage-card .fc2{right:0!important;top:174px!important}.hero-stage-card .fc3{left:10px!important;bottom:58px!important}.logo-stage-v9{width:224px!important;height:224px!important;top:46%!important}.stage-caption{right:10px!important;bottom:10px!important}}


/* === V11 final polish: precise logo split, brighter branding, cleaner mobile actions === */
.site-header .brand-copy strong,.site-footer .brand-copy strong{color:#fff!important;opacity:1!important}
.site-header .brand-copy>span,.site-footer .brand-copy>span{color:rgba(255,255,255,.92)!important;opacity:1!important}
.site-header .brand-mark,.site-footer .brand-mark{background:#fff!important;box-shadow:0 0 0 1px rgba(255,255,255,.36),0 10px 28px rgba(0,0,0,.22)!important;filter:none!important}
.site-header .brand-logo,.site-footer .brand-logo{opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
.logo-stage-v9{width:322px!important;height:322px!important;top:47%!important}
.logo-master,.logo-core-float{mix-blend-mode:normal!important;image-rendering:auto!important}
.logo-master{z-index:5!important;filter:drop-shadow(0 18px 28px rgba(0,0,0,.26))!important;animation:v11RingFloat 8s ease-in-out infinite, heroRingSpin 30s linear infinite!important}
.logo-core-float{z-index:6!important;filter:drop-shadow(0 14px 22px rgba(0,0,0,.22))!important;animation:v11CoreFloat 4.8s ease-in-out infinite!important}
.logo-aura{opacity:.9!important}.logo-highlight{display:none!important}
.hero-stage-card .floating-card{z-index:2!important;max-width:220px!important}.hero-stage-card .fc1{left:8px!important;top:42px!important}.hero-stage-card .fc2{right:-48px!important;top:186px!important;width:250px!important}.hero-stage-card .fc3{left:34px!important;bottom:58px!important}.stage-caption{right:18px!important;bottom:12px!important}
.auth-emblem{width:182px!important;height:182px!important}.auth-emblem-ring,.auth-emblem-core{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;mix-blend-mode:normal!important}.auth-emblem-ring{z-index:2!important;filter:drop-shadow(0 16px 28px rgba(0,0,0,.22))!important;animation:v11RingFloat 8s ease-in-out infinite, heroRingSpin 30s linear infinite!important}.auth-emblem-core{z-index:3!important;filter:drop-shadow(0 12px 20px rgba(0,0,0,.18))!important;animation:v11CoreFloat 4.8s ease-in-out infinite!important}.auth-emblem-main{display:none!important}.auth-emblem-glow{inset:14%!important;background:radial-gradient(circle,rgba(255,214,106,.22),transparent 66%)!important}
@keyframes v11RingFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.01)}}
@keyframes v11CoreFloat{0%,100%{transform:translateY(0) scale(.992)}50%{transform:translateY(-8px) scale(1.02)}}
.form-actions .btn-dark{min-width:214px;padding:16px 22px;border-radius:18px;box-shadow:0 14px 30px rgba(7,27,58,.16);white-space:nowrap;text-align:center}
.form-actions .btn-dark:hover{box-shadow:0 18px 36px rgba(7,27,58,.22)}
.check input[type="checkbox"]{width:22px;height:22px;border-radius:7px;border:1px solid #b9c5d6;appearance:none;-webkit-appearance:none;background:#fff;display:grid;place-items:center;cursor:pointer;flex:0 0 22px}.check input[type="checkbox"]::after{content:"";width:12px;height:12px;transform:scale(0);transition:transform .18s ease;background:linear-gradient(135deg,var(--green),#59b54d);clip-path:polygon(14% 44%,0 59%,41% 100%,100% 16%,84% 0,39% 62%)}.check input[type="checkbox"]:checked::after{transform:scale(1)}
@media(max-width:900px){.hero-stage-card .fc2{right:-8px!important;top:210px!important;width:215px!important}.hero-stage-card .fc3{left:20px!important;bottom:52px!important}.logo-stage-v9{width:282px!important;height:282px!important}}
@media(max-width:680px){.site-header .brand-copy strong,.site-footer .brand-copy strong{font-size:.78rem!important}.site-header .brand-copy>span,.site-footer .brand-copy>span{font-size:.56rem!important;display:block!important}.form-actions{flex-direction:column;align-items:stretch!important}.privacy-hint{max-width:none!important}.form-actions .btn-dark{width:100%!important;min-width:0!important;padding:16px 18px!important;border-radius:18px!important}.hero-stage-card .floating-card{width:152px!important;max-width:152px!important;padding:10px 11px!important}.hero-stage-card .fc1{left:4px!important;top:32px!important}.hero-stage-card .fc2{right:-6px!important;top:168px!important}.hero-stage-card .fc3{left:8px!important;bottom:48px!important}.logo-stage-v9{width:228px!important;height:228px!important;top:45%!important}.stage-caption{right:8px!important;bottom:8px!important}}


/* === V12 final corrections === */
.logo-stage-v9 .logo-core-float{inset:10.5%!important;width:79%!important;height:79%!important;left:10.5%!important;top:10.5%!important}
.auth-emblem .auth-emblem-core{inset:10.5%!important;width:79%!important;height:79%!important;left:10.5%!important;top:10.5%!important}
.hero-stage-card .fc2{right:-112px!important;top:196px!important;width:272px!important;z-index:2!important}
.site-header .brand,.site-footer .brand{color:#fff!important;opacity:1!important}
.site-header .brand-mark,.site-footer .brand-mark{background:#fff!important;box-shadow:0 0 0 1px rgba(255,255,255,.48),0 12px 30px rgba(0,0,0,.26)!important;opacity:1!important}
.site-header .brand-logo,.site-footer .brand-logo{opacity:1!important;filter:brightness(1.14) saturate(1.1) contrast(1.06)!important}
.site-header .brand-copy strong,.site-footer .brand-copy strong{color:#fff!important;opacity:1!important;text-shadow:0 1px 0 rgba(0,0,0,.14)!important}
.site-header .brand-copy>span,.site-footer .brand-copy>span{color:#fff!important;opacity:1!important;white-space:nowrap!important;text-shadow:0 1px 0 rgba(0,0,0,.12)!important;letter-spacing:.085em!important}
@media(max-width:1120px){.hero-stage-card .fc2{right:-72px!important;top:210px!important;width:240px!important}}
@media(max-width:680px){.logo-stage-v9 .logo-core-float{inset:10%!important;width:80%!important;height:80%!important;left:10%!important;top:10%!important}.auth-emblem .auth-emblem-core{inset:10%!important;width:80%!important;height:80%!important;left:10%!important;top:10%!important}.hero-stage-card .fc2{right:-12px!important;top:166px!important;width:160px!important}.site-header .brand-copy strong,.site-footer .brand-copy strong{font-size:.8rem!important}.site-header .brand-copy>span,.site-footer .brand-copy>span{font-size:.5rem!important;letter-spacing:.06em!important}}


/* === V13 final responsive correction: Hero floating cards on tablet/mobile === */

/* Tablet / small laptop:
   Keep the logo exactly as approved; move the two lower cards beneath the logo,
   completely inside the visual area, so no text is hidden behind the logo. */
@media (min-width:681px) and (max-width:1120px){
  .hero-visual-v9{
    overflow:visible!important;
    padding-bottom:110px!important;
  }
  .hero-stage-card{
    overflow:visible!important;
  }
  .hero-stage-card .fc1{
    left:18px!important;
    top:40px!important;
    right:auto!important;
  }
  .hero-stage-card .fc2{
    top:auto!important;
    right:12px!important;
    bottom:70px!important;
    width:215px!important;
    max-width:215px!important;
    z-index:7!important;
  }
  .hero-stage-card .fc3{
    top:auto!important;
    left:12px!important;
    bottom:70px!important;
    width:215px!important;
    max-width:215px!important;
    z-index:7!important;
  }
  .stage-caption{
    left:50%!important;
    right:auto!important;
    bottom:6px!important;
    transform:translateX(-50%)!important;
    width:max-content!important;
    max-width:88%!important;
    text-align:center!important;
  }
}

/* Mobile:
   Keep both lower cards fully visible inside the viewport and out of the logo.
   They sit in a balanced row below the logo instead of sliding behind/outside it. */
@media (max-width:680px){
  .hero-visual-v9{
    min-height:520px!important;
    overflow:visible!important;
    padding-bottom:126px!important;
  }
  .hero-stage-card{
    overflow:visible!important;
  }
  .logo-stage-v9{
    top:40%!important;
    width:218px!important;
    height:218px!important;
  }
  .hero-stage-card .fc1{
    left:4px!important;
    right:auto!important;
    top:22px!important;
    width:148px!important;
    max-width:148px!important;
    z-index:7!important;
  }
  .hero-stage-card .fc2{
    top:auto!important;
    right:4px!important;
    left:auto!important;
    bottom:72px!important;
    width:148px!important;
    max-width:148px!important;
    z-index:7!important;
  }
  .hero-stage-card .fc3{
    top:auto!important;
    left:4px!important;
    right:auto!important;
    bottom:72px!important;
    width:148px!important;
    max-width:148px!important;
    z-index:7!important;
  }
  .hero-stage-card .floating-card strong{
    font-size:.62rem!important;
    line-height:1.35!important;
  }
  .hero-stage-card .floating-card>span{
    font-size:.53rem!important;
    line-height:1.45!important;
  }
  .stage-caption{
    left:50%!important;
    right:auto!important;
    bottom:8px!important;
    transform:translateX(-50%)!important;
    width:max-content!important;
    max-width:94%!important;
    text-align:center!important;
  }
}

/* === Leadership expansion: team grid + individual profile pages === */
.leadership-showcase-section{position:relative;overflow:hidden}
.leadership-showcase-section::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-300px;top:-280px;background:radial-gradient(circle,rgba(243,181,27,.09),transparent 68%);pointer-events:none}
.leadership-showcase-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}
.leadership-showcase-head h2{margin:0;max-width:none;font-size:clamp(2.15rem,3.55vw,3.35rem);white-space:nowrap}
.leadership-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;position:relative;z-index:1}
.leadership-team-card{display:block;color:inherit;text-decoration:none;background:#fff;border:1px solid #e7ebf0;border-radius:24px;overflow:hidden;box-shadow:0 18px 44px rgba(7,27,58,.08);transition:transform .42s var(--ease),box-shadow .42s var(--ease),border-color .42s var(--ease);position:relative}
.leadership-team-card::after{content:"↗";position:absolute;right:18px;bottom:19px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f3f6f9;color:var(--navy);font-size:.8rem;font-weight:800;opacity:.78;transition:transform .35s var(--ease),background .35s var(--ease),color .35s var(--ease)}
.leadership-team-card:hover{transform:translateY(-8px);box-shadow:0 28px 66px rgba(7,27,58,.15);border-color:rgba(243,181,27,.45)}
.leadership-team-card:hover::after{transform:translate(2px,-2px);background:var(--gold);color:#071b3a}
.leadership-team-photo{display:block;aspect-ratio:4/5;background:linear-gradient(145deg,#eef2f6,#dfe5eb);overflow:hidden}
.leadership-team-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;transition:transform .65s var(--ease),filter .65s var(--ease);filter:saturate(.98) contrast(1.01)}
.leadership-team-card:hover .leadership-team-photo img{transform:scale(1.035);filter:saturate(1.02) contrast(1.02)}
.leadership-team-copy{display:block;padding:20px 56px 22px 20px;min-height:112px}
.leadership-team-copy strong{display:block;color:var(--navy);font-size:1.03rem;line-height:1.35;letter-spacing:-.012em;margin-bottom:7px}
.leadership-team-copy>span{display:block;color:var(--muted);font-size:.78rem;line-height:1.45;font-weight:700}
.leadership-index-hero h1{max-width:940px}
.leadership-index-section{padding-top:66px}

.leadership-profile-hero{padding:148px 0 82px;background:radial-gradient(circle at 78% 20%,rgba(31,143,56,.14),transparent 32%),radial-gradient(circle at 18% 75%,rgba(243,181,27,.12),transparent 31%),linear-gradient(135deg,#061a38 0%,#0a2b55 55%,#0e3556 100%);color:#fff;position:relative;overflow:hidden}
.leadership-profile-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,transparent,black 18%,black 82%,transparent);pointer-events:none}
.leadership-profile-shell{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:72px;align-items:center;position:relative;z-index:1}
.leadership-profile-photo{position:relative;max-width:455px}
.leadership-profile-photo::before{content:"";position:absolute;inset:26px -22px -22px 26px;border:1px solid rgba(243,181,27,.42);border-radius:32px;z-index:-1}
.leadership-profile-photo::after{content:"";position:absolute;width:86px;height:5px;border-radius:999px;left:-18px;top:34px;background:linear-gradient(90deg,var(--gold),var(--green))}
.leadership-profile-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 15%;border-radius:30px;box-shadow:0 36px 86px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.15)}
.leadership-profile-intro{max-width:720px}
.leadership-profile-intro .eyebrow{color:#9de88f}
.leadership-profile-intro h1{color:#fff;font-size:clamp(3rem,5.4vw,5.6rem);line-height:.98;letter-spacing:-.055em;margin:14px 0 22px;max-width:10.8ch}
.leadership-profile-intro .lead{color:rgba(255,255,255,.76);max-width:660px;font-size:1.07rem}
.leadership-back-link{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.66);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;margin-bottom:26px;transition:color .25s ease,transform .25s ease}
.leadership-back-link:hover{color:#fff;transform:translateX(-3px)}
.leadership-profile-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.leadership-profile-tags span{padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);color:rgba(255,255,255,.78);font-size:.67rem;font-weight:800;letter-spacing:.045em}

.leadership-profile-content{padding-top:92px}
.leadership-biography-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:54px;align-items:start}
.leadership-bio-main{font-size:.98rem;line-height:1.82;color:#4d5e76}
.leadership-bio-main h2{color:var(--navy);font-size:clamp(2rem,3.2vw,3.35rem);line-height:1.08;letter-spacing:-.04em;margin:10px 0 26px;max-width:780px}
.leadership-bio-main p{margin:0 0 20px}
.leadership-bio-divider{height:1px;background:linear-gradient(90deg,rgba(7,27,58,.15),transparent);margin:42px 0 35px}
.leadership-bio-side{display:grid;gap:18px;position:sticky;top:118px}
.leadership-detail-card{background:#fff;border:1px solid #e5eaf0;border-radius:24px;padding:25px;box-shadow:0 18px 48px rgba(7,27,58,.07)}
.leadership-detail-card .eyebrow{margin-bottom:18px}
.leadership-detail-list{display:grid;gap:0}
.leadership-detail-list>div{padding:15px 0;border-bottom:1px solid #edf0f4}
.leadership-detail-list>div:last-child{border-bottom:0;padding-bottom:0}
.leadership-detail-list strong{display:block;color:var(--navy);font-size:.84rem;line-height:1.4;margin-bottom:4px}
.leadership-detail-list span{display:block;color:var(--muted);font-size:.73rem;line-height:1.55}
.leadership-detail-card-dark{background:linear-gradient(145deg,#071b3a,#123a61);border-color:transparent;color:#fff}
.leadership-detail-card-dark .eyebrow{color:#8fe27f}
.leadership-detail-card-dark p{color:rgba(255,255,255,.76);font-size:.85rem;line-height:1.7;margin:0 0 18px}
.leadership-detail-card-dark p:last-child{margin-bottom:0}
.leadership-mini-label{display:block;color:#f7c642;font-size:.61rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em;margin:24px 0 8px}
.leadership-role-section{padding-top:72px;padding-bottom:96px}
.leadership-role-card{display:grid;grid-template-columns:.75fr 1.25fr;gap:58px;background:#fff;border:1px solid #e4e9ef;border-radius:28px;padding:40px 42px;box-shadow:0 22px 58px rgba(7,27,58,.08);align-items:start}
.leadership-role-card h2{font-size:clamp(2rem,3vw,3.2rem);line-height:1.08;letter-spacing:-.04em;margin:10px 0 0;color:var(--navy)}
.leadership-role-card p{font-size:.92rem;line-height:1.8;color:#56677e;margin:0 0 16px}
.leadership-role-card p:last-child{margin-bottom:0}

@media(max-width:1050px){
  .leadership-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .leadership-profile-shell{grid-template-columns:.8fr 1.2fr;gap:44px}
  .leadership-biography-grid{grid-template-columns:1fr;gap:34px}
  .leadership-bio-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .leadership-role-card{grid-template-columns:1fr;gap:24px}
}
@media(max-width:680px){
  .leadership-showcase-head{display:block;margin-bottom:24px}
  .leadership-showcase-head h2{
    font-size:clamp(1.9rem,8.7vw,2.35rem);
    line-height:1.05;
    margin-top:8px;
    white-space:normal;
    max-width:100%;
    overflow-wrap:normal;
  }
  .leadership-team-grid{grid-template-columns:1fr 1fr;gap:11px}
  .leadership-team-card{border-radius:17px}
  .leadership-team-card::after{right:10px;bottom:11px;width:26px;height:26px;font-size:.68rem}
  .leadership-team-copy{padding:14px 39px 15px 13px;min-height:98px}
  .leadership-team-copy strong{font-size:.8rem;line-height:1.3;margin-bottom:5px}
  .leadership-team-copy>span{font-size:.62rem;line-height:1.4}
  .leadership-profile-hero{padding:118px 0 62px}
  .leadership-profile-shell{grid-template-columns:1fr;gap:38px}
  .leadership-profile-photo{max-width:330px;margin:0 auto;width:82%}
  .leadership-profile-photo::before{inset:18px -13px -13px 18px;border-radius:24px}
  .leadership-profile-photo img{border-radius:23px}
  .leadership-profile-intro{text-align:left}
  .leadership-profile-intro h1{font-size:clamp(2.65rem,13vw,4rem);max-width:none}
  .leadership-profile-intro .lead{font-size:.94rem}
  .leadership-profile-tags{gap:7px}
  .leadership-profile-tags span{font-size:.58rem;padding:8px 10px}
  .leadership-profile-content{padding-top:68px}
  .leadership-bio-main h2{font-size:2.25rem}
  .leadership-bio-side{grid-template-columns:1fr}
  .leadership-detail-card{border-radius:20px;padding:21px}
  .leadership-role-card{padding:27px 23px;border-radius:22px}
}
@media(max-width:430px){
  .leadership-team-grid{grid-template-columns:1fr}
  .leadership-team-photo{aspect-ratio:1/1.08}
  .leadership-team-copy{min-height:auto;padding:16px 48px 18px 16px}
  .leadership-team-copy strong{font-size:.92rem}
  .leadership-team-copy>span{font-size:.68rem}
}

/* === 2026-09-02 final sector layout + standalone PWA safe-area correction === */
.sector-card-wide{grid-column:1/-1;min-height:210px}
.sector-card-wide p{max-width:920px}
.sector-card-wide h3{margin-top:24px}
@media(max-width:1050px){.sector-card-wide{grid-column:1/-1}}
@media(max-width:640px){.sector-card-wide{grid-column:auto;min-height:220px}.sector-card-wide p{max-width:100%}.sector-card-wide h3{margin-top:30px}}

@supports (padding-top: env(safe-area-inset-top)){
  html.pwa-standalone .site-header{padding-top:calc(8px + env(safe-area-inset-top))!important;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  html.pwa-standalone .site-header.scrolled{padding-top:calc(7px + env(safe-area-inset-top))!important}
  html.pwa-standalone{scroll-padding-top:calc(90px + env(safe-area-inset-top))!important}
  html.pwa-standalone section[id]{scroll-margin-top:calc(90px + env(safe-area-inset-top))!important}
  @media(max-width:1050px){html.pwa-standalone .navlinks{max-height:calc(100dvh - 105px - env(safe-area-inset-top))!important}}
  @media(max-width:640px){html.pwa-standalone{scroll-padding-top:calc(78px + env(safe-area-inset-top))!important}html.pwa-standalone section[id]{scroll-margin-top:calc(78px + env(safe-area-inset-top))!important}}
}

/* Keep the 7 / 8 / 9 row balanced on tablet widths; item 10 remains full-width below it. */
@media(min-width:681px) and (max-width:1050px){
  .sector-grid-nine{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sector-card{padding:22px;min-height:285px}
  .sector-card h3{font-size:1.14rem;margin-top:26px}
  .sector-card p{font-size:.78rem;line-height:1.65}
  .sector-card-wide{grid-column:1/-1;min-height:200px}
  .sector-card-wide p{max-width:900px}
}