*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
 --p:#0D9488;--pd:#0A7A6F;--pl:#99F6E4;--p50:#F0FDFA;
 --a:#F97316;--ad:#EA580C;--al:#FFF7ED;
 --n:#0B1120;--nm:#131C31;--n2:#1E293B;
 --s:#334155;--sm:#64748B;--sl:#94A3B8;--smu:#CBD5E1;
 --w:#fff;--bg:#F8FAFC;--bg2:#EFF3F8;--bdr:#E2E8F0;
 --r:14px;--rs:8px;--rl:20px;
 --f:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'SF Pro Display',sans-serif;
 --shsm:0 2px 8px rgba(0Rs 0Rs 0,.05);--shmd:0 8px 24px rgba(0Rs 0Rs 0,.07);--shlg:0 16px 48px rgba(0Rs 0Rs 0,.09);--shxl:0 24px 64px rgba(0Rs 0Rs 0,.11);
}
html{scroll-behavior:smooth}
body{font-family:var(--f);background:var(--bg);color:var(--s);line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}

/* PRELOADER */
.pl{position:fixed;inset:0;z-index:10000;background:var(--n);display:flex;align-items:center;justify-content:center;transition:opacity .5s,visibility .5s}
.pl.h{opacity:0;visibility:hidden;pointer-events:none}
.pl-t{font-size:2rem;font-weight:800;color:var(--w)}.pl-t b{color:var(--p)}
.pl-d{display:flex;gap:5px;justify-content:center;margin-top:16px}
.pl-d i{width:6px;height:6px;border-radius:50%;background:var(--p);animation:pb 1.2s infinite ease-in-out}
.pl-d i:nth-child(2){animation-delay:.12s}.pl-d i:nth-child(3){animation-delay:.24s}
@keyframes pb{0%,80%,100%{transform:scale(.5);opacity:.3}40%{transform:scale(1);opacity:1}}

/* HEADER */
header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s}
header:not(.sc){background:transparent}
header.sc{background:rgba(255,255,255,.97);backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--bdr);box-shadow:var(--shsm)}
.htop{background:var(--n);padding:5px 0;font-size:.72rem;color:rgba(255,255,255,.65);transition:margin .3s}
header.sc .htop{margin-top:-32px}
.htop-i{max-width:1280px;margin:0 auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center}
.htop a{color:rgba(255,255,255,.8)}.htop-r{display:flex;gap:16px}
.nw{max-width:1280px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{display:flex;align-items:center;gap:9px}
.lm{width:34px;height:34px;background:var(--p);border-radius:8px;display:grid;place-items:center;position:relative}
.lm::after{content:'';position:absolute;inset:0;border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent)}
.lm svg{width:17px;height:17px;fill:var(--w);position:relative;z-index:1}
.ln{font-weight:800;font-size:1.2rem;letter-spacing:-.3px;transition:color .3s}
header:not(.sc) .ln{color:var(--w)}header.sc .ln{color:var(--n)}
.lt2{font-size:.52rem;letter-spacing:1.4px;text-transform:uppercase;font-weight:600;transition:color .3s}
header:not(.sc) .lt2{color:rgba(255,255,255,.45)}header.sc .lt2{color:var(--sl)}

/* NAV */
.mn{display:flex;align-items:center;gap:1px}
.ni>a{display:flex;align-items:center;gap:4px;padding:7px 12px;font-size:.84rem;font-weight:500;border-radius:var(--rs);transition:all .2s}
header:not(.sc) .ni>a{color:rgba(255,255,255,.8)}
header:not(.sc) .ni>a:hover{color:var(--w);background:rgba(255,255,255,.08)}
header.sc .ni>a{color:var(--s)}
header.sc .ni>a:hover{color:var(--p);background:var(--p50)}
.arr{font-size:.48rem;transition:transform .3s;margin-left:2px}
.ni:hover .arr{transform:rotate(180deg)}
.ni{position:relative}

/* MEGA MENU */
.mm{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);background:var(--w);border:1px solid var(--bdr);border-radius:var(--rl);box-shadow:var(--shxl);padding:6px;min-width:740px;opacity:0;visibility:hidden;pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1)}
.mm::before{content:'';position:absolute;top:-15px;left:0;right:0;height:15px;background:transparent}
.ni:hover .mm{opacity:1;visibility:visible;pointer-events:all;transform:translateX(-50%) translateY(0)}
.mm-i{display:flex}
.mm-l{flex:1;padding:14px}
.mm-hd{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--sl);margin-bottom:10px;padding-left:10px}
.mmg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.ml{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--rs);transition:all .2s}
.ml:hover{background:var(--p50)}
.ml-i{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:.95rem;flex-shrink:0}
.ml-n{font-weight:600;font-size:.78rem;color:var(--s)}.ml:hover .ml-n{color:var(--p)}
.ml-s{font-size:.65rem;color:var(--sl);margin-top:1px}
.mm-r{width:200px;background:linear-gradient(145deg,var(--n),var(--nm));border-radius:var(--r);margin:6px;padding:24px 18px;display:flex;flex-direction:column;justify-content:space-between;color:var(--w)}
.mm-rt{font-size:1.05rem;font-weight:800;line-height:1.2;margin-bottom:8px}.mm-rt em{color:var(--a);font-style:normal}
.mm-rd{font-size:.7rem;opacity:.7;line-height:1.5;margin-bottom:14px}
.mm-rb{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;background:var(--a);color:var(--w);font-weight:700;font-size:.74rem;border-radius:50px;transition:all .2s}
.mm-rb:hover{background:var(--ad);transform:translateY(-1px)}

.ncta{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--p);color:var(--w);font-weight:600;font-size:.8rem;border-radius:50px;transition:all .3s}
.ncta:hover{background:var(--pd);transform:translateY(-1px);box-shadow:0 4px 12px rgba(13,148,136,.3)}

.mbtn{display:none;background:none;border:none;cursor:pointer;width:34px;height:34px}
.mbtn span{display:block;width:17px;height:2px;margin:3px auto;transition:all .3s}
header:not(.sc) .mbtn span{background:var(--w)}header.sc .mbtn span{background:var(--n)}

/* MOBILE NAV */
.mov{position:fixed;inset:0;background:rgba(11,17,32,.5);backdrop-filter:blur(4px);z-index:1999;opacity:0;visibility:hidden;transition:all .3s}.mov.on{opacity:1;visibility:visible}
.mpn{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:var(--w);z-index:2000;padding:20px;overflow-y:auto;transition:right .4s cubic-bezier(.16,1,.3,1);box-shadow:var(--shxl)}.mpn.on{right:0}
.mph{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.mx{width:32px;height:32px;border-radius:7px;background:var(--bg2);border:none;cursor:pointer;font-size:.95rem;display:grid;place-items:center;color:var(--s)}
.mpn a{display:block;padding:11px 12px;font-size:.88rem;font-weight:500;color:var(--s);border-radius:var(--rs);transition:all .2s}
.mpn a:hover{background:var(--p50);color:var(--p)}
.mlab{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--sl);padding:12px 12px 4px;margin-top:4px}

/* ... HERO CAROUSEL ... */
.hero-home{position:relative;height:100vh;min-height:620px;overflow:hidden}
.hero-slides{position:absolute;inset:0}
.hero-sl{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out}
.hero-sl.active{opacity:1}
.hero-sl-bg{position:absolute;inset:0}
.hero-sl::after{content:'';position:absolute;inset:0;z-index:2}

/* Slide themes - rich illustrated gradients */
.hsl-village .hero-sl-bg{background:linear-gradient(135deg,#1a4731 0%,#2d6a4f 25%,#52b788 50%,#95d5b2 70%,#d8f3dc 85%,#74c69d 100%)}
.hsl-village::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-city .hero-sl-bg{background:linear-gradient(135deg,#1b3a4b 0%,#065a82 25%,#0582ca 50%,#00b4d8 70%,#90e0ef 85%,#48cae4 100%)}
.hsl-city::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-edu .hero-sl-bg{background:linear-gradient(135deg,#5c2d91 0%,#7b4bb5 25%,#9d79cc 45%,#f4a261 60%,#e9c46a 75%,#ffd166 100%)}
.hsl-edu::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-farm .hero-sl-bg{background:linear-gradient(135deg,#606c38 0%,#7f8a42 20%,#dda15e 45%,#bc6c25 60%,#e9c46a 75%,#fefae0 100%)}
.hsl-farm::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-health .hero-sl-bg{background:linear-gradient(135deg,#0b525b 0%,#168aad 30%,#34a0a4 50%,#76c893 70%,#b5e48c 85%,#99d98c 100%)}
.hsl-health::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

/* Slide scene illustrations (CSS art elements) */
.hero-scene{position:absolute;inset:0;z-index:1;overflow:hidden}
/* Decorative circles */
.hs-c{position:absolute;border-radius:50%;opacity:.12}
.hs-c1{width:400px;height:400px;top:-10%;right:-5%;background:rgba(255,255,255,.15);animation:float 18s ease-in-out infinite}
.hs-c2{width:250px;height:250px;bottom:5%;right:15%;background:rgba(255,255,255,.08);animation:float 22s ease-in-out infinite reverse}
.hs-c3{width:150px;height:150px;top:40%;right:30%;border:2px solid rgba(255,255,255,.12);background:none;animation:float 15s ease-in-out infinite}
/* Scene emojis (large, positioned as scene elements) */
.hs-emoji{position:absolute;z-index:1;font-size:4rem;opacity:.25;filter:grayscale(20%)}
.hs-e1{top:15%;right:8%;font-size:5rem;animation:float 20s ease-in-out infinite}
.hs-e2{top:45%;right:22%;font-size:3.5rem;animation:float 16s ease-in-out infinite 2s}
.hs-e3{bottom:18%;right:12%;font-size:4.5rem;animation:float 18s ease-in-out infinite 4s}
.hs-e4{top:25%;right:38%;font-size:3rem;opacity:.15;animation:float 14s ease-in-out infinite 1s}

.hero-content{position:absolute;inset:0;z-index:10;display:flex;align-items:center;max-width:1280px;margin:0 auto;padding:0 28px;width:100%;left:50%;transform:translateX(-50%)}
.hero-text{max-width:600px}
.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px 5px 9px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:rgba(255,255,255,.9);font-size:.74rem;font-weight:600;margin-bottom:22px;opacity:0;animation:fu .7s .3s forwards}
.hero-badge i{width:7px;height:7px;border-radius:50%;background:var(--a);box-shadow:0 0 0 0 rgba(249,115,22,.4);animation:pls 2s infinite}
@keyframes pls{0%{box-shadow:0 0 0 0 rgba(249,115,22,.4)}70%{box-shadow:0 0 0 8px transparent}}
.hero-home h1{font-size:3.6rem;font-weight:800;line-height:1.06;letter-spacing:-2px;color:var(--w);margin-bottom:18px;opacity:0;animation:fu .7s .5s forwards}
.hero-home h1 em{font-style:normal;background:linear-gradient(135deg,var(--a),#FBBF24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-desc{font-size:1.05rem;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:30px;max-width:480px;opacity:0;animation:fu .7s .7s forwards}
/* Slide-specific tagline */
.hero-tagline{font-size:.88rem;color:var(--a);font-weight:600;margin-bottom:6px;opacity:0;animation:fu .7s .4s forwards;display:flex;align-items:center;gap:6px}
.hero-tagline::before{content:'';width:20px;height:2px;background:var(--a);border-radius:2px}
.hero-acts{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px;opacity:0;animation:fu .7s .9s forwards}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:50px;font-weight:600;font-size:.9rem;font-family:var(--f);cursor:pointer;transition:all .3s;border:none}
.btn-a{background:var(--a);color:var(--w)}.btn-a:hover{background:var(--ad);transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,.3)}
.btn-g{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8)}.btn-g:hover{background:rgba(255,255,255,.12)}
.hero-stats{display:flex;gap:32px;opacity:0;animation:fu .7s 1.1s forwards}
.hs-item{text-align:left}
.hs-n{font-size:1.7rem;font-weight:800;color:var(--w);letter-spacing:-1px}
.hs-l{font-size:.7rem;color:rgba(255,255,255,.4);margin-top:2px;font-weight:500}

/* Hero dots */
.hero-dots{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:8px}
.hero-dot{width:32px;height:4px;border-radius:4px;background:rgba(255,255,255,.2);cursor:pointer;transition:all .4s}
.hero-dot.active{background:var(--a);width:48px}

/* Scroll hint */
.hero-scroll{position:absolute;bottom:36px;right:36px;z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;color:rgba(255,255,255,.35);font-size:.58rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.hsb{width:1px;height:32px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}
.hsb::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:50%;background:var(--a);animation:hsa 2s ease-in-out infinite}
@keyframes hsa{0%{top:-50%}100%{top:150%}}

/* ... PAGE HERO (sub-pages) ... */
.phero{position:relative;min-height:48vh;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:130px 28px 60px}
.phero::before{content:'';position:absolute;inset:0;z-index:0}
.phero-content{position:relative;z-index:10;animation:fu .7s forwards}
.phero-ey{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:rgba(255,255,255,.85);font-size:.72rem;font-weight:600;margin-bottom:16px}
.phero-ey i{width:6px;height:6px;border-radius:50%;background:var(--a)}
.phero h1{font-size:3rem;font-weight:800;color:var(--w);letter-spacing:-1.5px;margin-bottom:12px;line-height:1.08}
.phero h1 em{font-style:normal;color:var(--a)}
.phero-sub{font-size:1.05rem;color:rgba(255,255,255,.6);max-width:560px;margin:0 auto;line-height:1.7}

/* Hero color themes for sectors */
.phero-teal{background:linear-gradient(145deg,#0B1120 0%,#0A3D39 50%,#0D5D57 100%)}
.phero-teal::before{background:radial-gradient(circle at 70% 30%,rgba(13,148,136,.2),transparent 60%)}
.phero-blue{background:linear-gradient(145deg,#0B1120 0%,#1E3A5F 50%,#1E40AF 100%)}
.phero-blue::before{background:radial-gradient(circle at 70% 30%,rgba(37,99,235,.2),transparent 60%)}
.phero-green{background:linear-gradient(145deg,#0B1120 0%,#14532D 50%,#166534 100%)}
.phero-green::before{background:radial-gradient(circle at 70% 30%,rgba(22,163,74,.2),transparent 60%)}
.phero-purple{background:linear-gradient(145deg,#0B1120 0%,#3B0764 50%,#6B21A8 100%)}
.phero-purple::before{background:radial-gradient(circle at 70% 30%,rgba(139,92,246,.2),transparent 60%)}
.phero-orange{background:linear-gradient(145deg,#0B1120 0%,#7C2D12 50%,#C2410C 100%)}
.phero-orange::before{background:radial-gradient(circle at 70% 30%,rgba(249,115,22,.2),transparent 60%)}
.phero-red{background:linear-gradient(145deg,#0B1120 0%,#7F1D1D 50%,#B91C1C 100%)}
.phero-red::before{background:radial-gradient(circle at 70% 30%,rgba(220,38,38,.2),transparent 60%)}
.phero-navy{background:linear-gradient(145deg,#0B1120 0%,#1E293B 50%,#334155 100%)}
.phero-navy::before{background:radial-gradient(circle at 70% 30%,rgba(100,116,139,.15),transparent 60%)}

@keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* ... SECTIONS ... */
.section{padding:88px 28px}.container{max-width:1280px;margin:0 auto}
.ey{display:inline-flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--p);margin-bottom:10px}
.ey-b{width:20px;height:2px;background:var(--p);border-radius:2px}
.sh{font-size:2.4rem;font-weight:800;line-height:1.1;letter-spacing:-1px;color:var(--n);margin-bottom:12px}
.sht{font-size:.98rem;color:var(--sm);max-width:520px;line-height:1.7}
.rv{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}
.rv.vis{opacity:1;transform:none}
.d1{transition-delay:.07s}.d2{transition-delay:.14s}.d3{transition-delay:.21s}.d4{transition-delay:.28s}.d5{transition-delay:.35s}

/* STATS BAR */
.stats{background:var(--w);border-bottom:1px solid var(--bdr);position:relative;z-index:5}
.stats-in{max-width:1280px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:repeat(4,1fr)}
.sti{padding:26px 16px;text-align:center;border-right:1px solid var(--bdr)}.sti:last-child{border-right:none}
.sti-n{font-size:1.9rem;font-weight:800;color:var(--p);letter-spacing:-1px}
.sti-l{font-size:.78rem;color:var(--sm);margin-top:2px;font-weight:500}

/* ABOUT */
.ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ab-vis{position:relative}
.ab-main{width:100%;border-radius:var(--rl);overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,var(--p50),#D5F5F6);display:flex;align-items:center;justify-content:center;position:relative}
.ab-main-inner{font-size:5rem;position:relative;z-index:1}
.ab-main::before{content:'';position:absolute;inset:20px;border:2px dashed rgba(13,148,136,.15);border-radius:var(--r)}
.ab-badge{position:absolute;top:-12px;left:-12px;background:var(--p);color:var(--w);border-radius:var(--r);padding:16px 20px;box-shadow:var(--shmd)}
.ab-badge-n{font-size:1.7rem;font-weight:800}.ab-badge-t{font-size:.68rem;opacity:.75}
.ab-float{position:absolute;bottom:-20px;right:-20px;background:var(--w);border-radius:var(--r);padding:18px 22px;box-shadow:var(--shlg);border:1px solid var(--bdr);display:flex;align-items:center;gap:12px}
.ab-float-i{font-size:1.4rem}.ab-float-t{font-size:.78rem;font-weight:600;color:var(--n)}
.ab-p{font-size:.9rem;color:var(--sm);line-height:1.8;margin-bottom:22px}
.abf{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;background:var(--bg2);border-radius:var(--rs);transition:all .3s;margin-bottom:10px}
.abf:hover{background:var(--p50)}
.abf-i{width:38px;height:38px;border-radius:9px;background:var(--pl);display:grid;place-items:center;flex-shrink:0;font-size:.95rem}
.abf-n{font-weight:700;font-size:.84rem;color:var(--n)}.abf-d{font-size:.76rem;color:var(--sm);margin-top:1px}

/* HIGHLIGHT CARDS */
.hlg{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:40px}
.hlc{background:var(--w);border:1px solid var(--bdr);border-radius:var(--r);padding:26px 18px;text-align:center;transition:all .35s;position:relative;overflow:hidden}
.hlc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--p);transform:scaleX(0);transition:transform .4s}.hlc:hover::after{transform:scaleX(1)}
.hlc:hover{transform:translateY(-4px);box-shadow:var(--shmd);border-color:transparent}
.hlc-i{font-size:1.7rem;margin-bottom:10px}.hlc-t{font-weight:700;font-size:.83rem;color:var(--n);margin-bottom:3px}.hlc-d{font-size:.72rem;color:var(--sl);line-height:1.5}

/* SECTOR CARDS */
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.sca{display:block;color:inherit;background:var(--w);border:1px solid var(--bdr);border-radius:var(--r);overflow:hidden;transition:all .4s}
.sca:hover{transform:translateY(-5px);box-shadow:var(--shlg);border-color:transparent}
.sc-top{height:130px;position:relative;overflow:hidden}
.sc-top-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem}
.sc-nb{position:absolute;top:10px;left:10px;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;font-weight:800;font-size:.7rem;color:var(--w)}
.sc-bd{padding:18px}
.sc-nm{font-weight:700;font-size:.98rem;color:var(--n);margin-bottom:5px}
.sc-ds{font-size:.78rem;color:var(--sm);line-height:1.55;margin-bottom:12px}
.sc-sv{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.sc-s{display:flex;align-items:center;gap:5px;font-size:.71rem;font-weight:500;color:var(--sm);padding:4px 8px;background:var(--bg2);border-radius:4px}
.sc-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}
.sc-lnk{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:.78rem;font-weight:600;color:var(--p);transition:gap .2s}.sca:hover .sc-lnk{gap:9px;color:var(--pd)}

/* Sector top gradients */
.sct-1{background:linear-gradient(135deg,#FFF7ED,#FFEDD5)}.sct-2{background:linear-gradient(135deg,#FAF5FF,#EDE9FE)}.sct-3{background:linear-gradient(135deg,#F0FDFA,#CCFBF1)}
.sct-4{background:linear-gradient(135deg,#F0FDF4,#DCFCE7)}.sct-5{background:linear-gradient(135deg,#EFF6FF,#DBEAFE)}.sct-6{background:linear-gradient(135deg,#F0FDF4,#BBF7D0)}
.sct-7{background:linear-gradient(135deg,#EFF6FF,#BFDBFE)}.sct-8{background:linear-gradient(135deg,#FEF2F2,#FECACA)}.sct-9{background:linear-gradient(135deg,#FAF5FF,#E9D5FF)}

/* VM */
.vmg{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}
.vmc{background:var(--w);border:1px solid var(--bdr);border-radius:var(--rl);padding:36px;position:relative;overflow:hidden}
.vmc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.vmc-v::before{background:linear-gradient(90deg,var(--p),var(--a))}.vmc-m::before{background:linear-gradient(90deg,var(--a),var(--p))}
.vmc-i{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.2rem;margin-bottom:16px}
.vmc-v .vmc-i{background:var(--pl)}.vmc-m .vmc-i{background:var(--al)}
.vmc h3{font-size:1.25rem;font-weight:800;color:var(--n);margin-bottom:10px}
.vmc p{font-size:.88rem;color:var(--sm);line-height:1.8}
.vml{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:8px}
.vml li{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--s)}
.vmck{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;flex-shrink:0;font-size:.58rem;font-weight:700;color:var(--w)}
.vmc-v .vmck{background:var(--p)}.vmc-m .vmck{background:var(--a)}

/* CTA */
.cta{position:relative;padding:88px 28px;overflow:hidden;background:var(--n)}
.cta::before{content:'';position:absolute;top:-40%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(13,148,136,.15),transparent 65%);border-radius:50%}
.cta-in{max-width:640px;margin:0 auto;text-align:center;position:relative;z-index:2}
.cta h2{font-size:2rem;font-weight:800;color:var(--w);letter-spacing:-.8px;margin-bottom:12px}
.cta p{font-size:.95rem;color:rgba(255,255,255,.55);margin-bottom:28px;line-height:1.7}
.btn-cta{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;background:var(--a);color:var(--w);font-weight:700;font-size:.92rem;border-radius:50px;font-family:var(--f);transition:all .3s;border:none;cursor:pointer}
.btn-cta:hover{background:var(--ad);transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,.3)}
.cta-ph{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:6px}
.cta-ph span{color:rgba(255,255,255,.35);font-size:.8rem}.cta-ph a{color:var(--a);font-weight:700;font-size:1.05rem}

/* SECTOR PAGE SPECIFIC */
.sp-og{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:stretch}
.sp-txt{font-size:.92rem;color:var(--sm);line-height:1.8}
.sp-steps{background:linear-gradient(145deg,var(--n),var(--nm));padding:32px;border-radius:var(--rl);color:var(--w);display:flex;flex-direction:column;justify-content:center}
.sp-steps h3{font-size:1.2rem;font-weight:700;margin-bottom:16px}
.sp-step{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.sp-sn{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;font-weight:800;font-size:.72rem;flex-shrink:0}
.sp-st{font-size:.88rem;line-height:1.55}
.sp-sg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}
.sp-sv{background:var(--w);border:1px solid var(--bdr);border-radius:var(--r);padding:22px;text-align:center;transition:all .3s}
.sp-sv:hover{transform:translateY(-3px);box-shadow:var(--shmd);border-color:var(--pl)}
.sp-sv-i{font-size:1.8rem;margin-bottom:10px}.sp-sv-n{font-weight:700;font-size:.85rem;color:var(--n)}

/* FORM */
.fcard{background:var(--w);padding:40px;border-radius:var(--rl);box-shadow:var(--shlg);border:1px solid var(--bdr);margin-top:16px}
.fcard h2{font-size:1.6rem;font-weight:800;color:var(--n);margin-bottom:6px;text-align:center}
.fcard .fsub{text-align:center;color:var(--sm);font-size:.92rem;margin-bottom:28px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.fg2 label{display:block;font-weight:600;color:var(--n);margin-bottom:6px;font-size:.82rem}
.fg2 input,.fg2 select,.fg2 textarea{width:100%;padding:12px 14px;border-radius:var(--rs);border:1px solid var(--bdr);background:var(--bg2);outline:none;font-size:.88rem;font-family:var(--f);transition:border .2s}
.fg2 input:focus,.fg2 select:focus,.fg2 textarea:focus{border-color:var(--p)}
.btn-wa{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;background:#25D366;color:var(--w);border:none;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;font-family:var(--f);transition:all .3s;margin-top:22px}
.btn-wa:hover{background:#1fad55;transform:translateY(-1px);box-shadow:0 6px 18px rgba(37,211,102,.25)}

/* CONTACT */
.cg{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}
.cic{background:linear-gradient(145deg,var(--n),var(--nm));padding:36px;border-radius:var(--rl);color:var(--w)}
.ci{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}
.ci-i{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:1rem;flex-shrink:0}
.ci-l{font-size:.68rem;opacity:.6;text-transform:uppercase;letter-spacing:1px}.ci-v{font-weight:600;font-size:.92rem;margin-top:2px}

/* FOOTER */
footer{background:var(--w);border-top:1px solid var(--bdr);padding:52px 28px 22px}
.fg-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.fa-p{font-size:.8rem;color:var(--sm);margin-top:12px;line-height:1.7;max-width:320px}
.fc h4{font-weight:700;font-size:.8rem;color:var(--n);margin-bottom:14px}
.fc a{display:block;font-size:.8rem;color:var(--sm);padding:3px 0;transition:all .2s}.fc a:hover{color:var(--p);padding-left:3px}
.fb2{max-width:1280px;margin:24px auto 0;padding-top:18px;border-top:1px solid var(--bdr);display:flex;justify-content:space-between;align-items:center;font-size:.74rem;color:var(--sl)}
.fbl{display:flex;gap:16px}.fbl a{color:var(--sl)}.fbl a:hover{color:var(--p)}

/* RESPONSIVE */
@media(max-width:1100px){.sg{grid-template-columns:repeat(2,1fr)}.hlg{grid-template-columns:repeat(3,1fr)}.fg-grid{grid-template-columns:1fr 1fr}.sp-sg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){
 .mn,.ncta{display:none}.mbtn{display:block}
 .hero-home h1,.phero h1{font-size:2.4rem}.ab-grid,.cg{grid-template-columns:1fr;gap:32px}
 .section{padding:64px 18px}.sh{font-size:1.85rem}
 .stats-in{grid-template-columns:repeat(2,1fr)}.hlg{grid-template-columns:1fr 1fr}
 .sg{grid-template-columns:1fr}.vmg{grid-template-columns:1fr}
 .fg-grid{grid-template-columns:1fr;gap:24px}.fb2{flex-direction:column;gap:8px;text-align:center}
 .htop{display:none}.nw{height:56px}.sp-og{grid-template-columns:1fr}.sp-sg{grid-template-columns:1fr 1fr}
 .frow{grid-template-columns:1fr}
 .hero-scroll{display:none}.hs-emoji{font-size:2.5rem!important;opacity:.12!important}
 .hero-acts{margin-bottom:28px}
}
@media(max-width:480px){.hero-home h1,.phero h1{font-size:1.9rem}.sti-n{font-size:1.4rem}.hlg{grid-template-columns:1fr}}

/* PREMIUM POPUP */
.popup-ov{position:fixed;inset:0;background:rgba(11,17,32,.6);backdrop-filter:blur(6px);z-index:9000;opacity:0;visibility:hidden;transition:all .35s;display:flex;align-items:center;justify-content:center;padding:20px}
.popup-ov.show{opacity:1;visibility:visible}
.popup-ov.show .popup-box{transform:translateY(0) scale(1);opacity:1}
.popup-box{background:var(--w);border-radius:var(--rl);max-width:440px;width:100%;overflow:hidden;box-shadow:0 32px 80px rgba(0Rs 0Rs 0,.25);transform:translateY(20px) scale(.96);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1)}
.popup-top{background:linear-gradient(145deg,#0A2540,#0B1120);padding:28px 28px 24px;position:relative;overflow:hidden}
.popup-top::before{content:'';position:absolute;top:-40%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(249,115,22,.2),transparent 65%);border-radius:50%}
.popup-top::after{content:'';position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;background:radial-gradient(circle,rgba(13,148,136,.15),transparent 65%);border-radius:50%}
.popup-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6);display:grid;place-items:center;cursor:pointer;font-size:.9rem;transition:all .2s;z-index:2}
.popup-close:hover{background:rgba(255,255,255,.15);color:var(--w)}
.popup-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:linear-gradient(135deg,rgba(249,115,22,.2),rgba(251,191,36,.2));border:1px solid rgba(249,115,22,.25);border-radius:50px;color:#FBBF24;font-size:.62rem;font-weight:700;letter-spacing:.5px;margin-bottom:14px;position:relative;z-index:2}
.popup-tag i{width:5px;height:5px;border-radius:50%;background:#FBBF24}
.popup-card-mini{position:relative;z-index:2;width:100%;max-width:280px;aspect-ratio:1.7;border-radius:12px;padding:18px;background:linear-gradient(145deg,#0D3B66,#0A2540,#0B1120);box-shadow:0 12px 32px rgba(0Rs 0Rs 0,.3),inset 0 1px 0 rgba(255,255,255,.05);margin:0 auto}
.pcm-top{display:flex;justify-content:space-between;align-items:flex-start}
.pcm-logo{display:flex;align-items:center;gap:5px}
.pcm-lm{width:22px;height:22px;background:var(--a);border-radius:5px;display:grid;place-items:center}
.pcm-lm svg{width:11px;height:11px;fill:white}
.pcm-lt{font-weight:800;font-size:.82rem;color:var(--w)}
.pcm-badge{background:linear-gradient(135deg,#F97316,#FBBF24);padding:2px 8px;border-radius:50px;font-size:.48rem;font-weight:800;color:#0B1120;letter-spacing:.8px;text-transform:uppercase}
.pcm-chip{width:28px;height:20px;border-radius:4px;background:linear-gradient(135deg,#D4AF37,#C5A028);margin-top:12px;box-shadow:inset 0 1px 1px rgba(255,255,255,.2)}
.pcm-num{margin-top:10px;font-size:.78rem;font-weight:600;letter-spacing:2.5px;color:rgba(255,255,255,.5);font-family:monospace}
.pcm-bot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:8px}
.pcm-name{font-size:.55rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.5px}
.pcm-val{font-size:.55rem;color:rgba(255,255,255,.35)}

.popup-body{padding:24px 28px 28px}
.popup-h{font-size:1.2rem;font-weight:800;color:var(--n);margin-bottom:6px;line-height:1.2}
.popup-h em{font-style:normal;color:var(--a)}
.popup-p{font-size:.84rem;color:var(--sm);line-height:1.6;margin-bottom:18px}
.popup-perks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.popup-perk{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--bg2);border-radius:50px;font-size:.7rem;font-weight:600;color:var(--s)}
.popup-perk i{font-style:normal}
.popup-price{display:flex;align-items:baseline;gap:6px;margin-bottom:18px}
.popup-price-old{font-size:.9rem;color:var(--sl);text-decoration:line-through}
.popup-price-new{font-size:1.6rem;font-weight:800;color:var(--n)}
.popup-price-per{font-size:.78rem;color:var(--sm)}
.popup-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:var(--a);color:var(--w);font-weight:700;font-size:.9rem;border-radius:50px;border:none;cursor:pointer;font-family:var(--f);transition:all .3s;text-align:center}
.popup-cta:hover{background:var(--ad);transform:translateY(-1px);box-shadow:0 6px 20px rgba(249,115,22,.3)}
.popup-skip{display:block;text-align:center;margin-top:10px;font-size:.76rem;color:var(--sl);cursor:pointer;transition:color .2s;background:none;border:none;font-family:var(--f)}
.popup-skip:hover{color:var(--s)}

/* visual-cleanup-sitewide */
.section{position:relative;overflow:hidden}
.section::before{content:'';position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1600&q=60') center/cover no-repeat;opacity:.08;pointer-events:none}
.section>.container{position:relative;z-index:1}
.ab-main{background:url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat!important}
.ab-main-inner,.sc-top-bg{font-size:0!important;color:transparent!important}
.mlg .ml-i,.ml-i,.abf-i,.hlc-i,.vmc-i,.vmck,.popup-perk i{font-size:0!important;color:transparent!important}
.abf-i,.hlc-i,.vmc-i,.vmck,.popup-perk i,.ml-i{background-size:20px 20px;background-repeat:no-repeat;background-position:center}
.abf:nth-of-type(1) .abf-i{background-image:url('https://img.icons8.com/color/96/smartphone-tablet.png')}
.abf:nth-of-type(2) .abf-i{background-image:url('https://img.icons8.com/color/96/conference-call.png')}
.abf:nth-of-type(3) .abf-i{background-image:url('https://img.icons8.com/color/96/internet.png')}
.hlc:nth-child(1) .hlc-i{background-image:url('https://img.icons8.com/color/96/find-matching-job.png')}
.hlc:nth-child(2) .hlc-i{background-image:url('https://img.icons8.com/color/96/service.png')}
.hlc:nth-child(3) .hlc-i{background-image:url('https://img.icons8.com/color/96/combo-chart--v1.png')}
.hlc:nth-child(4) .hlc-i{background-image:url('https://img.icons8.com/color/96/doctor-male.png')}
.hlc:nth-child(5) .hlc-i{background-image:url('https://img.icons8.com/color/96/graduation-cap.png')}
.vmc-v .vmc-i{background-image:url('https://img.icons8.com/color/96/goal.png')}
.vmc-m .vmc-i{background-image:url('https://img.icons8.com/color/96/mission-of-a-company.png')}
.vmck{background-image:url('https://img.icons8.com/ios-filled/50/ffffff/checkmark.png');background-size:12px 12px}
.popup-perk:nth-child(1) i{background-image:url('https://img.icons8.com/color/96/fast-cart.png')}
.popup-perk:nth-child(2) i{background-image:url('https://img.icons8.com/color/96/discount--v1.png')}
.popup-perk:nth-child(3) i{background-image:url('https://img.icons8.com/color/96/online-course.png')}
.popup-perk:nth-child(4) i{background-image:url('https://img.icons8.com/color/96/heart-with-pulse.png')}

/* ==================== */

.footer-dark { background: #1F2326; color: #a1a1aa; padding: 70px 28px 30px; font-family: var(--f, 'Plus Jakarta Sans', sans-serif); border-top:none; position:relative; z-index:10; }
.fd-grid { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1.2fr 1fr 1fr 1.4fr; gap: 40px; }
.fd-col h4 { color: #fdfdfd; font-size: 1.15rem; font-weight: 700; margin-bottom: 24px; position: relative; padding-bottom: 12px; }
.fd-col h4::after { content:''; position:absolute; left:0; bottom:0; width:45px; height:2px; background:var(--p, #0D9488); }
.fd-logo { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 24px; text-decoration: none; }
.fd-logo img { height: 48px; width: auto; object-fit: contain; }
.fd-ln { font-weight: 800; font-size: 1.25rem; color: #fff; line-height:1.1; margin-top: 4px; }
.fd-lt { font-size: .55rem; letter-spacing: 1.5px; text-transform: uppercase; color: #94a3b8; }
.fd-pay { display: flex; gap: 8px; margin-bottom: 26px; }
.fd-pay img { height: 26px; background: #fff; padding: 3px 6px; border-radius: 4px; object-fit: contain; }
.fd-soc { display: flex; gap: 10px; }
.fd-soc a { width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,0.06); display: grid; place-items: center; color: #a1a1aa; text-decoration: none; transition: all .3s; }
.fd-soc a:hover { background: var(--p, #0D9488); color: #fff; transform: translateY(-3px); }
.fd-links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }
.fd-links a { color: #d4d4d8; text-decoration: none; font-size: .9rem; display: flex; align-items: center; gap: 8px; transition: color .3s; }
.fd-links a:hover { color: var(--p, #0D9488); }
.fd-links a::before { content: '»'; font-weight: 900; color: #64748b; font-size: 1.1rem; transition: color .3s; transform: translateY(-1px); }
.fd-links a:hover::before { color: var(--p, #0D9488); }
.fd-cb { display: flex; gap: 14px; margin-bottom: 22px; align-items: flex-start; }
.fd-cb-i { width: 42px; height: 42px; border-radius: 6px; display: grid; place-items: center; flex-shrink: 0; color: #fff; }
.fd-cb-i.blue { background: #1d4ed8; }
.fd-cb-i.green { background: #65a30d; }
.fd-cb-i.orange { background: #ea580c; }
.fd-cb-text { font-size: .95rem; color: #e4e4e7; line-height: 1.6; }
.fd-cb-text span { display:block; color:#94a3b8; font-size:.8rem; margin-bottom:2px; }
.fd-bottom { max-width: 1280px; margin: 50px auto 0; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.08); display: flex; justify-content: center; align-items: center; color: #71717a; font-size: .85rem; }
.fd-top { position: fixed; bottom: 30px; right: 30px; width: 44px; height: 44px; border-radius: 50%; background: #1F2326; border: 2px solid #65a30d; color: #65a30d; display: grid; place-items: center; text-decoration: none; z-index: 1000; transition: all .3s; opacity: 0; visibility: hidden; }
.fd-top.show { opacity: 1; visibility: visible; }
.fd-top:hover { background: #65a30d; color: #fff; }
@media(max-width:992px) { .fd-grid { grid-template-columns: 1fr 1fr; gap: 50px 30px; } }
@media(max-width:600px) { .fd-grid { grid-template-columns: 1fr; gap: 40px; } .fd-top { bottom: 20px; right: 20px; } }

/* ==================== */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
 --p:#0D9488;--pd:#0A7A6F;--pl:#99F6E4;--p50:#F0FDFA;
 --a:#F97316;--ad:#EA580C;--al:#FFF7ED;
 --n:#0B1120;--nm:#131C31;--n2:#1E293B;
 --s:#334155;--sm:#64748B;--sl:#94A3B8;--smu:#CBD5E1;
 --w:#fff;--bg:#F8FAFC;--bg2:#EFF3F8;--bdr:#E2E8F0;
 --r:14px;--rs:8px;--rl:20px;
 --f:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'SF Pro Display',sans-serif;
 --shsm:0 2px 8px rgba(0Rs 0Rs 0,.05);--shmd:0 8px 24px rgba(0Rs 0Rs 0,.07);--shlg:0 16px 48px rgba(0Rs 0Rs 0,.09);--shxl:0 24px 64px rgba(0Rs 0Rs 0,.11);
}
html{scroll-behavior:smooth}
body{font-family:var(--f);background:var(--bg);color:var(--s);line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}

/* PRELOADER */
.pl{position:fixed;inset:0;z-index:10000;background:var(--n);display:flex;align-items:center;justify-content:center;transition:opacity .5s,visibility .5s}
.pl.h{opacity:0;visibility:hidden;pointer-events:none}
.pl-t{font-size:2rem;font-weight:800;color:var(--w)}.pl-t b{color:var(--p)}
.pl-d{display:flex;gap:5px;justify-content:center;margin-top:16px}
.pl-d i{width:6px;height:6px;border-radius:50%;background:var(--p);animation:pb 1.2s infinite ease-in-out}
.pl-d i:nth-child(2){animation-delay:.12s}.pl-d i:nth-child(3){animation-delay:.24s}
@keyframes pb{0%,80%,100%{transform:scale(.5);opacity:.3}40%{transform:scale(1);opacity:1}}

/* HEADER */
header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s}
header:not(.sc){background:transparent}
header.sc{background:rgba(255,255,255,.97);backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--bdr);box-shadow:var(--shsm)}
.htop{background:var(--n);padding:5px 0;font-size:.72rem;color:rgba(255,255,255,.65);transition:margin .3s}
header.sc .htop{margin-top:-32px}
.htop-i{max-width:1280px;margin:0 auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center}
.htop a{color:rgba(255,255,255,.8)}.htop-r{display:flex;gap:16px}
.nw{max-width:1280px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{display:flex;align-items:center;gap:9px}
.lm{width:34px;height:34px;background:var(--p);border-radius:8px;display:grid;place-items:center;position:relative}
.lm::after{content:'';position:absolute;inset:0;border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent)}
.lm svg{width:17px;height:17px;fill:var(--w);position:relative;z-index:1}
.ln{font-weight:800;font-size:1.2rem;letter-spacing:-.3px;transition:color .3s}
header:not(.sc) .ln{color:var(--w)}header.sc .ln{color:var(--n)}
.lt2{font-size:.52rem;letter-spacing:1.4px;text-transform:uppercase;font-weight:600;transition:color .3s}
header:not(.sc) .lt2{color:rgba(255,255,255,.45)}header.sc .lt2{color:var(--sl)}

/* NAV */
.mn{display:flex;align-items:center;gap:1px}
.ni>a{display:flex;align-items:center;gap:4px;padding:7px 12px;font-size:.84rem;font-weight:500;border-radius:var(--rs);transition:all .2s}
header:not(.sc) .ni>a{color:rgba(255,255,255,.8)}
header:not(.sc) .ni>a:hover{color:var(--w);background:rgba(255,255,255,.08)}
header.sc .ni>a{color:var(--s)}
header.sc .ni>a:hover{color:var(--p);background:var(--p50)}
.arr{font-size:.48rem;transition:transform .3s;margin-left:2px}
.ni:hover .arr{transform:rotate(180deg)}
.ni{position:relative}

/* MEGA MENU */
.mm{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);background:var(--w);border:1px solid var(--bdr);border-radius:var(--rl);box-shadow:var(--shxl);padding:6px;min-width:740px;opacity:0;visibility:hidden;pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1)}
.mm::before{content:'';position:absolute;top:-15px;left:0;right:0;height:15px;background:transparent}
.ni:hover .mm{opacity:1;visibility:visible;pointer-events:all;transform:translateX(-50%) translateY(0)}
.mm-i{display:flex}
.mm-l{flex:1;padding:14px}
.mm-hd{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--sl);margin-bottom:10px;padding-left:10px}
.mmg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.ml{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--rs);transition:all .2s}
.ml:hover{background:var(--p50)}
.ml-i{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:.95rem;flex-shrink:0}
.ml-n{font-weight:600;font-size:.78rem;color:var(--s)}.ml:hover .ml-n{color:var(--p)}
.ml-s{font-size:.65rem;color:var(--sl);margin-top:1px}
.mm-r{width:200px;background:linear-gradient(145deg,var(--n),var(--nm));border-radius:var(--r);margin:6px;padding:24px 18px;display:flex;flex-direction:column;justify-content:space-between;color:var(--w)}
.mm-rt{font-size:1.05rem;font-weight:800;line-height:1.2;margin-bottom:8px}.mm-rt em{color:var(--a);font-style:normal}
.mm-rd{font-size:.7rem;opacity:.7;line-height:1.5;margin-bottom:14px}
.mm-rb{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;background:var(--a);color:var(--w);font-weight:700;font-size:.74rem;border-radius:50px;transition:all .2s}
.mm-rb:hover{background:var(--ad);transform:translateY(-1px)}

.ncta{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--p);color:var(--w);font-weight:600;font-size:.8rem;border-radius:50px;transition:all .3s}
.ncta:hover{background:var(--pd);transform:translateY(-1px);box-shadow:0 4px 12px rgba(13,148,136,.3)}

.mbtn{display:none;background:none;border:none;cursor:pointer;width:34px;height:34px}
.mbtn span{display:block;width:17px;height:2px;margin:3px auto;transition:all .3s}
header:not(.sc) .mbtn span{background:var(--w)}header.sc .mbtn span{background:var(--n)}

/* MOBILE NAV */
.mov{position:fixed;inset:0;background:rgba(11,17,32,.5);backdrop-filter:blur(4px);z-index:1999;opacity:0;visibility:hidden;transition:all .3s}.mov.on{opacity:1;visibility:visible}
.mpn{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:var(--w);z-index:2000;padding:20px;overflow-y:auto;transition:right .4s cubic-bezier(.16,1,.3,1);box-shadow:var(--shxl)}.mpn.on{right:0}
.mph{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.mx{width:32px;height:32px;border-radius:7px;background:var(--bg2);border:none;cursor:pointer;font-size:.95rem;display:grid;place-items:center;color:var(--s)}
.mpn a{display:block;padding:11px 12px;font-size:.88rem;font-weight:500;color:var(--s);border-radius:var(--rs);transition:all .2s}
.mpn a:hover{background:var(--p50);color:var(--p)}
.mlab{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--sl);padding:12px 12px 4px;margin-top:4px}

/* ... HERO CAROUSEL ... */
.hero-home{position:relative;height:100vh;min-height:620px;overflow:hidden}
.hero-slides{position:absolute;inset:0}
.hero-sl{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out}
.hero-sl.active{opacity:1}
.hero-sl-bg{position:absolute;inset:0}
.hero-sl::after{content:'';position:absolute;inset:0;z-index:2}

/* Slide themes - rich illustrated gradients */
.hsl-village .hero-sl-bg{background:linear-gradient(135deg,#1a4731 0%,#2d6a4f 25%,#52b788 50%,#95d5b2 70%,#d8f3dc 85%,#74c69d 100%)}
.hsl-village::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-city .hero-sl-bg{background:linear-gradient(135deg,#1b3a4b 0%,#065a82 25%,#0582ca 50%,#00b4d8 70%,#90e0ef 85%,#48cae4 100%)}
.hsl-city::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-edu .hero-sl-bg{background:linear-gradient(135deg,#5c2d91 0%,#7b4bb5 25%,#9d79cc 45%,#f4a261 60%,#e9c46a 75%,#ffd166 100%)}
.hsl-edu::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-farm .hero-sl-bg{background:linear-gradient(135deg,#606c38 0%,#7f8a42 20%,#dda15e 45%,#bc6c25 60%,#e9c46a 75%,#fefae0 100%)}
.hsl-farm::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-health .hero-sl-bg{background:linear-gradient(135deg,#0b525b 0%,#168aad 30%,#34a0a4 50%,#76c893 70%,#b5e48c 85%,#99d98c 100%)}
.hsl-health::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

/* Slide scene illustrations (CSS art elements) */
.hero-scene{position:absolute;inset:0;z-index:1;overflow:hidden}
/* Decorative circles */
.hs-c{position:absolute;border-radius:50%;opacity:.12}
.hs-c1{width:400px;height:400px;top:-10%;right:-5%;background:rgba(255,255,255,.15);animation:float 18s ease-in-out infinite}
.hs-c2{width:250px;height:250px;bottom:5%;right:15%;background:rgba(255,255,255,.08);animation:float 22s ease-in-out infinite reverse}
.hs-c3{width:150px;height:150px;top:40%;right:30%;border:2px solid rgba(255,255,255,.12);background:none;animation:float 15s ease-in-out infinite}
/* Scene emojis (large, positioned as scene elements) */
.hs-emoji{position:absolute;z-index:1;font-size:4rem;opacity:.25;filter:grayscale(20%)}
.hs-e1{top:15%;right:8%;font-size:5rem;animation:float 20s ease-in-out infinite}
.hs-e2{top:45%;right:22%;font-size:3.5rem;animation:float 16s ease-in-out infinite 2s}
.hs-e3{bottom:18%;right:12%;font-size:4.5rem;animation:float 18s ease-in-out infinite 4s}
.hs-e4{top:25%;right:38%;font-size:3rem;opacity:.15;animation:float 14s ease-in-out infinite 1s}

.hero-content{position:absolute;inset:0;z-index:10;display:flex;align-items:center;max-width:1280px;margin:0 auto;padding:0 28px;width:100%;left:50%;transform:translateX(-50%)}
.hero-text{max-width:600px}
.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px 5px 9px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:rgba(255,255,255,.9);font-size:.74rem;font-weight:600;margin-bottom:22px;opacity:0;animation:fu .7s .3s forwards}
.hero-badge i{width:7px;height:7px;border-radius:50%;background:var(--a);box-shadow:0 0 0 0 rgba(249,115,22,.4);animation:pls 2s infinite}
@keyframes pls{0%{box-shadow:0 0 0 0 rgba(249,115,22,.4)}70%{box-shadow:0 0 0 8px transparent}}
.hero-home h1{font-size:3.6rem;font-weight:800;line-height:1.06;letter-spacing:-2px;color:var(--w);margin-bottom:18px;opacity:0;animation:fu .7s .5s forwards}
.hero-home h1 em{font-style:normal;background:linear-gradient(135deg,var(--a),#FBBF24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-desc{font-size:1.05rem;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:30px;max-width:480px;opacity:0;animation:fu .7s .7s forwards}
/* Slide-specific tagline */
.hero-tagline{font-size:.88rem;color:var(--a);font-weight:600;margin-bottom:6px;opacity:0;animation:fu .7s .4s forwards;display:flex;align-items:center;gap:6px}
.hero-tagline::before{content:'';width:20px;height:2px;background:var(--a);border-radius:2px}
.hero-acts{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px;opacity:0;animation:fu .7s .9s forwards}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:50px;font-weight:600;font-size:.9rem;font-family:var(--f);cursor:pointer;transition:all .3s;border:none}
.btn-a{background:var(--a);color:var(--w)}.btn-a:hover{background:var(--ad);transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,.3)}
.btn-g{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8)}.btn-g:hover{background:rgba(255,255,255,.12)}
.hero-stats{display:flex;gap:32px;opacity:0;animation:fu .7s 1.1s forwards}
.hs-item{text-align:left}
.hs-n{font-size:1.7rem;font-weight:800;color:var(--w);letter-spacing:-1px}
.hs-l{font-size:.7rem;color:rgba(255,255,255,.4);margin-top:2px;font-weight:500}

/* Hero dots */
.hero-dots{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:8px}
.hero-dot{width:32px;height:4px;border-radius:4px;background:rgba(255,255,255,.2);cursor:pointer;transition:all .4s}
.hero-dot.active{background:var(--a);width:48px}

/* Scroll hint */
.hero-scroll{position:absolute;bottom:36px;right:36px;z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;color:rgba(255,255,255,.35);font-size:.58rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.hsb{width:1px;height:32px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}
.hsb::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:50%;background:var(--a);animation:hsa 2s ease-in-out infinite}
@keyframes hsa{0%{top:-50%}100%{top:150%}}

/* ... PAGE HERO (sub-pages) ... */
.phero{position:relative;min-height:48vh;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:130px 28px 60px}
.phero::before{content:'';position:absolute;inset:0;z-index:0}
.phero-content{position:relative;z-index:10;animation:fu .7s forwards}
.phero-ey{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:rgba(255,255,255,.85);font-size:.72rem;font-weight:600;margin-bottom:16px}
.phero-ey i{width:6px;height:6px;border-radius:50%;background:var(--a)}
.phero h1{font-size:3rem;font-weight:800;color:var(--w);letter-spacing:-1.5px;margin-bottom:12px;line-height:1.08}
.phero h1 em{font-style:normal;color:var(--a)}
.phero-sub{font-size:1.05rem;color:rgba(255,255,255,.6);max-width:560px;margin:0 auto;line-height:1.7}

/* Hero color themes for sectors */
.phero-teal{background:linear-gradient(145deg,#0B1120 0%,#0A3D39 50%,#0D5D57 100%)}
.phero-teal::before{background:radial-gradient(circle at 70% 30%,rgba(13,148,136,.2),transparent 60%)}
.phero-blue{background:linear-gradient(145deg,#0B1120 0%,#1E3A5F 50%,#1E40AF 100%)}
.phero-blue::before{background:radial-gradient(circle at 70% 30%,rgba(37,99,235,.2),transparent 60%)}
.phero-green{background:linear-gradient(145deg,#0B1120 0%,#14532D 50%,#166534 100%)}
.phero-green::before{background:radial-gradient(circle at 70% 30%,rgba(22,163,74,.2),transparent 60%)}
.phero-purple{background:linear-gradient(145deg,#0B1120 0%,#3B0764 50%,#6B21A8 100%)}
.phero-purple::before{background:radial-gradient(circle at 70% 30%,rgba(139,92,246,.2),transparent 60%)}
.phero-orange{background:linear-gradient(145deg,#0B1120 0%,#7C2D12 50%,#C2410C 100%)}
.phero-orange::before{background:radial-gradient(circle at 70% 30%,rgba(249,115,22,.2),transparent 60%)}
.phero-red{background:linear-gradient(145deg,#0B1120 0%,#7F1D1D 50%,#B91C1C 100%)}
.phero-red::before{background:radial-gradient(circle at 70% 30%,rgba(220,38,38,.2),transparent 60%)}
.phero-navy{background:linear-gradient(145deg,#0B1120 0%,#1E293B 50%,#334155 100%)}
.phero-navy::before{background:radial-gradient(circle at 70% 30%,rgba(100,116,139,.15),transparent 60%)}

@keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* ... SECTIONS ... */
.section{padding:88px 28px}.container{max-width:1280px;margin:0 auto}
.ey{display:inline-flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--p);margin-bottom:10px}
.ey-b{width:20px;height:2px;background:var(--p);border-radius:2px}
.sh{font-size:2.4rem;font-weight:800;line-height:1.1;letter-spacing:-1px;color:var(--n);margin-bottom:12px}
.sht{font-size:.98rem;color:var(--sm);max-width:520px;line-height:1.7}
.rv{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}
.rv.vis{opacity:1;transform:none}
.d1{transition-delay:.07s}.d2{transition-delay:.14s}.d3{transition-delay:.21s}.d4{transition-delay:.28s}.d5{transition-delay:.35s}

/* STATS BAR */
.stats{background:var(--w);border-bottom:1px solid var(--bdr);position:relative;z-index:5}
.stats-in{max-width:1280px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:repeat(4,1fr)}
.sti{padding:26px 16px;text-align:center;border-right:1px solid var(--bdr)}.sti:last-child{border-right:none}
.sti-n{font-size:1.9rem;font-weight:800;color:var(--p);letter-spacing:-1px}
.sti-l{font-size:.78rem;color:var(--sm);margin-top:2px;font-weight:500}

/* ABOUT */
.ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ab-vis{position:relative}
.ab-main{width:100%;border-radius:var(--rl);overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,var(--p50),#D5F5F6);display:flex;align-items:center;justify-content:center;position:relative}
.ab-main-inner{font-size:5rem;position:relative;z-index:1}
.ab-main::before{content:'';position:absolute;inset:20px;border:2px dashed rgba(13,148,136,.15);border-radius:var(--r)}
.ab-badge{position:absolute;top:-12px;left:-12px;background:var(--p);color:var(--w);border-radius:var(--r);padding:16px 20px;box-shadow:var(--shmd)}
.ab-badge-n{font-size:1.7rem;font-weight:800}.ab-badge-t{font-size:.68rem;opacity:.75}
.ab-float{position:absolute;bottom:-20px;right:-20px;background:var(--w);border-radius:var(--r);padding:18px 22px;box-shadow:var(--shlg);border:1px solid var(--bdr);display:flex;align-items:center;gap:12px}
.ab-float-i{font-size:1.4rem}.ab-float-t{font-size:.78rem;font-weight:600;color:var(--n)}
.ab-p{font-size:.9rem;color:var(--sm);line-height:1.8;margin-bottom:22px}
.abf{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;background:var(--bg2);border-radius:var(--rs);transition:all .3s;margin-bottom:10px}
.abf:hover{background:var(--p50)}
.abf-i{width:38px;height:38px;border-radius:9px;background:var(--pl);display:grid;place-items:center;flex-shrink:0;font-size:.95rem}
.abf-n{font-weight:700;font-size:.84rem;color:var(--n)}.abf-d{font-size:.76rem;color:var(--sm);margin-top:1px}

/* HIGHLIGHT CARDS */
.hlg{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:40px}
.hlc{background:var(--w);border:1px solid var(--bdr);border-radius:var(--r);padding:26px 18px;text-align:center;transition:all .35s;position:relative;overflow:hidden}
.hlc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--p);transform:scaleX(0);transition:transform .4s}.hlc:hover::after{transform:scaleX(1)}
.hlc:hover{transform:translateY(-4px);box-shadow:var(--shmd);border-color:transparent}
.hlc-i{font-size:1.7rem;margin-bottom:10px}.hlc-t{font-weight:700;font-size:.83rem;color:var(--n);margin-bottom:3px}.hlc-d{font-size:.72rem;color:var(--sl);line-height:1.5}

/* SECTOR CARDS */
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.sca{display:block;color:inherit;background:var(--w);border:1px solid var(--bdr);border-radius:var(--r);overflow:hidden;transition:all .4s}
.sca:hover{transform:translateY(-5px);box-shadow:var(--shlg);border-color:transparent}
.sc-top{height:130px;position:relative;overflow:hidden}
.sc-top-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem}
.sc-nb{position:absolute;top:10px;left:10px;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;font-weight:800;font-size:.7rem;color:var(--w)}
.sc-bd{padding:18px}
.sc-nm{font-weight:700;font-size:.98rem;color:var(--n);margin-bottom:5px}
.sc-ds{font-size:.78rem;color:var(--sm);line-height:1.55;margin-bottom:12px}
.sc-sv{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.sc-s{display:flex;align-items:center;gap:5px;font-size:.71rem;font-weight:500;color:var(--sm);padding:4px 8px;background:var(--bg2);border-radius:4px}
.sc-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}
.sc-lnk{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:.78rem;font-weight:600;color:var(--p);transition:gap .2s}.sca:hover .sc-lnk{gap:9px;color:var(--pd)}

/* Sector top gradients */
.sct-1{background:linear-gradient(135deg,#FFF7ED,#FFEDD5)}.sct-2{background:linear-gradient(135deg,#FAF5FF,#EDE9FE)}.sct-3{background:linear-gradient(135deg,#F0FDFA,#CCFBF1)}
.sct-4{background:linear-gradient(135deg,#F0FDF4,#DCFCE7)}.sct-5{background:linear-gradient(135deg,#EFF6FF,#DBEAFE)}.sct-6{background:linear-gradient(135deg,#F0FDF4,#BBF7D0)}
.sct-7{background:linear-gradient(135deg,#EFF6FF,#BFDBFE)}.sct-8{background:linear-gradient(135deg,#FEF2F2,#FECACA)}.sct-9{background:linear-gradient(135deg,#FAF5FF,#E9D5FF)}

/* VM */
.vmg{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}
.vmc{background:var(--w);border:1px solid var(--bdr);border-radius:var(--rl);padding:36px;position:relative;overflow:hidden}
.vmc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.vmc-v::before{background:linear-gradient(90deg,var(--p),var(--a))}.vmc-m::before{background:linear-gradient(90deg,var(--a),var(--p))}
.vmc-i{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.2rem;margin-bottom:16px}
.vmc-v .vmc-i{background:var(--pl)}.vmc-m .vmc-i{background:var(--al)}
.vmc h3{font-size:1.25rem;font-weight:800;color:var(--n);margin-bottom:10px}
.vmc p{font-size:.88rem;color:var(--sm);line-height:1.8}
.vml{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:8px}
.vml li{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--s)}
.vmck{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;flex-shrink:0;font-size:.58rem;font-weight:700;color:var(--w)}
.vmc-v .vmck{background:var(--p)}.vmc-m .vmck{background:var(--a)}

/* CTA */
.cta{position:relative;padding:88px 28px;overflow:hidden;background:var(--n)}
.cta::before{content:'';position:absolute;top:-40%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(13,148,136,.15),transparent 65%);border-radius:50%}
.cta-in{max-width:640px;margin:0 auto;text-align:center;position:relative;z-index:2}
.cta h2{font-size:2rem;font-weight:800;color:var(--w);letter-spacing:-.8px;margin-bottom:12px}
.cta p{font-size:.95rem;color:rgba(255,255,255,.55);margin-bottom:28px;line-height:1.7}
.btn-cta{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;background:var(--a);color:var(--w);font-weight:700;font-size:.92rem;border-radius:50px;font-family:var(--f);transition:all .3s;border:none;cursor:pointer}
.btn-cta:hover{background:var(--ad);transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,.3)}
.cta-ph{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:6px}
.cta-ph span{color:rgba(255,255,255,.35);font-size:.8rem}.cta-ph a{color:var(--a);font-weight:700;font-size:1.05rem}

/* SECTOR PAGE SPECIFIC */
.sp-og{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:stretch}
.sp-txt{font-size:.92rem;color:var(--sm);line-height:1.8}
.sp-steps{background:linear-gradient(145deg,var(--n),var(--nm));padding:32px;border-radius:var(--rl);color:var(--w);display:flex;flex-direction:column;justify-content:center}
.sp-steps h3{font-size:1.2rem;font-weight:700;margin-bottom:16px}
.sp-step{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.sp-sn{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;font-weight:800;font-size:.72rem;flex-shrink:0}
.sp-st{font-size:.88rem;line-height:1.55}
.sp-sg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}
.sp-sv{background:var(--w);border:1px solid var(--bdr);border-radius:var(--r);padding:22px;text-align:center;transition:all .3s}
.sp-sv:hover{transform:translateY(-3px);box-shadow:var(--shmd);border-color:var(--pl)}
.sp-sv-i{font-size:1.8rem;margin-bottom:10px}.sp-sv-n{font-weight:700;font-size:.85rem;color:var(--n)}\n.sp-sv-d{margin-top:8px;font-size:.74rem;color:var(--sm);line-height:1.55}

/* FORM */
.fcard{background:var(--w);padding:40px;border-radius:var(--rl);box-shadow:var(--shlg);border:1px solid var(--bdr);margin-top:16px}
.fcard h2{font-size:1.6rem;font-weight:800;color:var(--n);margin-bottom:6px;text-align:center}
.fcard .fsub{text-align:center;color:var(--sm);font-size:.92rem;margin-bottom:28px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.fg2 label{display:block;font-weight:600;color:var(--n);margin-bottom:6px;font-size:.82rem}
.fg2 input,.fg2 select,.fg2 textarea{width:100%;padding:12px 14px;border-radius:var(--rs);border:1px solid var(--bdr);background:var(--bg2);outline:none;font-size:.88rem;font-family:var(--f);transition:border .2s}
.fg2 input:focus,.fg2 select:focus,.fg2 textarea:focus{border-color:var(--p)}
.btn-wa{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;background:#25D366;color:var(--w);border:none;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;font-family:var(--f);transition:all .3s;margin-top:22px}
.btn-wa:hover{background:#1fad55;transform:translateY(-1px);box-shadow:0 6px 18px rgba(37,211,102,.25)}

/* CONTACT */
.cg{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}
.cic{background:linear-gradient(145deg,var(--n),var(--nm));padding:36px;border-radius:var(--rl);color:var(--w)}
.ci{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}
.ci-i{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:1rem;flex-shrink:0}
.ci-l{font-size:.68rem;opacity:.6;text-transform:uppercase;letter-spacing:1px}.ci-v{font-weight:600;font-size:.92rem;margin-top:2px}

/* FOOTER */
footer{background:var(--w);border-top:1px solid var(--bdr);padding:52px 28px 22px}
.fg-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.fa-p{font-size:.8rem;color:var(--sm);margin-top:12px;line-height:1.7;max-width:320px}
.fc h4{font-weight:700;font-size:.8rem;color:var(--n);margin-bottom:14px}
.fc a{display:block;font-size:.8rem;color:var(--sm);padding:3px 0;transition:all .2s}.fc a:hover{color:var(--p);padding-left:3px}
.fb2{max-width:1280px;margin:24px auto 0;padding-top:18px;border-top:1px solid var(--bdr);display:flex;justify-content:space-between;align-items:center;font-size:.74rem;color:var(--sl)}
.fbl{display:flex;gap:16px}.fbl a{color:var(--sl)}.fbl a:hover{color:var(--p)}

/* RESPONSIVE */
@media(max-width:1100px){.sg{grid-template-columns:repeat(2,1fr)}.hlg{grid-template-columns:repeat(3,1fr)}.fg-grid{grid-template-columns:1fr 1fr}.sp-sg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){
 .mn,.ncta{display:none}.mbtn{display:block}
 .hero-home h1,.phero h1{font-size:2.4rem}.ab-grid,.cg{grid-template-columns:1fr;gap:32px}
 .section{padding:64px 18px}.sh{font-size:1.85rem}
 .stats-in{grid-template-columns:repeat(2,1fr)}.hlg{grid-template-columns:1fr 1fr}
 .sg{grid-template-columns:1fr}.vmg{grid-template-columns:1fr}
 .fg-grid{grid-template-columns:1fr;gap:24px}.fb2{flex-direction:column;gap:8px;text-align:center}
 .htop{display:none}.nw{height:56px}.sp-og{grid-template-columns:1fr}.sp-sg{grid-template-columns:1fr 1fr}
 .frow{grid-template-columns:1fr}
 .hero-scroll{display:none}.hs-emoji{font-size:2.5rem!important;opacity:.12!important}
 .hero-acts{margin-bottom:28px}
}
@media(max-width:480px){.hero-home h1,.phero h1{font-size:1.9rem}.sti-n{font-size:1.4rem}.hlg{grid-template-columns:1fr}}

/* PREMIUM POPUP */
.popup-ov{position:fixed;inset:0;background:rgba(11,17,32,.6);backdrop-filter:blur(6px);z-index:9000;opacity:0;visibility:hidden;transition:all .35s;display:flex;align-items:center;justify-content:center;padding:20px}
.popup-ov.show{opacity:1;visibility:visible}
.popup-ov.show .popup-box{transform:translateY(0) scale(1);opacity:1}
.popup-box{background:var(--w);border-radius:var(--rl);max-width:440px;width:100%;overflow:hidden;box-shadow:0 32px 80px rgba(0Rs 0Rs 0,.25);transform:translateY(20px) scale(.96);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1)}
.popup-top{background:linear-gradient(145deg,#0A2540,#0B1120);padding:28px 28px 24px;position:relative;overflow:hidden}
.popup-top::before{content:'';position:absolute;top:-40%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(249,115,22,.2),transparent 65%);border-radius:50%}
.popup-top::after{content:'';position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;background:radial-gradient(circle,rgba(13,148,136,.15),transparent 65%);border-radius:50%}
.popup-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6);display:grid;place-items:center;cursor:pointer;font-size:.9rem;transition:all .2s;z-index:2}
.popup-close:hover{background:rgba(255,255,255,.15);color:var(--w)}
.popup-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:linear-gradient(135deg,rgba(249,115,22,.2),rgba(251,191,36,.2));border:1px solid rgba(249,115,22,.25);border-radius:50px;color:#FBBF24;font-size:.62rem;font-weight:700;letter-spacing:.5px;margin-bottom:14px;position:relative;z-index:2}
.popup-tag i{width:5px;height:5px;border-radius:50%;background:#FBBF24}
.popup-card-mini{position:relative;z-index:2;width:100%;max-width:280px;aspect-ratio:1.7;border-radius:12px;padding:18px;background:linear-gradient(145deg,#0D3B66,#0A2540,#0B1120);box-shadow:0 12px 32px rgba(0Rs 0Rs 0,.3),inset 0 1px 0 rgba(255,255,255,.05);margin:0 auto}
.pcm-top{display:flex;justify-content:space-between;align-items:flex-start}
.pcm-logo{display:flex;align-items:center;gap:5px}
.pcm-lm{width:22px;height:22px;background:var(--a);border-radius:5px;display:grid;place-items:center}
.pcm-lm svg{width:11px;height:11px;fill:white}
.pcm-lt{font-weight:800;font-size:.82rem;color:var(--w)}
.pcm-badge{background:linear-gradient(135deg,#F97316,#FBBF24);padding:2px 8px;border-radius:50px;font-size:.48rem;font-weight:800;color:#0B1120;letter-spacing:.8px;text-transform:uppercase}
.pcm-chip{width:28px;height:20px;border-radius:4px;background:linear-gradient(135deg,#D4AF37,#C5A028);margin-top:12px;box-shadow:inset 0 1px 1px rgba(255,255,255,.2)}
.pcm-num{margin-top:10px;font-size:.78rem;font-weight:600;letter-spacing:2.5px;color:rgba(255,255,255,.5);font-family:monospace}
.pcm-bot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:8px}
.pcm-name{font-size:.55rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.5px}
.pcm-val{font-size:.55rem;color:rgba(255,255,255,.35)}

.popup-body{padding:24px 28px 28px}
.popup-h{font-size:1.2rem;font-weight:800;color:var(--n);margin-bottom:6px;line-height:1.2}
.popup-h em{font-style:normal;color:var(--a)}
.popup-p{font-size:.84rem;color:var(--sm);line-height:1.6;margin-bottom:18px}
.popup-perks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.popup-perk{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--bg2);border-radius:50px;font-size:.7rem;font-weight:600;color:var(--s)}
.popup-perk i{font-style:normal}
.popup-price{display:flex;align-items:baseline;gap:6px;margin-bottom:18px}
.popup-price-old{font-size:.9rem;color:var(--sl);text-decoration:line-through}
.popup-price-new{font-size:1.6rem;font-weight:800;color:var(--n)}
.popup-price-per{font-size:.78rem;color:var(--sm)}
.popup-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:var(--a);color:var(--w);font-weight:700;font-size:.9rem;border-radius:50px;border:none;cursor:pointer;font-family:var(--f);transition:all .3s;text-align:center}
.popup-cta:hover{background:var(--ad);transform:translateY(-1px);box-shadow:0 6px 20px rgba(249,115,22,.3)}
.popup-skip{display:block;text-align:center;margin-top:10px;font-size:.76rem;color:var(--sl);cursor:pointer;transition:color .2s;background:none;border:none;font-family:var(--f)}
.popup-skip:hover{color:var(--s)}

/* Sector UX upgrade */
.sp-sg{grid-template-columns:1fr!important;gap:16px}
.sp-sv{text-align:left!important;padding:18px!important}
.sp-sv-i{width:72px;height:72px;border-radius:12px;border:1px solid var(--bdr);background:#f8fafc;display:grid;place-items:center;font-size:0!important;margin:0 0 12px 0!important}
.sp-sv-i img{width:46px;height:46px;object-fit:contain}
.sp-sv-n{font-size:1rem!important;margin-bottom:8px}
.sp-sv-d{display:none}
.sp-items{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:8px}
.sp-items label{font-size:.82rem;color:var(--s);display:flex;gap:7px;align-items:flex-start;cursor:pointer}
.sp-items input{margin-top:2px}
@media(max-width:860px){.sp-items{grid-template-columns:1fr}}

/* visual-cleanup-sitewide */
.section{position:relative;overflow:hidden}
.section::before{content:'';position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1600&q=60') center/cover no-repeat;opacity:.08;pointer-events:none}
.section>.container{position:relative;z-index:1}
.ab-main{background:url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat!important}
.ab-main-inner,.sc-top-bg{font-size:0!important;color:transparent!important}
.mlg .ml-i,.ml-i,.abf-i,.hlc-i,.vmc-i,.vmck,.popup-perk i{font-size:0!important;color:transparent!important}
.abf-i,.hlc-i,.vmc-i,.vmck,.popup-perk i,.ml-i{background-size:20px 20px;background-repeat:no-repeat;background-position:center}
.abf:nth-of-type(1) .abf-i{background-image:url('https://img.icons8.com/color/96/smartphone-tablet.png')}
.abf:nth-of-type(2) .abf-i{background-image:url('https://img.icons8.com/color/96/conference-call.png')}
.abf:nth-of-type(3) .abf-i{background-image:url('https://img.icons8.com/color/96/internet.png')}
.hlc:nth-child(1) .hlc-i{background-image:url('https://img.icons8.com/color/96/find-matching-job.png')}
.hlc:nth-child(2) .hlc-i{background-image:url('https://img.icons8.com/color/96/service.png')}
.hlc:nth-child(3) .hlc-i{background-image:url('https://img.icons8.com/color/96/combo-chart--v1.png')}
.hlc:nth-child(4) .hlc-i{background-image:url('https://img.icons8.com/color/96/doctor-male.png')}
.hlc:nth-child(5) .hlc-i{background-image:url('https://img.icons8.com/color/96/graduation-cap.png')}
.vmc-v .vmc-i{background-image:url('https://img.icons8.com/color/96/goal.png')}
.vmc-m .vmc-i{background-image:url('https://img.icons8.com/color/96/mission-of-a-company.png')}
.vmck{background-image:url('https://img.icons8.com/ios-filled/50/ffffff/checkmark.png');background-size:12px 12px}
.popup-perk:nth-child(1) i{background-image:url('https://img.icons8.com/color/96/fast-cart.png')}
.popup-perk:nth-child(2) i{background-image:url('https://img.icons8.com/color/96/discount--v1.png')}
.popup-perk:nth-child(3) i{background-image:url('https://img.icons8.com/color/96/online-course.png')}
.popup-perk:nth-child(4) i{background-image:url('https://img.icons8.com/color/96/heart-with-pulse.png')}

/* ==================== */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
 --p:#0D9488;--pd:#0A7A6F;--pl:#99F6E4;--p50:#F0FDFA;
 --a:#F97316;--ad:#EA580C;--al:#FFF7ED;
 --n:#0B1120;--nm:#131C31;--n2:#1E293B;
 --s:#334155;--sm:#64748B;--sl:#94A3B8;--smu:#CBD5E1;
 --w:#fff;--bg:#F8FAFC;--bg2:#EFF3F8;--bdr:#E2E8F0;
 --r:14px;--rs:8px;--rl:20px;
 --f:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'SF Pro Display',sans-serif;
 --shsm:0 2px 8px rgba(0Rs 0Rs 0,.05);--shmd:0 8px 24px rgba(0Rs 0Rs 0,.07);--shlg:0 16px 48px rgba(0Rs 0Rs 0,.09);--shxl:0 24px 64px rgba(0Rs 0Rs 0,.11);
}
html{scroll-behavior:smooth}
body{font-family:var(--f);background:var(--bg);color:var(--s);line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}

/* PRELOADER */
.pl{position:fixed;inset:0;z-index:10000;background:var(--n);display:flex;align-items:center;justify-content:center;transition:opacity .5s,visibility .5s}
.pl.h{opacity:0;visibility:hidden;pointer-events:none}
.pl-t{font-size:2rem;font-weight:800;color:var(--w)}.pl-t b{color:var(--p)}
.pl-d{display:flex;gap:5px;justify-content:center;margin-top:16px}
.pl-d i{width:6px;height:6px;border-radius:50%;background:var(--p);animation:pb 1.2s infinite ease-in-out}
.pl-d i:nth-child(2){animation-delay:.12s}.pl-d i:nth-child(3){animation-delay:.24s}
@keyframes pb{0%,80%,100%{transform:scale(.5);opacity:.3}40%{transform:scale(1);opacity:1}}

/* HEADER */
header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s}
header:not(.sc){background:transparent}
header.sc{background:rgba(255,255,255,.97);backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--bdr);box-shadow:var(--shsm)}
.htop{background:var(--n);padding:5px 0;font-size:.72rem;color:rgba(255,255,255,.65);transition:margin .3s}
header.sc .htop{margin-top:-32px}
.htop-i{max-width:1280px;margin:0 auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center}
.htop a{color:rgba(255,255,255,.8)}.htop-r{display:flex;gap:16px}
.nw{max-width:1280px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{display:flex;align-items:center;gap:9px}
.lm{width:34px;height:34px;background:var(--p);border-radius:8px;display:grid;place-items:center;position:relative}
.lm::after{content:'';position:absolute;inset:0;border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent)}
.lm svg{width:17px;height:17px;fill:var(--w);position:relative;z-index:1}
.ln{font-weight:800;font-size:1.2rem;letter-spacing:-.3px;transition:color .3s}
header:not(.sc) .ln{color:var(--w)}header.sc .ln{color:var(--n)}
.lt2{font-size:.52rem;letter-spacing:1.4px;text-transform:uppercase;font-weight:600;transition:color .3s}
header:not(.sc) .lt2{color:rgba(255,255,255,.45)}header.sc .lt2{color:var(--sl)}

/* NAV */
.mn{display:flex;align-items:center;gap:1px}
.ni>a{display:flex;align-items:center;gap:4px;padding:7px 12px;font-size:.84rem;font-weight:500;border-radius:var(--rs);transition:all .2s}
header:not(.sc) .ni>a{color:rgba(255,255,255,.8)}
header:not(.sc) .ni>a:hover{color:var(--w);background:rgba(255,255,255,.08)}
header.sc .ni>a{color:var(--s)}
header.sc .ni>a:hover{color:var(--p);background:var(--p50)}
.arr{font-size:.48rem;transition:transform .3s;margin-left:2px}
.ni:hover .arr{transform:rotate(180deg)}
.ni{position:relative}

/* MEGA MENU */
.mm{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);background:var(--w);border:1px solid var(--bdr);border-radius:var(--rl);box-shadow:var(--shxl);padding:6px;min-width:740px;opacity:0;visibility:hidden;pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1)}
.mm::before{content:'';position:absolute;top:-15px;left:0;right:0;height:15px;background:transparent}
.ni:hover .mm{opacity:1;visibility:visible;pointer-events:all;transform:translateX(-50%) translateY(0)}
.mm-i{display:flex}
.mm-l{flex:1;padding:14px}
.mm-hd{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--sl);margin-bottom:10px;padding-left:10px}
.mmg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.ml{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--rs);transition:all .2s}
.ml:hover{background:var(--p50)}
.ml-i{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:.95rem;flex-shrink:0}
.ml-n{font-weight:600;font-size:.78rem;color:var(--s)}.ml:hover .ml-n{color:var(--p)}
.ml-s{font-size:.65rem;color:var(--sl);margin-top:1px}
.mm-r{width:200px;background:linear-gradient(145deg,var(--n),var(--nm));border-radius:var(--r);margin:6px;padding:24px 18px;display:flex;flex-direction:column;justify-content:space-between;color:var(--w)}
.mm-rt{font-size:1.05rem;font-weight:800;line-height:1.2;margin-bottom:8px}.mm-rt em{color:var(--a);font-style:normal}
.mm-rd{font-size:.7rem;opacity:.7;line-height:1.5;margin-bottom:14px}
.mm-rb{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;background:var(--a);color:var(--w);font-weight:700;font-size:.74rem;border-radius:50px;transition:all .2s}
.mm-rb:hover{background:var(--ad);transform:translateY(-1px)}

.ncta{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--p);color:var(--w);font-weight:600;font-size:.8rem;border-radius:50px;transition:all .3s}
.ncta:hover{background:var(--pd);transform:translateY(-1px);box-shadow:0 4px 12px rgba(13,148,136,.3)}

.mbtn{display:none;background:none;border:none;cursor:pointer;width:34px;height:34px}
.mbtn span{display:block;width:17px;height:2px;margin:3px auto;transition:all .3s}
header:not(.sc) .mbtn span{background:var(--w)}header.sc .mbtn span{background:var(--n)}

/* MOBILE NAV */
.mov{position:fixed;inset:0;background:rgba(11,17,32,.5);backdrop-filter:blur(4px);z-index:1999;opacity:0;visibility:hidden;transition:all .3s}.mov.on{opacity:1;visibility:visible}
.mpn{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:var(--w);z-index:2000;padding:20px;overflow-y:auto;transition:right .4s cubic-bezier(.16,1,.3,1);box-shadow:var(--shxl)}.mpn.on{right:0}
.mph{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.mx{width:32px;height:32px;border-radius:7px;background:var(--bg2);border:none;cursor:pointer;font-size:.95rem;display:grid;place-items:center;color:var(--s)}
.mpn a{display:block;padding:11px 12px;font-size:.88rem;font-weight:500;color:var(--s);border-radius:var(--rs);transition:all .2s}
.mpn a:hover{background:var(--p50);color:var(--p)}
.mlab{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--sl);padding:12px 12px 4px;margin-top:4px}

/* ... HERO CAROUSEL ... */
.hero-home{position:relative;height:100vh;min-height:620px;overflow:hidden}
.hero-slides{position:absolute;inset:0}
.hero-sl{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out}
.hero-sl.active{opacity:1}
.hero-sl-bg{position:absolute;inset:0}
.hero-sl::after{content:'';position:absolute;inset:0;z-index:2}

/* Slide themes - rich illustrated gradients */
.hsl-village .hero-sl-bg{background:linear-gradient(135deg,#1a4731 0%,#2d6a4f 25%,#52b788 50%,#95d5b2 70%,#d8f3dc 85%,#74c69d 100%)}
.hsl-village::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-city .hero-sl-bg{background:linear-gradient(135deg,#1b3a4b 0%,#065a82 25%,#0582ca 50%,#00b4d8 70%,#90e0ef 85%,#48cae4 100%)}
.hsl-city::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-edu .hero-sl-bg{background:linear-gradient(135deg,#5c2d91 0%,#7b4bb5 25%,#9d79cc 45%,#f4a261 60%,#e9c46a 75%,#ffd166 100%)}
.hsl-edu::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-farm .hero-sl-bg{background:linear-gradient(135deg,#606c38 0%,#7f8a42 20%,#dda15e 45%,#bc6c25 60%,#e9c46a 75%,#fefae0 100%)}
.hsl-farm::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-health .hero-sl-bg{background:linear-gradient(135deg,#0b525b 0%,#168aad 30%,#34a0a4 50%,#76c893 70%,#b5e48c 85%,#99d98c 100%)}
.hsl-health::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

/* Slide scene illustrations (CSS art elements) */
.hero-scene{position:absolute;inset:0;z-index:1;overflow:hidden}
/* Decorative circles */
.hs-c{position:absolute;border-radius:50%;opacity:.12}
.hs-c1{width:400px;height:400px;top:-10%;right:-5%;background:rgba(255,255,255,.15);animation:float 18s ease-in-out infinite}
.hs-c2{width:250px;height:250px;bottom:5%;right:15%;background:rgba(255,255,255,.08);animation:float 22s ease-in-out infinite reverse}
.hs-c3{width:150px;height:150px;top:40%;right:30%;border:2px solid rgba(255,255,255,.12);background:none;animation:float 15s ease-in-out infinite}
/* Scene emojis (large, positioned as scene elements) */
.hs-emoji{position:absolute;z-index:1;font-size:4rem;opacity:.25;filter:grayscale(20%)}
.hs-e1{top:15%;right:8%;font-size:5rem;animation:float 20s ease-in-out infinite}
.hs-e2{top:45%;right:22%;font-size:3.5rem;animation:float 16s ease-in-out infinite 2s}
.hs-e3{bottom:18%;right:12%;font-size:4.5rem;animation:float 18s ease-in-out infinite 4s}
.hs-e4{top:25%;right:38%;font-size:3rem;opacity:.15;animation:float 14s ease-in-out infinite 1s}

.hero-content{position:absolute;inset:0;z-index:10;display:flex;align-items:center;max-width:1280px;margin:0 auto;padding:0 28px;width:100%;left:50%;transform:translateX(-50%)}
.hero-text{max-width:600px}
.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px 5px 9px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:rgba(255,255,255,.9);font-size:.74rem;font-weight:600;margin-bottom:22px;opacity:0;animation:fu .7s .3s forwards}
.hero-badge i{width:7px;height:7px;border-radius:50%;background:var(--a);box-shadow:0 0 0 0 rgba(249,115,22,.4);animation:pls 2s infinite}
@keyframes pls{0%{box-shadow:0 0 0 0 rgba(249,115,22,.4)}70%{box-shadow:0 0 0 8px transparent}}
.hero-home h1{font-size:3.6rem;font-weight:800;line-height:1.06;letter-spacing:-2px;color:var(--w);margin-bottom:18px;opacity:0;animation:fu .7s .5s forwards}
.hero-home h1 em{font-style:normal;background:linear-gradient(135deg,var(--a),#FBBF24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-desc{font-size:1.05rem;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:30px;max-width:480px;opacity:0;animation:fu .7s .7s forwards}
/* Slide-specific tagline */
.hero-tagline{font-size:.88rem;color:var(--a);font-weight:600;margin-bottom:6px;opacity:0;animation:fu .7s .4s forwards;display:flex;align-items:center;gap:6px}
.hero-tagline::before{content:'';width:20px;height:2px;background:var(--a);border-radius:2px}
.hero-acts{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px;opacity:0;animation:fu .7s .9s forwards}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:50px;font-weight:600;font-size:.9rem;font-family:var(--f);cursor:pointer;transition:all .3s;border:none}
.btn-a{background:var(--a);color:var(--w)}.btn-a:hover{background:var(--ad);transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,.3)}
.btn-g{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8)}.btn-g:hover{background:rgba(255,255,255,.12)}
.hero-stats{display:flex;gap:32px;opacity:0;animation:fu .7s 1.1s forwards}
.hs-item{text-align:left}
.hs-n{font-size:1.7rem;font-weight:800;color:var(--w);letter-spacing:-1px}
.hs-l{font-size:.7rem;color:rgba(255,255,255,.4);margin-top:2px;font-weight:500}

/* Hero dots */
.hero-dots{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:8px}
.hero-dot{width:32px;height:4px;border-radius:4px;background:rgba(255,255,255,.2);cursor:pointer;transition:all .4s}
.hero-dot.active{background:var(--a);width:48px}

/* Scroll hint */
.hero-scroll{position:absolute;bottom:36px;right:36px;z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;color:rgba(255,255,255,.35);font-size:.58rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.hsb{width:1px;height:32px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}
.hsb::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:50%;background:var(--a);animation:hsa 2s ease-in-out infinite}
@keyframes hsa{0%{top:-50%}100%{top:150%}}

/* ... PAGE HERO (sub-pages) ... */
.phero{position:relative;min-height:48vh;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:130px 28px 60px}
.phero::before{content:'';position:absolute;inset:0;z-index:0}
.phero-content{position:relative;z-index:10;animation:fu .7s forwards}
.phero-ey{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:rgba(255,255,255,.85);font-size:.72rem;font-weight:600;margin-bottom:16px}
.phero-ey i{width:6px;height:6px;border-radius:50%;background:var(--a)}
.phero h1{font-size:3rem;font-weight:800;color:var(--w);letter-spacing:-1.5px;margin-bottom:12px;line-height:1.08}
.phero h1 em{font-style:normal;color:var(--a)}
.phero-sub{font-size:1.05rem;color:rgba(255,255,255,.6);max-width:560px;margin:0 auto;line-height:1.7}

/* Hero color themes for sectors */
.phero-teal{background:linear-gradient(145deg,#0B1120 0%,#0A3D39 50%,#0D5D57 100%)}
.phero-teal::before{background:radial-gradient(circle at 70% 30%,rgba(13,148,136,.2),transparent 60%)}
.phero-blue{background:linear-gradient(145deg,#0B1120 0%,#1E3A5F 50%,#1E40AF 100%)}
.phero-blue::before{background:radial-gradient(circle at 70% 30%,rgba(37,99,235,.2),transparent 60%)}
.phero-green{background:linear-gradient(145deg,#0B1120 0%,#14532D 50%,#166534 100%)}
.phero-green::before{background:radial-gradient(circle at 70% 30%,rgba(22,163,74,.2),transparent 60%)}
.phero-purple{background:linear-gradient(145deg,#0B1120 0%,#3B0764 50%,#6B21A8 100%)}
.phero-purple::before{background:radial-gradient(circle at 70% 30%,rgba(139,92,246,.2),transparent 60%)}
.phero-orange{background:linear-gradient(145deg,#0B1120 0%,#7C2D12 50%,#C2410C 100%)}
.phero-orange::before{background:radial-gradient(circle at 70% 30%,rgba(249,115,22,.2),transparent 60%)}
.phero-red{background:linear-gradient(145deg,#0B1120 0%,#7F1D1D 50%,#B91C1C 100%)}
.phero-red::before{background:radial-gradient(circle at 70% 30%,rgba(220,38,38,.2),transparent 60%)}
.phero-navy{background:linear-gradient(145deg,#0B1120 0%,#1E293B 50%,#334155 100%)}
.phero-navy::before{background:radial-gradient(circle at 70% 30%,rgba(100,116,139,.15),transparent 60%)}

@keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* ... SECTIONS ... */
.section{padding:88px 28px}.container{max-width:1280px;margin:0 auto}
.ey{display:inline-flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--p);margin-bottom:10px}
.ey-b{width:20px;height:2px;background:var(--p);border-radius:2px}
.sh{font-size:2.4rem;font-weight:800;line-height:1.1;letter-spacing:-1px;color:var(--n);margin-bottom:12px}
.sht{font-size:.98rem;color:var(--sm);max-width:520px;line-height:1.7}
.rv{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}
.rv.vis{opacity:1;transform:none}
.d1{transition-delay:.07s}.d2{transition-delay:.14s}.d3{transition-delay:.21s}.d4{transition-delay:.28s}.d5{transition-delay:.35s}

/* STATS BAR */
.stats{background:var(--w);border-bottom:1px solid var(--bdr);position:relative;z-index:5}
.stats-in{max-width:1280px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:repeat(4,1fr)}
.sti{padding:26px 16px;text-align:center;border-right:1px solid var(--bdr)}.sti:last-child{border-right:none}
.sti-n{font-size:1.9rem;font-weight:800;color:var(--p);letter-spacing:-1px}
.sti-l{font-size:.78rem;color:var(--sm);margin-top:2px;font-weight:500}

/* ABOUT */
.ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ab-vis{position:relative}
.ab-main{width:100%;border-radius:var(--rl);overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,var(--p50),#D5F5F6);display:flex;align-items:center;justify-content:center;position:relative}
.ab-main-inner{font-size:5rem;position:relative;z-index:1}
.ab-main::before{content:'';position:absolute;inset:20px;border:2px dashed rgba(13,148,136,.15);border-radius:var(--r)}
.ab-badge{position:absolute;top:-12px;left:-12px;background:var(--p);color:var(--w);border-radius:var(--r);padding:16px 20px;box-shadow:var(--shmd)}
.ab-badge-n{font-size:1.7rem;font-weight:800}.ab-badge-t{font-size:.68rem;opacity:.75}
.ab-float{position:absolute;bottom:-20px;right:-20px;background:var(--w);border-radius:var(--r);padding:18px 22px;box-shadow:var(--shlg);border:1px solid var(--bdr);display:flex;align-items:center;gap:12px}
.ab-float-i{font-size:1.4rem}.ab-float-t{font-size:.78rem;font-weight:600;color:var(--n)}
.ab-p{font-size:.9rem;color:var(--sm);line-height:1.8;margin-bottom:22px}
.abf{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;background:var(--bg2);border-radius:var(--rs);transition:all .3s;margin-bottom:10px}
.abf:hover{background:var(--p50)}
.abf-i{width:38px;height:38px;border-radius:9px;background:var(--pl);display:grid;place-items:center;flex-shrink:0;font-size:.95rem}
.abf-n{font-weight:700;font-size:.84rem;color:var(--n)}.abf-d{font-size:.76rem;color:var(--sm);margin-top:1px}

/* HIGHLIGHT CARDS */
.hlg{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:40px}
.hlc{background:var(--w);border:1px solid var(--bdr);border-radius:var(--r);padding:26px 18px;text-align:center;transition:all .35s;position:relative;overflow:hidden}
.hlc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--p);transform:scaleX(0);transition:transform .4s}.hlc:hover::after{transform:scaleX(1)}
.hlc:hover{transform:translateY(-4px);box-shadow:var(--shmd);border-color:transparent}
.hlc-i{font-size:1.7rem;margin-bottom:10px}.hlc-t{font-weight:700;font-size:.83rem;color:var(--n);margin-bottom:3px}.hlc-d{font-size:.72rem;color:var(--sl);line-height:1.5}

/* SECTOR CARDS */
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.sca{display:block;color:inherit;background:var(--w);border:1px solid var(--bdr);border-radius:var(--r);overflow:hidden;transition:all .4s}
.sca:hover{transform:translateY(-5px);box-shadow:var(--shlg);border-color:transparent}
.sc-top{height:130px;position:relative;overflow:hidden}
.sc-top-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem}
.sc-nb{position:absolute;top:10px;left:10px;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;font-weight:800;font-size:.7rem;color:var(--w)}
.sc-bd{padding:18px}
.sc-nm{font-weight:700;font-size:.98rem;color:var(--n);margin-bottom:5px}
.sc-ds{font-size:.78rem;color:var(--sm);line-height:1.55;margin-bottom:12px}
.sc-sv{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.sc-s{display:flex;align-items:center;gap:5px;font-size:.71rem;font-weight:500;color:var(--sm);padding:4px 8px;background:var(--bg2);border-radius:4px}
.sc-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}
.sc-lnk{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:.78rem;font-weight:600;color:var(--p);transition:gap .2s}.sca:hover .sc-lnk{gap:9px;color:var(--pd)}

/* Sector top gradients */
.sct-1{background:linear-gradient(135deg,#FFF7ED,#FFEDD5)}.sct-2{background:linear-gradient(135deg,#FAF5FF,#EDE9FE)}.sct-3{background:linear-gradient(135deg,#F0FDFA,#CCFBF1)}
.sct-4{background:linear-gradient(135deg,#F0FDF4,#DCFCE7)}.sct-5{background:linear-gradient(135deg,#EFF6FF,#DBEAFE)}.sct-6{background:linear-gradient(135deg,#F0FDF4,#BBF7D0)}
.sct-7{background:linear-gradient(135deg,#EFF6FF,#BFDBFE)}.sct-8{background:linear-gradient(135deg,#FEF2F2,#FECACA)}.sct-9{background:linear-gradient(135deg,#FAF5FF,#E9D5FF)}

/* VM */
.vmg{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}
.vmc{background:var(--w);border:1px solid var(--bdr);border-radius:var(--rl);padding:36px;position:relative;overflow:hidden}
.vmc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.vmc-v::before{background:linear-gradient(90deg,var(--p),var(--a))}.vmc-m::before{background:linear-gradient(90deg,var(--a),var(--p))}
.vmc-i{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.2rem;margin-bottom:16px}
.vmc-v .vmc-i{background:var(--pl)}.vmc-m .vmc-i{background:var(--al)}
.vmc h3{font-size:1.25rem;font-weight:800;color:var(--n);margin-bottom:10px}
.vmc p{font-size:.88rem;color:var(--sm);line-height:1.8}
.vml{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:8px}
.vml li{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--s)}
.vmck{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;flex-shrink:0;font-size:.58rem;font-weight:700;color:var(--w)}
.vmc-v .vmck{background:var(--p)}.vmc-m .vmck{background:var(--a)}

/* CTA */
.cta{position:relative;padding:88px 28px;overflow:hidden;background:var(--n)}
.cta::before{content:'';position:absolute;top:-40%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(13,148,136,.15),transparent 65%);border-radius:50%}
.cta-in{max-width:640px;margin:0 auto;text-align:center;position:relative;z-index:2}
.cta h2{font-size:2rem;font-weight:800;color:var(--w);letter-spacing:-.8px;margin-bottom:12px}
.cta p{font-size:.95rem;color:rgba(255,255,255,.55);margin-bottom:28px;line-height:1.7}
.btn-cta{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;background:var(--a);color:var(--w);font-weight:700;font-size:.92rem;border-radius:50px;font-family:var(--f);transition:all .3s;border:none;cursor:pointer}
.btn-cta:hover{background:var(--ad);transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,.3)}
.cta-ph{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:6px}
.cta-ph span{color:rgba(255,255,255,.35);font-size:.8rem}.cta-ph a{color:var(--a);font-weight:700;font-size:1.05rem}

/* SECTOR PAGE SPECIFIC */
.sp-og{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:stretch}
.sp-txt{font-size:.92rem;color:var(--sm);line-height:1.8}
.sp-steps{background:linear-gradient(145deg,var(--n),var(--nm));padding:32px;border-radius:var(--rl);color:var(--w);display:flex;flex-direction:column;justify-content:center}
.sp-steps h3{font-size:1.2rem;font-weight:700;margin-bottom:16px}
.sp-step{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.sp-sn{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;font-weight:800;font-size:.72rem;flex-shrink:0}
.sp-st{font-size:.88rem;line-height:1.55}
.sp-sg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}
.sp-sv{background:var(--w);border:1px solid var(--bdr);border-radius:var(--r);padding:22px;text-align:center;transition:all .3s}
.sp-sv:hover{transform:translateY(-3px);box-shadow:var(--shmd);border-color:var(--pl)}
.sp-sv-i{font-size:1.8rem;margin-bottom:10px}.sp-sv-n{font-weight:700;font-size:.85rem;color:var(--n)}

/* FORM */
.fcard{background:var(--w);padding:40px;border-radius:var(--rl);box-shadow:var(--shlg);border:1px solid var(--bdr);margin-top:16px}
.fcard h2{font-size:1.6rem;font-weight:800;color:var(--n);margin-bottom:6px;text-align:center}
.fcard .fsub{text-align:center;color:var(--sm);font-size:.92rem;margin-bottom:28px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.fg2 label{display:block;font-weight:600;color:var(--n);margin-bottom:6px;font-size:.82rem}
.fg2 input,.fg2 select,.fg2 textarea{width:100%;padding:12px 14px;border-radius:var(--rs);border:1px solid var(--bdr);background:var(--bg2);outline:none;font-size:.88rem;font-family:var(--f);transition:border .2s}
.fg2 input:focus,.fg2 select:focus,.fg2 textarea:focus{border-color:var(--p)}
.btn-wa{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;background:#25D366;color:var(--w);border:none;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;font-family:var(--f);transition:all .3s;margin-top:22px}
.btn-wa:hover{background:#1fad55;transform:translateY(-1px);box-shadow:0 6px 18px rgba(37,211,102,.25)}

/* CONTACT */
.cg{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}
.cic{background:linear-gradient(145deg,var(--n),var(--nm));padding:36px;border-radius:var(--rl);color:var(--w)}
.ci{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}
.ci-i{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:0;flex-shrink:0;background-size:20px 20px;background-repeat:no-repeat;background-position:center}
.ci:nth-child(1) .ci-i{background-image:url('https://img.icons8.com/color/96/phone.png')}
.ci:nth-child(2) .ci-i{background-image:url('https://img.icons8.com/color/96/new-post.png')}
.ci:nth-child(3) .ci-i{background-image:url('https://img.icons8.com/color/96/whatsapp--v1.png')}
.ci:nth-child(4) .ci-i{background-image:url('https://img.icons8.com/color/96/time-machine.png')}
.ci-l{font-size:.68rem;opacity:.6;text-transform:uppercase;letter-spacing:1px}.ci-v{font-weight:600;font-size:.92rem;margin-top:2px}

/* FOOTER */
footer{background:var(--w);border-top:1px solid var(--bdr);padding:52px 28px 22px}
.fg-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.fa-p{font-size:.8rem;color:var(--sm);margin-top:12px;line-height:1.7;max-width:320px}
.fc h4{font-weight:700;font-size:.8rem;color:var(--n);margin-bottom:14px}
.fc a{display:block;font-size:.8rem;color:var(--sm);padding:3px 0;transition:all .2s}.fc a:hover{color:var(--p);padding-left:3px}
.fb2{max-width:1280px;margin:24px auto 0;padding-top:18px;border-top:1px solid var(--bdr);display:flex;justify-content:space-between;align-items:center;font-size:.74rem;color:var(--sl)}
.fbl{display:flex;gap:16px}.fbl a{color:var(--sl)}.fbl a:hover{color:var(--p)}

/* RESPONSIVE */
@media(max-width:1100px){.sg{grid-template-columns:repeat(2,1fr)}.hlg{grid-template-columns:repeat(3,1fr)}.fg-grid{grid-template-columns:1fr 1fr}.sp-sg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){
 .mn,.ncta{display:none}.mbtn{display:block}
 .hero-home h1,.phero h1{font-size:2.4rem}.ab-grid,.cg{grid-template-columns:1fr;gap:32px}
 .section{padding:64px 18px}.sh{font-size:1.85rem}
 .stats-in{grid-template-columns:repeat(2,1fr)}.hlg{grid-template-columns:1fr 1fr}
 .sg{grid-template-columns:1fr}.vmg{grid-template-columns:1fr}
 .fg-grid{grid-template-columns:1fr;gap:24px}.fb2{flex-direction:column;gap:8px;text-align:center}
 .htop{display:none}.nw{height:56px}.sp-og{grid-template-columns:1fr}.sp-sg{grid-template-columns:1fr 1fr}
 .frow{grid-template-columns:1fr}
 .hero-scroll{display:none}.hs-emoji{font-size:2.5rem!important;opacity:.12!important}
 .hero-acts{margin-bottom:28px}
}
@media(max-width:480px){.hero-home h1,.phero h1{font-size:1.9rem}.sti-n{font-size:1.4rem}.hlg{grid-template-columns:1fr}}

/* PREMIUM POPUP */
.popup-ov{position:fixed;inset:0;background:rgba(11,17,32,.6);backdrop-filter:blur(6px);z-index:9000;opacity:0;visibility:hidden;transition:all .35s;display:flex;align-items:center;justify-content:center;padding:20px}
.popup-ov.show{opacity:1;visibility:visible}
.popup-ov.show .popup-box{transform:translateY(0) scale(1);opacity:1}
.popup-box{background:var(--w);border-radius:var(--rl);max-width:440px;width:100%;overflow:hidden;box-shadow:0 32px 80px rgba(0Rs 0Rs 0,.25);transform:translateY(20px) scale(.96);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1)}
.popup-top{background:linear-gradient(145deg,#0A2540,#0B1120);padding:28px 28px 24px;position:relative;overflow:hidden}
.popup-top::before{content:'';position:absolute;top:-40%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(249,115,22,.2),transparent 65%);border-radius:50%}
.popup-top::after{content:'';position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;background:radial-gradient(circle,rgba(13,148,136,.15),transparent 65%);border-radius:50%}
.popup-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6);display:grid;place-items:center;cursor:pointer;font-size:.9rem;transition:all .2s;z-index:2}
.popup-close:hover{background:rgba(255,255,255,.15);color:var(--w)}
.popup-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:linear-gradient(135deg,rgba(249,115,22,.2),rgba(251,191,36,.2));border:1px solid rgba(249,115,22,.25);border-radius:50px;color:#FBBF24;font-size:.62rem;font-weight:700;letter-spacing:.5px;margin-bottom:14px;position:relative;z-index:2}
.popup-tag i{width:5px;height:5px;border-radius:50%;background:#FBBF24}
.popup-card-mini{position:relative;z-index:2;width:100%;max-width:280px;aspect-ratio:1.7;border-radius:12px;padding:18px;background:linear-gradient(145deg,#0D3B66,#0A2540,#0B1120);box-shadow:0 12px 32px rgba(0Rs 0Rs 0,.3),inset 0 1px 0 rgba(255,255,255,.05);margin:0 auto}
.pcm-top{display:flex;justify-content:space-between;align-items:flex-start}
.pcm-logo{display:flex;align-items:center;gap:5px}
.pcm-lm{width:22px;height:22px;background:var(--a);border-radius:5px;display:grid;place-items:center}
.pcm-lm svg{width:11px;height:11px;fill:white}
.pcm-lt{font-weight:800;font-size:.82rem;color:var(--w)}
.pcm-badge{background:linear-gradient(135deg,#F97316,#FBBF24);padding:2px 8px;border-radius:50px;font-size:.48rem;font-weight:800;color:#0B1120;letter-spacing:.8px;text-transform:uppercase}
.pcm-chip{width:28px;height:20px;border-radius:4px;background:linear-gradient(135deg,#D4AF37,#C5A028);margin-top:12px;box-shadow:inset 0 1px 1px rgba(255,255,255,.2)}
.pcm-num{margin-top:10px;font-size:.78rem;font-weight:600;letter-spacing:2.5px;color:rgba(255,255,255,.5);font-family:monospace}
.pcm-bot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:8px}
.pcm-name{font-size:.55rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.5px}
.pcm-val{font-size:.55rem;color:rgba(255,255,255,.35)}

.popup-body{padding:24px 28px 28px}
.popup-h{font-size:1.2rem;font-weight:800;color:var(--n);margin-bottom:6px;line-height:1.2}
.popup-h em{font-style:normal;color:var(--a)}
.popup-p{font-size:.84rem;color:var(--sm);line-height:1.6;margin-bottom:18px}
.popup-perks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.popup-perk{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--bg2);border-radius:50px;font-size:.7rem;font-weight:600;color:var(--s)}
.popup-perk i{font-style:normal}
.popup-price{display:flex;align-items:baseline;gap:6px;margin-bottom:18px}
.popup-price-old{font-size:.9rem;color:var(--sl);text-decoration:line-through}
.popup-price-new{font-size:1.6rem;font-weight:800;color:var(--n)}
.popup-price-per{font-size:.78rem;color:var(--sm)}
.popup-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:var(--a);color:var(--w);font-weight:700;font-size:.9rem;border-radius:50px;border:none;cursor:pointer;font-family:var(--f);transition:all .3s;text-align:center}
.popup-cta:hover{background:var(--ad);transform:translateY(-1px);box-shadow:0 6px 20px rgba(249,115,22,.3)}
.popup-skip{display:block;text-align:center;margin-top:10px;font-size:.76rem;color:var(--sl);cursor:pointer;transition:color .2s;background:none;border:none;font-family:var(--f)}
.popup-skip:hover{color:var(--s)}

/* visual-cleanup-sitewide */
.section{position:relative;overflow:hidden}
.section::before{content:'';position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1600&q=60') center/cover no-repeat;opacity:.08;pointer-events:none}
.section>.container{position:relative;z-index:1}
.ab-main{background:url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat!important}
.ab-main-inner,.sc-top-bg{font-size:0!important;color:transparent!important}
.mlg .ml-i,.ml-i,.abf-i,.hlc-i,.vmc-i,.vmck,.popup-perk i{font-size:0!important;color:transparent!important}
.abf-i,.hlc-i,.vmc-i,.vmck,.popup-perk i,.ml-i{background-size:20px 20px;background-repeat:no-repeat;background-position:center}
.abf:nth-of-type(1) .abf-i{background-image:url('https://img.icons8.com/color/96/smartphone-tablet.png')}
.abf:nth-of-type(2) .abf-i{background-image:url('https://img.icons8.com/color/96/conference-call.png')}
.abf:nth-of-type(3) .abf-i{background-image:url('https://img.icons8.com/color/96/internet.png')}
.hlc:nth-child(1) .hlc-i{background-image:url('https://img.icons8.com/color/96/find-matching-job.png')}
.hlc:nth-child(2) .hlc-i{background-image:url('https://img.icons8.com/color/96/service.png')}
.hlc:nth-child(3) .hlc-i{background-image:url('https://img.icons8.com/color/96/combo-chart--v1.png')}
.hlc:nth-child(4) .hlc-i{background-image:url('https://img.icons8.com/color/96/doctor-male.png')}
.hlc:nth-child(5) .hlc-i{background-image:url('https://img.icons8.com/color/96/graduation-cap.png')}
.vmc-v .vmc-i{background-image:url('https://img.icons8.com/color/96/goal.png')}
.vmc-m .vmc-i{background-image:url('https://img.icons8.com/color/96/mission-of-a-company.png')}
.vmck{background-image:url('https://img.icons8.com/ios-filled/50/ffffff/checkmark.png');background-size:12px 12px}
.popup-perk:nth-child(1) i{background-image:url('https://img.icons8.com/color/96/fast-cart.png')}
.popup-perk:nth-child(2) i{background-image:url('https://img.icons8.com/color/96/discount--v1.png')}
.popup-perk:nth-child(3) i{background-image:url('https://img.icons8.com/color/96/online-course.png')}
.popup-perk:nth-child(4) i{background-image:url('https://img.icons8.com/color/96/heart-with-pulse.png')}

/* ==================== */

.diag-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 56px; align-items: stretch; }
 .diag-card { background: var(--w); border: 1px solid var(--bdr); border-radius: var(--rl); padding: 24px 20px; display: flex; flex-direction: column; align-items: center; text-align: center; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); height: 100%; }
 .diag-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(0,0,0,0.08); border-color: var(--pl); }
 .diag-icon { width: 52px; height: 52px; border-radius: 14px; background: var(--bg2); display: grid; place-items: center; margin-bottom: 16px; transition: all .3s; }
 .diag-card:hover .diag-icon { background: var(--p50); transform: scale(1.05); }
 .diag-icon img { width: 28px; height: 28px; object-fit: contain; }
 .diag-title { font-size: 1.15rem; font-weight: 800; color: var(--n); margin-bottom: 8px; }
 .diag-desc { font-size: 0.88rem; color: var(--sm); line-height: 1.6; margin-bottom: 24px; flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-start; }
 .diag-cta { margin-top: auto; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 20px; font-size: 0.88rem; font-weight: 700; border-radius: 50px; text-decoration: none; width: 100%; transition: all 0.2s; border: 1px solid var(--p); color: var(--p); background: transparent; }
 .diag-card:hover .diag-cta { background: var(--p); color: var(--w); box-shadow: 0 4px 12px rgba(13,148,136,0.3); }

 .loc-sec-dark { background: #0B1120; padding: 56px 32px; border-radius: var(--rl); box-shadow: var(--shlg); position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,0.1); }
 .lsd-bg { position: absolute; top: -50%; right: -20%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(13,148,136,0.2), transparent 65%); border-radius: 50%; pointer-events: none; }
 .lsd-bg2 { position: absolute; bottom: -30%; left: -10%; width: 300px; height: 300px; background: radial-gradient(circle, rgba(249,115,22,0.15), transparent 65%); border-radius: 50%; pointer-events: none; }
 .lsd-h { font-size: 1.8rem; font-weight: 800; color: var(--w); margin-bottom: 12px; text-align: center; letter-spacing: -0.5px; }
 .lsd-p { text-align: center; color: rgba(255,255,255,0.65); font-size: 0.98rem; margin-bottom: 32px; max-width: 500px; margin-left: auto; margin-right: auto; line-height: 1.6; }
 
 .lsd-search { max-width: 580px; margin: 0 auto 32px; display: flex; gap: 8px; background: rgba(255,255,255,0.06); padding: 8px; border-radius: 50px; border: 1px solid rgba(255,255,255,0.12); backdrop-filter: blur(8px); position: relative; z-index: 2; transition: all .3s; }
 .lsd-search:focus-within { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.25); box-shadow: 0 8px 32px rgba(0,0,0,0.3); transform: translateY(-2px); }
 .lsd-search input { flex: 1; padding: 12px 20px; border: none; border-radius: 50px; background: transparent; font-size: 1rem; outline: none; font-family: var(--f); color: var(--w); }
 .lsd-search input::placeholder { color: rgba(255,255,255,0.4); }
 .lsd-search button { background: var(--a); color: var(--w); padding: 0 32px; border: none; border-radius: 50px; font-weight: 700; font-size: 0.95rem; cursor: pointer; font-family: var(--f); transition: all .3s; }
 .lsd-search button:hover { background: var(--ad); box-shadow: 0 6px 16px rgba(249,115,22,0.3); transform: translateY(-1px); }

 .loc-tabs { display: flex; justify-content: center; gap: 12px; margin-bottom: 40px; position: relative; z-index: 2; }
 .loc-tab { padding: 10px 24px; border-radius: 50px; border: 1px solid rgba(255,255,255,0.15); background: rgba(255,255,255,0.05); color: rgba(255,255,255,0.7); font-weight: 700; cursor: pointer; transition: all .3s; font-size: .88rem; backdrop-filter: blur(10px); }
 .loc-tab:hover { background: rgba(255,255,255,0.1); color: var(--w); }
 .loc-tab.active { border-color: var(--p); background: var(--p); color: var(--w); box-shadow: 0 4px 16px rgba(13,148,136,0.4); }

 .res-card { background: var(--w); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--rl); padding: 24px; transition: all .3s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 4px 12px rgba(0,0,0,0.1); display: flex; flex-direction: column; position: relative; z-index: 2; cursor: default; height: 100%; }
 .res-card:hover { transform: translateY(-5px); box-shadow: 0 16px 32px rgba(0,0,0,0.25); border-color: rgba(255,255,255,0.2); }
 
 @media (max-width: 860px) {
   .diag-grid { grid-template-columns: 1fr; gap: 16px; margin-bottom: 40px; }
   .lsd-search { flex-direction: column; background: transparent; padding: 0; border: none; gap: 12px; }
   .lsd-search input { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); padding: 16px 24px; }
   .lsd-search button { padding: 16px; width: 100%; }
   .loc-sec-dark { padding: 40px 20px; }
 }

/* ==================== */

*,
        *::before,
        *::after {
            margin: 0;
            padding: 0;
            box-sizing: border-box
        }

        :root {
            --p: #0D9488;
            --pd: #0A7A6F;
            --pl: #99F6E4;
            --p50: #F0FDFA;
            --a: #F97316;
            --ad: #EA580C;
            --al: #FFF7ED;
            --n: #0B1120;
            --nm: #131C31;
            --n2: #1E293B;
            --s: #334155;
            --sm: #64748B;
            --sl: #94A3B8;
            --smu: #CBD5E1;
            --w: #fff;
            --bg: #F8FAFC;
            --bg2: #EFF3F8;
            --bdr: #E2E8F0;
            --r: 14px;
            --rs: 8px;
            --rl: 20px;
            --f: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif;
            --shsm: 0 2px 8px rgba(0Rs 0Rs 0, .05);
            --shmd: 0 8px 24px rgba(0Rs 0Rs 0, .07);
            --shlg: 0 16px 48px rgba(0Rs 0Rs 0, .09);
            --shxl: 0 24px 64px rgba(0Rs 0Rs 0, .11);
        }

        html {
            scroll-behavior: smooth
        }

        body {
            font-family: var(--f);
            background: var(--bg);
            color: var(--s);
            line-height: 1.6;
            overflow-x: hidden
        }

        img {
            max-width: 100%;
            display: block
        }

        a {
            text-decoration: none;
            color: inherit
        }

        /* PRELOADER */
        .pl {
            position: fixed;
            inset: 0;
            z-index: 10000;
            background: var(--n);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: opacity .5s, visibility .5s
        }

        .pl.h {
            opacity: 0;
            visibility: hidden;
            pointer-events: none
        }

        .pl-t {
            font-size: 2rem;
            font-weight: 800;
            color: var(--w)
        }

        .pl-t b {
            color: var(--p)
        }

        .pl-d {
            display: flex;
            gap: 5px;
            justify-content: center;
            margin-top: 16px
        }

        .pl-d i {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--p);
            animation: pb 1.2s infinite ease-in-out
        }

        .pl-d i:nth-child(2) {
            animation-delay: .12s
        }

        .pl-d i:nth-child(3) {
            animation-delay: .24s
        }

        @keyframes pb {

            0%,
            80%,
            100% {
                transform: scale(.5);
                opacity: .3
            }

            40% {
                transform: scale(1);
                opacity: 1
            }
        }

        /* HEADER */
        header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            transition: all .3s
        }

        header:not(.sc) {
            background: transparent
        }

        header.sc {
            background: rgba(255, 255, 255, .97);
            backdrop-filter: blur(16px) saturate(180%);
            border-bottom: 1px solid var(--bdr);
            box-shadow: var(--shsm)
        }

        .htop {
            background: var(--n);
            padding: 5px 0;
            font-size: .72rem;
            color: rgba(255, 255, 255, .65);
            transition: margin .3s
        }

        header.sc .htop {
            margin-top: -32px
        }

        .htop-i {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 28px;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .htop a {
            color: rgba(255, 255, 255, .8)
        }

        .htop-r {
            display: flex;
            gap: 16px
        }

        .nw {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 28px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 62px
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 9px
        }

        .lm {
            width: 34px;
            height: 34px;
            background: var(--p);
            border-radius: 8px;
            display: grid;
            place-items: center;
            position: relative
        }

        .lm::after {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 8px;
            background: linear-gradient(135deg, rgba(255, 255, 255, .2), transparent)
        }

        .lm svg {
            width: 17px;
            height: 17px;
            fill: var(--w);
            position: relative;
            z-index: 1
        }

        .ln {
            font-weight: 800;
            font-size: 1.2rem;
            letter-spacing: -.3px;
            transition: color .3s
        }

        header:not(.sc) .ln {
            color: var(--w)
        }

        header.sc .ln {
            color: var(--n)
        }

        .lt2 {
            font-size: .52rem;
            letter-spacing: 1.4px;
            text-transform: uppercase;
            font-weight: 600;
            transition: color .3s
        }

        header:not(.sc) .lt2 {
            color: rgba(255, 255, 255, .45)
        }

        header.sc .lt2 {
            color: var(--sl)
        }

        /* NAV */
        .mn {
            display: flex;
            align-items: center;
            gap: 1px
        }

        .ni>a {
            display: flex;
            align-items: center;
            gap: 4px;
            padding: 7px 12px;
            font-size: .84rem;
            font-weight: 500;
            border-radius: var(--rs);
            transition: all .2s
        }

        header:not(.sc) .ni>a {
            color: rgba(255, 255, 255, .8)
        }

        header:not(.sc) .ni>a:hover {
            color: var(--w);
            background: rgba(255, 255, 255, .08)
        }

        header.sc .ni>a {
            color: var(--s)
        }

        header.sc .ni>a:hover {
            color: var(--p);
            background: var(--p50)
        }

        .arr {
            font-size: .48rem;
            transition: transform .3s;
            margin-left: 2px
        }

        .ni:hover .arr {
            transform: rotate(180deg)
        }

        .ni {
            position: relative
        }

        /* MEGA MENU */
        .mm {
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%) translateY(8px);
            background: var(--w);
            border: 1px solid var(--bdr);
            border-radius: var(--rl);
            box-shadow: var(--shxl);
            padding: 6px;
            min-width: 740px;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: all .25s cubic-bezier(.16, 1, .3, 1)
        }

        .mm::before {
            content: '';
            position: absolute;
            top: -15px;
            left: 0;
            right: 0;
            height: 15px;
            background: transparent
        }

        .mm::before {
            content: '';
            position: absolute;
            top: -15px;
            left: 0;
            right: 0;
            height: 15px;
            background: transparent
        }

        .ni:hover .mm {
            opacity: 1;
            visibility: visible;
            pointer-events: all;
            transform: translateX(-50%) translateY(0)
        }

        .mm-i {
            display: flex
        }

        .mm-l {
            flex: 1;
            padding: 14px
        }

        .mm-hd {
            font-size: .64rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.4px;
            color: var(--sl);
            margin-bottom: 10px;
            padding-left: 10px
        }

        .mmg {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2px
        }

        .ml {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 9px 10px;
            border-radius: var(--rs);
            transition: all .2s
        }

        .ml:hover {
            background: var(--p50)
        }

        .ml-i {
            width: 34px;
            height: 34px;
            border-radius: 8px;
            display: grid;
            place-items: center;
            font-size: .95rem;
            flex-shrink: 0
        }

        .ml-n {
            font-weight: 600;
            font-size: .78rem;
            color: var(--s)
        }

        .ml:hover .ml-n {
            color: var(--p)
        }

        .ml-s {
            font-size: .65rem;
            color: var(--sl);
            margin-top: 1px
        }

        .mm-r {
            width: 200px;
            background: linear-gradient(145deg, var(--n), var(--nm));
            border-radius: var(--r);
            margin: 6px;
            padding: 24px 18px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            color: var(--w)
        }

        .mm-rt {
            font-size: 1.05rem;
            font-weight: 800;
            line-height: 1.2;
            margin-bottom: 8px
        }

        .mm-rt em {
            color: var(--a);
            font-style: normal
        }

        .mm-rd {
            font-size: .7rem;
            opacity: .7;
            line-height: 1.5;
            margin-bottom: 14px
        }

        .mm-rb {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 8px 16px;
            background: var(--a);
            color: var(--w);
            font-weight: 700;
            font-size: .74rem;
            border-radius: 50px;
            transition: all .2s
        }

        .mm-rb:hover {
            background: var(--ad);
            transform: translateY(-1px)
        }

        .ncta {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 8px 18px;
            background: var(--p);
            color: var(--w);
            font-weight: 600;
            font-size: .8rem;
            border-radius: 50px;
            transition: all .3s
        }

        .ncta:hover {
            background: var(--pd);
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(13, 148, 136, .3)
        }

        .mbtn {
            display: none;
            background: none;
            border: none;
            cursor: pointer;
            width: 34px;
            height: 34px
        }

        .mbtn span {
            display: block;
            width: 17px;
            height: 2px;
            margin: 3px auto;
            transition: all .3s
        }

        header:not(.sc) .mbtn span {
            background: var(--w)
        }

        header.sc .mbtn span {
            background: var(--n)
        }

        /* MOBILE NAV */
        .mov {
            position: fixed;
            inset: 0;
            background: rgba(11, 17, 32, .5);
            backdrop-filter: blur(4px);
            z-index: 1999;
            opacity: 0;
            visibility: hidden;
            transition: all .3s
        }

        .mov.on {
            opacity: 1;
            visibility: visible
        }

        .mpn {
            position: fixed;
            top: 0;
            right: -320px;
            width: 300px;
            height: 100vh;
            background: var(--w);
            z-index: 2000;
            padding: 20px;
            overflow-y: auto;
            transition: right .4s cubic-bezier(.16, 1, .3, 1);
            box-shadow: var(--shxl)
        }

        .mpn.on {
            right: 0
        }

        .mph {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 22px
        }

        .mx {
            width: 32px;
            height: 32px;
            border-radius: 7px;
            background: var(--bg2);
            border: none;
            cursor: pointer;
            font-size: .95rem;
            display: grid;
            place-items: center;
            color: var(--s)
        }

        .mpn a {
            display: block;
            padding: 11px 12px;
            font-size: .88rem;
            font-weight: 500;
            color: var(--s);
            border-radius: var(--rs);
            transition: all .2s
        }

        .mpn a:hover {
            background: var(--p50);
            color: var(--p)
        }

        .mlab {
            font-size: .62rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.4px;
            color: var(--sl);
            padding: 12px 12px 4px;
            margin-top: 4px
        }

        /* ... HERO CAROUSEL ... */
        .hero-home {
            position: relative;
            height: 100vh;
            min-height: 620px;
            overflow: hidden
        }

        .hero-slides {
            position: absolute;
            inset: 0
        }

        .hero-sl {
            position: absolute;
            inset: 0;
            opacity: 0;
            transition: opacity 1.2s ease-in-out;
            z-index: 1
        }

        .hero-sl.active {
            opacity: 1;
            z-index: 5
        }

        .hero-sl-bg {
            position: absolute;
            inset: 0;
            transition: transform 8s ease-out;
            transform: scale(1)
        }

        .hero-sl.active .hero-sl-bg {
            transform: scale(1.06)
        }

        .hero-sl::after {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 2
        }

        /* Slide themes - Custom Generated & Unsplash images */
        .hsl-village .hero-sl-bg {
            background: url('../images/hero_village.png') no-repeat center/cover
        }

        .hsl-village::after {
            background: linear-gradient(to right, rgba(11, 17, 32, .92) 0%, rgba(11, 17, 32, .65) 45%, rgba(11, 17, 32, .3) 100%)
        }

        .hsl-city .hero-sl-bg {
            background: url('../images/hero_city.png') no-repeat center/cover
        }

        .hsl-city::after {
            background: linear-gradient(to right, rgba(11, 17, 32, .92) 0%, rgba(11, 17, 32, .65) 45%, rgba(11, 17, 32, .3) 100%)
        }

        .hsl-edu .hero-sl-bg {
            background: url('../images/hero_edu.png') no-repeat center/cover
        }

        .hsl-edu::after {
            background: linear-gradient(to right, rgba(11, 17, 32, .92) 0%, rgba(11, 17, 32, .65) 45%, rgba(11, 17, 32, .3) 100%)
        }

        .hsl-farm .hero-sl-bg {
            background: url('../images/hero_farm.png') no-repeat center/cover
        }

        .hsl-farm::after {
            background: linear-gradient(to right, rgba(11, 17, 32, .92) 0%, rgba(11, 17, 32, .65) 45%, rgba(11, 17, 32, .3) 100%)
        }

        .hsl-health .hero-sl-bg {
            background: url('https://images.unsplash.com/photo-1579684385127-1ef15d508118?auto=format&fit=crop&q=80&w=2000') no-repeat center/cover
        }

        .hsl-health::after {
            background: linear-gradient(to right, rgba(11, 17, 32, .92) 0%, rgba(11, 17, 32, .65) 45%, rgba(11, 17, 32, .3) 100%)
        }

        /* Slide scene illustrations removed */

        .hero-content {
            position: absolute;
            inset: 0;
            z-index: 10;
            display: flex;
            align-items: center;
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 28px;
            width: 100%;
            left: 50%;
            transform: translateX(-50%)
        }

        .hero-text {
            max-width: 600px;
            pointer-events: all
        }

        /* Reveal effects inside slides */
        .hero-badge,
        .hero-sl h1,
        .hero-desc,
        .hero-acts,
        .hero-stats {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.16, 1Rs 0.3, 1)
        }

        .hero-sl.active .hero-badge {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 0.3s
        }

        .hero-sl.active h1 {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 0.5s
        }

        .hero-sl.active .hero-desc {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 0.7s
        }

        .hero-sl.active .hero-acts {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 0.9s
        }

        .hero-sl.active .hero-stats {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 1.1s
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 5px 14px 5px 9px;
            background: rgba(255, 255, 255, .08);
            backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, .1);
            border-radius: 50px;
            color: rgba(255, 255, 255, .9);
            font-size: .74rem;
            font-weight: 600;
            margin-bottom: 22px
        }

        .hero-badge i {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--a);
            box-shadow: 0 0 0 0 rgba(249, 115, 22, .4);
            animation: pls 2s infinite
        }

        @keyframes pls {
            0% {
                box-shadow: 0 0 0 0 rgba(249, 115, 22, .4)
            }

            70% {
                box-shadow: 0 0 0 8px transparent
            }
        }

        .hero-home h1 {
            font-size: 3.6rem;
            font-weight: 800;
            line-height: 1.06;
            letter-spacing: -2px;
            color: var(--w);
            margin-bottom: 18px
        }

        .hero-home h1 em {
            font-style: normal;
            background: linear-gradient(135deg, var(--a), #FBBF24);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text
        }

        .hero-desc {
            font-size: 1.05rem;
            color: rgba(255, 255, 255, .6);
            line-height: 1.75;
            margin-bottom: 30px;
            max-width: 480px
        }

        /* Slide-specific tagline */
        .hero-tagline {
            font-size: .88rem;
            color: var(--a);
            font-weight: 600;
            margin-bottom: 6px;
            display: flex;
            align-items: center;
            gap: 6px
        }

        .hero-tagline::before {
            content: '';
            width: 20px;
            height: 2px;
            background: var(--a);
            border-radius: 2px
        }

        .hero-acts {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
            margin-bottom: 40px
        }

        .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 13px 28px;
            border-radius: 50px;
            font-weight: 600;
            font-size: .9rem;
            font-family: var(--f);
            cursor: pointer;
            transition: all .3s;
            border: none
        }

        .btn-a {
            background: var(--a);
            color: var(--w)
        }

        .btn-a:hover {
            background: var(--ad);
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(249, 115, 22, .3)
        }

        .btn-g {
            background: rgba(255, 255, 255, .06);
            border: 1px solid rgba(255, 255, 255, .12);
            color: rgba(255, 255, 255, .8)
        }

        .btn-g:hover {
            background: rgba(255, 255, 255, .12)
        }

        .hero-stats {
            display: flex;
            gap: 32px
        }

        .hs-item {
            text-align: left
        }

        .hs-n {
            font-size: 1.7rem;
            font-weight: 800;
            color: var(--w);
            letter-spacing: -1px
        }

        .hs-l {
            font-size: .7rem;
            color: rgba(255, 255, 255, .4);
            margin-top: 2px;
            font-weight: 500
        }

        /* Hero dots */
        .hero-dots {
            position: absolute;
            bottom: 36px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 20;
            display: flex;
            gap: 8px
        }

        .hero-dot {
            width: 32px;
            height: 4px;
            border-radius: 4px;
            background: rgba(255, 255, 255, .2);
            cursor: pointer;
            transition: all .4s
        }

        .hero-dot.active {
            background: var(--a);
            width: 48px
        }

        /* Scroll hint */
        .hero-scroll {
            position: absolute;
            bottom: 36px;
            right: 36px;
            z-index: 20;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 6px;
            color: rgba(255, 255, 255, .35);
            font-size: .58rem;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase
        }

        .hsb {
            width: 1px;
            height: 32px;
            background: rgba(255, 255, 255, .12);
            position: relative;
            overflow: hidden
        }

        .hsb::after {
            content: '';
            position: absolute;
            top: -100%;
            left: 0;
            width: 100%;
            height: 50%;
            background: var(--a);
            animation: hsa 2s ease-in-out infinite
        }

        @keyframes hsa {
            0% {
                top: -50%
            }

            100% {
                top: 150%
            }
        }

        /* ... PAGE HERO (sub-pages) ... */
        .phero {
            position: relative;
            min-height: 48vh;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 130px 28px 60px
        }

        .phero::before {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 0
        }

        .phero-content {
            position: relative;
            z-index: 10;
            animation: fu .7s forwards
        }

        .phero-ey {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 5px 14px;
            background: rgba(255, 255, 255, .08);
            border: 1px solid rgba(255, 255, 255, .1);
            border-radius: 50px;
            color: rgba(255, 255, 255, .85);
            font-size: .72rem;
            font-weight: 600;
            margin-bottom: 16px
        }

        .phero-ey i {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--a)
        }

        .phero h1 {
            font-size: 3rem;
            font-weight: 800;
            color: var(--w);
            letter-spacing: -1.5px;
            margin-bottom: 12px;
            line-height: 1.08
        }

        .phero h1 em {
            font-style: normal;
            color: var(--a)
        }

        .phero-sub {
            font-size: 1.05rem;
            color: rgba(255, 255, 255, .6);
            max-width: 560px;
            margin: 0 auto;
            line-height: 1.7
        }

        /* Hero color themes for sectors */
        .phero-teal {
            background: linear-gradient(145deg, #0B1120 0%, #0A3D39 50%, #0D5D57 100%)
        }

        .phero-teal::before {
            background: radial-gradient(circle at 70% 30%, rgba(13, 148, 136, .2), transparent 60%)
        }

        .phero-blue {
            background: linear-gradient(145deg, #0B1120 0%, #1E3A5F 50%, #1E40AF 100%)
        }

        .phero-blue::before {
            background: radial-gradient(circle at 70% 30%, rgba(37, 99, 235, .2), transparent 60%)
        }

        .phero-green {
            background: linear-gradient(145deg, #0B1120 0%, #14532D 50%, #166534 100%)
        }

        .phero-green::before {
            background: radial-gradient(circle at 70% 30%, rgba(22, 163, 74, .2), transparent 60%)
        }

        .phero-purple {
            background: linear-gradient(145deg, #0B1120 0%, #3B0764 50%, #6B21A8 100%)
        }

        .phero-purple::before {
            background: radial-gradient(circle at 70% 30%, rgba(139, 92, 246, .2), transparent 60%)
        }

        .phero-orange {
            background: linear-gradient(145deg, #0B1120 0%, #7C2D12 50%, #C2410C 100%)
        }

        .phero-orange::before {
            background: radial-gradient(circle at 70% 30%, rgba(249, 115, 22, .2), transparent 60%)
        }

        .phero-red {
            background: linear-gradient(145deg, #0B1120 0%, #7F1D1D 50%, #B91C1C 100%)
        }

        .phero-red::before {
            background: radial-gradient(circle at 70% 30%, rgba(220, 38, 38, .2), transparent 60%)
        }

        .phero-navy {
            background: linear-gradient(145deg, #0B1120 0%, #1E293B 50%, #334155 100%)
        }

        .phero-navy::before {
            background: radial-gradient(circle at 70% 30%, rgba(100, 116, 139, .15), transparent 60%)
        }

        @keyframes fu {
            from {
                opacity: 0;
                transform: translateY(24px)
            }

            to {
                opacity: 1;
                transform: translateY(0)
            }
        }

        /* ... SECTIONS ... */
        .section {
            padding: 88px 28px
        }

        .container {
            max-width: 1280px;
            margin: 0 auto
        }

        .ey {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            font-size: .7rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.4px;
            color: var(--p);
            margin-bottom: 10px
        }

        .ey-b {
            width: 20px;
            height: 2px;
            background: var(--p);
            border-radius: 2px
        }

        .sh {
            font-size: 2.4rem;
            font-weight: 800;
            line-height: 1.1;
            letter-spacing: -1px;
            color: var(--n);
            margin-bottom: 12px
        }

        .sht {
            font-size: .98rem;
            color: var(--sm);
            max-width: 520px;
            line-height: 1.7
        }

        .rv {
            opacity: 0;
            transform: translateY(28px);
            transition: opacity .65s cubic-bezier(.16, 1, .3, 1), transform .65s cubic-bezier(.16, 1, .3, 1)
        }

        .rv.vis {
            opacity: 1;
            transform: none
        }

        .d1 {
            transition-delay: .07s
        }

        .d2 {
            transition-delay: .14s
        }

        .d3 {
            transition-delay: .21s
        }

        .d4 {
            transition-delay: .28s
        }

        .d5 {
            transition-delay: .35s
        }

        /* STATS BAR */
        .stats {
            background: var(--w);
            border-bottom: 1px solid var(--bdr);
            position: relative;
            z-index: 5
        }

        .stats-in {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 28px;
            display: grid;
            grid-template-columns: repeat(4, 1fr)
        }

        .sti {
            padding: 26px 16px;
            text-align: center;
            border-right: 1px solid var(--bdr)
        }

        .sti:last-child {
            border-right: none
        }

        .sti-n {
            font-size: 1.9rem;
            font-weight: 800;
            color: var(--p);
            letter-spacing: -1px
        }

        .sti-l {
            font-size: .78rem;
            color: var(--sm);
            margin-top: 2px;
            font-weight: 500
        }

        /* ABOUT */
        .ab-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center
        }

        .ab-vis {
            position: relative
        }

        .ab-main {
            width: 100%;
            border-radius: var(--rl);
            overflow: hidden;
            aspect-ratio: 4/3;
            background: linear-gradient(135deg, var(--p50), #D5F5F6);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative
        }

        .ab-main-inner {
            display: none
        }

        .ab-main::before {
            content: '';
            position: absolute;
            inset: 20px;
            border: 2px dashed rgba(13, 148, 136, .15);
            border-radius: var(--r)
        }

        .ab-main {
            background: url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat
        }

        .ab-badge {
            position: absolute;
            top: -12px;
            left: -12px;
            background: var(--p);
            color: var(--w);
            border-radius: var(--r);
            padding: 16px 20px;
            box-shadow: var(--shmd)
        }

        .ab-badge-n {
            font-size: 1.7rem;
            font-weight: 800
        }

        .ab-badge-t {
            font-size: .68rem;
            opacity: .75
        }

        .ab-float {
            position: absolute;
            bottom: -20px;
            right: -20px;
            background: var(--w);
            border-radius: var(--r);
            padding: 18px 22px;
            box-shadow: var(--shlg);
            border: 1px solid var(--bdr);
            display: flex;
            align-items: center;
            gap: 12px
        }

        .ab-float-i {
            width: 28px;
            height: 28px;
            background: url('https://img.icons8.com/color/96/application-window.png') center/contain no-repeat;
            font-size: 0
        }

        .ab-float-t {
            font-size: .78rem;
            font-weight: 600;
            color: var(--n)
        }

        .ab-p {
            font-size: .9rem;
            color: var(--sm);
            line-height: 1.8;
            margin-bottom: 22px
        }

        .abf {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            padding: 13px 16px;
            background: var(--bg2);
            border-radius: var(--rs);
            transition: all .3s;
            margin-bottom: 10px
        }

        .abf:hover {
            background: var(--p50)
        }

        .abf-i {
            width: 38px;
            height: 38px;
            border-radius: 9px;
            background: var(--pl);
            display: grid;
            place-items: center;
            flex-shrink: 0;
            font-size: 0;
            background-size: 22px 22px;
            background-repeat: no-repeat;
            background-position: center
        }

        .abf:nth-of-type(1) .abf-i {
            background-image: url('https://img.icons8.com/color/96/smartphone-tablet.png')
        }

        .abf:nth-of-type(2) .abf-i {
            background-image: url('https://img.icons8.com/color/96/conference-call.png')
        }

        .abf:nth-of-type(3) .abf-i {
            background-image: url('https://img.icons8.com/color/96/internet.png')
        }

        .abf-n {
            font-weight: 700;
            font-size: .84rem;
            color: var(--n)
        }

        .abf-d {
            font-size: .76rem;
            color: var(--sm);
            margin-top: 1px
        }

        /* HIGHLIGHT CARDS */
        .hlg {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 14px;
            margin-top: 40px
        }

        .hlc {
            background: var(--w);
            border: 1px solid var(--bdr);
            border-radius: var(--r);
            padding: 26px 18px;
            text-align: center;
            transition: all .35s;
            position: relative;
            overflow: hidden
        }

        .hlc::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: var(--p);
            transform: scaleX(0);
            transition: transform .4s
        }

        .hlc:hover::after {
            transform: scaleX(1)
        }

        .hlc:hover {
            transform: translateY(-4px);
            box-shadow: var(--shmd);
            border-color: transparent
        }

        .hlc-i {
            width: 40px;
            height: 40px;
            margin: 0 auto 10px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            font-size: 0
        }

        .hlc-t {
            font-weight: 700;
            font-size: .83rem;
            color: var(--n);
            margin-bottom: 3px
        }

        .hlc-d {
            font-size: .72rem;
            color: var(--sl);
            line-height: 1.5
        }

        .hlc:nth-child(1) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/find-matching-job.png')
        }

        .hlc:nth-child(2) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/service.png')
        }

        .hlc:nth-child(3) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/combo-chart--v1.png')
        }

        .hlc:nth-child(4) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/doctor-male.png')
        }

        .hlc:nth-child(5) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/graduation-cap.png')
        }

        /* SECTOR CARDS */
        .sg {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px;
            margin-top: 40px
        }

        .sca {
            display: flex;
            flex-direction: column;
            height: 100%;
            color: inherit;
            background: var(--w);
            border: 1px solid var(--bdr);
            border-radius: var(--r);
            overflow: hidden;
            transition: all .4s
        }

        .sca:hover {
            transform: translateY(-5px);
            box-shadow: var(--shlg);
            border-color: transparent
        }

        .sc-top {
            height: 130px;
            position: relative;
            overflow: hidden
        }

        .sc-top-bg {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 3rem
        }

        .sc-nb {
            position: absolute;
            top: 10px;
            left: 10px;
            width: 26px;
            height: 26px;
            border-radius: 6px;
            display: grid;
            place-items: center;
            font-weight: 800;
            font-size: .7rem;
            color: var(--w)
        }

        .sc-bd {
            padding: 18px;
            display: flex;
            flex-direction: column;
            flex: 1
        }

        .sc-nm {
            font-weight: 700;
            font-size: .98rem;
            color: var(--n);
            margin-bottom: 5px
        }

        .sc-ds {
            font-size: .78rem;
            color: var(--sm);
            line-height: 1.55;
            margin-bottom: 12px
        }

        .sc-sv {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4px
        }

        .sc-s {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: .71rem;
            font-weight: 500;
            color: var(--sm);
            padding: 4px 8px;
            background: var(--bg2);
            border-radius: 4px
        }

        .sc-dot {
            width: 4px;
            height: 4px;
            border-radius: 50%;
            flex-shrink: 0
        }

        .sc-actions {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: auto;
            padding-top: 16px;
        }

        .sc-actions .sc-lnk {
            margin-top: 0;
            padding-top: 0;
        }

        .sc-lnk {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            margin-top: auto;
            font-size: .78rem;
            font-weight: 600;
            color: var(--p);
            transition: gap .2s
        }

        .sca:hover .sc-lnk {
            gap: 9px;
            color: var(--pd)
        }

        /* Sector top gradients */
        .sct-1 {
            background: linear-gradient(135deg, #FFF7ED, #FFEDD5)
        }

        .sct-2 {
            background: linear-gradient(135deg, #FAF5FF, #EDE9FE)
        }

        .sct-3 {
            background: linear-gradient(135deg, #F0FDFA, #CCFBF1)
        }

        .sct-4 {
            background: linear-gradient(135deg, #F0FDF4, #DCFCE7)
        }

        .sct-5 {
            background: linear-gradient(135deg, #EFF6FF, #DBEAFE)
        }

        .sct-6 {
            background: linear-gradient(135deg, #F0FDF4, #BBF7D0)
        }

        .sct-7 {
            background: linear-gradient(135deg, #EFF6FF, #BFDBFE)
        }

        .sct-8 {
            background: linear-gradient(135deg, #FEF2F2, #FECACA)
        }

        .sct-9 {
            background: linear-gradient(135deg, #FAF5FF, #E9D5FF)
        }

        .sc-top::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(rgba(11, 17, 32, .42), rgba(11, 17, 32, .42))
        }

        .sc-top-bg {
            position: relative;
            z-index: 1;
            color: #fff !important;
            font-size: 0
        }

        .sg .rv:nth-child(1) .sc-top {
            background: url('https://images.unsplash.com/photo-1509062522246-3755977927d7?auto=format&fit=crop&w=900&q=80') center/cover no-repeat
        }

        .sg .rv:nth-child(2) .sc-top {
            background: url('https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=900&q=80') center/cover no-repeat
        }

        .sg .rv:nth-child(3) .sc-top {
            background: url('https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=900&q=80') center/cover no-repeat
        }

        .sg .rv:nth-child(4) .sc-top {
            background: url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1f?auto=format&fit=crop&w=900&q=80') center/cover no-repeat
        }

        .sg .rv:nth-child(5) .sc-top {
            background: url('https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=900&q=80') center/cover no-repeat
        }

        .sg .rv:nth-child(6) .sc-top {
            background: url('https://images.unsplash.com/photo-1500937386664-56d1dfef3854?auto=format&fit=crop&w=900&q=80') center/cover no-repeat
        }

        .sg .rv:nth-child(7) .sc-top {
            background: url('https://images.unsplash.com/photo-1581578731548-c64695cc6952?auto=format&fit=crop&w=900&q=80') center/cover no-repeat
        }

        .sg .rv:nth-child(8) .sc-top {
            background: url('https://images.unsplash.com/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=900&q=80') center/cover no-repeat
        }

        .sg .rv:nth-child(9) .sc-top {
            background: url('https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?auto=format&fit=crop&w=900&q=80') center/cover no-repeat
        }

        /* VM */
        .vmg {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 22px;
            margin-top: 40px
        }

        .vmc {
            background: var(--w);
            border: 1px solid var(--bdr);
            border-radius: var(--rl);
            padding: 36px;
            position: relative;
            overflow: hidden
        }

        .vmc::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px
        }

        .vmc-v::before {
            background: linear-gradient(90deg, var(--p), var(--a))
        }

        .vmc-m::before {
            background: linear-gradient(90deg, var(--a), var(--p))
        }

        .vmc-i {
            width: 46px;
            height: 46px;
            border-radius: 12px;
            display: grid;
            place-items: center;
            font-size: 0;
            margin-bottom: 16px;
            background-size: 28px 28px;
            background-repeat: no-repeat;
            background-position: center
        }

        .vmc-v .vmc-i {
            background: var(--pl)
        }

        .vmc-m .vmc-i {
            background: var(--al)
        }

        .vmc-v .vmc-i {
            background-image: url('https://img.icons8.com/color/96/goal.png')
        }

        .vmc-m .vmc-i {
            background-image: url('https://img.icons8.com/color/96/mission-of-a-company.png')
        }

        .vmc h3 {
            font-size: 1.25rem;
            font-weight: 800;
            color: var(--n);
            margin-bottom: 10px
        }

        .vmc p {
            font-size: .88rem;
            color: var(--sm);
            line-height: 1.8
        }

        .vml {
            list-style: none;
            margin-top: 14px;
            display: flex;
            flex-direction: column;
            gap: 8px
        }

        .vml li {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: .84rem;
            color: var(--s)
        }

        .vmck {
            width: 20px;
            height: 20px;
            border-radius: 5px;
            display: grid;
            place-items: center;
            flex-shrink: 0;
            font-size: 0;
            font-weight: 700;
            color: var(--w);
            background-size: 12px 12px;
            background-repeat: no-repeat;
            background-position: center
        }

        .vmc-v .vmck {
            background: var(--p)
        }

        .vmc-m .vmck {
            background: var(--a)
        }

        .vmck {
            background-image: url('https://img.icons8.com/ios-filled/50/ffffff/checkmark.png')
        }

        /* CTA */
        .cta {
            position: relative;
            padding: 88px 28px;
            overflow: hidden;
            background: var(--n)
        }

        .cta::before {
            content: '';
            position: absolute;
            top: -40%;
            right: -15%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(13, 148, 136, .15), transparent 65%);
            border-radius: 50%
        }

        .cta-in {
            max-width: 640px;
            margin: 0 auto;
            text-align: center;
            position: relative;
            z-index: 2
        }

        .cta h2 {
            font-size: 2rem;
            font-weight: 800;
            color: var(--w);
            letter-spacing: -.8px;
            margin-bottom: 12px
        }

        .cta p {
            font-size: .95rem;
            color: rgba(255, 255, 255, .55);
            margin-bottom: 28px;
            line-height: 1.7
        }

        .btn-cta {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 13px 30px;
            background: var(--a);
            color: var(--w);
            font-weight: 700;
            font-size: .92rem;
            border-radius: 50px;
            font-family: var(--f);
            transition: all .3s;
            border: none;
            cursor: pointer
        }

        .btn-cta:hover {
            background: var(--ad);
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(249, 115, 22, .3)
        }

        .cta-ph {
            margin-top: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px
        }

        .cta-ph span {
            color: rgba(255, 255, 255, .35);
            font-size: .8rem
        }

        .cta-ph a {
            color: var(--a);
            font-weight: 700;
            font-size: 1.05rem
        }

        /* SECTOR PAGE SPECIFIC */
        .sp-og {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 36px;
            align-items: stretch
        }

        .sp-txt {
            font-size: .92rem;
            color: var(--sm);
            line-height: 1.8
        }

        .sp-steps {
            background: linear-gradient(145deg, var(--n), var(--nm));
            padding: 32px;
            border-radius: var(--rl);
            color: var(--w);
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        .sp-steps h3 {
            font-size: 1.2rem;
            font-weight: 700;
            margin-bottom: 16px
        }

        .sp-step {
            display: flex;
            gap: 12px;
            align-items: flex-start;
            margin-bottom: 14px
        }

        .sp-sn {
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background: rgba(255, 255, 255, .1);
            display: grid;
            place-items: center;
            font-weight: 800;
            font-size: .72rem;
            flex-shrink: 0
        }

        .sp-st {
            font-size: .88rem;
            line-height: 1.55
        }

        .sp-sg {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 14px;
            margin-top: 32px
        }

        .sp-sv {
            background: var(--w);
            border: 1px solid var(--bdr);
            border-radius: var(--r);
            padding: 22px;
            text-align: center;
            transition: all .3s
        }

        .sp-sv:hover {
            transform: translateY(-3px);
            box-shadow: var(--shmd);
            border-color: var(--pl)
        }

        .sp-sv-i {
            font-size: 1.8rem;
            margin-bottom: 10px
        }

        .sp-sv-n {
            font-weight: 700;
            font-size: .85rem;
            color: var(--n)
        }

        /* FORM */
        .fcard {
            background: var(--w);
            padding: 40px;
            border-radius: var(--rl);
            box-shadow: var(--shlg);
            border: 1px solid var(--bdr);
            margin-top: 16px
        }

        .fcard h2 {
            font-size: 1.6rem;
            font-weight: 800;
            color: var(--n);
            margin-bottom: 6px;
            text-align: center
        }

        .fcard .fsub {
            text-align: center;
            color: var(--sm);
            font-size: .92rem;
            margin-bottom: 28px
        }

        .frow {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px;
            margin-bottom: 18px
        }

        .fg2 label {
            display: block;
            font-weight: 600;
            color: var(--n);
            margin-bottom: 6px;
            font-size: .82rem
        }

        .fg2 input,
        .fg2 select,
        .fg2 textarea {
            width: 100%;
            padding: 12px 14px;
            border-radius: var(--rs);
            border: 1px solid var(--bdr);
            background: var(--bg2);
            outline: none;
            font-size: .88rem;
            font-family: var(--f);
            transition: border .2s
        }

        .fg2 input:focus,
        .fg2 select:focus,
        .fg2 textarea:focus {
            border-color: var(--p)
        }

        .btn-wa {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            padding: 14px;
            background: #25D366;
            color: var(--w);
            border: none;
            border-radius: 50px;
            font-weight: 700;
            font-size: 1rem;
            cursor: pointer;
            font-family: var(--f);
            transition: all .3s;
            margin-top: 22px
        }

        .btn-wa:hover {
            background: #1fad55;
            transform: translateY(-1px);
            box-shadow: 0 6px 18px rgba(37, 211, 102, .25)
        }

        /* CONTACT */
        .cg {
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 40px;
            align-items: start
        }

        .cic {
            background: linear-gradient(145deg, var(--n), var(--nm));
            padding: 36px;
            border-radius: var(--rl);
            color: var(--w)
        }

        .ci {
            display: flex;
            gap: 12px;
            align-items: flex-start;
            margin-bottom: 22px
        }

        .ci-i {
            width: 38px;
            height: 38px;
            border-radius: 9px;
            background: rgba(255, 255, 255, .08);
            display: grid;
            place-items: center;
            font-size: 1rem;
            flex-shrink: 0
        }

        .ci-l {
            font-size: .68rem;
            opacity: .6;
            text-transform: uppercase;
            letter-spacing: 1px
        }

        .ci-v {
            font-weight: 600;
            font-size: .92rem;
            margin-top: 2px
        }

        /* FOOTER */
        footer {
            background: var(--w);
            border-top: 1px solid var(--bdr);
            padding: 52px 28px 22px
        }

        .fg-grid {
            max-width: 1280px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 40px
        }

        .fa-p {
            font-size: .8rem;
            color: var(--sm);
            margin-top: 12px;
            line-height: 1.7;
            max-width: 320px
        }

        .fc h4 {
            font-weight: 700;
            font-size: .8rem;
            color: var(--n);
            margin-bottom: 14px
        }

        .fc a {
            display: block;
            font-size: .8rem;
            color: var(--sm);
            padding: 3px 0;
            transition: all .2s
        }

        .fc a:hover {
            color: var(--p);
            padding-left: 3px
        }

        .fb2 {
            max-width: 1280px;
            margin: 24px auto 0;
            padding-top: 18px;
            border-top: 1px solid var(--bdr);
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: .74rem;
            color: var(--sl)
        }

        .fbl {
            display: flex;
            gap: 16px
        }

        .fbl a {
            color: var(--sl)
        }

        .fbl a:hover {
            color: var(--p)
        }

        /* RESPONSIVE */
        @media(max-width:1100px) {
            .sg {
                grid-template-columns: repeat(2, 1fr)
            }

            .hlg {
                grid-template-columns: repeat(3, 1fr)
            }

            .fg-grid {
                grid-template-columns: 1fr 1fr
            }

            .sp-sg {
                grid-template-columns: repeat(2, 1fr)
            }
        }

        @media(max-width:860px) {

            .mn,
            .ncta {
                display: none
            }

            .mbtn {
                display: block
            }

            .hero-home h1,
            .phero h1 {
                font-size: 2.4rem
            }

            .ab-grid,
            .cg {
                grid-template-columns: 1fr;
                gap: 32px
            }

            .section {
                padding: 64px 18px
            }

            .sh {
                font-size: 1.85rem
            }

            .stats-in {
                grid-template-columns: repeat(2, 1fr)
            }

            .hlg {
                grid-template-columns: 1fr 1fr
            }

            .sg {
                grid-template-columns: 1fr
            }

            .vmg {
                grid-template-columns: 1fr
            }

            .fg-grid {
                grid-template-columns: 1fr;
                gap: 24px
            }

            .fb2 {
                flex-direction: column;
                gap: 8px;
                text-align: center
            }

            .htop {
                display: none
            }

            .nw {
                height: 56px
            }

            .sp-og {
                grid-template-columns: 1fr
            }

            .sp-sg {
                grid-template-columns: 1fr 1fr
            }

            .frow {
                grid-template-columns: 1fr
            }

            .hero-scroll {
                display: none
            }

            .hs-emoji {
                font-size: 2.5rem !important;
                opacity: .12 !important
            }

            .hero-acts {
                margin-bottom: 28px
            }
        }

        @media(max-width:480px) {

            .hero-home h1,
            .phero h1 {
                font-size: 1.9rem
            }

            .sti-n {
                font-size: 1.4rem
            }

            .hlg {
                grid-template-columns: 1fr
            }
        }

        /* PREMIUM POPUP */
        .popup-ov {
            position: fixed;
            inset: 0;
            background: rgba(11, 17, 32, .6);
            backdrop-filter: blur(6px);
            z-index: 9000;
            opacity: 0;
            visibility: hidden;
            transition: all .35s;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px
        }

        .popup-ov.show {
            opacity: 1;
            visibility: visible
        }

        .popup-ov.show .popup-box {
            transform: translateY(0) scale(1);
            opacity: 1
        }

        .popup-box {
            background: var(--w);
            border-radius: var(--rl);
            max-width: 440px;
            width: 100%;
            overflow: hidden;
            box-shadow: 0 32px 80px rgba(0Rs 0Rs 0, .25);
            transform: translateY(20px) scale(.96);
            opacity: 0;
            transition: all .4s cubic-bezier(.16, 1, .3, 1)
        }

        .popup-top {
            background: linear-gradient(145deg, #0A2540, #0B1120);
            padding: 28px 28px 24px;
            position: relative;
            overflow: hidden
        }

        .popup-top::before {
            content: '';
            position: absolute;
            top: -40%;
            right: -20%;
            width: 200px;
            height: 200px;
            background: radial-gradient(circle, rgba(249, 115, 22, .2), transparent 65%);
            border-radius: 50%
        }

        .popup-top::after {
            content: '';
            position: absolute;
            bottom: -30%;
            left: -10%;
            width: 150px;
            height: 150px;
            background: radial-gradient(circle, rgba(13, 148, 136, .15), transparent 65%);
            border-radius: 50%
        }

        .popup-close {
            position: absolute;
            top: 14px;
            right: 14px;
            width: 32px;
            height: 32px;
            border-radius: 8px;
            background: rgba(255, 255, 255, .08);
            border: 1px solid rgba(255, 255, 255, .1);
            color: rgba(255, 255, 255, .6);
            display: grid;
            place-items: center;
            cursor: pointer;
            font-size: .9rem;
            transition: all .2s;
            z-index: 2
        }

        .popup-close:hover {
            background: rgba(255, 255, 255, .15);
            color: var(--w)
        }

        .popup-tag {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 3px 10px;
            background: linear-gradient(135deg, rgba(249, 115, 22, .2), rgba(251, 191, 36, .2));
            border: 1px solid rgba(249, 115, 22, .25);
            border-radius: 50px;
            color: #FBBF24;
            font-size: .62rem;
            font-weight: 700;
            letter-spacing: .5px;
            margin-bottom: 14px;
            position: relative;
            z-index: 2
        }

        .popup-tag i {
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #FBBF24
        }

        .popup-card-mini {
            position: relative;
            z-index: 2;
            width: 100%;
            max-width: 280px;
            aspect-ratio: 1.7;
            border-radius: 12px;
            padding: 18px;
            background: linear-gradient(145deg, #0D3B66, #0A2540, #0B1120);
            box-shadow: 0 12px 32px rgba(0Rs 0Rs 0, .3), inset 0 1px 0 rgba(255, 255, 255, .05);
            margin: 0 auto
        }

        .pcm-top {
            display: flex;
            justify-content: space-between;
            align-items: flex-start
        }

        .pcm-logo {
            display: flex;
            align-items: center;
            gap: 5px
        }

        .pcm-lm {
            width: 22px;
            height: 22px;
            background: var(--a);
            border-radius: 5px;
            display: grid;
            place-items: center
        }

        .pcm-lm svg {
            width: 11px;
            height: 11px;
            fill: white
        }

        .pcm-lt {
            font-weight: 800;
            font-size: .82rem;
            color: var(--w)
        }

        .pcm-badge {
            background: linear-gradient(135deg, #F97316, #FBBF24);
            padding: 2px 8px;
            border-radius: 50px;
            font-size: .48rem;
            font-weight: 800;
            color: #0B1120;
            letter-spacing: .8px;
            text-transform: uppercase
        }

        .pcm-chip {
            width: 28px;
            height: 20px;
            border-radius: 4px;
            background: linear-gradient(135deg, #D4AF37, #C5A028);
            margin-top: 12px;
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, .2)
        }

        .pcm-num {
            margin-top: 10px;
            font-size: .78rem;
            font-weight: 600;
            letter-spacing: 2.5px;
            color: rgba(255, 255, 255, .5);
            font-family: monospace
        }

        .pcm-bot {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-top: 8px
        }

        .pcm-name {
            font-size: .55rem;
            color: rgba(255, 255, 255, .4);
            text-transform: uppercase;
            letter-spacing: .5px
        }

        .pcm-val {
            font-size: .55rem;
            color: rgba(255, 255, 255, .35)
        }

        .popup-body {
            padding: 24px 28px 28px
        }

        .popup-h {
            font-size: 1.2rem;
            font-weight: 800;
            color: var(--n);
            margin-bottom: 6px;
            line-height: 1.2
        }

        .popup-h em {
            font-style: normal;
            color: var(--a)
        }

        .popup-p {
            font-size: .84rem;
            color: var(--sm);
            line-height: 1.6;
            margin-bottom: 18px
        }

        .popup-perks {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin-bottom: 20px
        }

        .popup-perk {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 5px 10px;
            background: var(--bg2);
            border-radius: 50px;
            font-size: .7rem;
            font-weight: 600;
            color: var(--s)
        }

        .popup-perk i {
            font-style: normal;
            font-size: 0;
            width: 14px;
            height: 14px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center
        }

        .popup-perk:nth-child(1) i {
            background-image: url('https://img.icons8.com/color/96/fast-cart.png')
        }

        .popup-perk:nth-child(2) i {
            background-image: url('https://img.icons8.com/color/96/discount--v1.png')
        }

        .popup-perk:nth-child(3) i {
            background-image: url('https://img.icons8.com/color/96/online-course.png')
        }

        .popup-perk:nth-child(4) i {
            background-image: url('https://img.icons8.com/color/96/heart-with-pulse.png')
        }

        .ml-i {
            font-size: 0 !important;
            background-size: 22px 22px;
            background-repeat: no-repeat;
            background-position: center
        }

        .mmg .ml:nth-child(1) .ml-i {
            background-image: url('https://img.icons8.com/color/96/graduation-cap.png')
        }

        .mmg .ml:nth-child(2) .ml-i {
            background-image: url('https://img.icons8.com/color/96/shopping-cart.png')
        }

        .mmg .ml:nth-child(3) .ml-i {
            background-image: url('https://img.icons8.com/color/96/company.png')
        }

        .mmg .ml:nth-child(4) .ml-i {
            background-image: url('https://img.icons8.com/color/96/doctor-male.png')
        }

        .mmg .ml:nth-child(5) .ml-i {
            background-image: url('https://img.icons8.com/color/96/electronics.png')
        }

        .mmg .ml:nth-child(6) .ml-i {
            background-image: url('https://img.icons8.com/color/96/tractor.png')
        }

        .mmg .ml:nth-child(7) .ml-i {
            background-image: url('https://img.icons8.com/color/96/maintenance.png')
        }

        .mmg .ml:nth-child(8) .ml-i {
            background-image: url('https://img.icons8.com/color/96/training.png')
        }

        .mmg .ml:nth-child(9) .ml-i {
            background-image: url('https://img.icons8.com/color/96/find-matching-job.png')
        }

        .popup-price {
            display: flex;
            align-items: baseline;
            gap: 6px;
            margin-bottom: 18px
        }

        .popup-price-old {
            font-size: .9rem;
            color: var(--sl);
            text-decoration: line-through
        }

        .popup-price-new {
            font-size: 1.6rem;
            font-weight: 800;
            color: var(--n)
        }

        .popup-price-per {
            font-size: .78rem;
            color: var(--sm)
        }

        .popup-cta {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            width: 100%;
            padding: 13px;
            background: var(--a);
            color: var(--w);
            font-weight: 700;
            font-size: .9rem;
            border-radius: 50px;
            border: none;
            cursor: pointer;
            font-family: var(--f);
            transition: all .3s;
            text-align: center
        }

        .popup-cta:hover {
            background: var(--ad);
            transform: translateY(-1px);
            box-shadow: 0 6px 20px rgba(249, 115, 22, .3)
        }

        .popup-skip {
            display: block;
            text-align: center;
            margin-top: 10px;
            font-size: .76rem;
            color: var(--sl);
            cursor: pointer;
            transition: color .2s;
            background: none;
            border: none;
            font-family: var(--f)
        }

        .popup-skip:hover {
            color: var(--s)
        }

        /* visual-cleanup-sitewide */
        .section {
            position: relative;
            overflow: hidden
        }

        .section::before {
            content: '';
            position: absolute;
            inset: 0;
            background: url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1600&q=60') center/cover no-repeat;
            opacity: .08;
            pointer-events: none
        }

        .section>.container {
            position: relative;
            z-index: 1
        }

        .ab-main {
            background: url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat !important
        }

        .ab-main-inner,
        .sc-top-bg {
            font-size: 0 !important;
            color: transparent !important
        }

        .mlg .ml-i,
        .ml-i,
        .abf-i,
        .hlc-i,
        .vmc-i,
        .vmck,
        .popup-perk i {
            font-size: 0 !important;
            color: transparent !important
        }

        .abf-i,
        .hlc-i,
        .vmc-i,
        .vmck,
        .popup-perk i,
        .ml-i {
            background-size: 20px 20px;
            background-repeat: no-repeat;
            background-position: center
        }

        .abf:nth-of-type(1) .abf-i {
            background-image: url('https://img.icons8.com/color/96/smartphone-tablet.png')
        }

        .abf:nth-of-type(2) .abf-i {
            background-image: url('https://img.icons8.com/color/96/conference-call.png')
        }

        .abf:nth-of-type(3) .abf-i {
            background-image: url('https://img.icons8.com/color/96/internet.png')
        }

        .hlc:nth-child(1) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/find-matching-job.png')
        }

        .hlc:nth-child(2) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/service.png')
        }

        .hlc:nth-child(3) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/combo-chart--v1.png')
        }

        .hlc:nth-child(4) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/doctor-male.png')
        }

        .hlc:nth-child(5) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/graduation-cap.png')
        }

        .vmc-v .vmc-i {
            background-image: url('https://img.icons8.com/color/96/goal.png')
        }

        .vmc-m .vmc-i {
            background-image: url('https://img.icons8.com/color/96/mission-of-a-company.png')
        }

        .vmck {
            background-image: url('https://img.icons8.com/ios-filled/50/ffffff/checkmark.png');
            background-size: 12px 12px
        }

        .popup-perk:nth-child(1) i {
            background-image: url('https://img.icons8.com/color/96/fast-cart.png')
        }

        .popup-perk:nth-child(2) i {
            background-image: url('https://img.icons8.com/color/96/discount--v1.png')
        }

        .popup-perk:nth-child(3) i {
            background-image: url('https://img.icons8.com/color/96/online-course.png')
        }

        .popup-perk:nth-child(4) i {
            background-image: url('https://img.icons8.com/color/96/heart-with-pulse.png')
        }

/* ==================== */

*,
        *::before,
        *::after {
            margin: 0;
            padding: 0;
            box-sizing: border-box
        }

        :root {
            --p: #0D9488;
            --pd: #0A7A6F;
            --pl: #99F6E4;
            --p50: #F0FDFA;
            --a: #F97316;
            --ad: #EA580C;
            --al: #FFF7ED;
            --n: #0B1120;
            --nm: #131C31;
            --n2: #1E293B;
            --s: #334155;
            --sm: #64748B;
            --sl: #94A3B8;
            --smu: #CBD5E1;
            --w: #fff;
            --bg: #F8FAFC;
            --bg2: #EFF3F8;
            --bdr: #E2E8F0;
            --r: 14px;
            --rs: 8px;
            --rl: 20px;
            --f: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif;
            --shsm: 0 2px 8px rgba(0Rs 0Rs 0, .05);
            --shmd: 0 8px 24px rgba(0Rs 0Rs 0, .07);
            --shlg: 0 16px 48px rgba(0Rs 0Rs 0, .09);
            --shxl: 0 24px 64px rgba(0Rs 0Rs 0, .11);
        }

        html {
            scroll-behavior: smooth
        }

        body {
            font-family: var(--f);
            background: var(--bg);
            color: var(--s);
            line-height: 1.6;
            overflow-x: hidden
        }

        img {
            max-width: 100%;
            display: block
        }

        a {
            text-decoration: none;
            color: inherit
        }

        /* PRELOADER */
        .pl {
            position: fixed;
            inset: 0;
            z-index: 10000;
            background: var(--n);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: opacity .5s, visibility .5s
        }

        .pl.h {
            opacity: 0;
            visibility: hidden;
            pointer-events: none
        }

        .pl-t {
            font-size: 2rem;
            font-weight: 800;
            color: var(--w)
        }

        .pl-t b {
            color: var(--p)
        }

        .pl-d {
            display: flex;
            gap: 5px;
            justify-content: center;
            margin-top: 16px
        }

        .pl-d i {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--p);
            animation: pb 1.2s infinite ease-in-out
        }

        .pl-d i:nth-child(2) {
            animation-delay: .12s
        }

        .pl-d i:nth-child(3) {
            animation-delay: .24s
        }

        @keyframes pb {

            0%,
            80%,
            100% {
                transform: scale(.5);
                opacity: .3
            }

            40% {
                transform: scale(1);
                opacity: 1
            }
        }

        /* HEADER */
        header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            transition: all .3s
        }

        header:not(.sc) {
            background: transparent
        }

        header.sc {
            background: rgba(255, 255, 255, .97);
            backdrop-filter: blur(16px) saturate(180%);
            border-bottom: 1px solid var(--bdr);
            box-shadow: var(--shsm)
        }

        .htop {
            background: var(--n);
            padding: 5px 0;
            font-size: .72rem;
            color: rgba(255, 255, 255, .65);
            transition: margin .3s
        }

        header.sc .htop {
            margin-top: -32px
        }

        .htop-i {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 28px;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .htop a {
            color: rgba(255, 255, 255, .8)
        }

        .htop-r {
            display: flex;
            gap: 16px
        }

        .nw {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 28px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 62px
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 9px
        }

        .lm {
            width: 34px;
            height: 34px;
            background: var(--p);
            border-radius: 8px;
            display: grid;
            place-items: center;
            position: relative
        }

        .lm::after {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 8px;
            background: linear-gradient(135deg, rgba(255, 255, 255, .2), transparent)
        }

        .lm svg {
            width: 17px;
            height: 17px;
            fill: var(--w);
            position: relative;
            z-index: 1
        }

        .ln {
            font-weight: 800;
            font-size: 1.2rem;
            letter-spacing: -.3px;
            transition: color .3s
        }

        header:not(.sc) .ln {
            color: var(--w)
        }

        header.sc .ln {
            color: var(--n)
        }

        .lt2 {
            font-size: .52rem;
            letter-spacing: 1.4px;
            text-transform: uppercase;
            font-weight: 600;
            transition: color .3s
        }

        header:not(.sc) .lt2 {
            color: rgba(255, 255, 255, .45)
        }

        header.sc .lt2 {
            color: var(--sl)
        }

        /* NAV */
        .mn {
            display: flex;
            align-items: center;
            gap: 1px
        }

        .ni>a {
            display: flex;
            align-items: center;
            gap: 4px;
            padding: 7px 12px;
            font-size: .84rem;
            font-weight: 500;
            border-radius: var(--rs);
            transition: all .2s
        }

        header:not(.sc) .ni>a {
            color: rgba(255, 255, 255, .8)
        }

        header:not(.sc) .ni>a:hover {
            color: var(--w);
            background: rgba(255, 255, 255, .08)
        }

        header.sc .ni>a {
            color: var(--s)
        }

        header.sc .ni>a:hover {
            color: var(--p);
            background: var(--p50)
        }

        .arr {
            font-size: .48rem;
            transition: transform .3s;
            margin-left: 2px
        }

        .ni:hover .arr {
            transform: rotate(180deg)
        }

        .ni {
            position: relative
        }

        /* MEGA MENU */
        .mm {
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%) translateY(8px);
            background: var(--w);
            border: 1px solid var(--bdr);
            border-radius: var(--rl);
            box-shadow: var(--shxl);
            padding: 6px;
            min-width: 740px;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: all .25s cubic-bezier(.16, 1, .3, 1)
        }

        .mm::before {
            content: '';
            position: absolute;
            top: -15px;
            left: 0;
            right: 0;
            height: 15px;
            background: transparent
        }

        .ni:hover .mm {
            opacity: 1;
            visibility: visible;
            pointer-events: all;
            transform: translateX(-50%) translateY(0)
        }

        .mm-i {
            display: flex
        }

        .mm-l {
            flex: 1;
            padding: 14px
        }

        .mm-hd {
            font-size: .64rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.4px;
            color: var(--sl);
            margin-bottom: 10px;
            padding-left: 10px
        }

        .mmg {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2px
        }

        .ml {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 9px 10px;
            border-radius: var(--rs);
            transition: all .2s
        }

        .ml:hover {
            background: var(--p50)
        }

        .ml-i {
            width: 34px;
            height: 34px;
            border-radius: 8px;
            display: grid;
            place-items: center;
            font-size: .95rem;
            flex-shrink: 0
        }

        .ml-n {
            font-weight: 600;
            font-size: .78rem;
            color: var(--s)
        }

        .ml:hover .ml-n {
            color: var(--p)
        }

        .ml-s {
            font-size: .65rem;
            color: var(--sl);
            margin-top: 1px
        }

        .mm-r {
            width: 200px;
            background: linear-gradient(145deg, var(--n), var(--nm));
            border-radius: var(--r);
            margin: 6px;
            padding: 24px 18px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            color: var(--w)
        }

        .mm-rt {
            font-size: 1.05rem;
            font-weight: 800;
            line-height: 1.2;
            margin-bottom: 8px
        }

        .mm-rt em {
            color: var(--a);
            font-style: normal
        }

        .mm-rd {
            font-size: .7rem;
            opacity: .7;
            line-height: 1.5;
            margin-bottom: 14px
        }

        .mm-rb {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 8px 16px;
            background: var(--a);
            color: var(--w);
            font-weight: 700;
            font-size: .74rem;
            border-radius: 50px;
            transition: all .2s
        }

        .mm-rb:hover {
            background: var(--ad);
            transform: translateY(-1px)
        }

        .ncta {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 8px 18px;
            background: var(--p);
            color: var(--w);
            font-weight: 600;
            font-size: .8rem;
            border-radius: 50px;
            transition: all .3s
        }

        .ncta:hover {
            background: var(--pd);
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(13, 148, 136, .3)
        }

        .mbtn {
            display: none;
            background: none;
            border: none;
            cursor: pointer;
            width: 34px;
            height: 34px
        }

        .mbtn span {
            display: block;
            width: 17px;
            height: 2px;
            margin: 3px auto;
            transition: all .3s
        }

        header:not(.sc) .mbtn span {
            background: var(--w)
        }

        header.sc .mbtn span {
            background: var(--n)
        }

        /* MOBILE NAV */
        .mov {
            position: fixed;
            inset: 0;
            background: rgba(11, 17, 32, .5);
            backdrop-filter: blur(4px);
            z-index: 1999;
            opacity: 0;
            visibility: hidden;
            transition: all .3s
        }

        .mov.on {
            opacity: 1;
            visibility: visible
        }

        .mpn {
            position: fixed;
            top: 0;
            right: -320px;
            width: 300px;
            height: 100vh;
            background: var(--w);
            z-index: 2000;
            padding: 20px;
            overflow-y: auto;
            transition: right .4s cubic-bezier(.16, 1, .3, 1);
            box-shadow: var(--shxl)
        }

        .mpn.on {
            right: 0
        }

        .mph {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 22px
        }

        .mx {
            width: 32px;
            height: 32px;
            border-radius: 7px;
            background: var(--bg2);
            border: none;
            cursor: pointer;
            font-size: .95rem;
            display: grid;
            place-items: center;
            color: var(--s)
        }

        .mpn a {
            display: block;
            padding: 11px 12px;
            font-size: .88rem;
            font-weight: 500;
            color: var(--s);
            border-radius: var(--rs);
            transition: all .2s
        }

        .mpn a:hover {
            background: var(--p50);
            color: var(--p)
        }

        .mlab {
            font-size: .62rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.4px;
            color: var(--sl);
            padding: 12px 12px 4px;
            margin-top: 4px
        }

        /* ... HERO CAROUSEL ... */
        .hero-home {
            position: relative;
            height: 100vh;
            min-height: 620px;
            overflow: hidden
        }

        .hero-slides {
            position: absolute;
            inset: 0
        }

        .hero-sl {
            position: absolute;
            inset: 0;
            opacity: 0;
            transition: opacity 1.2s ease-in-out
        }

        .hero-sl.active {
            opacity: 1
        }

        .hero-sl-bg {
            position: absolute;
            inset: 0
        }

        .hero-sl::after {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 2
        }

        /* Slide themes - rich illustrated gradients */
        .hsl-village .hero-sl-bg {
            background: linear-gradient(135deg, #1a4731 0%, #2d6a4f 25%, #52b788 50%, #95d5b2 70%, #d8f3dc 85%, #74c69d 100%)
        }

        .hsl-village::after {
            background: linear-gradient(to right, rgba(11, 17, 32, .82) 0%, rgba(11, 17, 32, .55) 45%, rgba(11, 17, 32, .2) 100%)
        }

        .hsl-city .hero-sl-bg {
            background: linear-gradient(135deg, #1b3a4b 0%, #065a82 25%, #0582ca 50%, #00b4d8 70%, #90e0ef 85%, #48cae4 100%)
        }

        .hsl-city::after {
            background: linear-gradient(to right, rgba(11, 17, 32, .82) 0%, rgba(11, 17, 32, .55) 45%, rgba(11, 17, 32, .2) 100%)
        }

        .hsl-edu .hero-sl-bg {
            background: linear-gradient(135deg, #5c2d91 0%, #7b4bb5 25%, #9d79cc 45%, #f4a261 60%, #e9c46a 75%, #ffd166 100%)
        }

        .hsl-edu::after {
            background: linear-gradient(to right, rgba(11, 17, 32, .82) 0%, rgba(11, 17, 32, .55) 45%, rgba(11, 17, 32, .2) 100%)
        }

        .hsl-farm .hero-sl-bg {
            background: linear-gradient(135deg, #606c38 0%, #7f8a42 20%, #dda15e 45%, #bc6c25 60%, #e9c46a 75%, #fefae0 100%)
        }

        .hsl-farm::after {
            background: linear-gradient(to right, rgba(11, 17, 32, .82) 0%, rgba(11, 17, 32, .55) 45%, rgba(11, 17, 32, .2) 100%)
        }

        .hsl-health .hero-sl-bg {
            background: linear-gradient(135deg, #0b525b 0%, #168aad 30%, #34a0a4 50%, #76c893 70%, #b5e48c 85%, #99d98c 100%)
        }

        .hsl-health::after {
            background: linear-gradient(to right, rgba(11, 17, 32, .82) 0%, rgba(11, 17, 32, .55) 45%, rgba(11, 17, 32, .2) 100%)
        }

        /* Slide scene illustrations (CSS art elements) */
        .hero-scene {
            position: absolute;
            inset: 0;
            z-index: 1;
            overflow: hidden
        }

        /* Decorative circles */
        .hs-c {
            position: absolute;
            border-radius: 50%;
            opacity: .12
        }

        .hs-c1 {
            width: 400px;
            height: 400px;
            top: -10%;
            right: -5%;
            background: rgba(255, 255, 255, .15);
            animation: float 18s ease-in-out infinite
        }

        .hs-c2 {
            width: 250px;
            height: 250px;
            bottom: 5%;
            right: 15%;
            background: rgba(255, 255, 255, .08);
            animation: float 22s ease-in-out infinite reverse
        }

        .hs-c3 {
            width: 150px;
            height: 150px;
            top: 40%;
            right: 30%;
            border: 2px solid rgba(255, 255, 255, .12);
            background: none;
            animation: float 15s ease-in-out infinite
        }

        /* Scene emojis (large, positioned as scene elements) */
        .hs-emoji {
            position: absolute;
            z-index: 1;
            font-size: 4rem;
            opacity: .25;
            filter: grayscale(20%)
        }

        .hs-e1 {
            top: 15%;
            right: 8%;
            font-size: 5rem;
            animation: float 20s ease-in-out infinite
        }

        .hs-e2 {
            top: 45%;
            right: 22%;
            font-size: 3.5rem;
            animation: float 16s ease-in-out infinite 2s
        }

        .hs-e3 {
            bottom: 18%;
            right: 12%;
            font-size: 4.5rem;
            animation: float 18s ease-in-out infinite 4s
        }

        .hs-e4 {
            top: 25%;
            right: 38%;
            font-size: 3rem;
            opacity: .15;
            animation: float 14s ease-in-out infinite 1s
        }

        .hero-content {
            position: absolute;
            inset: 0;
            z-index: 10;
            display: flex;
            align-items: center;
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 28px;
            width: 100%;
            left: 50%;
            transform: translateX(-50%)
        }

        .hero-text {
            max-width: 600px
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 5px 14px 5px 9px;
            background: rgba(255, 255, 255, .08);
            backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, .1);
            border-radius: 50px;
            color: rgba(255, 255, 255, .9);
            font-size: .74rem;
            font-weight: 600;
            margin-bottom: 22px;
            opacity: 0;
            animation: fu .7s .3s forwards
        }

        .hero-badge i {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--a);
            box-shadow: 0 0 0 0 rgba(249, 115, 22, .4);
            animation: pls 2s infinite
        }

        @keyframes pls {
            0% {
                box-shadow: 0 0 0 0 rgba(249, 115, 22, .4)
            }

            70% {
                box-shadow: 0 0 0 8px transparent
            }
        }

        .hero-home h1 {
            font-size: 3.6rem;
            font-weight: 800;
            line-height: 1.06;
            letter-spacing: -2px;
            color: var(--w);
            margin-bottom: 18px;
            opacity: 0;
            animation: fu .7s .5s forwards
        }

        .hero-home h1 em {
            font-style: normal;
            background: linear-gradient(135deg, var(--a), #FBBF24);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text
        }

        .hero-desc {
            font-size: 1.05rem;
            color: rgba(255, 255, 255, .6);
            line-height: 1.75;
            margin-bottom: 30px;
            max-width: 480px;
            opacity: 0;
            animation: fu .7s .7s forwards
        }

        /* Slide-specific tagline */
        .hero-tagline {
            font-size: .88rem;
            color: var(--a);
            font-weight: 600;
            margin-bottom: 6px;
            opacity: 0;
            animation: fu .7s .4s forwards;
            display: flex;
            align-items: center;
            gap: 6px
        }

        .hero-tagline::before {
            content: '';
            width: 20px;
            height: 2px;
            background: var(--a);
            border-radius: 2px
        }

        .hero-acts {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
            margin-bottom: 40px;
            opacity: 0;
            animation: fu .7s .9s forwards
        }

        .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 13px 28px;
            border-radius: 50px;
            font-weight: 600;
            font-size: .9rem;
            font-family: var(--f);
            cursor: pointer;
            transition: all .3s;
            border: none
        }

        .btn-a {
            background: var(--a);
            color: var(--w)
        }

        .btn-a:hover {
            background: var(--ad);
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(249, 115, 22, .3)
        }

        .btn-g {
            background: rgba(255, 255, 255, .06);
            border: 1px solid rgba(255, 255, 255, .12);
            color: rgba(255, 255, 255, .8)
        }

        .btn-g:hover {
            background: rgba(255, 255, 255, .12)
        }

        .hero-stats {
            display: flex;
            gap: 32px;
            opacity: 0;
            animation: fu .7s 1.1s forwards
        }

        .hs-item {
            text-align: left
        }

        .hs-n {
            font-size: 1.7rem;
            font-weight: 800;
            color: var(--w);
            letter-spacing: -1px
        }

        .hs-l {
            font-size: .7rem;
            color: rgba(255, 255, 255, .4);
            margin-top: 2px;
            font-weight: 500
        }

        /* Hero dots */
        .hero-dots {
            position: absolute;
            bottom: 36px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 20;
            display: flex;
            gap: 8px
        }

        .hero-dot {
            width: 32px;
            height: 4px;
            border-radius: 4px;
            background: rgba(255, 255, 255, .2);
            cursor: pointer;
            transition: all .4s
        }

        .hero-dot.active {
            background: var(--a);
            width: 48px
        }

        /* Scroll hint */
        .hero-scroll {
            position: absolute;
            bottom: 36px;
            right: 36px;
            z-index: 20;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 6px;
            color: rgba(255, 255, 255, .35);
            font-size: .58rem;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase
        }

        .hsb {
            width: 1px;
            height: 32px;
            background: rgba(255, 255, 255, .12);
            position: relative;
            overflow: hidden
        }

        .hsb::after {
            content: '';
            position: absolute;
            top: -100%;
            left: 0;
            width: 100%;
            height: 50%;
            background: var(--a);
            animation: hsa 2s ease-in-out infinite
        }

        @keyframes hsa {
            0% {
                top: -50%
            }

            100% {
                top: 150%
            }
        }

        /* ... PAGE HERO (sub-pages) ... */
        .phero {
            position: relative;
            min-height: 48vh;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 130px 28px 60px
        }

        .phero::before {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 0
        }

        .phero-content {
            position: relative;
            z-index: 10;
            animation: fu .7s forwards
        }

        .phero-ey {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 5px 14px;
            background: rgba(255, 255, 255, .08);
            border: 1px solid rgba(255, 255, 255, .1);
            border-radius: 50px;
            color: rgba(255, 255, 255, .85);
            font-size: .72rem;
            font-weight: 600;
            margin-bottom: 16px
        }

        .phero-ey i {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--a)
        }

        .phero h1 {
            font-size: 3rem;
            font-weight: 800;
            color: var(--w);
            letter-spacing: -1.5px;
            margin-bottom: 12px;
            line-height: 1.08
        }

        .phero h1 em {
            font-style: normal;
            color: var(--a)
        }

        .phero-sub {
            font-size: 1.05rem;
            color: rgba(255, 255, 255, .6);
            max-width: 560px;
            margin: 0 auto;
            line-height: 1.7
        }

        /* Hero color themes for sectors */
        .phero-teal {
            background: linear-gradient(145deg, #0B1120 0%, #0A3D39 50%, #0D5D57 100%)
        }

        .phero-teal::before {
            background: radial-gradient(circle at 70% 30%, rgba(13, 148, 136, .2), transparent 60%)
        }

        .phero-blue {
            background: linear-gradient(145deg, #0B1120 0%, #1E3A5F 50%, #1E40AF 100%)
        }

        .phero-blue::before {
            background: radial-gradient(circle at 70% 30%, rgba(37, 99, 235, .2), transparent 60%)
        }

        .phero-green {
            background: linear-gradient(145deg, #0B1120 0%, #14532D 50%, #166534 100%)
        }

        .phero-green::before {
            background: radial-gradient(circle at 70% 30%, rgba(22, 163, 74, .2), transparent 60%)
        }

        .phero-purple {
            background: linear-gradient(145deg, #0B1120 0%, #3B0764 50%, #6B21A8 100%)
        }

        .phero-purple::before {
            background: radial-gradient(circle at 70% 30%, rgba(139, 92, 246, .2), transparent 60%)
        }

        .phero-orange {
            background: linear-gradient(145deg, #0B1120 0%, #7C2D12 50%, #C2410C 100%)
        }

        .phero-orange::before {
            background: radial-gradient(circle at 70% 30%, rgba(249, 115, 22, .2), transparent 60%)
        }

        .phero-red {
            background: linear-gradient(145deg, #0B1120 0%, #7F1D1D 50%, #B91C1C 100%)
        }

        .phero-red::before {
            background: radial-gradient(circle at 70% 30%, rgba(220, 38, 38, .2), transparent 60%)
        }

        .phero-navy {
            background: linear-gradient(145deg, #0B1120 0%, #1E293B 50%, #334155 100%)
        }

        .phero-navy::before {
            background: radial-gradient(circle at 70% 30%, rgba(100, 116, 139, .15), transparent 60%)
        }

        @keyframes fu {
            from {
                opacity: 0;
                transform: translateY(24px)
            }

            to {
                opacity: 1;
                transform: translateY(0)
            }
        }

        /* ... SECTIONS ... */
        .section {
            padding: 88px 28px
        }

        .container {
            max-width: 1280px;
            margin: 0 auto
        }

        .ey {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            font-size: .7rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.4px;
            color: var(--p);
            margin-bottom: 10px
        }

        .ey-b {
            width: 20px;
            height: 2px;
            background: var(--p);
            border-radius: 2px
        }

        .sh {
            font-size: 2.4rem;
            font-weight: 800;
            line-height: 1.1;
            letter-spacing: -1px;
            color: var(--n);
            margin-bottom: 12px
        }

        .sht {
            font-size: .98rem;
            color: var(--sm);
            max-width: 520px;
            line-height: 1.7
        }

        .rv {
            opacity: 0;
            transform: translateY(28px);
            transition: opacity .65s cubic-bezier(.16, 1, .3, 1), transform .65s cubic-bezier(.16, 1, .3, 1)
        }

        .rv.vis {
            opacity: 1;
            transform: none
        }

        .d1 {
            transition-delay: .07s
        }

        .d2 {
            transition-delay: .14s
        }

        .d3 {
            transition-delay: .21s
        }

        .d4 {
            transition-delay: .28s
        }

        .d5 {
            transition-delay: .35s
        }

        /* STATS BAR */
        .stats {
            background: var(--w);
            border-bottom: 1px solid var(--bdr);
            position: relative;
            z-index: 5
        }

        .stats-in {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 28px;
            display: grid;
            grid-template-columns: repeat(4, 1fr)
        }

        .sti {
            padding: 26px 16px;
            text-align: center;
            border-right: 1px solid var(--bdr)
        }

        .sti:last-child {
            border-right: none
        }

        .sti-n {
            font-size: 1.9rem;
            font-weight: 800;
            color: var(--p);
            letter-spacing: -1px
        }

        .sti-l {
            font-size: .78rem;
            color: var(--sm);
            margin-top: 2px;
            font-weight: 500
        }

        /* ABOUT */
        .ab-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center
        }

        .ab-vis {
            position: relative
        }

        .ab-main {
            width: 100%;
            border-radius: var(--rl);
            overflow: hidden;
            aspect-ratio: 4/3;
            background: linear-gradient(135deg, var(--p50), #D5F5F6);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative
        }

        .ab-main-inner {
            font-size: 5rem;
            position: relative;
            z-index: 1
        }

        .ab-main::before {
            content: '';
            position: absolute;
            inset: 20px;
            border: 2px dashed rgba(13, 148, 136, .15);
            border-radius: var(--r)
        }

        .ab-badge {
            position: absolute;
            top: -12px;
            left: -12px;
            background: var(--p);
            color: var(--w);
            border-radius: var(--r);
            padding: 16px 20px;
            box-shadow: var(--shmd)
        }

        .ab-badge-n {
            font-size: 1.7rem;
            font-weight: 800
        }

        .ab-badge-t {
            font-size: .68rem;
            opacity: .75
        }

        .ab-float {
            position: absolute;
            bottom: -20px;
            right: -20px;
            background: var(--w);
            border-radius: var(--r);
            padding: 18px 22px;
            box-shadow: var(--shlg);
            border: 1px solid var(--bdr);
            display: flex;
            align-items: center;
            gap: 12px
        }

        .ab-float-i {
            font-size: 1.4rem
        }

        .ab-float-t {
            font-size: .78rem;
            font-weight: 600;
            color: var(--n)
        }

        .ab-p {
            font-size: .9rem;
            color: var(--sm);
            line-height: 1.8;
            margin-bottom: 22px
        }

        .abf {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            padding: 13px 16px;
            background: var(--bg2);
            border-radius: var(--rs);
            transition: all .3s;
            margin-bottom: 10px
        }

        .abf:hover {
            background: var(--p50)
        }

        .abf-i {
            width: 38px;
            height: 38px;
            border-radius: 9px;
            background: var(--pl);
            display: grid;
            place-items: center;
            flex-shrink: 0;
            font-size: .95rem
        }

        .abf-n {
            font-weight: 700;
            font-size: .84rem;
            color: var(--n)
        }

        .abf-d {
            font-size: .76rem;
            color: var(--sm);
            margin-top: 1px
        }

        /* HIGHLIGHT CARDS */
        .hlg {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 14px;
            margin-top: 40px
        }

        .hlc {
            background: var(--w);
            border: 1px solid var(--bdr);
            border-radius: var(--r);
            padding: 26px 18px;
            text-align: center;
            transition: all .35s;
            position: relative;
            overflow: hidden
        }

        .hlc::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: var(--p);
            transform: scaleX(0);
            transition: transform .4s
        }

        .hlc:hover::after {
            transform: scaleX(1)
        }

        .hlc:hover {
            transform: translateY(-4px);
            box-shadow: var(--shmd);
            border-color: transparent
        }

        .hlc-i {
            font-size: 1.7rem;
            margin-bottom: 10px
        }

        .hlc-t {
            font-weight: 700;
            font-size: .83rem;
            color: var(--n);
            margin-bottom: 3px
        }

        .hlc-d {
            font-size: .72rem;
            color: var(--sl);
            line-height: 1.5
        }

        /* SECTOR CARDS */
        .sg {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px;
            margin-top: 40px
        }

        .sca {
            display: block;
            color: inherit;
            background: var(--w);
            border: 1px solid var(--bdr);
            border-radius: var(--r);
            overflow: hidden;
            transition: all .4s
        }

        .sca:hover {
            transform: translateY(-5px);
            box-shadow: var(--shlg);
            border-color: transparent
        }

        .sc-top {
            height: 130px;
            position: relative;
            overflow: hidden
        }

        .sc-top-bg {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 3rem
        }

        .sc-nb {
            position: absolute;
            top: 10px;
            left: 10px;
            width: 26px;
            height: 26px;
            border-radius: 6px;
            display: grid;
            place-items: center;
            font-weight: 800;
            font-size: .7rem;
            color: var(--w)
        }

        .sc-bd {
            padding: 18px
        }

        .sc-nm {
            font-weight: 700;
            font-size: .98rem;
            color: var(--n);
            margin-bottom: 5px
        }

        .sc-ds {
            font-size: .78rem;
            color: var(--sm);
            line-height: 1.55;
            margin-bottom: 12px
        }

        .sc-sv {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4px
        }

        .sc-s {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: .71rem;
            font-weight: 500;
            color: var(--sm);
            padding: 4px 8px;
            background: var(--bg2);
            border-radius: 4px
        }

        .sc-dot {
            width: 4px;
            height: 4px;
            border-radius: 50%;
            flex-shrink: 0
        }

        .sc-lnk {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            margin-top: 12px;
            font-size: .78rem;
            font-weight: 600;
            color: var(--p);
            transition: gap .2s
        }

        .sca:hover .sc-lnk {
            gap: 9px;
            color: var(--pd)
        }

        /* Sector top gradients */
        .sct-1 {
            background: linear-gradient(135deg, #FFF7ED, #FFEDD5)
        }

        .sct-2 {
            background: linear-gradient(135deg, #FAF5FF, #EDE9FE)
        }

        .sct-3 {
            background: linear-gradient(135deg, #F0FDFA, #CCFBF1)
        }

        .sct-4 {
            background: linear-gradient(135deg, #F0FDF4, #DCFCE7)
        }

        .sct-5 {
            background: linear-gradient(135deg, #EFF6FF, #DBEAFE)
        }

        .sct-6 {
            background: linear-gradient(135deg, #F0FDF4, #BBF7D0)
        }

        .sct-7 {
            background: linear-gradient(135deg, #EFF6FF, #BFDBFE)
        }

        .sct-8 {
            background: linear-gradient(135deg, #FEF2F2, #FECACA)
        }

        .sct-9 {
            background: linear-gradient(135deg, #FAF5FF, #E9D5FF)
        }

        /* VM */
        .vmg {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 22px;
            margin-top: 40px
        }

        .vmc {
            background: var(--w);
            border: 1px solid var(--bdr);
            border-radius: var(--rl);
            padding: 36px;
            position: relative;
            overflow: hidden
        }

        .vmc::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px
        }

        .vmc-v::before {
            background: linear-gradient(90deg, var(--p), var(--a))
        }

        .vmc-m::before {
            background: linear-gradient(90deg, var(--a), var(--p))
        }

        .vmc-i {
            width: 46px;
            height: 46px;
            border-radius: 12px;
            display: grid;
            place-items: center;
            font-size: 1.2rem;
            margin-bottom: 16px
        }

        .vmc-v .vmc-i {
            background: var(--pl)
        }

        .vmc-m .vmc-i {
            background: var(--al)
        }

        .vmc h3 {
            font-size: 1.25rem;
            font-weight: 800;
            color: var(--n);
            margin-bottom: 10px
        }

        .vmc p {
            font-size: .88rem;
            color: var(--sm);
            line-height: 1.8
        }

        .vml {
            list-style: none;
            margin-top: 14px;
            display: flex;
            flex-direction: column;
            gap: 8px
        }

        .vml li {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: .84rem;
            color: var(--s)
        }

        .vmck {
            width: 20px;
            height: 20px;
            border-radius: 5px;
            display: grid;
            place-items: center;
            flex-shrink: 0;
            font-size: .58rem;
            font-weight: 700;
            color: var(--w)
        }

        .vmc-v .vmck {
            background: var(--p)
        }

        .vmc-m .vmck {
            background: var(--a)
        }

        /* CTA */
        .cta {
            position: relative;
            padding: 88px 28px;
            overflow: hidden;
            background: var(--n)
        }

        .cta::before {
            content: '';
            position: absolute;
            top: -40%;
            right: -15%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(13, 148, 136, .15), transparent 65%);
            border-radius: 50%
        }

        .cta-in {
            max-width: 640px;
            margin: 0 auto;
            text-align: center;
            position: relative;
            z-index: 2
        }

        .cta h2 {
            font-size: 2rem;
            font-weight: 800;
            color: var(--w);
            letter-spacing: -.8px;
            margin-bottom: 12px
        }

        .cta p {
            font-size: .95rem;
            color: rgba(255, 255, 255, .55);
            margin-bottom: 28px;
            line-height: 1.7
        }

        .btn-cta {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 13px 30px;
            background: var(--a);
            color: var(--w);
            font-weight: 700;
            font-size: .92rem;
            border-radius: 50px;
            font-family: var(--f);
            transition: all .3s;
            border: none;
            cursor: pointer
        }

        .btn-cta:hover {
            background: var(--ad);
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(249, 115, 22, .3)
        }

        .cta-ph {
            margin-top: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px
        }

        .cta-ph span {
            color: rgba(255, 255, 255, .35);
            font-size: .8rem
        }

        .cta-ph a {
            color: var(--a);
            font-weight: 700;
            font-size: 1.05rem
        }

        /* SECTOR PAGE SPECIFIC */
        .sp-og {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 36px;
            align-items: stretch
        }

        .sp-txt {
            font-size: .92rem;
            color: var(--sm);
            line-height: 1.8
        }

        .sp-steps {
            background: linear-gradient(145deg, var(--n), var(--nm));
            padding: 32px;
            border-radius: var(--rl);
            color: var(--w);
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        .sp-steps h3 {
            font-size: 1.2rem;
            font-weight: 700;
            margin-bottom: 16px
        }

        .sp-step {
            display: flex;
            gap: 12px;
            align-items: flex-start;
            margin-bottom: 14px
        }

        .sp-sn {
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background: rgba(255, 255, 255, .1);
            display: grid;
            place-items: center;
            font-weight: 800;
            font-size: .72rem;
            flex-shrink: 0
        }

        .sp-st {
            font-size: .88rem;
            line-height: 1.55
        }

        .sp-sg {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 14px;
            margin-top: 32px
        }

        .sp-sv {
            background: var(--w);
            border: 1px solid var(--bdr);
            border-radius: var(--r);
            padding: 22px;
            text-align: center;
            transition: all .3s
        }

        .sp-sv:hover {
            transform: translateY(-3px);
            box-shadow: var(--shmd);
            border-color: var(--pl)
        }

        .sp-sv-i {
            font-size: 1.8rem;
            margin-bottom: 10px
        }

        .sp-sv-n {
            font-weight: 700;
            font-size: .85rem;
            color: var(--n)
        }

        /* FORM */
        .fcard {
            background: var(--w);
            padding: 40px;
            border-radius: var(--rl);
            box-shadow: var(--shlg);
            border: 1px solid var(--bdr);
            margin-top: 16px
        }

        .fcard h2 {
            font-size: 1.6rem;
            font-weight: 800;
            color: var(--n);
            margin-bottom: 6px;
            text-align: center
        }

        .fcard .fsub {
            text-align: center;
            color: var(--sm);
            font-size: .92rem;
            margin-bottom: 28px
        }

        .frow {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px;
            margin-bottom: 18px
        }

        .fg2 label {
            display: block;
            font-weight: 600;
            color: var(--n);
            margin-bottom: 6px;
            font-size: .82rem
        }

        .fg2 input,
        .fg2 select,
        .fg2 textarea {
            width: 100%;
            padding: 12px 14px;
            border-radius: var(--rs);
            border: 1px solid var(--bdr);
            background: var(--bg2);
            outline: none;
            font-size: .88rem;
            font-family: var(--f);
            transition: border .2s
        }

        .fg2 input:focus,
        .fg2 select:focus,
        .fg2 textarea:focus {
            border-color: var(--p)
        }

        .btn-wa {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            padding: 14px;
            background: #25D366;
            color: var(--w);
            border: none;
            border-radius: 50px;
            font-weight: 700;
            font-size: 1rem;
            cursor: pointer;
            font-family: var(--f);
            transition: all .3s;
            margin-top: 22px
        }

        .btn-wa:hover {
            background: #1fad55;
            transform: translateY(-1px);
            box-shadow: 0 6px 18px rgba(37, 211, 102, .25)
        }

        /* CONTACT */
        .cg {
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 40px;
            align-items: start
        }

        .cic {
            background: linear-gradient(145deg, var(--n), var(--nm));
            padding: 36px;
            border-radius: var(--rl);
            color: var(--w)
        }

        .ci {
            display: flex;
            gap: 12px;
            align-items: flex-start;
            margin-bottom: 22px
        }

        .ci-i {
            width: 38px;
            height: 38px;
            border-radius: 9px;
            background: rgba(255, 255, 255, .08);
            display: grid;
            place-items: center;
            font-size: 1rem;
            flex-shrink: 0
        }

        .ci-l {
            font-size: .68rem;
            opacity: .6;
            text-transform: uppercase;
            letter-spacing: 1px
        }

        .ci-v {
            font-weight: 600;
            font-size: .92rem;
            margin-top: 2px
        }

        /* FOOTER */
        footer {
            background: var(--w);
            border-top: 1px solid var(--bdr);
            padding: 52px 28px 22px
        }

        .fg-grid {
            max-width: 1280px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 40px
        }

        .fa-p {
            font-size: .8rem;
            color: var(--sm);
            margin-top: 12px;
            line-height: 1.7;
            max-width: 320px
        }

        .fc h4 {
            font-weight: 700;
            font-size: .8rem;
            color: var(--n);
            margin-bottom: 14px
        }

        .fc a {
            display: block;
            font-size: .8rem;
            color: var(--sm);
            padding: 3px 0;
            transition: all .2s
        }

        .fc a:hover {
            color: var(--p);
            padding-left: 3px
        }

        .fb2 {
            max-width: 1280px;
            margin: 24px auto 0;
            padding-top: 18px;
            border-top: 1px solid var(--bdr);
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: .74rem;
            color: var(--sl)
        }

        .fbl {
            display: flex;
            gap: 16px
        }

        .fbl a {
            color: var(--sl)
        }

        .fbl a:hover {
            color: var(--p)
        }

        /* RESPONSIVE */
        @media(max-width:1100px) {
            .sg {
                grid-template-columns: repeat(2, 1fr)
            }

            .hlg {
                grid-template-columns: repeat(3, 1fr)
            }

            .fg-grid {
                grid-template-columns: 1fr 1fr
            }

            .sp-sg {
                grid-template-columns: repeat(2, 1fr)
            }
        }

        @media(max-width:860px) {

            .mn,
            .ncta {
                display: none
            }

            .mbtn {
                display: block
            }

            .hero-home h1,
            .phero h1 {
                font-size: 2.4rem
            }

            .ab-grid,
            .cg {
                grid-template-columns: 1fr;
                gap: 32px
            }

            .section {
                padding: 64px 18px
            }

            .sh {
                font-size: 1.85rem
            }

            .stats-in {
                grid-template-columns: repeat(2, 1fr)
            }

            .hlg {
                grid-template-columns: 1fr 1fr
            }

            .sg {
                grid-template-columns: 1fr
            }

            .vmg {
                grid-template-columns: 1fr
            }

            .fg-grid {
                grid-template-columns: 1fr;
                gap: 24px
            }

            .fb2 {
                flex-direction: column;
                gap: 8px;
                text-align: center
            }

            .htop {
                display: none
            }

            .nw {
                height: 56px
            }

            .sp-og {
                grid-template-columns: 1fr
            }

            .sp-sg {
                grid-template-columns: 1fr 1fr
            }

            .frow {
                grid-template-columns: 1fr
            }

            .hero-scroll {
                display: none
            }

            .hs-emoji {
                font-size: 2.5rem !important;
                opacity: .12 !important
            }

            .hero-acts {
                margin-bottom: 28px
            }
        }

        @media(max-width:480px) {

            .hero-home h1,
            .phero h1 {
                font-size: 1.9rem
            }

            .sti-n {
                font-size: 1.4rem
            }

            .hlg {
                grid-template-columns: 1fr
            }
        }

        /* PREMIUM POPUP */
        .popup-ov {
            position: fixed;
            inset: 0;
            background: rgba(11, 17, 32, .6);
            backdrop-filter: blur(6px);
            z-index: 9000;
            opacity: 0;
            visibility: hidden;
            transition: all .35s;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px
        }

        .popup-ov.show {
            opacity: 1;
            visibility: visible
        }

        .popup-ov.show .popup-box {
            transform: translateY(0) scale(1);
            opacity: 1
        }

        .popup-box {
            background: var(--w);
            border-radius: var(--rl);
            max-width: 440px;
            width: 100%;
            overflow: hidden;
            box-shadow: 0 32px 80px rgba(0Rs 0Rs 0, .25);
            transform: translateY(20px) scale(.96);
            opacity: 0;
            transition: all .4s cubic-bezier(.16, 1, .3, 1)
        }

        .popup-top {
            background: linear-gradient(145deg, #0A2540, #0B1120);
            padding: 28px 28px 24px;
            position: relative;
            overflow: hidden
        }

        .popup-top::before {
            content: '';
            position: absolute;
            top: -40%;
            right: -20%;
            width: 200px;
            height: 200px;
            background: radial-gradient(circle, rgba(249, 115, 22, .2), transparent 65%);
            border-radius: 50%
        }

        .popup-top::after {
            content: '';
            position: absolute;
            bottom: -30%;
            left: -10%;
            width: 150px;
            height: 150px;
            background: radial-gradient(circle, rgba(13, 148, 136, .15), transparent 65%);
            border-radius: 50%
        }

        .popup-close {
            position: absolute;
            top: 14px;
            right: 14px;
            width: 32px;
            height: 32px;
            border-radius: 8px;
            background: rgba(255, 255, 255, .08);
            border: 1px solid rgba(255, 255, 255, .1);
            color: rgba(255, 255, 255, .6);
            display: grid;
            place-items: center;
            cursor: pointer;
            font-size: .9rem;
            transition: all .2s;
            z-index: 2
        }

        .popup-close:hover {
            background: rgba(255, 255, 255, .15);
            color: var(--w)
        }

        .popup-tag {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 3px 10px;
            background: linear-gradient(135deg, rgba(249, 115, 22, .2), rgba(251, 191, 36, .2));
            border: 1px solid rgba(249, 115, 22, .25);
            border-radius: 50px;
            color: #FBBF24;
            font-size: .62rem;
            font-weight: 700;
            letter-spacing: .5px;
            margin-bottom: 14px;
            position: relative;
            z-index: 2
        }

        .popup-tag i {
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #FBBF24
        }

        .popup-card-mini {
            position: relative;
            z-index: 2;
            width: 100%;
            max-width: 280px;
            aspect-ratio: 1.7;
            border-radius: 12px;
            padding: 18px;
            background: linear-gradient(145deg, #0D3B66, #0A2540, #0B1120);
            box-shadow: 0 12px 32px rgba(0Rs 0Rs 0, .3), inset 0 1px 0 rgba(255, 255, 255, .05);
            margin: 0 auto
        }

        .pcm-top {
            display: flex;
            justify-content: space-between;
            align-items: flex-start
        }

        .pcm-logo {
            display: flex;
            align-items: center;
            gap: 5px
        }

        .pcm-lm {
            width: 22px;
            height: 22px;
            background: var(--a);
            border-radius: 5px;
            display: grid;
            place-items: center
        }

        .pcm-lm svg {
            width: 11px;
            height: 11px;
            fill: white
        }

        .pcm-lt {
            font-weight: 800;
            font-size: .82rem;
            color: var(--w)
        }

        .pcm-badge {
            background: linear-gradient(135deg, #F97316, #FBBF24);
            padding: 2px 8px;
            border-radius: 50px;
            font-size: .48rem;
            font-weight: 800;
            color: #0B1120;
            letter-spacing: .8px;
            text-transform: uppercase
        }

        .pcm-chip {
            width: 28px;
            height: 20px;
            border-radius: 4px;
            background: linear-gradient(135deg, #D4AF37, #C5A028);
            margin-top: 12px;
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, .2)
        }

        .pcm-num {
            margin-top: 10px;
            font-size: .78rem;
            font-weight: 600;
            letter-spacing: 2.5px;
            color: rgba(255, 255, 255, .5);
            font-family: monospace
        }

        .pcm-bot {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-top: 8px
        }

        .pcm-name {
            font-size: .55rem;
            color: rgba(255, 255, 255, .4);
            text-transform: uppercase;
            letter-spacing: .5px
        }

        .pcm-val {
            font-size: .55rem;
            color: rgba(255, 255, 255, .35)
        }

        .popup-body {
            padding: 24px 28px 28px
        }

        .popup-h {
            font-size: 1.2rem;
            font-weight: 800;
            color: var(--n);
            margin-bottom: 6px;
            line-height: 1.2
        }

        .popup-h em {
            font-style: normal;
            color: var(--a)
        }

        .popup-p {
            font-size: .84rem;
            color: var(--sm);
            line-height: 1.6;
            margin-bottom: 18px
        }

        .popup-perks {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin-bottom: 20px
        }

        .popup-perk {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 5px 10px;
            background: var(--bg2);
            border-radius: 50px;
            font-size: .7rem;
            font-weight: 600;
            color: var(--s)
        }

        .popup-perk i {
            font-style: normal
        }

        .popup-price {
            display: flex;
            align-items: baseline;
            gap: 6px;
            margin-bottom: 18px
        }

        .popup-price-old {
            font-size: .9rem;
            color: var(--sl);
            text-decoration: line-through
        }

        .popup-price-new {
            font-size: 1.6rem;
            font-weight: 800;
            color: var(--n)
        }

        .popup-price-per {
            font-size: .78rem;
            color: var(--sm)
        }

        .popup-cta {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            width: 100%;
            padding: 13px;
            background: var(--a);
            color: var(--w);
            font-weight: 700;
            font-size: .9rem;
            border-radius: 50px;
            border: none;
            cursor: pointer;
            font-family: var(--f);
            transition: all .3s;
            text-align: center
        }

        .popup-cta:hover {
            background: var(--ad);
            transform: translateY(-1px);
            box-shadow: 0 6px 20px rgba(249, 115, 22, .3)
        }

        .popup-skip {
            display: block;
            text-align: center;
            margin-top: 10px;
            font-size: .76rem;
            color: var(--sl);
            cursor: pointer;
            transition: color .2s;
            background: none;
            border: none;
            font-family: var(--f)
        }

        .popup-skip:hover {
            color: var(--s)
        }

        /* visual-cleanup-sitewide */
        .section {
            position: relative;
            overflow: hidden
        }

        .section::before {
            content: '';
            position: absolute;
            inset: 0;
            background: url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1600&q=60') center/cover no-repeat;
            opacity: .08;
            pointer-events: none
        }

        .section>.container {
            position: relative;
            z-index: 1
        }

        .ab-main {
            background: url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat !important
        }

        .ab-main-inner,
        .sc-top-bg {
            font-size: 0 !important;
            color: transparent !important
        }

        .mlg .ml-i,
        .ml-i,
        .abf-i,
        .hlc-i,
        .vmc-i,
        .vmck,
        .popup-perk i {
            font-size: 0 !important;
            color: transparent !important
        }

        .abf-i,
        .hlc-i,
        .vmc-i,
        .vmck,
        .popup-perk i,
        .ml-i {
            background-size: 20px 20px;
            background-repeat: no-repeat;
            background-position: center
        }

        .abf:nth-of-type(1) .abf-i {
            background-image: url('https://img.icons8.com/color/96/smartphone-tablet.png')
        }

        .abf:nth-of-type(2) .abf-i {
            background-image: url('https://img.icons8.com/color/96/conference-call.png')
        }

        .abf:nth-of-type(3) .abf-i {
            background-image: url('https://img.icons8.com/color/96/internet.png')
        }

        .hlc:nth-child(1) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/find-matching-job.png')
        }

        .hlc:nth-child(2) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/service.png')
        }

        .hlc:nth-child(3) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/combo-chart--v1.png')
        }

        .hlc:nth-child(4) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/doctor-male.png')
        }

        .hlc:nth-child(5) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/graduation-cap.png')
        }

        .vmc-v .vmc-i {
            background-image: url('https://img.icons8.com/color/96/goal.png')
        }

        .vmc-m .vmc-i {
            background-image: url('https://img.icons8.com/color/96/mission-of-a-company.png')
        }

        .vmck {
            background-image: url('https://img.icons8.com/ios-filled/50/ffffff/checkmark.png');
            background-size: 12px 12px
        }

        .popup-perk:nth-child(1) i {
            background-image: url('https://img.icons8.com/color/96/fast-cart.png')
        }

        .popup-perk:nth-child(2) i {
            background-image: url('https://img.icons8.com/color/96/discount--v1.png')
        }

        .popup-perk:nth-child(3) i {
            background-image: url('https://img.icons8.com/color/96/online-course.png')
        }

        .popup-perk:nth-child(4) i {
            background-image: url('https://img.icons8.com/color/96/heart-with-pulse.png')
        }

/* ==================== */

.prem-hero {
            position: relative;
            min-height: 100vh;
            overflow: hidden;
            display: flex;
            align-items: center;
            padding: 0 28px;
            background: linear-gradient(160deg, #0B1120 0%, #0A2540 30%, #0D3B66 60%, #0B1120 100%)
        }

        .prem-hero::before {
            content: '';
            position: absolute;
            top: -15%;
            right: -8%;
            width: 650px;
            height: 650px;
            background: radial-gradient(circle, rgba(249, 115, 22, .2), transparent 60%);
            border-radius: 50%;
            animation: hf 10s ease-in-out infinite alternate
        }

        .prem-hero::after {
            content: '';
            position: absolute;
            bottom: -20%;
            left: -10%;
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(13, 148, 136, .15), transparent 60%);
            border-radius: 50%;
            animation: hf 13s ease-in-out infinite alternate-reverse
        }

        .prem-grid-bg {
            position: absolute;
            inset: 0;
            background-image: linear-gradient(rgba(255, 255, 255, .02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .02) 1px, transparent 1px);
            background-size: 50px 50px
        }

        .prem-inner {
            max-width: 1280px;
            margin: 0 auto;
            width: 100%;
            position: relative;
            z-index: 10;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center
        }

        .prem-left {
            animation: fu .8s forwards
        }

        .prem-tag {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 5px 14px;
            background: linear-gradient(135deg, rgba(249, 115, 22, .15), rgba(251, 191, 36, .15));
            border: 1px solid rgba(249, 115, 22, .25);
            border-radius: 50px;
            color: #FBBF24;
            font-size: .72rem;
            font-weight: 700;
            letter-spacing: .5px;
            margin-bottom: 20px
        }

        .prem-tag i {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #FBBF24
        }

        .prem-hero h1 {
            font-size: 3.4rem;
            font-weight: 800;
            line-height: 1.06;
            letter-spacing: -2px;
            color: var(--w);
            margin-bottom: 18px
        }

        .prem-hero h1 em {
            font-style: normal;
            background: linear-gradient(135deg, #F97316, #FBBF24, #F59E0B);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text
        }

        .prem-desc {
            font-size: 1.05rem;
            color: rgba(255, 255, 255, .5);
            line-height: 1.75;
            margin-bottom: 28px;
            max-width: 460px
        }

        .prem-price {
            display: flex;
            align-items: baseline;
            gap: 8px;
            margin-bottom: 28px
        }

        .prem-price-n {
            font-size: 3rem;
            font-weight: 800;
            color: var(--w);
            letter-spacing: -1px
        }

        .prem-price-p {
            font-size: 1rem;
            color: rgba(255, 255, 255, .4)
        }

        .prem-price-old {
            font-size: 1.2rem;
            color: rgba(255, 255, 255, .3);
            text-decoration: line-through
        }

        .prem-cta-row {
            display: flex;
            gap: 12px;
            flex-wrap: wrap
        }

        /* CARD VISUAL */
        .card-visual {
            position: relative;
            animation: fu .8s .3s both;
            display: flex;
            justify-content: center
        }

        .digi-card {
            width: 380px;
            aspect-ratio: 1.6;
            border-radius: 20px;
            padding: 32px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 30px 80px rgba(0Rs 0Rs 0, .4)Rs 0 0 0 1px rgba(255, 255, 255, .08);
            transform: perspective(800px) rotateY(-5deg) rotateX(3deg);
            transition: transform .6s;
            background: linear-gradient(145deg, #0D3B66 0%, #0A2540 40%, #0B1120 100%)
        }

        .digi-card:hover {
            transform: perspective(800px) rotateY(0deg) rotateX(0deg)
        }

        .digi-card::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(249, 115, 22, .12), transparent 40%, rgba(13, 148, 136, .08));
            border-radius: 20px
        }

        .digi-card::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: conic-gradient(from 0deg, transparent, rgba(255, 255, 255, .03), transparent, rgba(255, 255, 255, .02), transparent);
            animation: cardShine 8s linear infinite
        }

        @keyframes cardShine {
            0% {
                transform: rotate(0deg)
            }

            100% {
                transform: rotate(360deg)
            }
        }

        .dc-top {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            position: relative;
            z-index: 2
        }

        .dc-logo {
            display: flex;
            align-items: center;
            gap: 8px
        }

        .dc-logo-mark {
            width: 32px;
            height: 32px;
            background: var(--a);
            border-radius: 8px;
            display: grid;
            place-items: center
        }

        .dc-logo-mark svg {
            width: 16px;
            height: 16px;
            fill: white
        }

        .dc-logo-text {
            font-weight: 800;
            font-size: 1.1rem;
            color: var(--w)
        }

        .dc-premium {
            background: linear-gradient(135deg, #F97316, #FBBF24);
            padding: 4px 12px;
            border-radius: 50px;
            font-size: .6rem;
            font-weight: 800;
            color: #0B1120;
            letter-spacing: 1px;
            text-transform: uppercase
        }

        .dc-chip {
            width: 42px;
            height: 32px;
            border-radius: 6px;
            background: linear-gradient(135deg, #D4AF37, #C5A028);
            margin-top: 24px;
            position: relative;
            z-index: 2;
            box-shadow: inset 0 1px 2px rgba(255, 255, 255, .3)
        }

        .dc-chip::after {
            content: '';
            position: absolute;
            top: 4px;
            left: 4px;
            right: 4px;
            bottom: 4px;
            border: 1px solid rgba(255, 255, 255, .15);
            border-radius: 3px
        }

        .dc-number {
            margin-top: 18px;
            font-size: 1.15rem;
            font-weight: 600;
            letter-spacing: 3px;
            color: rgba(255, 255, 255, .7);
            font-family: monospace;
            position: relative;
            z-index: 2
        }

        .dc-bottom {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-top: 16px;
            position: relative;
            z-index: 2
        }

        .dc-name {
            font-size: .78rem;
            font-weight: 600;
            color: rgba(255, 255, 255, .5);
            text-transform: uppercase;
            letter-spacing: 1px
        }

        .dc-member {
            font-size: .88rem;
            font-weight: 700;
            color: var(--w)
        }

        .dc-valid-l {
            font-size: .58rem;
            color: rgba(255, 255, 255, .35);
            text-transform: uppercase;
            letter-spacing: .5px
        }

        .dc-valid-v {
            font-size: .82rem;
            font-weight: 600;
            color: rgba(255, 255, 255, .6)
        }

        /* FEATURES */
        .prem-feats {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px;
            margin-top: 48px
        }

        .pf {
            background: var(--w);
            border: 1px solid var(--bdr);
            border-radius: var(--r);
            padding: 28px 22px;
            text-align: center;
            transition: all .35s;
            position: relative;
            overflow: hidden
        }

        .pf::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--a), #FBBF24);
            transform: scaleX(0);
            transition: transform .4s
        }

        .pf:hover::before {
            transform: scaleX(1)
        }

        .pf:hover {
            transform: translateY(-4px);
            box-shadow: var(--shmd);
            border-color: transparent
        }

        .pf-i {
            width: 42px;
            height: 42px;
            margin: 0 auto 12px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            font-size: 0
        }

        .pf-t {
            font-weight: 700;
            font-size: .88rem;
            color: var(--n);
            margin-bottom: 4px
        }

        .pf-d {
            font-size: .76rem;
            color: var(--sm);
            line-height: 1.5
        }

        .pf:nth-child(1) .pf-i {
            background-image: url('https://img.icons8.com/color/96/fast-cart.png')
        }

        .pf:nth-child(2) .pf-i {
            background-image: url('https://img.icons8.com/color/96/discount--v1.png')
        }

        .pf:nth-child(3) .pf-i {
            background-image: url('https://img.icons8.com/color/96/verified-account.png')
        }

        .pf:nth-child(4) .pf-i {
            background-image: url('https://img.icons8.com/color/96/heart-with-pulse.png')
        }

        .pf:nth-child(5) .pf-i {
            background-image: url('https://img.icons8.com/color/96/online-course.png')
        }

        .pf:nth-child(6) .pf-i {
            background-image: url('https://img.icons8.com/color/96/find-matching-job.png')
        }

        /* COMPARISON */
        .comp-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
            margin-top: 40px
        }

        .comp-card {
            border-radius: var(--rl);
            padding: 36px;
            position: relative;
            overflow: hidden
        }

        .comp-free {
            background: var(--w);
            border: 1px solid var(--bdr)
        }

        .comp-prem {
            background: linear-gradient(145deg, var(--n), var(--nm));
            color: var(--w);
            border: 1px solid rgba(249, 115, 22, .2)
        }

        .comp-prem::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--a), #FBBF24)
        }

        .comp-badge {
            display: inline-block;
            padding: 3px 10px;
            border-radius: 50px;
            font-size: .6rem;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-bottom: 16px
        }

        .comp-free .comp-badge {
            background: var(--bg2);
            color: var(--sm)
        }

        .comp-prem .comp-badge {
            background: linear-gradient(135deg, var(--a), #FBBF24);
            color: #0B1120
        }

        .comp-card h3 {
            font-size: 1.4rem;
            font-weight: 800;
            margin-bottom: 6px
        }

        .comp-free h3 {
            color: var(--n)
        }

        .comp-prem h3 {
            color: var(--w)
        }

        .comp-price {
            font-size: 2rem;
            font-weight: 800;
            margin-bottom: 20px
        }

        .comp-free .comp-price {
            color: var(--sm)
        }

        .comp-prem .comp-price {
            color: var(--a)
        }

        .comp-list {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 10px
        }

        .comp-list li {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: .85rem
        }

        .comp-free .comp-list li {
            color: var(--sm)
        }

        .comp-prem .comp-list li {
            color: rgba(255, 255, 255, .7)
        }

        .comp-check {
            width: 18px;
            height: 18px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            font-size: .55rem;
            flex-shrink: 0
        }

        .comp-free .comp-check {
            background: var(--bg2);
            color: var(--sm)
        }

        .comp-prem .comp-check {
            background: rgba(249, 115, 22, .2);
            color: var(--a)
        }

        .comp-x {
            opacity: .4
        }

        /* TESTIMONIAL STRIP */
        .test-strip {
            display: flex;
            gap: 18px;
            margin-top: 40px;
            overflow-x: auto;
            padding-bottom: 8px;
            scroll-snap-type: x mandatory
        }

        .test-card {
            min-width: 300px;
            background: var(--w);
            border: 1px solid var(--bdr);
            border-radius: var(--r);
            padding: 24px;
            scroll-snap-align: start;
            flex-shrink: 0
        }

        .test-stars {
            color: #FBBF24;
            font-size: .9rem;
            margin-bottom: 8px
        }

        .test-text {
            font-size: .84rem;
            color: var(--sm);
            line-height: 1.7;
            margin-bottom: 12px;
            font-style: italic
        }

        .test-name {
            font-weight: 700;
            font-size: .82rem;
            color: var(--n)
        }

        .test-loc {
            font-size: .7rem;
            color: var(--sl)
        }

        @media(max-width:860px) {

            .prem-inner,
            .comp-grid {
                grid-template-columns: 1fr;
                gap: 36px
            }

            .prem-feats {
                grid-template-columns: 1fr
            }

            .digi-card {
                width: 100%;
                max-width: 360px;
                transform: none
            }

            .digi-card:hover {
                transform: none
            }

            .prem-hero {
                padding-top: 100px;
                padding-bottom: 60px;
                min-height: auto
            }
        }

        /* visual-cleanup-sitewide */
        .section {
            position: relative;
            overflow: hidden
        }

        .section::before {
            content: '';
            position: absolute;
            inset: 0;
            background: url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1600&q=60') center/cover no-repeat;
            opacity: .08;
            pointer-events: none
        }

        .section>.container {
            position: relative;
            z-index: 1
        }

        .ab-main {
            background: url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat !important
        }

        .ab-main-inner,
        .sc-top-bg {
            font-size: 0 !important;
            color: transparent !important
        }

        .mlg .ml-i,
        .ml-i,
        .abf-i,
        .hlc-i,
        .vmc-i,
        .vmck,
        .popup-perk i {
            font-size: 0 !important;
            color: transparent !important
        }

        .abf-i,
        .hlc-i,
        .vmc-i,
        .vmck,
        .popup-perk i,
        .ml-i {
            background-size: 20px 20px;
            background-repeat: no-repeat;
            background-position: center
        }

        .abf:nth-of-type(1) .abf-i {
            background-image: url('https://img.icons8.com/color/96/smartphone-tablet.png')
        }

        .abf:nth-of-type(2) .abf-i {
            background-image: url('https://img.icons8.com/color/96/conference-call.png')
        }

        .abf:nth-of-type(3) .abf-i {
            background-image: url('https://img.icons8.com/color/96/internet.png')
        }

        .hlc:nth-child(1) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/find-matching-job.png')
        }

        .hlc:nth-child(2) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/service.png')
        }

        .hlc:nth-child(3) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/combo-chart--v1.png')
        }

        .hlc:nth-child(4) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/doctor-male.png')
        }

        .hlc:nth-child(5) .hlc-i {
            background-image: url('https://img.icons8.com/color/96/graduation-cap.png')
        }

        .vmc-v .vmc-i {
            background-image: url('https://img.icons8.com/color/96/goal.png')
        }

        .vmc-m .vmc-i {
            background-image: url('https://img.icons8.com/color/96/mission-of-a-company.png')
        }

        .vmck {
            background-image: url('https://img.icons8.com/ios-filled/50/ffffff/checkmark.png');
            background-size: 12px 12px
        }

        .popup-perk:nth-child(1) i {
            background-image: url('https://img.icons8.com/color/96/fast-cart.png')
        }

        .popup-perk:nth-child(2) i {
            background-image: url('https://img.icons8.com/color/96/discount--v1.png')
        }

        .popup-perk:nth-child(3) i {
            background-image: url('https://img.icons8.com/color/96/online-course.png')
        }

        .popup-perk:nth-child(4) i {
            background-image: url('https://img.icons8.com/color/96/heart-with-pulse.png')
        }

/* ==================== */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
 --p:#0D9488;--pd:#0A7A6F;--pl:#99F6E4;--p50:#F0FDFA;
 --a:#F97316;--ad:#EA580C;--al:#FFF7ED;
 --n:#0B1120;--nm:#131C31;--n2:#1E293B;
 --s:#334155;--sm:#64748B;--sl:#94A3B8;--smu:#CBD5E1;
 --w:#fff;--bg:#F8FAFC;--bg2:#EFF3F8;--bdr:#E2E8F0;
 --r:14px;--rs:8px;--rl:20px;
 --f:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'SF Pro Display',sans-serif;
 --shsm:0 2px 8px rgba(0Rs 0Rs 0,.05);--shmd:0 8px 24px rgba(0Rs 0Rs 0,.07);--shlg:0 16px 48px rgba(0Rs 0Rs 0,.09);--shxl:0 24px 64px rgba(0Rs 0Rs 0,.11);
}
html{scroll-behavior:smooth}
body{font-family:var(--f);background:var(--bg);color:var(--s);line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}

/* PRELOADER */
.pl{position:fixed;inset:0;z-index:10000;background:var(--n);display:flex;align-items:center;justify-content:center;transition:opacity .5s,visibility .5s}
.pl.h{opacity:0;visibility:hidden;pointer-events:none}
.pl-t{font-size:2rem;font-weight:800;color:var(--w)}.pl-t b{color:var(--p)}
.pl-d{display:flex;gap:5px;justify-content:center;margin-top:16px}
.pl-d i{width:6px;height:6px;border-radius:50%;background:var(--p);animation:pb 1.2s infinite ease-in-out}
.pl-d i:nth-child(2){animation-delay:.12s}.pl-d i:nth-child(3){animation-delay:.24s}
@keyframes pb{0%,80%,100%{transform:scale(.5);opacity:.3}40%{transform:scale(1);opacity:1}}

/* HEADER */
header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s}
header:not(.sc){background:transparent}
header.sc{background:rgba(255,255,255,.97);backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--bdr);box-shadow:var(--shsm)}
.htop{background:var(--n);padding:5px 0;font-size:.72rem;color:rgba(255,255,255,.65);transition:margin .3s}
header.sc .htop{margin-top:-32px}
.htop-i{max-width:1280px;margin:0 auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center}
.htop a{color:rgba(255,255,255,.8)}.htop-r{display:flex;gap:16px}
.nw{max-width:1280px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{display:flex;align-items:center;gap:9px}
.lm{width:34px;height:34px;background:var(--p);border-radius:8px;display:grid;place-items:center;position:relative}
.lm::after{content:'';position:absolute;inset:0;border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent)}
.lm svg{width:17px;height:17px;fill:var(--w);position:relative;z-index:1}
.ln{font-weight:800;font-size:1.2rem;letter-spacing:-.3px;transition:color .3s}
header:not(.sc) .ln{color:var(--w)}header.sc .ln{color:var(--n)}
.lt2{font-size:.52rem;letter-spacing:1.4px;text-transform:uppercase;font-weight:600;transition:color .3s}
header:not(.sc) .lt2{color:rgba(255,255,255,.45)}header.sc .lt2{color:var(--sl)}

/* NAV */
.mn{display:flex;align-items:center;gap:1px}
.ni>a{display:flex;align-items:center;gap:4px;padding:7px 12px;font-size:.84rem;font-weight:500;border-radius:var(--rs);transition:all .2s}
header:not(.sc) .ni>a{color:rgba(255,255,255,.8)}
header:not(.sc) .ni>a:hover{color:var(--w);background:rgba(255,255,255,.08)}
header.sc .ni>a{color:var(--s)}
header.sc .ni>a:hover{color:var(--p);background:var(--p50)}
.arr{font-size:.48rem;transition:transform .3s;margin-left:2px}
.ni:hover .arr{transform:rotate(180deg)}
.ni{position:relative}

/* MEGA MENU */
.mm{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);background:var(--w);border:1px solid var(--bdr);border-radius:var(--rl);box-shadow:var(--shxl);padding:6px;min-width:740px;opacity:0;visibility:hidden;pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1)}
.mm::before{content:'';position:absolute;top:-15px;left:0;right:0;height:15px;background:transparent}
.ni:hover .mm{opacity:1;visibility:visible;pointer-events:all;transform:translateX(-50%) translateY(0)}
.mm-i{display:flex}
.mm-l{flex:1;padding:14px}
.mm-hd{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--sl);margin-bottom:10px;padding-left:10px}
.mmg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.ml{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--rs);transition:all .2s}
.ml:hover{background:var(--p50)}
.ml-i{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:.95rem;flex-shrink:0}
.ml-n{font-weight:600;font-size:.78rem;color:var(--s)}.ml:hover .ml-n{color:var(--p)}
.ml-s{font-size:.65rem;color:var(--sl);margin-top:1px}
.mm-r{width:200px;background:linear-gradient(145deg,var(--n),var(--nm));border-radius:var(--r);margin:6px;padding:24px 18px;display:flex;flex-direction:column;justify-content:space-between;color:var(--w)}
.mm-rt{font-size:1.05rem;font-weight:800;line-height:1.2;margin-bottom:8px}.mm-rt em{color:var(--a);font-style:normal}
.mm-rd{font-size:.7rem;opacity:.7;line-height:1.5;margin-bottom:14px}
.mm-rb{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;background:var(--a);color:var(--w);font-weight:700;font-size:.74rem;border-radius:50px;transition:all .2s}
.mm-rb:hover{background:var(--ad);transform:translateY(-1px)}

.ncta{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--p);color:var(--w);font-weight:600;font-size:.8rem;border-radius:50px;transition:all .3s}
.ncta:hover{background:var(--pd);transform:translateY(-1px);box-shadow:0 4px 12px rgba(13,148,136,.3)}

.mbtn{display:none;background:none;border:none;cursor:pointer;width:34px;height:34px}
.mbtn span{display:block;width:17px;height:2px;margin:3px auto;transition:all .3s}
header:not(.sc) .mbtn span{background:var(--w)}header.sc .mbtn span{background:var(--n)}

/* MOBILE NAV */
.mov{position:fixed;inset:0;background:rgba(11,17,32,.5);backdrop-filter:blur(4px);z-index:1999;opacity:0;visibility:hidden;transition:all .3s}.mov.on{opacity:1;visibility:visible}
.mpn{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:var(--w);z-index:2000;padding:20px;overflow-y:auto;transition:right .4s cubic-bezier(.16,1,.3,1);box-shadow:var(--shxl)}.mpn.on{right:0}
.mph{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.mx{width:32px;height:32px;border-radius:7px;background:var(--bg2);border:none;cursor:pointer;font-size:.95rem;display:grid;place-items:center;color:var(--s)}
.mpn a{display:block;padding:11px 12px;font-size:.88rem;font-weight:500;color:var(--s);border-radius:var(--rs);transition:all .2s}
.mpn a:hover{background:var(--p50);color:var(--p)}
.mlab{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--sl);padding:12px 12px 4px;margin-top:4px}

/* ... HERO CAROUSEL ... */
.hero-home{position:relative;height:100vh;min-height:620px;overflow:hidden}
.hero-slides{position:absolute;inset:0}
.hero-sl{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out}
.hero-sl.active{opacity:1}
.hero-sl-bg{position:absolute;inset:0}
.hero-sl::after{content:'';position:absolute;inset:0;z-index:2}

/* Slide themes - rich illustrated gradients */
.hsl-village .hero-sl-bg{background:linear-gradient(135deg,#1a4731 0%,#2d6a4f 25%,#52b788 50%,#95d5b2 70%,#d8f3dc 85%,#74c69d 100%)}
.hsl-village::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-city .hero-sl-bg{background:linear-gradient(135deg,#1b3a4b 0%,#065a82 25%,#0582ca 50%,#00b4d8 70%,#90e0ef 85%,#48cae4 100%)}
.hsl-city::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-edu .hero-sl-bg{background:linear-gradient(135deg,#5c2d91 0%,#7b4bb5 25%,#9d79cc 45%,#f4a261 60%,#e9c46a 75%,#ffd166 100%)}
.hsl-edu::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-farm .hero-sl-bg{background:linear-gradient(135deg,#606c38 0%,#7f8a42 20%,#dda15e 45%,#bc6c25 60%,#e9c46a 75%,#fefae0 100%)}
.hsl-farm::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-health .hero-sl-bg{background:linear-gradient(135deg,#0b525b 0%,#168aad 30%,#34a0a4 50%,#76c893 70%,#b5e48c 85%,#99d98c 100%)}
.hsl-health::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

/* Slide scene illustrations (CSS art elements) */
.hero-scene{position:absolute;inset:0;z-index:1;overflow:hidden}
/* Decorative circles */
.hs-c{position:absolute;border-radius:50%;opacity:.12}
.hs-c1{width:400px;height:400px;top:-10%;right:-5%;background:rgba(255,255,255,.15);animation:float 18s ease-in-out infinite}
.hs-c2{width:250px;height:250px;bottom:5%;right:15%;background:rgba(255,255,255,.08);animation:float 22s ease-in-out infinite reverse}
.hs-c3{width:150px;height:150px;top:40%;right:30%;border:2px solid rgba(255,255,255,.12);background:none;animation:float 15s ease-in-out infinite}
/* Scene emojis (large, positioned as scene elements) */
.hs-emoji{position:absolute;z-index:1;font-size:4rem;opacity:.25;filter:grayscale(20%)}
.hs-e1{top:15%;right:8%;font-size:5rem;animation:float 20s ease-in-out infinite}
.hs-e2{top:45%;right:22%;font-size:3.5rem;animation:float 16s ease-in-out infinite 2s}
.hs-e3{bottom:18%;right:12%;font-size:4.5rem;animation:float 18s ease-in-out infinite 4s}
.hs-e4{top:25%;right:38%;font-size:3rem;opacity:.15;animation:float 14s ease-in-out infinite 1s}

.hero-content{position:absolute;inset:0;z-index:10;display:flex;align-items:center;max-width:1280px;margin:0 auto;padding:0 28px;width:100%;left:50%;transform:translateX(-50%)}
.hero-text{max-width:600px}
.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px 5px 9px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:rgba(255,255,255,.9);font-size:.74rem;font-weight:600;margin-bottom:22px;opacity:0;animation:fu .7s .3s forwards}
.hero-badge i{width:7px;height:7px;border-radius:50%;background:var(--a);box-shadow:0 0 0 0 rgba(249,115,22,.4);animation:pls 2s infinite}
@keyframes pls{0%{box-shadow:0 0 0 0 rgba(249,115,22,.4)}70%{box-shadow:0 0 0 8px transparent}}
.hero-home h1{font-size:3.6rem;font-weight:800;line-height:1.06;letter-spacing:-2px;color:var(--w);margin-bottom:18px;opacity:0;animation:fu .7s .5s forwards}
.hero-home h1 em{font-style:normal;background:linear-gradient(135deg,var(--a),#FBBF24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-desc{font-size:1.05rem;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:30px;max-width:480px;opacity:0;animation:fu .7s .7s forwards}
/* Slide-specific tagline */
.hero-tagline{font-size:.88rem;color:var(--a);font-weight:600;margin-bottom:6px;opacity:0;animation:fu .7s .4s forwards;display:flex;align-items:center;gap:6px}
.hero-tagline::before{content:'';width:20px;height:2px;background:var(--a);border-radius:2px}
.hero-acts{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px;opacity:0;animation:fu .7s .9s forwards}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:50px;font-weight:600;font-size:.9rem;font-family:var(--f);cursor:pointer;transition:all .3s;border:none}
.btn-a{background:var(--a);color:var(--w)}.btn-a:hover{background:var(--ad);transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,.3)}
.btn-g{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8)}.btn-g:hover{background:rgba(255,255,255,.12)}
.hero-stats{display:flex;gap:32px;opacity:0;animation:fu .7s 1.1s forwards}
.hs-item{text-align:left}
.hs-n{font-size:1.7rem;font-weight:800;color:var(--w);letter-spacing:-1px}
.hs-l{font-size:.7rem;color:rgba(255,255,255,.4);margin-top:2px;font-weight:500}

/* Hero dots */
.hero-dots{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:8px}
.hero-dot{width:32px;height:4px;border-radius:4px;background:rgba(255,255,255,.2);cursor:pointer;transition:all .4s}
.hero-dot.active{background:var(--a);width:48px}

/* Scroll hint */
.hero-scroll{position:absolute;bottom:36px;right:36px;z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;color:rgba(255,255,255,.35);font-size:.58rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.hsb{width:1px;height:32px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}
.hsb::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:50%;background:var(--a);animation:hsa 2s ease-in-out infinite}
@keyframes hsa{0%{top:-50%}100%{top:150%}}

/* ... PAGE HERO (sub-pages) ... */
.phero{position:relative;min-height:48vh;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:130px 28px 60px}
.phero::before{content:'';position:absolute;inset:0;z-index:0}
.phero-content{position:relative;z-index:10;animation:fu .7s forwards}
.phero-ey{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:rgba(255,255,255,.85);font-size:.72rem;font-weight:600;margin-bottom:16px}
.phero-ey i{width:6px;height:6px;border-radius:50%;background:var(--a)}
.phero h1{font-size:3rem;font-weight:800;color:var(--w);letter-spacing:-1.5px;margin-bottom:12px;line-height:1.08}
.phero h1 em{font-style:normal;color:var(--a)}
.phero-sub{font-size:1.05rem;color:rgba(255,255,255,.6);max-width:560px;margin:0 auto;line-height:1.7}

/* Hero color themes for sectors */
.phero-teal{background:linear-gradient(145deg,#0B1120 0%,#0A3D39 50%,#0D5D57 100%)}
.phero-teal::before{background:radial-gradient(circle at 70% 30%,rgba(13,148,136,.2),transparent 60%)}
.phero-blue{background:linear-gradient(145deg,#0B1120 0%,#1E3A5F 50%,#1E40AF 100%)}
.phero-blue::before{background:radial-gradient(circle at 70% 30%,rgba(37,99,235,.2),transparent 60%)}
.phero-green{background:linear-gradient(145deg,#0B1120 0%,#14532D 50%,#166534 100%)}
.phero-green::before{background:radial-gradient(circle at 70% 30%,rgba(22,163,74,.2),transparent 60%)}
.phero-purple{background:linear-gradient(145deg,#0B1120 0%,#3B0764 50%,#6B21A8 100%)}
.phero-purple::before{background:radial-gradient(circle at 70% 30%,rgba(139,92,246,.2),transparent 60%)}
.phero-orange{background:linear-gradient(145deg,#0B1120 0%,#7C2D12 50%,#C2410C 100%)}
.phero-orange::before{background:radial-gradient(circle at 70% 30%,rgba(249,115,22,.2),transparent 60%)}
.phero-red{background:linear-gradient(145deg,#0B1120 0%,#7F1D1D 50%,#B91C1C 100%)}
.phero-red::before{background:radial-gradient(circle at 70% 30%,rgba(220,38,38,.2),transparent 60%)}
.phero-navy{background:linear-gradient(145deg,#0B1120 0%,#1E293B 50%,#334155 100%)}
.phero-navy::before{background:radial-gradient(circle at 70% 30%,rgba(100,116,139,.15),transparent 60%)}

@keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* ... SECTIONS ... */
.section{padding:88px 28px}.container{max-width:1280px;margin:0 auto}
.ey{display:inline-flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--p);margin-bottom:10px}
.ey-b{width:20px;height:2px;background:var(--p);border-radius:2px}
.sh{font-size:2.4rem;font-weight:800;line-height:1.1;letter-spacing:-1px;color:var(--n);margin-bottom:12px}
.sht{font-size:.98rem;color:var(--sm);max-width:520px;line-height:1.7}
.rv{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}
.rv.vis{opacity:1;transform:none}
.d1{transition-delay:.07s}.d2{transition-delay:.14s}.d3{transition-delay:.21s}.d4{transition-delay:.28s}.d5{transition-delay:.35s}

/* STATS BAR */
.stats{background:var(--w);border-bottom:1px solid var(--bdr);position:relative;z-index:5}
.stats-in{max-width:1280px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:repeat(4,1fr)}
.sti{padding:26px 16px;text-align:center;border-right:1px solid var(--bdr)}.sti:last-child{border-right:none}
.sti-n{font-size:1.9rem;font-weight:800;color:var(--p);letter-spacing:-1px}
.sti-l{font-size:.78rem;color:var(--sm);margin-top:2px;font-weight:500}

/* ABOUT */
.ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ab-vis{position:relative}
.ab-main{width:100%;border-radius:var(--rl);overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,var(--p50),#D5F5F6);display:flex;align-items:center;justify-content:center;position:relative}
.ab-main-inner{font-size:5rem;position:relative;z-index:1}
.ab-main::before{content:'';position:absolute;inset:20px;border:2px dashed rgba(13,148,136,.15);border-radius:var(--r)}
.ab-badge{position:absolute;top:-12px;left:-12px;background:var(--p);color:var(--w);border-radius:var(--r);padding:16px 20px;box-shadow:var(--shmd)}
.ab-badge-n{font-size:1.7rem;font-weight:800}.ab-badge-t{font-size:.68rem;opacity:.75}
.ab-float{position:absolute;bottom:-20px;right:-20px;background:var(--w);border-radius:var(--r);padding:18px 22px;box-shadow:var(--shlg);border:1px solid var(--bdr);display:flex;align-items:center;gap:12px}
.ab-float-i{font-size:1.4rem}.ab-float-t{font-size:.78rem;font-weight:600;color:var(--n)}
.ab-p{font-size:.9rem;color:var(--sm);line-height:1.8;margin-bottom:22px}
.abf{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;background:var(--bg2);border-radius:var(--rs);transition:all .3s;margin-bottom:10px}
.abf:hover{background:var(--p50)}
.abf-i{width:38px;height:38px;border-radius:9px;background:var(--pl);display:grid;place-items:center;flex-shrink:0;font-size:.95rem}
.abf-n{font-weight:700;font-size:.84rem;color:var(--n)}.abf-d{font-size:.76rem;color:var(--sm);margin-top:1px}

/* HIGHLIGHT CARDS */
.hlg{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:40px}
.hlc{background:var(--w);border:1px solid var(--bdr);border-radius:var(--r);padding:26px 18px;text-align:center;transition:all .35s;position:relative;overflow:hidden}
.hlc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--p);transform:scaleX(0);transition:transform .4s}.hlc:hover::after{transform:scaleX(1)}
.hlc:hover{transform:translateY(-4px);box-shadow:var(--shmd);border-color:transparent}
.hlc-i{font-size:1.7rem;margin-bottom:10px}.hlc-t{font-weight:700;font-size:.83rem;color:var(--n);margin-bottom:3px}.hlc-d{font-size:.72rem;color:var(--sl);line-height:1.5}

/* SECTOR CARDS */
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.sca{display:block;color:inherit;background:var(--w);border:1px solid var(--bdr);border-radius:var(--r);overflow:hidden;transition:all .4s}
.sca:hover{transform:translateY(-5px);box-shadow:var(--shlg);border-color:transparent}
.sc-top{height:130px;position:relative;overflow:hidden}
.sc-top-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem}
.sc-nb{position:absolute;top:10px;left:10px;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;font-weight:800;font-size:.7rem;color:var(--w)}
.sc-bd{padding:18px}
.sc-nm{font-weight:700;font-size:.98rem;color:var(--n);margin-bottom:5px}
.sc-ds{font-size:.78rem;color:var(--sm);line-height:1.55;margin-bottom:12px}
.sc-sv{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.sc-s{display:flex;align-items:center;gap:5px;font-size:.71rem;font-weight:500;color:var(--sm);padding:4px 8px;background:var(--bg2);border-radius:4px}
.sc-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}
.sc-lnk{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:.78rem;font-weight:600;color:var(--p);transition:gap .2s}.sca:hover .sc-lnk{gap:9px;color:var(--pd)}

/* Sector top gradients */
.sct-1{background:linear-gradient(135deg,#FFF7ED,#FFEDD5)}.sct-2{background:linear-gradient(135deg,#FAF5FF,#EDE9FE)}.sct-3{background:linear-gradient(135deg,#F0FDFA,#CCFBF1)}
.sct-4{background:linear-gradient(135deg,#F0FDF4,#DCFCE7)}.sct-5{background:linear-gradient(135deg,#EFF6FF,#DBEAFE)}.sct-6{background:linear-gradient(135deg,#F0FDF4,#BBF7D0)}
.sct-7{background:linear-gradient(135deg,#EFF6FF,#BFDBFE)}.sct-8{background:linear-gradient(135deg,#FEF2F2,#FECACA)}.sct-9{background:linear-gradient(135deg,#FAF5FF,#E9D5FF)}
.sc-top::after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(11,17,32,.42),rgba(11,17,32,.42))}
.sc-top-bg{position:relative;z-index:1;color:#fff!important;font-size:0}
.sg .rv:nth-child(1) .sc-top{background:url('https://images.unsplash.com/photo-1509062522246-3755977927d7?auto=format&fit=crop&w=900&q=80') center/cover no-repeat}
.sg .rv:nth-child(2) .sc-top{background:url('https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=900&q=80') center/cover no-repeat}
.sg .rv:nth-child(3) .sc-top{background:url('https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=900&q=80') center/cover no-repeat}
.sg .rv:nth-child(4) .sc-top{background:url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1f?auto=format&fit=crop&w=900&q=80') center/cover no-repeat}
.sg .rv:nth-child(5) .sc-top{background:url('https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=900&q=80') center/cover no-repeat}
.sg .rv:nth-child(6) .sc-top{background:url('https://images.unsplash.com/photo-1500937386664-56d1dfef3854?auto=format&fit=crop&w=900&q=80') center/cover no-repeat}
.sg .rv:nth-child(7) .sc-top{background:url('https://images.unsplash.com/photo-1581578731548-c64695cc6952?auto=format&fit=crop&w=900&q=80') center/cover no-repeat}
.sg .rv:nth-child(8) .sc-top{background:url('https://images.unsplash.com/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=900&q=80') center/cover no-repeat}
.sg .rv:nth-child(9) .sc-top{background:url('https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?auto=format&fit=crop&w=900&q=80') center/cover no-repeat}

/* VM */
.vmg{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}
.vmc{background:var(--w);border:1px solid var(--bdr);border-radius:var(--rl);padding:36px;position:relative;overflow:hidden}
.vmc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.vmc-v::before{background:linear-gradient(90deg,var(--p),var(--a))}.vmc-m::before{background:linear-gradient(90deg,var(--a),var(--p))}
.vmc-i{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.2rem;margin-bottom:16px}
.vmc-v .vmc-i{background:var(--pl)}.vmc-m .vmc-i{background:var(--al)}
.vmc h3{font-size:1.25rem;font-weight:800;color:var(--n);margin-bottom:10px}
.vmc p{font-size:.88rem;color:var(--sm);line-height:1.8}
.vml{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:8px}
.vml li{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--s)}
.vmck{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;flex-shrink:0;font-size:.58rem;font-weight:700;color:var(--w)}
.vmc-v .vmck{background:var(--p)}.vmc-m .vmck{background:var(--a)}

/* CTA */
.cta{position:relative;padding:88px 28px;overflow:hidden;background:var(--n)}
.cta::before{content:'';position:absolute;top:-40%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(13,148,136,.15),transparent 65%);border-radius:50%}
.cta-in{max-width:640px;margin:0 auto;text-align:center;position:relative;z-index:2}
.cta h2{font-size:2rem;font-weight:800;color:var(--w);letter-spacing:-.8px;margin-bottom:12px}
.cta p{font-size:.95rem;color:rgba(255,255,255,.55);margin-bottom:28px;line-height:1.7}
.btn-cta{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;background:var(--a);color:var(--w);font-weight:700;font-size:.92rem;border-radius:50px;font-family:var(--f);transition:all .3s;border:none;cursor:pointer}
.btn-cta:hover{background:var(--ad);transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,.3)}
.cta-ph{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:6px}
.cta-ph span{color:rgba(255,255,255,.35);font-size:.8rem}.cta-ph a{color:var(--a);font-weight:700;font-size:1.05rem}

/* SECTOR PAGE SPECIFIC */
.sp-og{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:stretch}
.sp-txt{font-size:.92rem;color:var(--sm);line-height:1.8}
.sp-steps{background:linear-gradient(145deg,var(--n),var(--nm));padding:32px;border-radius:var(--rl);color:var(--w);display:flex;flex-direction:column;justify-content:center}
.sp-steps h3{font-size:1.2rem;font-weight:700;margin-bottom:16px}
.sp-step{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.sp-sn{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;font-weight:800;font-size:.72rem;flex-shrink:0}
.sp-st{font-size:.88rem;line-height:1.55}
.sp-sg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}
.sp-sv{background:var(--w);border:1px solid var(--bdr);border-radius:var(--r);padding:22px;text-align:center;transition:all .3s}
.sp-sv:hover{transform:translateY(-3px);box-shadow:var(--shmd);border-color:var(--pl)}
.sp-sv-i{font-size:1.8rem;margin-bottom:10px}.sp-sv-n{font-weight:700;font-size:.85rem;color:var(--n)}

/* FORM */
.fcard{background:var(--w);padding:40px;border-radius:var(--rl);box-shadow:var(--shlg);border:1px solid var(--bdr);margin-top:16px}
.fcard h2{font-size:1.6rem;font-weight:800;color:var(--n);margin-bottom:6px;text-align:center}
.fcard .fsub{text-align:center;color:var(--sm);font-size:.92rem;margin-bottom:28px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.fg2 label{display:block;font-weight:600;color:var(--n);margin-bottom:6px;font-size:.82rem}
.fg2 input,.fg2 select,.fg2 textarea{width:100%;padding:12px 14px;border-radius:var(--rs);border:1px solid var(--bdr);background:var(--bg2);outline:none;font-size:.88rem;font-family:var(--f);transition:border .2s}
.fg2 input:focus,.fg2 select:focus,.fg2 textarea:focus{border-color:var(--p)}
.btn-wa{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;background:#25D366;color:var(--w);border:none;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;font-family:var(--f);transition:all .3s;margin-top:22px}
.btn-wa:hover{background:#1fad55;transform:translateY(-1px);box-shadow:0 6px 18px rgba(37,211,102,.25)}

/* CONTACT */
.cg{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}
.cic{background:linear-gradient(145deg,var(--n),var(--nm));padding:36px;border-radius:var(--rl);color:var(--w)}
.ci{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}
.ci-i{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:1rem;flex-shrink:0}
.ci-l{font-size:.68rem;opacity:.6;text-transform:uppercase;letter-spacing:1px}.ci-v{font-weight:600;font-size:.92rem;margin-top:2px}

/* FOOTER */
footer{background:var(--w);border-top:1px solid var(--bdr);padding:52px 28px 22px}
.fg-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.fa-p{font-size:.8rem;color:var(--sm);margin-top:12px;line-height:1.7;max-width:320px}
.fc h4{font-weight:700;font-size:.8rem;color:var(--n);margin-bottom:14px}
.fc a{display:block;font-size:.8rem;color:var(--sm);padding:3px 0;transition:all .2s}.fc a:hover{color:var(--p);padding-left:3px}
.fb2{max-width:1280px;margin:24px auto 0;padding-top:18px;border-top:1px solid var(--bdr);display:flex;justify-content:space-between;align-items:center;font-size:.74rem;color:var(--sl)}
.fbl{display:flex;gap:16px}.fbl a{color:var(--sl)}.fbl a:hover{color:var(--p)}

/* RESPONSIVE */
@media(max-width:1100px){.sg{grid-template-columns:repeat(2,1fr)}.hlg{grid-template-columns:repeat(3,1fr)}.fg-grid{grid-template-columns:1fr 1fr}.sp-sg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){
 .mn,.ncta{display:none}.mbtn{display:block}
 .hero-home h1,.phero h1{font-size:2.4rem}.ab-grid,.cg{grid-template-columns:1fr;gap:32px}
 .section{padding:64px 18px}.sh{font-size:1.85rem}
 .stats-in{grid-template-columns:repeat(2,1fr)}.hlg{grid-template-columns:1fr 1fr}
 .sg{grid-template-columns:1fr}.vmg{grid-template-columns:1fr}
 .fg-grid{grid-template-columns:1fr;gap:24px}.fb2{flex-direction:column;gap:8px;text-align:center}
 .htop{display:none}.nw{height:56px}.sp-og{grid-template-columns:1fr}.sp-sg{grid-template-columns:1fr 1fr}
 .frow{grid-template-columns:1fr}
 .hero-scroll{display:none}.hs-emoji{font-size:2.5rem!important;opacity:.12!important}
 .hero-acts{margin-bottom:28px}
}
@media(max-width:480px){.hero-home h1,.phero h1{font-size:1.9rem}.sti-n{font-size:1.4rem}.hlg{grid-template-columns:1fr}}

/* PREMIUM POPUP */
.popup-ov{position:fixed;inset:0;background:rgba(11,17,32,.6);backdrop-filter:blur(6px);z-index:9000;opacity:0;visibility:hidden;transition:all .35s;display:flex;align-items:center;justify-content:center;padding:20px}
.popup-ov.show{opacity:1;visibility:visible}
.popup-ov.show .popup-box{transform:translateY(0) scale(1);opacity:1}
.popup-box{background:var(--w);border-radius:var(--rl);max-width:440px;width:100%;overflow:hidden;box-shadow:0 32px 80px rgba(0Rs 0Rs 0,.25);transform:translateY(20px) scale(.96);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1)}
.popup-top{background:linear-gradient(145deg,#0A2540,#0B1120);padding:28px 28px 24px;position:relative;overflow:hidden}
.popup-top::before{content:'';position:absolute;top:-40%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(249,115,22,.2),transparent 65%);border-radius:50%}
.popup-top::after{content:'';position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;background:radial-gradient(circle,rgba(13,148,136,.15),transparent 65%);border-radius:50%}
.popup-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6);display:grid;place-items:center;cursor:pointer;font-size:.9rem;transition:all .2s;z-index:2}
.popup-close:hover{background:rgba(255,255,255,.15);color:var(--w)}
.popup-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:linear-gradient(135deg,rgba(249,115,22,.2),rgba(251,191,36,.2));border:1px solid rgba(249,115,22,.25);border-radius:50px;color:#FBBF24;font-size:.62rem;font-weight:700;letter-spacing:.5px;margin-bottom:14px;position:relative;z-index:2}
.popup-tag i{width:5px;height:5px;border-radius:50%;background:#FBBF24}
.popup-card-mini{position:relative;z-index:2;width:100%;max-width:280px;aspect-ratio:1.7;border-radius:12px;padding:18px;background:linear-gradient(145deg,#0D3B66,#0A2540,#0B1120);box-shadow:0 12px 32px rgba(0Rs 0Rs 0,.3),inset 0 1px 0 rgba(255,255,255,.05);margin:0 auto}
.pcm-top{display:flex;justify-content:space-between;align-items:flex-start}
.pcm-logo{display:flex;align-items:center;gap:5px}
.pcm-lm{width:22px;height:22px;background:var(--a);border-radius:5px;display:grid;place-items:center}
.pcm-lm svg{width:11px;height:11px;fill:white}
.pcm-lt{font-weight:800;font-size:.82rem;color:var(--w)}
.pcm-badge{background:linear-gradient(135deg,#F97316,#FBBF24);padding:2px 8px;border-radius:50px;font-size:.48rem;font-weight:800;color:#0B1120;letter-spacing:.8px;text-transform:uppercase}
.pcm-chip{width:28px;height:20px;border-radius:4px;background:linear-gradient(135deg,#D4AF37,#C5A028);margin-top:12px;box-shadow:inset 0 1px 1px rgba(255,255,255,.2)}
.pcm-num{margin-top:10px;font-size:.78rem;font-weight:600;letter-spacing:2.5px;color:rgba(255,255,255,.5);font-family:monospace}
.pcm-bot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:8px}
.pcm-name{font-size:.55rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.5px}
.pcm-val{font-size:.55rem;color:rgba(255,255,255,.35)}

.popup-body{padding:24px 28px 28px}
.popup-h{font-size:1.2rem;font-weight:800;color:var(--n);margin-bottom:6px;line-height:1.2}
.popup-h em{font-style:normal;color:var(--a)}
.popup-p{font-size:.84rem;color:var(--sm);line-height:1.6;margin-bottom:18px}
.popup-perks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.popup-perk{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--bg2);border-radius:50px;font-size:.7rem;font-weight:600;color:var(--s)}
.popup-perk i{font-style:normal}
.popup-price{display:flex;align-items:baseline;gap:6px;margin-bottom:18px}
.popup-price-old{font-size:.9rem;color:var(--sl);text-decoration:line-through}
.popup-price-new{font-size:1.6rem;font-weight:800;color:var(--n)}
.popup-price-per{font-size:.78rem;color:var(--sm)}
.popup-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:var(--a);color:var(--w);font-weight:700;font-size:.9rem;border-radius:50px;border:none;cursor:pointer;font-family:var(--f);transition:all .3s;text-align:center}
.popup-cta:hover{background:var(--ad);transform:translateY(-1px);box-shadow:0 6px 20px rgba(249,115,22,.3)}
.popup-skip{display:block;text-align:center;margin-top:10px;font-size:.76rem;color:var(--sl);cursor:pointer;transition:color .2s;background:none;border:none;font-family:var(--f)}
.popup-skip:hover{color:var(--s)}

/* visual-cleanup-sitewide */
.section{position:relative;overflow:hidden}
.section::before{content:'';position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1600&q=60') center/cover no-repeat;opacity:.08;pointer-events:none}
.section>.container{position:relative;z-index:1}
.ab-main{background:url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat!important}
.ab-main-inner,.sc-top-bg{font-size:0!important;color:transparent!important}
.mlg .ml-i,.ml-i,.abf-i,.hlc-i,.vmc-i,.vmck,.popup-perk i{font-size:0!important;color:transparent!important}
.abf-i,.hlc-i,.vmc-i,.vmck,.popup-perk i,.ml-i{background-size:20px 20px;background-repeat:no-repeat;background-position:center}
.abf:nth-of-type(1) .abf-i{background-image:url('https://img.icons8.com/color/96/smartphone-tablet.png')}
.abf:nth-of-type(2) .abf-i{background-image:url('https://img.icons8.com/color/96/conference-call.png')}
.abf:nth-of-type(3) .abf-i{background-image:url('https://img.icons8.com/color/96/internet.png')}
.hlc:nth-child(1) .hlc-i{background-image:url('https://img.icons8.com/color/96/find-matching-job.png')}
.hlc:nth-child(2) .hlc-i{background-image:url('https://img.icons8.com/color/96/service.png')}
.hlc:nth-child(3) .hlc-i{background-image:url('https://img.icons8.com/color/96/combo-chart--v1.png')}
.hlc:nth-child(4) .hlc-i{background-image:url('https://img.icons8.com/color/96/doctor-male.png')}
.hlc:nth-child(5) .hlc-i{background-image:url('https://img.icons8.com/color/96/graduation-cap.png')}
.vmc-v .vmc-i{background-image:url('https://img.icons8.com/color/96/goal.png')}
.vmc-m .vmc-i{background-image:url('https://img.icons8.com/color/96/mission-of-a-company.png')}
.vmck{background-image:url('https://img.icons8.com/ios-filled/50/ffffff/checkmark.png');background-size:12px 12px}
.popup-perk:nth-child(1) i{background-image:url('https://img.icons8.com/color/96/fast-cart.png')}
.popup-perk:nth-child(2) i{background-image:url('https://img.icons8.com/color/96/discount--v1.png')}
.popup-perk:nth-child(3) i{background-image:url('https://img.icons8.com/color/96/online-course.png')}
.popup-perk:nth-child(4) i{background-image:url('https://img.icons8.com/color/96/heart-with-pulse.png')}

/* ==================== */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
 --p:#0D9488;--pd:#0A7A6F;--pl:#99F6E4;--p50:#F0FDFA;
 --a:#F97316;--ad:#EA580C;--al:#FFF7ED;
 --n:#0B1120;--nm:#131C31;--n2:#1E293B;
 --s:#334155;--sm:#64748B;--sl:#94A3B8;--smu:#CBD5E1;
 --w:#fff;--bg:#F8FAFC;--bg2:#EFF3F8;--bdr:#E2E8F0;
 --r:14px;--rs:8px;--rl:20px;
 --f:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'SF Pro Display',sans-serif;
 --shsm:0 2px 8px rgba(0Rs 0Rs 0,.05);--shmd:0 8px 24px rgba(0Rs 0Rs 0,.07);--shlg:0 16px 48px rgba(0Rs 0Rs 0,.09);--shxl:0 24px 64px rgba(0Rs 0Rs 0,.11);
}
html{scroll-behavior:smooth}
body{font-family:var(--f);background:var(--bg);color:var(--s);line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}

/* PRELOADER */
.pl{position:fixed;inset:0;z-index:10000;background:var(--n);display:flex;align-items:center;justify-content:center;transition:opacity .5s,visibility .5s}
.pl.h{opacity:0;visibility:hidden;pointer-events:none}
.pl-t{font-size:2rem;font-weight:800;color:var(--w)}.pl-t b{color:var(--p)}
.pl-d{display:flex;gap:5px;justify-content:center;margin-top:16px}
.pl-d i{width:6px;height:6px;border-radius:50%;background:var(--p);animation:pb 1.2s infinite ease-in-out}
.pl-d i:nth-child(2){animation-delay:.12s}.pl-d i:nth-child(3){animation-delay:.24s}
@keyframes pb{0%,80%,100%{transform:scale(.5);opacity:.3}40%{transform:scale(1);opacity:1}}

/* HEADER */
header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s}
header:not(.sc){background:transparent}
header.sc{background:rgba(255,255,255,.97);backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--bdr);box-shadow:var(--shsm)}
.htop{background:var(--n);padding:5px 0;font-size:.72rem;color:rgba(255,255,255,.65);transition:margin .3s}
header.sc .htop{margin-top:-32px}
.htop-i{max-width:1280px;margin:0 auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center}
.htop a{color:rgba(255,255,255,.8)}.htop-r{display:flex;gap:16px}
.nw{max-width:1280px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{display:flex;align-items:center;gap:9px}
.lm{width:34px;height:34px;background:var(--p);border-radius:8px;display:grid;place-items:center;position:relative}
.lm::after{content:'';position:absolute;inset:0;border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent)}
.lm svg{width:17px;height:17px;fill:var(--w);position:relative;z-index:1}
.ln{font-weight:800;font-size:1.2rem;letter-spacing:-.3px;transition:color .3s}
header:not(.sc) .ln{color:var(--w)}header.sc .ln{color:var(--n)}
.lt2{font-size:.52rem;letter-spacing:1.4px;text-transform:uppercase;font-weight:600;transition:color .3s}
header:not(.sc) .lt2{color:rgba(255,255,255,.45)}header.sc .lt2{color:var(--sl)}

/* NAV */
.mn{display:flex;align-items:center;gap:1px}
.ni>a{display:flex;align-items:center;gap:4px;padding:7px 12px;font-size:.84rem;font-weight:500;border-radius:var(--rs);transition:all .2s}
header:not(.sc) .ni>a{color:rgba(255,255,255,.8)}
header:not(.sc) .ni>a:hover{color:var(--w);background:rgba(255,255,255,.08)}
header.sc .ni>a{color:var(--s)}
header.sc .ni>a:hover{color:var(--p);background:var(--p50)}
.arr{font-size:.48rem;transition:transform .3s;margin-left:2px}
.ni:hover .arr{transform:rotate(180deg)}
.ni{position:relative}

/* MEGA MENU */
.mm{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);background:var(--w);border:1px solid var(--bdr);border-radius:var(--rl);box-shadow:var(--shxl);padding:6px;min-width:740px;opacity:0;visibility:hidden;pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1)}
.mm::before{content:'';position:absolute;top:-15px;left:0;right:0;height:15px;background:transparent}
.ni:hover .mm{opacity:1;visibility:visible;pointer-events:all;transform:translateX(-50%) translateY(0)}
.mm-i{display:flex}
.mm-l{flex:1;padding:14px}
.mm-hd{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--sl);margin-bottom:10px;padding-left:10px}
.mmg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.ml{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--rs);transition:all .2s}
.ml:hover{background:var(--p50)}
.ml-i{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:.95rem;flex-shrink:0}
.ml-n{font-weight:600;font-size:.78rem;color:var(--s)}.ml:hover .ml-n{color:var(--p)}
.ml-s{font-size:.65rem;color:var(--sl);margin-top:1px}
.mm-r{width:200px;background:linear-gradient(145deg,var(--n),var(--nm));border-radius:var(--r);margin:6px;padding:24px 18px;display:flex;flex-direction:column;justify-content:space-between;color:var(--w)}
.mm-rt{font-size:1.05rem;font-weight:800;line-height:1.2;margin-bottom:8px}.mm-rt em{color:var(--a);font-style:normal}
.mm-rd{font-size:.7rem;opacity:.7;line-height:1.5;margin-bottom:14px}
.mm-rb{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;background:var(--a);color:var(--w);font-weight:700;font-size:.74rem;border-radius:50px;transition:all .2s}
.mm-rb:hover{background:var(--ad);transform:translateY(-1px)}

.ncta{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--p);color:var(--w);font-weight:600;font-size:.8rem;border-radius:50px;transition:all .3s}
.ncta:hover{background:var(--pd);transform:translateY(-1px);box-shadow:0 4px 12px rgba(13,148,136,.3)}

.mbtn{display:none;background:none;border:none;cursor:pointer;width:34px;height:34px}
.mbtn span{display:block;width:17px;height:2px;margin:3px auto;transition:all .3s}
header:not(.sc) .mbtn span{background:var(--w)}header.sc .mbtn span{background:var(--n)}

/* MOBILE NAV */
.mov{position:fixed;inset:0;background:rgba(11,17,32,.5);backdrop-filter:blur(4px);z-index:1999;opacity:0;visibility:hidden;transition:all .3s}.mov.on{opacity:1;visibility:visible}
.mpn{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:var(--w);z-index:2000;padding:20px;overflow-y:auto;transition:right .4s cubic-bezier(.16,1,.3,1);box-shadow:var(--shxl)}.mpn.on{right:0}
.mph{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.mx{width:32px;height:32px;border-radius:7px;background:var(--bg2);border:none;cursor:pointer;font-size:.95rem;display:grid;place-items:center;color:var(--s)}
.mpn a{display:block;padding:11px 12px;font-size:.88rem;font-weight:500;color:var(--s);border-radius:var(--rs);transition:all .2s}
.mpn a:hover{background:var(--p50);color:var(--p)}
.mlab{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--sl);padding:12px 12px 4px;margin-top:4px}

/* ... HERO CAROUSEL ... */
.hero-home{position:relative;height:100vh;min-height:620px;overflow:hidden}
.hero-slides{position:absolute;inset:0}
.hero-sl{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out}
.hero-sl.active{opacity:1}
.hero-sl-bg{position:absolute;inset:0}
.hero-sl::after{content:'';position:absolute;inset:0;z-index:2}

/* Slide themes - rich illustrated gradients */
.hsl-village .hero-sl-bg{background:linear-gradient(135deg,#1a4731 0%,#2d6a4f 25%,#52b788 50%,#95d5b2 70%,#d8f3dc 85%,#74c69d 100%)}
.hsl-village::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-city .hero-sl-bg{background:linear-gradient(135deg,#1b3a4b 0%,#065a82 25%,#0582ca 50%,#00b4d8 70%,#90e0ef 85%,#48cae4 100%)}
.hsl-city::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-edu .hero-sl-bg{background:linear-gradient(135deg,#5c2d91 0%,#7b4bb5 25%,#9d79cc 45%,#f4a261 60%,#e9c46a 75%,#ffd166 100%)}
.hsl-edu::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-farm .hero-sl-bg{background:linear-gradient(135deg,#606c38 0%,#7f8a42 20%,#dda15e 45%,#bc6c25 60%,#e9c46a 75%,#fefae0 100%)}
.hsl-farm::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

.hsl-health .hero-sl-bg{background:linear-gradient(135deg,#0b525b 0%,#168aad 30%,#34a0a4 50%,#76c893 70%,#b5e48c 85%,#99d98c 100%)}
.hsl-health::after{background:linear-gradient(to right,rgba(11,17,32,.82) 0%,rgba(11,17,32,.55) 45%,rgba(11,17,32,.2) 100%)}

/* Slide scene illustrations (CSS art elements) */
.hero-scene{position:absolute;inset:0;z-index:1;overflow:hidden}
/* Decorative circles */
.hs-c{position:absolute;border-radius:50%;opacity:.12}
.hs-c1{width:400px;height:400px;top:-10%;right:-5%;background:rgba(255,255,255,.15);animation:float 18s ease-in-out infinite}
.hs-c2{width:250px;height:250px;bottom:5%;right:15%;background:rgba(255,255,255,.08);animation:float 22s ease-in-out infinite reverse}
.hs-c3{width:150px;height:150px;top:40%;right:30%;border:2px solid rgba(255,255,255,.12);background:none;animation:float 15s ease-in-out infinite}
/* Scene emojis (large, positioned as scene elements) */
.hs-emoji{position:absolute;z-index:1;font-size:4rem;opacity:.25;filter:grayscale(20%)}
.hs-e1{top:15%;right:8%;font-size:5rem;animation:float 20s ease-in-out infinite}
.hs-e2{top:45%;right:22%;font-size:3.5rem;animation:float 16s ease-in-out infinite 2s}
.hs-e3{bottom:18%;right:12%;font-size:4.5rem;animation:float 18s ease-in-out infinite 4s}
.hs-e4{top:25%;right:38%;font-size:3rem;opacity:.15;animation:float 14s ease-in-out infinite 1s}

.hero-content{position:absolute;inset:0;z-index:10;display:flex;align-items:center;max-width:1280px;margin:0 auto;padding:0 28px;width:100%;left:50%;transform:translateX(-50%)}
.hero-text{max-width:600px}
.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px 5px 9px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:rgba(255,255,255,.9);font-size:.74rem;font-weight:600;margin-bottom:22px;opacity:0;animation:fu .7s .3s forwards}
.hero-badge i{width:7px;height:7px;border-radius:50%;background:var(--a);box-shadow:0 0 0 0 rgba(249,115,22,.4);animation:pls 2s infinite}
@keyframes pls{0%{box-shadow:0 0 0 0 rgba(249,115,22,.4)}70%{box-shadow:0 0 0 8px transparent}}
.hero-home h1{font-size:3.6rem;font-weight:800;line-height:1.06;letter-spacing:-2px;color:var(--w);margin-bottom:18px;opacity:0;animation:fu .7s .5s forwards}
.hero-home h1 em{font-style:normal;background:linear-gradient(135deg,var(--a),#FBBF24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-desc{font-size:1.05rem;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:30px;max-width:480px;opacity:0;animation:fu .7s .7s forwards}
/* Slide-specific tagline */
.hero-tagline{font-size:.88rem;color:var(--a);font-weight:600;margin-bottom:6px;opacity:0;animation:fu .7s .4s forwards;display:flex;align-items:center;gap:6px}
.hero-tagline::before{content:'';width:20px;height:2px;background:var(--a);border-radius:2px}
.hero-acts{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px;opacity:0;animation:fu .7s .9s forwards}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:50px;font-weight:600;font-size:.9rem;font-family:var(--f);cursor:pointer;transition:all .3s;border:none}
.btn-a{background:var(--a);color:var(--w)}.btn-a:hover{background:var(--ad);transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,.3)}
.btn-g{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8)}.btn-g:hover{background:rgba(255,255,255,.12)}
.hero-stats{display:flex;gap:32px;opacity:0;animation:fu .7s 1.1s forwards}
.hs-item{text-align:left}
.hs-n{font-size:1.7rem;font-weight:800;color:var(--w);letter-spacing:-1px}
.hs-l{font-size:.7rem;color:rgba(255,255,255,.4);margin-top:2px;font-weight:500}

/* Hero dots */
.hero-dots{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:8px}
.hero-dot{width:32px;height:4px;border-radius:4px;background:rgba(255,255,255,.2);cursor:pointer;transition:all .4s}
.hero-dot.active{background:var(--a);width:48px}

/* Scroll hint */
.hero-scroll{position:absolute;bottom:36px;right:36px;z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;color:rgba(255,255,255,.35);font-size:.58rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.hsb{width:1px;height:32px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}
.hsb::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:50%;background:var(--a);animation:hsa 2s ease-in-out infinite}
@keyframes hsa{0%{top:-50%}100%{top:150%}}

/* ... PAGE HERO (sub-pages) ... */
.phero{position:relative;min-height:48vh;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:130px 28px 60px}
.phero::before{content:'';position:absolute;inset:0;z-index:0}
.phero-content{position:relative;z-index:10;animation:fu .7s forwards}
.phero-ey{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:rgba(255,255,255,.85);font-size:.72rem;font-weight:600;margin-bottom:16px}
.phero-ey i{width:6px;height:6px;border-radius:50%;background:var(--a)}
.phero h1{font-size:3rem;font-weight:800;color:var(--w);letter-spacing:-1.5px;margin-bottom:12px;line-height:1.08}
.phero h1 em{font-style:normal;color:var(--a)}
.phero-sub{font-size:1.05rem;color:rgba(255,255,255,.6);max-width:560px;margin:0 auto;line-height:1.7}

/* Hero color themes for sectors */
.phero-teal{background:linear-gradient(145deg,#0B1120 0%,#0A3D39 50%,#0D5D57 100%)}
.phero-teal::before{background:radial-gradient(circle at 70% 30%,rgba(13,148,136,.2),transparent 60%)}
.phero-blue{background:linear-gradient(145deg,#0B1120 0%,#1E3A5F 50%,#1E40AF 100%)}
.phero-blue::before{background:radial-gradient(circle at 70% 30%,rgba(37,99,235,.2),transparent 60%)}
.phero-purple{background:linear-gradient(145deg,#0B1120 0%,#14532D 50%,#166534 100%)}
.phero-purple::before{background:radial-gradient(circle at 70% 30%,rgba(22,163,74,.2),transparent 60%)}
.phero-purple{background:linear-gradient(145deg,#0B1120 0%,#3B0764 50%,#6B21A8 100%)}
.phero-purple::before{background:radial-gradient(circle at 70% 30%,rgba(139,92,246,.2),transparent 60%)}
.phero-orange{background:linear-gradient(145deg,#0B1120 0%,#7C2D12 50%,#C2410C 100%)}
.phero-orange::before{background:radial-gradient(circle at 70% 30%,rgba(249,115,22,.2),transparent 60%)}
.phero-red{background:linear-gradient(145deg,#0B1120 0%,#7F1D1D 50%,#B91C1C 100%)}
.phero-red::before{background:radial-gradient(circle at 70% 30%,rgba(220,38,38,.2),transparent 60%)}
.phero-navy{background:linear-gradient(145deg,#0B1120 0%,#1E293B 50%,#334155 100%)}
.phero-navy::before{background:radial-gradient(circle at 70% 30%,rgba(100,116,139,.15),transparent 60%)}

@keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* ... SECTIONS ... */
.section{padding:88px 28px}.container{max-width:1280px;margin:0 auto}
.ey{display:inline-flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--p);margin-bottom:10px}
.ey-b{width:20px;height:2px;background:var(--p);border-radius:2px}
.sh{font-size:2.4rem;font-weight:800;line-height:1.1;letter-spacing:-1px;color:var(--n);margin-bottom:12px}
.sht{font-size:.98rem;color:var(--sm);max-width:520px;line-height:1.7}
.rv{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}
.rv.vis{opacity:1;transform:none}
.d1{transition-delay:.07s}.d2{transition-delay:.14s}.d3{transition-delay:.21s}.d4{transition-delay:.28s}.d5{transition-delay:.35s}

/* STATS BAR */
.stats{background:var(--w);border-bottom:1px solid var(--bdr);position:relative;z-index:5}
.stats-in{max-width:1280px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:repeat(4,1fr)}
.sti{padding:26px 16px;text-align:center;border-right:1px solid var(--bdr)}.sti:last-child{border-right:none}
.sti-n{font-size:1.9rem;font-weight:800;color:var(--p);letter-spacing:-1px}
.sti-l{font-size:.78rem;color:var(--sm);margin-top:2px;font-weight:500}

/* ABOUT */
.ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ab-vis{position:relative}
.ab-main{width:100%;border-radius:var(--rl);overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,var(--p50),#D5F5F6);display:flex;align-items:center;justify-content:center;position:relative}
.ab-main-inner{font-size:5rem;position:relative;z-index:1}
.ab-main::before{content:'';position:absolute;inset:20px;border:2px dashed rgba(13,148,136,.15);border-radius:var(--r)}
.ab-badge{position:absolute;top:-12px;left:-12px;background:var(--p);color:var(--w);border-radius:var(--r);padding:16px 20px;box-shadow:var(--shmd)}
.ab-badge-n{font-size:1.7rem;font-weight:800}.ab-badge-t{font-size:.68rem;opacity:.75}
.ab-float{position:absolute;bottom:-20px;right:-20px;background:var(--w);border-radius:var(--r);padding:18px 22px;box-shadow:var(--shlg);border:1px solid var(--bdr);display:flex;align-items:center;gap:12px}
.ab-float-i{font-size:1.4rem}.ab-float-t{font-size:.78rem;font-weight:600;color:var(--n)}
.ab-p{font-size:.9rem;color:var(--sm);line-height:1.8;margin-bottom:22px}
.abf{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;background:var(--bg2);border-radius:var(--rs);transition:all .3s;margin-bottom:10px}
.abf:hover{background:var(--p50)}
.abf-i{width:38px;height:38px;border-radius:9px;background:var(--pl);display:grid;place-items:center;flex-shrink:0;font-size:.95rem}
.abf-n{font-weight:700;font-size:.84rem;color:var(--n)}.abf-d{font-size:.76rem;color:var(--sm);margin-top:1px}

/* HIGHLIGHT CARDS */
.hlg{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:40px}
.hlc{background:var(--w);border:1px solid var(--bdr);border-radius:var(--r);padding:26px 18px;text-align:center;transition:all .35s;position:relative;overflow:hidden}
.hlc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--p);transform:scaleX(0);transition:transform .4s}.hlc:hover::after{transform:scaleX(1)}
.hlc:hover{transform:translateY(-4px);box-shadow:var(--shmd);border-color:transparent}
.hlc-i{font-size:1.7rem;margin-bottom:10px}.hlc-t{font-weight:700;font-size:.83rem;color:var(--n);margin-bottom:3px}.hlc-d{font-size:.72rem;color:var(--sl);line-height:1.5}

/* SECTOR CARDS */
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.sca{display:block;color:inherit;background:var(--w);border:1px solid var(--bdr);border-radius:var(--r);overflow:hidden;transition:all .4s}
.sca:hover{transform:translateY(-5px);box-shadow:var(--shlg);border-color:transparent}
.sc-top{height:130px;position:relative;overflow:hidden}
.sc-top-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem}
.sc-nb{position:absolute;top:10px;left:10px;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;font-weight:800;font-size:.7rem;color:var(--w)}
.sc-bd{padding:18px}
.sc-nm{font-weight:700;font-size:.98rem;color:var(--n);margin-bottom:5px}
.sc-ds{font-size:.78rem;color:var(--sm);line-height:1.55;margin-bottom:12px}
.sc-sv{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.sc-s{display:flex;align-items:center;gap:5px;font-size:.71rem;font-weight:500;color:var(--sm);padding:4px 8px;background:var(--bg2);border-radius:4px}
.sc-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}
.sc-lnk{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:.78rem;font-weight:600;color:var(--p);transition:gap .2s}.sca:hover .sc-lnk{gap:9px;color:var(--pd)}

/* Sector top gradients */
.sct-1{background:linear-gradient(135deg,#FFF7ED,#FFEDD5)}.sct-2{background:linear-gradient(135deg,#FAF5FF,#EDE9FE)}.sct-3{background:linear-gradient(135deg,#F0FDFA,#CCFBF1)}
.sct-4{background:linear-gradient(135deg,#F0FDF4,#DCFCE7)}.sct-5{background:linear-gradient(135deg,#EFF6FF,#DBEAFE)}.sct-6{background:linear-gradient(135deg,#F0FDF4,#BBF7D0)}
.sct-7{background:linear-gradient(135deg,#EFF6FF,#BFDBFE)}.sct-8{background:linear-gradient(135deg,#FEF2F2,#FECACA)}.sct-9{background:linear-gradient(135deg,#FAF5FF,#E9D5FF)}

/* VM */
.vmg{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}
.vmc{background:var(--w);border:1px solid var(--bdr);border-radius:var(--rl);padding:36px;position:relative;overflow:hidden}
.vmc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.vmc-v::before{background:linear-gradient(90deg,var(--p),var(--a))}.vmc-m::before{background:linear-gradient(90deg,var(--a),var(--p))}
.vmc-i{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.2rem;margin-bottom:16px}
.vmc-v .vmc-i{background:var(--pl)}.vmc-m .vmc-i{background:var(--al)}
.vmc h3{font-size:1.25rem;font-weight:800;color:var(--n);margin-bottom:10px}
.vmc p{font-size:.88rem;color:var(--sm);line-height:1.8}
.vml{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:8px}
.vml li{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--s)}
.vmck{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;flex-shrink:0;font-size:.58rem;font-weight:700;color:var(--w)}
.vmc-v .vmck{background:var(--p)}.vmc-m .vmck{background:var(--a)}

/* CTA */
.cta{position:relative;padding:88px 28px;overflow:hidden;background:var(--n)}
.cta::before{content:'';position:absolute;top:-40%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(13,148,136,.15),transparent 65%);border-radius:50%}
.cta-in{max-width:640px;margin:0 auto;text-align:center;position:relative;z-index:2}
.cta h2{font-size:2rem;font-weight:800;color:var(--w);letter-spacing:-.8px;margin-bottom:12px}
.cta p{font-size:.95rem;color:rgba(255,255,255,.55);margin-bottom:28px;line-height:1.7}
.btn-cta{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;background:var(--a);color:var(--w);font-weight:700;font-size:.92rem;border-radius:50px;font-family:var(--f);transition:all .3s;border:none;cursor:pointer}
.btn-cta:hover{background:var(--ad);transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,.3)}
.cta-ph{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:6px}
.cta-ph span{color:rgba(255,255,255,.35);font-size:.8rem}.cta-ph a{color:var(--a);font-weight:700;font-size:1.05rem}

/* SECTOR PAGE SPECIFIC */
.sp-og{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:stretch}
.sp-txt{font-size:.92rem;color:var(--sm);line-height:1.8}
.sp-steps{background:linear-gradient(145deg,var(--n),var(--nm));padding:32px;border-radius:var(--rl);color:var(--w);display:flex;flex-direction:column;justify-content:center}
.sp-steps h3{font-size:1.2rem;font-weight:700;margin-bottom:16px}
.sp-step{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.sp-sn{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;font-weight:800;font-size:.72rem;flex-shrink:0}
.sp-st{font-size:.88rem;line-height:1.55}
.sp-sg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}
.sp-sv{background:var(--w);border:1px solid var(--bdr);border-radius:var(--r);padding:22px;text-align:center;transition:all .3s}
.sp-sv:hover{transform:translateY(-3px);box-shadow:var(--shmd);border-color:var(--pl)}
.sp-sv-i{font-size:1.8rem;margin-bottom:10px}.sp-sv-n{font-weight:700;font-size:.85rem;color:var(--n)}\n.sp-sv-d{margin-top:8px;font-size:.74rem;color:var(--sm);line-height:1.55}

/* FORM */
.fcard{background:var(--w);padding:40px;border-radius:var(--rl);box-shadow:var(--shlg);border:1px solid var(--bdr);margin-top:16px}
.fcard h2{font-size:1.6rem;font-weight:800;color:var(--n);margin-bottom:6px;text-align:center}
.fcard .fsub{text-align:center;color:var(--sm);font-size:.92rem;margin-bottom:28px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.fg2 label{display:block;font-weight:600;color:var(--n);margin-bottom:6px;font-size:.82rem}
.fg2 input,.fg2 select,.fg2 textarea{width:100%;padding:12px 14px;border-radius:var(--rs);border:1px solid var(--bdr);background:var(--bg2);outline:none;font-size:.88rem;font-family:var(--f);transition:border .2s}
.fg2 input:focus,.fg2 select:focus,.fg2 textarea:focus{border-color:var(--p)}
.btn-wa{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;background:#25D366;color:var(--w);border:none;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;font-family:var(--f);transition:all .3s;margin-top:22px}
.btn-wa:hover{background:#1fad55;transform:translateY(-1px);box-shadow:0 6px 18px rgba(37,211,102,.25)}

/* CONTACT */
.cg{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}
.cic{background:linear-gradient(145deg,var(--n),var(--nm));padding:36px;border-radius:var(--rl);color:var(--w)}
.ci{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}
.ci-i{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:1rem;flex-shrink:0}
.ci-l{font-size:.68rem;opacity:.6;text-transform:uppercase;letter-spacing:1px}.ci-v{font-weight:600;font-size:.92rem;margin-top:2px}

/* FOOTER */
footer{background:var(--w);border-top:1px solid var(--bdr);padding:52px 28px 22px}
.fg-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.fa-p{font-size:.8rem;color:var(--sm);margin-top:12px;line-height:1.7;max-width:320px}
.fc h4{font-weight:700;font-size:.8rem;color:var(--n);margin-bottom:14px}
.fc a{display:block;font-size:.8rem;color:var(--sm);padding:3px 0;transition:all .2s}.fc a:hover{color:var(--p);padding-left:3px}
.fb2{max-width:1280px;margin:24px auto 0;padding-top:18px;border-top:1px solid var(--bdr);display:flex;justify-content:space-between;align-items:center;font-size:.74rem;color:var(--sl)}
.fbl{display:flex;gap:16px}.fbl a{color:var(--sl)}.fbl a:hover{color:var(--p)}

/* RESPONSIVE */
@media(max-width:1100px){.sg{grid-template-columns:repeat(2,1fr)}.hlg{grid-template-columns:repeat(3,1fr)}.fg-grid{grid-template-columns:1fr 1fr}.sp-sg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){
 .mn,.ncta{display:none}.mbtn{display:block}
 .hero-home h1,.phero h1{font-size:2.4rem}.ab-grid,.cg{grid-template-columns:1fr;gap:32px}
 .section{padding:64px 18px}.sh{font-size:1.85rem}
 .stats-in{grid-template-columns:repeat(2,1fr)}.hlg{grid-template-columns:1fr 1fr}
 .sg{grid-template-columns:1fr}.vmg{grid-template-columns:1fr}
 .fg-grid{grid-template-columns:1fr;gap:24px}.fb2{flex-direction:column;gap:8px;text-align:center}
 .htop{display:none}.nw{height:56px}.sp-og{grid-template-columns:1fr}.sp-sg{grid-template-columns:1fr 1fr}
 .frow{grid-template-columns:1fr}
 .hero-scroll{display:none}.hs-emoji{font-size:2.5rem!important;opacity:.12!important}
 .hero-acts{margin-bottom:28px}
}
@media(max-width:480px){.hero-home h1,.phero h1{font-size:1.9rem}.sti-n{font-size:1.4rem}.hlg{grid-template-columns:1fr}}

/* PREMIUM POPUP */
.popup-ov{position:fixed;inset:0;background:rgba(11,17,32,.6);backdrop-filter:blur(6px);z-index:9000;opacity:0;visibility:hidden;transition:all .35s;display:flex;align-items:center;justify-content:center;padding:20px}
.popup-ov.show{opacity:1;visibility:visible}
.popup-ov.show .popup-box{transform:translateY(0) scale(1);opacity:1}
.popup-box{background:var(--w);border-radius:var(--rl);max-width:440px;width:100%;overflow:hidden;box-shadow:0 32px 80px rgba(0Rs 0Rs 0,.25);transform:translateY(20px) scale(.96);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1)}
.popup-top{background:linear-gradient(145deg,#0A2540,#0B1120);padding:28px 28px 24px;position:relative;overflow:hidden}
.popup-top::before{content:'';position:absolute;top:-40%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(249,115,22,.2),transparent 65%);border-radius:50%}
.popup-top::after{content:'';position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;background:radial-gradient(circle,rgba(13,148,136,.15),transparent 65%);border-radius:50%}
.popup-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6);display:grid;place-items:center;cursor:pointer;font-size:.9rem;transition:all .2s;z-index:2}
.popup-close:hover{background:rgba(255,255,255,.15);color:var(--w)}
.popup-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:linear-gradient(135deg,rgba(249,115,22,.2),rgba(251,191,36,.2));border:1px solid rgba(249,115,22,.25);border-radius:50px;color:#FBBF24;font-size:.62rem;font-weight:700;letter-spacing:.5px;margin-bottom:14px;position:relative;z-index:2}
.popup-tag i{width:5px;height:5px;border-radius:50%;background:#FBBF24}
.popup-card-mini{position:relative;z-index:2;width:100%;max-width:280px;aspect-ratio:1.7;border-radius:12px;padding:18px;background:linear-gradient(145deg,#0D3B66,#0A2540,#0B1120);box-shadow:0 12px 32px rgba(0Rs 0Rs 0,.3),inset 0 1px 0 rgba(255,255,255,.05);margin:0 auto}
.pcm-top{display:flex;justify-content:space-between;align-items:flex-start}
.pcm-logo{display:flex;align-items:center;gap:5px}
.pcm-lm{width:22px;height:22px;background:var(--a);border-radius:5px;display:grid;place-items:center}
.pcm-lm svg{width:11px;height:11px;fill:white}
.pcm-lt{font-weight:800;font-size:.82rem;color:var(--w)}
.pcm-badge{background:linear-gradient(135deg,#F97316,#FBBF24);padding:2px 8px;border-radius:50px;font-size:.48rem;font-weight:800;color:#0B1120;letter-spacing:.8px;text-transform:uppercase}
.pcm-chip{width:28px;height:20px;border-radius:4px;background:linear-gradient(135deg,#D4AF37,#C5A028);margin-top:12px;box-shadow:inset 0 1px 1px rgba(255,255,255,.2)}
.pcm-num{margin-top:10px;font-size:.78rem;font-weight:600;letter-spacing:2.5px;color:rgba(255,255,255,.5);font-family:monospace}
.pcm-bot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:8px}
.pcm-name{font-size:.55rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.5px}
.pcm-val{font-size:.55rem;color:rgba(255,255,255,.35)}

.popup-body{padding:24px 28px 28px}
.popup-h{font-size:1.2rem;font-weight:800;color:var(--n);margin-bottom:6px;line-height:1.2}
.popup-h em{font-style:normal;color:var(--a)}
.popup-p{font-size:.84rem;color:var(--sm);line-height:1.6;margin-bottom:18px}
.popup-perks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.popup-perk{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--bg2);border-radius:50px;font-size:.7rem;font-weight:600;color:var(--s)}
.popup-perk i{font-style:normal}
.popup-price{display:flex;align-items:baseline;gap:6px;margin-bottom:18px}
.popup-price-old{font-size:.9rem;color:var(--sl);text-decoration:line-through}
.popup-price-new{font-size:1.6rem;font-weight:800;color:var(--n)}
.popup-price-per{font-size:.78rem;color:var(--sm)}
.popup-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:var(--a);color:var(--w);font-weight:700;font-size:.9rem;border-radius:50px;border:none;cursor:pointer;font-family:var(--f);transition:all .3s;text-align:center}
.popup-cta:hover{background:var(--ad);transform:translateY(-1px);box-shadow:0 6px 20px rgba(249,115,22,.3)}
.popup-skip{display:block;text-align:center;margin-top:10px;font-size:.76rem;color:var(--sl);cursor:pointer;transition:color .2s;background:none;border:none;font-family:var(--f)}
.popup-skip:hover{color:var(--s)}

/* Sector UX upgrade */
.sp-sg{grid-template-columns:1fr!important;gap:16px}
.sp-sv{text-align:left!important;padding:18px!important}
.sp-sv-i{width:72px;height:72px;border-radius:12px;border:1px solid var(--bdr);background:#f8fafc;display:grid;place-items:center;font-size:0!important;margin:0 0 12px 0!important}
.sp-sv-i img{width:46px;height:46px;object-fit:contain}
.sp-sv-n{font-size:1rem!important;margin-bottom:8px}
.sp-sv-d{display:none}
.sp-items{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:8px}
.sp-items label{font-size:.82rem;color:var(--s);display:flex;gap:7px;align-items:flex-start;cursor:pointer}
.sp-items input{margin-top:2px}
@media(max-width:860px){.sp-items{grid-template-columns:1fr}}

/* visual-cleanup-sitewide */
.section{position:relative;overflow:hidden}
.section::before{content:'';position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1600&q=60') center/cover no-repeat;opacity:.08;pointer-events:none}
.section>.container{position:relative;z-index:1}
.ab-main{background:url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat!important}
.ab-main-inner,.sc-top-bg{font-size:0!important;color:transparent!important}
.mlg .ml-i,.ml-i,.abf-i,.hlc-i,.vmc-i,.vmck,.popup-perk i{font-size:0!important;color:transparent!important}
.abf-i,.hlc-i,.vmc-i,.vmck,.popup-perk i,.ml-i{background-size:20px 20px;background-repeat:no-repeat;background-position:center}
.abf:nth-of-type(1) .abf-i{background-image:url('https://img.icons8.com/color/96/smartphone-tablet.png')}
.abf:nth-of-type(2) .abf-i{background-image:url('https://img.icons8.com/color/96/conference-call.png')}
.abf:nth-of-type(3) .abf-i{background-image:url('https://img.icons8.com/color/96/internet.png')}
.hlc:nth-child(1) .hlc-i{background-image:url('https://img.icons8.com/color/96/find-matching-job.png')}
.hlc:nth-child(2) .hlc-i{background-image:url('https://img.icons8.com/color/96/service.png')}
.hlc:nth-child(3) .hlc-i{background-image:url('https://img.icons8.com/color/96/combo-chart--v1.png')}
.hlc:nth-child(4) .hlc-i{background-image:url('https://img.icons8.com/color/96/doctor-male.png')}
.hlc:nth-child(5) .hlc-i{background-image:url('https://img.icons8.com/color/96/graduation-cap.png')}
.vmc-v .vmc-i{background-image:url('https://img.icons8.com/color/96/goal.png')}
.vmc-m .vmc-i{background-image:url('https://img.icons8.com/color/96/mission-of-a-company.png')}
.vmck{background-image:url('https://img.icons8.com/ios-filled/50/ffffff/checkmark.png');background-size:12px 12px}
.popup-perk:nth-child(1) i{background-image:url('https://img.icons8.com/color/96/fast-cart.png')}
.popup-perk:nth-child(2) i{background-image:url('https://img.icons8.com/color/96/discount--v1.png')}
.popup-perk:nth-child(3) i{background-image:url('https://img.icons8.com/color/96/online-course.png')}
.popup-perk:nth-child(4) i{background-image:url('https://img.icons8.com/color/96/heart-with-pulse.png')}
/* --- NEW HERO IMAGES OVERRIDES --- */
.hsl-village .hero-sl-bg { background: url('https://images.unsplash.com/photo-1708593330411-24d85eff0728?w=1600&auto=format&fit=crop&q=80') no-repeat center 30% / cover !important; filter: brightness(0.98) contrast(1.15) saturate(1.15); image-rendering: -webkit-optimize-contrast; image-rendering: high-quality; }
.hsl-city .hero-sl-bg { background: url('https://media.gettyimages.com/id/484228451/photo/woman-sewing.jpg?s=612x612&w=0&k=20&c=VvhpdhFasMaKm4t7xkamVz_qtTsQ0s7xUd4hDG5KPTw=') no-repeat center 25% / cover !important; filter: brightness(0.98) contrast(1.15) saturate(1.15); image-rendering: -webkit-optimize-contrast; image-rendering: high-quality; }
.hsl-edu .hero-sl-bg { background: url('https://media.gettyimages.com/id/521918134/photo/tribal-children-learn-telugu-alphabets-in-school-run-by-ngo-non-government-organization-in.jpg?s=612x612&w=0&k=20&c=hs3AXXbwZUkgYz4-Fr2QpVQoFafHcOEE35ZF1-XXEtU=') no-repeat center 40% / cover !important; filter: brightness(0.98) contrast(1.15) saturate(1.15); image-rendering: -webkit-optimize-contrast; image-rendering: high-quality; }
.hsl-farm .hero-sl-bg { background: url('https://images.unsplash.com/photo-1696371269688-99fb137d154f?q=80&w=1600&auto=format&fit=crop') no-repeat center 60% / cover !important; filter: brightness(0.98) contrast(1.2) saturate(1.15); image-rendering: -webkit-optimize-contrast; image-rendering: high-quality; }
.hsl-health .hero-sl-bg { background: url('https://media.gettyimages.com/id/486331547/photo/smiling-senior-indian-woman-from-rajastan.jpg?s=612x612&w=0&k=20&c=-PCGY3ZBn_KHq40O8YqaeLpvRMvhYq8miqctSFwD7Kk=') no-repeat center 30% / cover !important; filter: brightness(0.98) contrast(1.15) saturate(1.15); image-rendering: -webkit-optimize-contrast; image-rendering: high-quality; }

/* --- SECTOR CARD BACKGROUNDS RESTORED --- */
.sct-1 .sc-top-bg { background: url('https://images.unsplash.com/photo-1427504494785-319ce5154ee5?auto=format&fit=crop&w=600&q=80') center/cover no-repeat !important; }
.sct-2 .sc-top-bg { background: url('https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=600&q=80') center/cover no-repeat !important; }
.sct-3 .sc-top-bg { background: url('https://images.unsplash.com/photo-1444653614773-995cb1ef9efa?auto=format&fit=crop&w=600&q=80') center/cover no-repeat !important; }
.sct-4 .sc-top-bg { background: url('https://images.unsplash.com/photo-1584515933487-779824d29309?auto=format&fit=crop&w=600&q=80') center/cover no-repeat !important; }
.sct-5 .sc-top-bg { background: url('https://images.unsplash.com/photo-1498049794561-7780e7231661?auto=format&fit=crop&w=600&q=80') center/cover no-repeat !important; }
.sct-6 .sc-top-bg { background: url('https://images.unsplash.com/photo-1500937386664-56d1dfef3854?auto=format&fit=crop&w=600&q=80') center/cover no-repeat !important; }
.sct-7 .sc-top-bg { background: url('https://images.unsplash.com/photo-1581578731548-c64695cc6952?auto=format&fit=crop&w=600&q=80') center/cover no-repeat !important; }
.sct-8 .sc-top-bg { background: url('https://images.unsplash.com/photo-1524178232363-1fb2b075b655?auto=format&fit=crop&w=600&q=80') center/cover no-repeat !important; }
.sct-9 .sc-top-bg { background: url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=600&q=80') center/cover no-repeat !important; }
.sc-top-bg, .sc-top::before { font-size: 0 !important; color: transparent !important; }
.sc-top-bg { mix-blend-mode: multiply; opacity: 0.85; filter: grayscale(20%); transition: all .3s; }
.sca:hover .sc-top-bg { opacity: 1; filter: grayscale(0%); transform: scale(1.05); mix-blend-mode: normal; }