:root {
  --d0:#05040F; --d1:#0A0918; --d2:#0F0E1F; --d3:#161528;
  --e1:rgba(255,255,255,.07); --e2:rgba(255,255,255,.13);
  --t1:rgba(255,255,255,.93); --t2:rgba(255,255,255,.62); --t3:rgba(255,255,255,.36);
  --g:#F5C518; --gh:#FFD740; --gg:rgba(245,197,24,.45); --gd:rgba(245,197,24,.10); --gb:rgba(245,197,24,.28);
  --tl:#00C4BA; --tlg:rgba(0,196,186,.40); --tld:rgba(0,196,186,.10); --tlb:rgba(0,196,186,.28);
  --nv:#2B2855;
  --lb:#FFFFFF; --lb2:#F7F6F2; --lb3:#EEECEA;
  --li:#0D0B26; --li2:#2B2855; --li3:#46436C; --lm:#6E6A9A;
  --le:rgba(13,11,38,.09); --le2:rgba(13,11,38,.18);
  --xs:  clamp(.875rem,1.5vw + .3rem,1rem);
  --sm:  clamp(.9375rem,1.8vw + .2rem,1.1rem);
  --base:clamp(1rem,2vw + .1rem,1.2rem);
  --md:  clamp(1.0625rem,2.2vw + .1rem,1.375rem);
  --lg:  clamp(1.125rem,2.6vw + .1rem,1.65rem);
  --xl:  clamp(1.25rem,3vw + .1rem,1.95rem);
  --2xl: clamp(1.5rem,3.8vw,2.5rem);
  --3xl: clamp(1.875rem,4.8vw,3.4rem);
  --hero:clamp(2.6rem,4.5vw,4.8rem);
  --mega:clamp(3.5rem,9vw,9rem);
  --ease:cubic-bezier(.4,0,.2,1);
  --spring:cubic-bezier(.34,1.56,.64,1);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{font-size:16px;scroll-behavior:smooth;}
body{font-family:"Kanit",sans-serif;background:var(--d0);color:var(--t1);overflow-x:hidden;font-size:var(--base);line-height:1.7;-webkit-font-smoothing:antialiased;}
img,svg{display:block;}
ul,ol{list-style:none;}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
address{font-style:normal;}

/* Accessibility */
.skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.skip:focus{width:auto;height:auto;padding:.6rem 1.3rem;margin:0;overflow:visible;clip:auto;white-space:normal;top:.5rem;left:.5rem;background:var(--g);color:#000;font-weight:700;border-radius:6px;z-index:9999;}
:focus-visible{outline:2.5px solid var(--g);outline-offset:3px;border-radius:4px;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}}

/* Grain overlay */
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='ng'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23ng)'/%3E%3C/svg%3E");opacity:.02;mix-blend-mode:overlay;}

/* Animations */
@keyframes fadeUp  {from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes fadeIn  {from{opacity:0}to{opacity:1}}
@keyframes spinFwd {to{transform:rotate(360deg)}}
@keyframes spinRev {to{transform:rotate(-360deg)}}
@keyframes pulse   {0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}
@keyframes marquee {to{transform:translateX(-50%)}}
@keyframes scan    {from{top:-4px}to{top:100%}}
@keyframes drift   {to{background-position:60px 60px}}
@keyframes iconFloat{0%,100%{transform:translateY(0) rotate(0deg)}40%{transform:translateY(-5px) rotate(-3deg)}70%{transform:translateY(-2px) rotate(2deg)}}
@keyframes wicoFloat{0%,100%{transform:translateY(0) rotate(0deg)}40%{transform:translateY(-5px) rotate(-3deg)}70%{transform:translateY(-2px) rotate(2deg)}}

/* Scroll reveals */
.rev {opacity:0;transform:translateY(20px);transition:opacity .55s var(--ease),transform .55s var(--ease);}
.revL{opacity:0;transform:translateX(-20px);transition:opacity .55s var(--ease),transform .55s var(--ease);}
.revR{opacity:0;transform:translateX(20px);transition:opacity .55s var(--ease),transform .55s var(--ease);}
.rev.in,.revL.in,.revR.in{opacity:1;transform:none;}

/* Grid bg */
.gbg{position:absolute;inset:0;pointer-events:none;z-index: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:60px 60px;animation:drift 32s linear infinite;}

/* Layout */
.w {max-width:1280px;margin:0 auto;padding:0 clamp(1.25rem,5vw,4.5rem);}
.sp{padding:clamp(4rem,8vw,9rem) 0;}

/* Typography */
.lbl{font-size:var(--xs);font-weight:700;letter-spacing:3.5px;text-transform:uppercase;display:inline-flex;align-items:center;gap:.55rem;margin-bottom:.9rem;}
.lbl::before{content:"";width:20px;height:1.5px;background:currentColor;flex-shrink:0;}
.lbl-g{color:#B8860B;}.lbl-t{color:var(--tl);}.lbl-n{color:var(--nv);}.lbl-m{color:var(--lm);}
.sh{font-size:var(--3xl);font-weight:700;line-height:1.05;letter-spacing:-.4px;color:#fff;}
.sh.lt{color:var(--li);}
.sh .hi{color:#B8860B;}.sh .hi-t{color:var(--tl);}
.sh .fade{color:rgba(255,255,255,.55);font-weight:300;}
.sh.lt .fade{color:rgba(13,11,38,.45);font-weight:300;}
.body   {font-size:var(--md);font-weight:300;color:var(--t2);line-height:1.82;}
.body.lt{color:var(--li3);font-weight:400;}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.6rem;font-family:"Kanit",sans-serif;font-size:var(--base);font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:clamp(.75rem,1.4vw,1rem) clamp(1.4rem,2.8vw,2.2rem);border-radius:7px;cursor:pointer;transition:all .22s;border:none;white-space:nowrap;}
.btn svg{width:15px;height:15px;flex-shrink:0;transition:transform .2s;}
.btn:hover svg{transform:translateX(3px);}
.btn-g {background:var(--g);color:#000;box-shadow:0 6px 28px var(--gg);}
.btn-g:hover {background:var(--gh);transform:translateY(-2px);box-shadow:0 14px 36px var(--gg);}
.btn-dk{background:transparent;color:#fff;border:1.5px solid var(--e2);}
.btn-dk:hover{border-color:var(--g);color:var(--g);transform:translateY(-2px);}
.btn-lt{background:transparent;color:var(--li);border:1.5px solid var(--le2);}
.btn-lt:hover{border-color:#B8860B;color:#B8860B;background:rgba(184,134,11,.06);transform:translateY(-2px);}
.btn-blk{display:inline-flex;align-items:center;gap:.6rem;font-family:"Kanit",sans-serif;font-size:var(--base);font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:clamp(.85rem,1.5vw,1.1rem) clamp(1.6rem,3vw,2.4rem);border-radius:7px;cursor:pointer;transition:all .22s;border:none;white-space:nowrap;background:#000;color:#fff;}
.btn-blk:hover{background:var(--d1);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.3);}
.btn-blk svg{width:15px;height:15px;flex-shrink:0;transition:transform .2s;}
.btn-blk:hover svg{transform:translateX(3px);}

/* Progress bar */
#progress-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:300;background:linear-gradient(90deg,var(--g),var(--tl));transform-origin:left;transform:scaleX(0);transition:transform .08s linear;box-shadow:0 0 8px rgba(245,197,24,.5);}

/* Back to top */
#back-top{position:fixed;bottom:2rem;right:2rem;z-index:250;width:48px;height:48px;border-radius:50%;background:var(--g);color:#000;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(245,197,24,.5);opacity:0;pointer-events:none;transform:translateY(16px) scale(.85);transition:opacity .3s,transform .3s var(--spring);}
#back-top.show{opacity:1;pointer-events:all;transform:translateY(0) scale(1);}
#back-top:hover{background:var(--gh);transform:translateY(-3px) scale(1.1)!important;box-shadow:0 8px 28px rgba(245,197,24,.6);}
#back-top svg{width:20px;height:20px;}

/* ═══ NAV ═══
   Hidden by default. Inline <style> in <head> ensures it's hidden before CSS loads.
   .nav-visible added by JS when user scrolls past 70% of viewport.
*/
#nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  height:clamp(60px,8vw,74px);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(1.25rem,5vw,4.5rem);
  background:rgba(5,4,15,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--e1);
  transform:translateY(-100%);
  transition:transform .5s cubic-bezier(.4,0,.2,1),background .3s,box-shadow .3s;
}
#nav.nav-visible{transform:translateY(0);}
#nav.scrolled{background:rgba(5,4,15,.98);box-shadow:0 2px 40px rgba(0,0,0,.6);}
#nav::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gb) 35%,var(--tlb) 65%,transparent);opacity:0;transition:opacity .3s;}
#nav.scrolled::after{opacity:1;}

/* Nav logo — starts hidden, fades in after nav slides into view */
.nav-logo{display:flex;align-items:center;}
.logo-svg{height:52px;width:auto;display:block;pointer-events:none;user-select:none;flex-shrink:0;}
#nav .logo-svg{opacity:0;transform:translateY(-6px);transition:opacity .4s ease .25s,transform .4s ease .25s;}
#nav.nav-visible .logo-svg{opacity:1;transform:translateY(0);}

/* Footer logo always fully visible */
.foot-logo .logo-svg{height:46px;opacity:.92;}

.nav-actions{display:flex;align-items:center;gap:.8rem;}
.nav-links{display:flex;gap:clamp(1rem,2vw,2rem);}
.nav-links a{font-size:clamp(.78rem,1.1vw,.9rem);font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--t3);padding:.3rem 0;position:relative;transition:color .2s;white-space:nowrap;}
.nav-links a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:var(--g);transition:width .3s var(--ease);}
.nav-links a:hover,.nav-links a[aria-current]{color:#fff;}
.nav-links a:hover::after,.nav-links a[aria-current]::after{width:100%;}

/* Burger */
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:7px;border-radius:8px;border:1px solid var(--e2);background:rgba(255,255,255,.04);transition:background .2s;}
.burger:hover{background:rgba(255,255,255,.09);}
.burger span{display:block;height:1.5px;background:#fff;border-radius:2px;transition:transform .3s var(--ease),opacity .25s,width .3s;}
.burger span:nth-child(3){width:60%;}
.burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){width:100%;transform:translateY(-6.5px) rotate(-45deg);}

/* Drawer — full height from top:0 */
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(300px,88vw);background:var(--d1);border-left:1px solid var(--e1);z-index:190;transform:translateX(100%);transition:transform .32s var(--ease);overflow-y:auto;display:flex;flex-direction:column;padding:1.8rem 1.4rem;gap:.3rem;}
.drawer.open{transform:translateX(0);}
.drawer a{font-size:var(--md);font-weight:600;color:var(--t2);padding:.9rem 1rem;border-radius:9px;transition:color .2s,background .2s;}
.drawer a:hover{color:#fff;background:rgba(255,255,255,.05);}
.drawer .d-cta{margin-top:1.2rem;background:var(--g)!important;color:#000!important;font-weight:800!important;text-align:center;border-radius:8px!important;}
.overlay{position:fixed;inset:0;z-index:180;background:rgba(0,0,0,.65);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .32s;}
.overlay.show{opacity:1;pointer-events:all;}

/* ═══ HERO ═══ */
#hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:clamp(120px,14vw,160px);padding-bottom:clamp(5rem,10vw,7rem);overflow:hidden;background:var(--d0);}
#hero .gbg{z-index:1;}
#hero::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 80% 60% at 15% 40%,rgba(245,197,24,.07),transparent 55%),radial-gradient(ellipse 60% 50% at 85% 65%,rgba(0,196,186,.05),transparent 55%);}
.scan{position:absolute;left:0;right:0;height:4px;z-index:2;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(245,197,24,.06),transparent);animation:scan 8s linear infinite;}
.hero-w{position:relative;z-index:3;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,10rem);align-items:center;}

/* Hero large logo above pill */
.hero-logo-wrap{margin-bottom:clamp(.8rem,1.8vw,1.2rem);animation:fadeUp .65s .05s ease both;transform-origin:left center;will-change:transform,opacity;}
.hero-logo-svg{width:clamp(180px,18vw,260px);height:auto;display:block;pointer-events:none;user-select:none;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .5s ease;transform-origin:left center;}
body.hero-passed .hero-logo-svg{transform:translateY(-60px) scale(.38);opacity:0;}

/* Hero text */
.hero-pill{display:inline-flex;align-items:center;gap:.55rem;font-size:var(--xs);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--g);border:1px solid var(--gb);background:var(--gd);padding:.42rem 1rem;border-radius:100px;width:fit-content;margin-bottom:clamp(1.2rem,2.5vw,2rem);animation:fadeUp .8s ease both;}
.hero-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--g);flex-shrink:0;animation:pulse 2s infinite;}
.hero-h1{font-size:var(--hero);font-weight:800;line-height:.96;letter-spacing:-2px;color:#fff;animation:fadeUp .8s .07s ease both;}
.hero-h1 .grad{display:block;white-space:nowrap;background:linear-gradient(100deg,var(--g) 0%,var(--tl) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-h1 .muted{display:block;font-weight:200;font-style:italic;color:rgba(255,255,255,.2);}
.hero-sub{font-size:var(--md);font-weight:300;color:var(--t2);line-height:1.84;max-width:460px;margin-top:clamp(1.2rem,2.5vw,2rem);animation:fadeUp .8s .14s ease both;}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-top:clamp(1.5rem,3vw,2.4rem);animation:fadeUp .8s .21s ease both;}
.hero-trust{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.8rem;animation:fadeUp .8s .28s ease both;}
.trust-chip{display:flex;align-items:center;gap:.45rem;font-size:var(--xs);font-weight:600;color:var(--t3);}
.trust-chip svg{width:13px;height:13px;color:var(--g);flex-shrink:0;}

/* Orb */
.hero-r{display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fadeIn 1.2s .3s ease both;}
.orb-w{position:relative;width:clamp(260px,27vw,390px);aspect-ratio:1;flex-shrink:0;}
.ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(245,197,24,.12);animation:spinFwd 40s linear infinite;}
.ring:nth-child(2){inset:10%;border-color:rgba(0,196,186,.10);animation:spinRev 28s linear infinite;}
.ring:nth-child(3){inset:20%;border-color:rgba(245,197,24,.18);animation:spinFwd 18s linear infinite;}
.ring:nth-child(4){inset:30%;border-color:rgba(0,196,186,.14);animation:spinRev 36s linear infinite;}
.orb-c{position:absolute;inset:35%;border-radius:50%;background:conic-gradient(from 0deg,var(--gd),var(--tld),var(--gd));border:1.5px solid rgba(245,197,24,.25);display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px rgba(245,197,24,.10),0 0 100px rgba(0,196,186,.06);}
.orb-icon-svg{width:62%;height:62%;pointer-events:none;user-select:none;flex-shrink:0;}

/* Orbit labels — 8 positions evenly around circle */
.ol{position:absolute;display:flex;align-items:center;gap:.45rem;white-space:nowrap;animation:fadeIn 1s ease both;}
.ol-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.dot-g{background:var(--g);box-shadow:0 0 7px var(--gg);}
.dot-t{background:#8FA3FF;box-shadow:0 0 7px rgba(143,163,255,.5);}
.ol-txt{font-size:var(--xs);font-weight:700;color:rgba(255,255,255,.9);background:rgba(8,7,20,.88);border:1px solid rgba(255,255,255,.12);padding:.28rem .75rem;border-radius:100px;backdrop-filter:blur(8px);}
.ol-star{font-size:.65rem;color:var(--g);}
.ol1{top:0%;left:50%;transform:translateX(-50%) translateY(-58%);animation-delay:.5s;}
.ol2{top:16%;right:-2%;transform:translateX(60%);animation-delay:.60s;}
.ol3{top:42%;right:-3%;transform:translateX(60%);animation-delay:.70s;}
.ol4{bottom:16%;right:-2%;transform:translateX(58%);animation-delay:.80s;}
.ol5{bottom:0%;left:50%;transform:translateX(-50%) translateY(58%);animation-delay:.90s;}
.ol6{bottom:16%;left:-2%;transform:translateX(-60%);animation-delay:1.00s;}
.ol7{top:42%;left:-3%;transform:translateX(-60%);animation-delay:1.10s;}
.ol8{top:16%;left:-2%;transform:translateX(-60%);animation-delay:1.20s;}

/* Hero stats strip */
.hstats{display:flex;gap:1px;width:100%;animation:fadeUp .8s .8s ease both;}
.hst{flex:1;min-width:0;padding:clamp(.65rem,1.5vw,.95rem) clamp(.5rem,1.2vw,1rem);background:var(--d2);border:1px solid var(--e1);text-align:center;}
.hst:first-child{border-radius:10px 0 0 10px;}
.hst:last-child {border-radius:0 10px 10px 0;}
.hst-n{font-size:var(--lg);font-weight:800;line-height:1;color:var(--g);white-space:nowrap;}
.hst:nth-child(even) .hst-n{color:var(--tl);}
.hst-l{font-size:clamp(.6rem,.9vw,.75rem);color:var(--t3);margin-top:.2rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;}

/* Scroll cue */
.scroll-c{position:absolute;bottom:clamp(1.2rem,2.5vw,2rem);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.7rem;font-size:var(--xs);letter-spacing:2px;text-transform:uppercase;color:var(--t3);animation:fadeIn 1s 1.2s ease both;z-index:3;padding-top:1.5rem;}
.scroll-l{width:1.5px;height:34px;background:linear-gradient(to bottom,var(--g),transparent);}

/* ═══ SERVICES ═══ */
#services{background:var(--lb);position:relative;overflow:hidden;}
.srv-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:clamp(2.5rem,5vw,5rem);}
.srv-hd-r{max-width:420px;}
.srv-hd-r p{font-size:var(--base);font-weight:400;color:var(--li3);line-height:1.82;}
.srv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;}
.srv-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--le);border-radius:18px;display:flex;flex-direction:column;box-shadow:0 2px 14px rgba(13,11,38,.06);transition:box-shadow .35s,transform .35s var(--spring);}
.srv-card:hover{box-shadow:0 28px 64px rgba(13,11,38,.18),0 0 0 1px var(--ca);transform:translateY(-6px);}
.srv-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:2;background:var(--ca,#B8860B);transform:scaleX(.18);transform-origin:left;transition:transform .5s var(--ease);}
.srv-card::after{content:attr(data-n);position:absolute;bottom:-.3rem;right:1.5rem;font-size:var(--mega);font-weight:900;line-height:1;color:rgba(13,11,38,.038);pointer-events:none;user-select:none;z-index:0;transition:color .3s,transform .4s var(--ease);transform:translateY(0);}
.srv-card:hover::before{transform:scaleX(1);}
.srv-card:hover::after{color:rgba(13,11,38,.07);transform:translateY(-4px);}
.srv-card:nth-child(1){--ca:#B8860B;--cg:rgba(184,134,11,.38);}
.srv-card:nth-child(2){--ca:#007A72;--cg:rgba(0,122,114,.33);}
.srv-card:nth-child(3){--ca:#5B52D4;--cg:rgba(91,82,212,.33);}
.srv-card:nth-child(4){--ca:#B8860B;--cg:rgba(184,134,11,.38);}
.srv-body{padding:clamp(1.8rem,3vw,2.6rem);display:flex;flex-direction:column;gap:1.1rem;flex:1;position:relative;z-index:1;}
.srv-ico{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:iconFloat 3s ease-in-out infinite;transition:transform .4s var(--spring),box-shadow .3s;}
.srv-card:nth-child(1) .srv-ico{background:#FDF5D0;border:1.5px solid #C69B00;animation-delay:0s;}
.srv-card:nth-child(2) .srv-ico{background:#D0F0ED;border:1.5px solid #007A72;animation-delay:.5s;}
.srv-card:nth-child(3) .srv-ico{background:#EEEDF9;border:1.5px solid #5B52D4;animation-delay:1s;}
.srv-card:nth-child(4) .srv-ico{background:#FDF5D0;border:1.5px solid #C69B00;animation-delay:1.5s;}
.srv-ico svg{width:52%;height:52%;}
.srv-card:hover .srv-ico{transform:scale(1.15) rotate(-8deg)!important;animation-play-state:paused;box-shadow:0 8px 22px var(--cg,rgba(184,134,11,.35));}
.srv-ttl{font-size:var(--xl);font-weight:700;color:var(--li);line-height:1.18;letter-spacing:-.25px;}
.srv-desc{font-size:var(--base);font-weight:400;color:var(--li3);line-height:1.84;flex:1;}
.srv-tags{display:flex;flex-wrap:wrap;gap:.4rem;}
.srv-tag{font-size:var(--xs);font-weight:600;padding:.28rem .72rem;border-radius:100px;background:var(--lb2);border:1px solid rgba(13,11,38,.12);color:var(--li3);letter-spacing:.3px;transition:all .22s;}
.srv-card:nth-child(1):hover .srv-tag,.srv-card:nth-child(4):hover .srv-tag{color:#9B7800;border-color:rgba(184,134,11,.4);background:rgba(184,134,11,.07);}
.srv-card:nth-child(2):hover .srv-tag{color:#006860;border-color:rgba(0,122,114,.35);background:rgba(0,122,114,.06);}
.srv-card:nth-child(3):hover .srv-tag{color:#3D35A8;border-color:rgba(91,82,212,.35);background:rgba(91,82,212,.06);}
.srv-cta{display:inline-flex;align-items:center;gap:.55rem;font-size:var(--xs);font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--ca,#B8860B);margin-top:auto;padding-top:1rem;border-top:1px solid rgba(13,11,38,.08);border-bottom:1.5px solid transparent;padding-bottom:2px;width:fit-content;transition:gap .22s,border-bottom-color .22s;}
.srv-cta svg{width:11px;height:11px;}
.srv-card:hover .srv-cta{gap:.9rem;border-bottom-color:currentColor;}

/* ═══ TESTIMONIALS ═══ */
#testi{background:var(--d1);padding:clamp(4rem,8vw,9rem) 0;border-top:1px solid var(--e1);}
.testi-hd{text-align:right;max-width:640px;margin:0 0 clamp(3rem,5vw,5rem) auto;}
.testi-hd .lbl{justify-content:flex-end;}
.testi-hd p{font-size:var(--md);color:var(--t2);margin-top:.9rem;font-weight:300;line-height:1.8;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-bottom:1.4rem;}
.tcard{padding:clamp(1.8rem,3vw,2.4rem);background:var(--d2);border:1px solid var(--e1);border-radius:18px;display:flex;flex-direction:column;gap:1.2rem;position:relative;transition:box-shadow .3s,transform .3s var(--spring);}
.tcard:hover{box-shadow:0 18px 50px rgba(0,0,0,.4);transform:translateY(-4px);}
.tcard::before{content:"\275D";position:absolute;top:1.2rem;right:1.6rem;font-size:3.5rem;line-height:1;color:rgba(245,197,24,.22);pointer-events:none;font-weight:900;}
.tcard-stars{display:flex;gap:.25rem;}
.tcard-stars span{color:var(--g);font-size:var(--sm);}
.tcard-q{font-size:var(--base);font-weight:300;color:var(--t1);line-height:1.82;font-style:italic;flex:1;}
.tcard-p{display:flex;align-items:center;gap:.9rem;padding-top:.8rem;border-top:1px solid var(--e1);}
.tcard-av{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#000;}
.tcard-nm{font-size:var(--base);font-weight:700;color:#fff;line-height:1.2;}
.tcard-rl{font-size:var(--xs);color:var(--t3);margin-top:.1rem;}
.testi-feat{padding:clamp(2rem,4vw,3.5rem) clamp(2rem,5vw,4rem);background:var(--d0);border-radius:20px;border:1px solid var(--e1);display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;position:relative;overflow:hidden;}
.testi-feat::before{content:"\275D";position:absolute;top:-1rem;left:2rem;font-size:7rem;line-height:1;color:rgba(245,197,24,.28);pointer-events:none;font-weight:900;}
.tf-q{font-size:var(--xl);font-weight:300;color:#fff;line-height:1.62;font-style:italic;position:relative;z-index:1;}
.tf-q strong{font-style:normal;color:var(--g);font-weight:700;}
.tf-p{text-align:right;flex-shrink:0;position:relative;z-index:1;min-width:155px;}
.tf-nm{font-size:var(--md);font-weight:700;color:#fff;}
.tf-rl{font-size:var(--sm);color:var(--t3);margin-top:.2rem;line-height:1.5;}
.tf-st{display:flex;gap:.2rem;justify-content:flex-end;margin-top:.5rem;}
.tf-st span{color:var(--g);font-size:var(--base);}

/* ═══ PROOF ═══ */
#proof{background:var(--lb2);padding:clamp(3.5rem,6vw,7rem) 0;border-top:1px solid var(--le);border-bottom:1px solid var(--le);}
.proof-in{display:grid;grid-template-columns:1fr 3fr;gap:clamp(3rem,5vw,6rem);align-items:center;}
.proof-hd{text-align:left;color:var(--li);}
.proof-hd p{font-size:var(--base);font-weight:300;color:var(--li3);margin-top:.8rem;line-height:1.8;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);}
.sbox{padding:clamp(1.5rem,3vw,2.5rem) clamp(1rem,2vw,2rem);border-left:1px solid var(--le);position:relative;overflow:hidden;transition:background .3s;text-align:left;}
.sbox:hover{background:rgba(13,11,38,.03);}
.sbox::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;}
.sbox:nth-child(odd)::before{background:#B8860B;}
.sbox:nth-child(even)::before{background:#007A72;}
.snum{font-size:clamp(2.2rem,5.5vw,4rem);font-weight:900;line-height:1;color:#B8860B;letter-spacing:-1.5px;}
.sbox:nth-child(even) .snum{color:#007A72;}
.sdes{font-size:var(--base);font-weight:400;color:var(--li3);margin-top:.5rem;line-height:1.5;}

/* ═══ CAPABILITIES ═══ */
#caps{background:var(--d0);padding:clamp(4rem,8vw,9rem) 0;position:relative;overflow:hidden;border-top:1px solid var(--e1);border-bottom:1px solid var(--e1);}
.caps-gl{position:absolute;top:-20%;left:-10%;width:55%;height:140%;background:radial-gradient(ellipse,rgba(245,197,24,.05),transparent 55%);pointer-events:none;}
.caps-gr{position:absolute;top:-20%;right:-10%;width:55%;height:140%;background:radial-gradient(ellipse,rgba(0,196,186,.04),transparent 55%);pointer-events:none;}
.caps-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:clamp(2rem,4vw,4rem);position:relative;z-index:1;}
.caps-intro{max-width:460px;font-size:var(--base);font-weight:300;color:var(--t2);line-height:1.82;}
.caps-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:clamp(1.4rem,3vw,2.5rem);position:relative;z-index:1;}
.ctab{display:inline-flex;align-items:center;gap:.5rem;font-family:"Kanit",sans-serif;font-size:var(--sm);font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:.6rem 1.3rem;border-radius:8px;cursor:pointer;background:var(--d2);border:1.5px solid var(--e1);color:var(--t3);transition:all .25s;}
.ctab svg{width:15px;height:15px;flex-shrink:0;}
.ctab:hover{border-color:var(--e2);color:var(--t1);}
.ctab.on{background:var(--gd);border-color:var(--gb);color:var(--g);box-shadow:0 0 20px var(--gd);}
.caps-panels{position:relative;z-index:1;}
.cpanel{display:none;}
.cpanel.on{display:block;animation:fadeUp .4s var(--ease) both;}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--e1);border:1px solid var(--e1);border-radius:16px;overflow:hidden;}
.cap-item{background:var(--d2);padding:clamp(1.2rem,2.3vw,1.9rem) clamp(1.1rem,2vw,1.7rem);display:flex;flex-direction:column;gap:.8rem;position:relative;overflow:hidden;transition:background .3s;}
.cap-item:hover{background:var(--d3);}
.cap-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ci,var(--g));transform:scaleY(0);transform-origin:bottom;transition:transform .35s var(--ease);}
.cap-item:hover::before{transform:scaleY(1);}
.cap-item[data-a="g"]{--ci:var(--g);}.cap-item[data-a="t"]{--ci:var(--tl);}
.cicon{width:clamp(36px,4.5vw,44px);height:clamp(36px,4.5vw,44px);flex-shrink:0;animation:iconFloat 3s ease-in-out infinite;transition:transform .3s var(--spring);}
.cap-item:nth-child(1) .cicon{animation-delay:0s;}.cap-item:nth-child(2) .cicon{animation-delay:.3s;}
.cap-item:nth-child(3) .cicon{animation-delay:.6s;}.cap-item:nth-child(4) .cicon{animation-delay:.9s;}
.cap-item:nth-child(5) .cicon{animation-delay:1.2s;}.cap-item:nth-child(6) .cicon{animation-delay:1.5s;}
.cap-item:hover .cicon{transform:scale(1.15) rotate(-8deg)!important;animation-play-state:paused;}
.cicon svg{width:100%;height:100%;}
.cname{font-size:var(--lg);font-weight:700;color:#fff;line-height:1.2;}
.crole{font-size:var(--sm);font-weight:400;color:var(--t3);line-height:1.5;}
.cap-strip{margin-top:clamp(1.8rem,3.5vw,3rem);overflow:hidden;border:1px solid var(--e1);border-radius:10px;background:var(--d2);padding:.75rem 0;}
.cap-strip-inner{display:inline-flex;gap:0;white-space:nowrap;animation:marquee 26s linear infinite;}
.cap-strip-inner span{font-size:var(--sm);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--t3);padding:0 1.4rem;transition:color .2s;}
.cap-strip-inner span:hover{color:var(--g);}
.cap-strip-inner .s{color:var(--g);opacity:.35;}

/* ═══ INDUSTRIES ═══ */
#industries{background:var(--lb3);padding:clamp(4rem,8vw,9rem) 0;overflow:hidden;}
.ind-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(4rem,7vw,8rem);align-items:center;}
.ind-l .sh{margin-top:.4rem;margin-bottom:1rem;}
.ind-l .body{margin-bottom:2rem;}
.ind-pills{display:flex;flex-wrap:wrap;gap:.7rem;}
.ind-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 1.1rem;background:#fff;border:1px solid var(--le);border-radius:100px;font-size:var(--sm);font-weight:600;color:var(--li);transition:border-color .25s,background .25s,transform .25s var(--spring),box-shadow .25s;}
.ind-pill svg{width:15px;height:15px;flex-shrink:0;}
.ind-pill:hover{border-color:rgba(184,134,11,.4);background:#FDF5D0;color:#8A6000;transform:translateY(-2px);box-shadow:0 6px 20px rgba(184,134,11,.14);}
.ind-vis{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.ind-img{border-radius:14px;overflow:hidden;position:relative;}
.ind-img img{width:100%;height:clamp(130px,14vw,190px);object-fit:cover;filter:brightness(.85) saturate(1.15);transition:transform .65s var(--ease);}
.ind-img:hover img{transform:scale(1.06);}
.ind-img:first-child{grid-column:1/-1;}
.ind-img:first-child img{height:clamp(160px,17vw,230px);}
.ind-cap{position:absolute;bottom:0;left:0;right:0;padding:.65rem .95rem;background:linear-gradient(to top,rgba(5,4,15,.88),transparent);font-size:var(--xs);font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;}

/* ═══ WHY US ═══ */
#why{background:var(--lb2);padding:clamp(4rem,8vw,9rem) 0;position:relative;overflow:hidden;}
.why-in{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2.5rem,5vw,5.5rem);align-items:end;}
.why-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.wcard{padding:clamp(1.3rem,2vw,1.8rem);background:#fff;border:1px solid var(--le);border-radius:16px;display:flex;flex-direction:column;gap:.9rem;position:relative;overflow:hidden;box-shadow:0 2px 10px rgba(13,11,38,.05);transition:border-color .3s,transform .3s var(--spring),box-shadow .3s;}
.wcard::before{content:"";position:absolute;top:0;left:0;right:0;height:2.5px;background:var(--wc,#B8860B);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease);}
.wcard:hover{border-color:rgba(13,11,38,.12);transform:translateY(-4px);box-shadow:0 16px 40px rgba(13,11,38,.1);}
.wcard:hover::before{transform:scaleX(1);}
.wcard:nth-child(odd){--wc:#B8860B;}.wcard:nth-child(even){--wc:#2B2855;}
.wico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:wicoFloat 3.5s ease-in-out infinite;transition:transform .4s var(--spring),box-shadow .3s;}
.wcard:nth-child(1) .wico{animation-delay:0s;}.wcard:nth-child(2) .wico{animation-delay:.4s;}
.wcard:nth-child(3) .wico{animation-delay:.8s;}.wcard:nth-child(4) .wico{animation-delay:1.2s;}
.wcard:nth-child(5) .wico{animation-delay:1.6s;}.wcard:nth-child(6) .wico{animation-delay:2s;}
.wcard:hover .wico{transform:scale(1.2) rotate(-8deg)!important;animation-play-state:paused;}
.wcard:nth-child(odd)  .wico{background:#FDF5D0;border:1.5px solid #C69B00;box-shadow:0 4px 12px rgba(184,134,11,.15);}
.wcard:nth-child(even) .wico{background:#E8E7F2;border:1.5px solid #2B2855;box-shadow:0 4px 12px rgba(43,40,85,.12);}
.wcard:hover:nth-child(odd)  .wico{box-shadow:0 8px 24px rgba(184,134,11,.35);}
.wcard:hover:nth-child(even) .wico{box-shadow:0 8px 24px rgba(43,40,85,.3);}
.wico svg{width:52%;height:52%;}
.wcard h4{font-size:var(--base);font-weight:700;color:#0D0B26;line-height:1.25;}
.wcard p {font-size:var(--sm);font-weight:400;color:#46436C;line-height:1.75;}
.why-content-col{display:flex;flex-direction:column;gap:0;}
.why-body{margin-bottom:clamp(1.6rem,2.5vw,2rem);}
.why-img-wrap{position:relative;}
.why-frame{border-radius:20px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 24px 72px rgba(13,11,38,.18);}
.why-frame img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);}
.why-frame:hover img{transform:scale(1.03);}
.why-badge{position:absolute;top:-1.2rem;right:1.4rem;background:var(--g);border-radius:14px;padding:.9rem 1.3rem;box-shadow:0 8px 32px rgba(245,197,24,.4);display:flex;align-items:center;gap:.85rem;min-width:185px;animation:fadeUp .8s .3s ease both;z-index:2;}
.why-bi{width:44px;height:44px;border-radius:10px;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 2px 8px rgba(0,0,0,.1);}
.why-bt strong{display:block;font-size:var(--md);font-weight:800;color:#000;line-height:1.2;}
.why-bt span{font-size:var(--sm);color:rgba(0,0,0,.65);font-weight:600;}
.why-img-mob{display:none;position:relative;margin-top:2rem;}
.why-img-mob .why-frame{aspect-ratio:16/9;border-radius:16px;}
.why-img-mob .why-badge{top:auto;bottom:1rem;right:1rem;min-width:155px;padding:.7rem 1rem;}

/* ═══ PROCESS ═══ */
#process{background:var(--d0);padding:clamp(4rem,8vw,9rem) 0;position:relative;overflow:hidden;}
#process .gbg{opacity:.25;z-index:0;}
#process .w{position:relative;z-index:1;}
.proc-hd{max-width:640px;margin-bottom:clamp(2.5rem,5vw,5rem);text-align:right;margin-left:auto;margin-right:0;}
.proc-hd .lbl{justify-content:flex-end;}
.proc-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--e1);border-radius:16px;overflow:hidden;counter-reset:step;}
.pstep{padding:clamp(1.6rem,3vw,2.6rem);background:var(--d2);border-right:1px solid var(--e1);border-bottom:1px solid var(--e1);position:relative;overflow:hidden;transition:background .3s;counter-increment:step;}
.pstep:nth-child(3n){border-right:none;}
.pstep:nth-child(4),.pstep:nth-child(5),.pstep:nth-child(6){border-bottom:none;}
.pstep:hover{background:var(--d3);}
.pstep::before{content:counter(step);position:absolute;top:-.4rem;right:.4rem;font-size:var(--mega);font-weight:900;line-height:.88;letter-spacing:-4px;color:rgba(255,255,255,.04);pointer-events:none;transition:color .3s;}
.pstep:hover::before{color:rgba(255,255,255,.07);}
.pstep h4{font-size:var(--md);font-weight:700;color:#fff;line-height:1.25;margin-bottom:.5rem;position:relative;z-index:1;}
.pstep p {font-size:var(--base);font-weight:300;color:var(--t2);line-height:1.78;position:relative;z-index:1;}

/* ═══ ENGAGEMENT ═══ */
#engage{background:var(--g);padding:clamp(4rem,8vw,9rem) 0;position:relative;overflow:hidden;}
.eng-hd{text-align:center;max-width:680px;margin:0 auto clamp(3rem,5vw,5rem);color:#000;}
.eng-hd p{font-size:var(--md);font-weight:300;color:rgba(0,0,0,.65);line-height:1.82;margin-top:.9rem;}
.eng-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.ecard{padding:clamp(1.8rem,3vw,2.6rem);background:var(--d2);border:1px solid var(--e1);border-radius:18px;display:flex;flex-direction:column;gap:1.2rem;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s var(--spring);}
.ecard:hover{border-color:var(--ec,var(--g));box-shadow:0 24px 60px rgba(0,0,0,.45);transform:translateY(-5px);}
.ecard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--ec,#9B7000);transform:scaleX(.2);transform-origin:left;transition:transform .5s var(--ease);}
.ecard:hover::before{transform:scaleX(1);}
.ecard:nth-child(1){--ec:var(--g);}
.ecard:nth-child(2){--ec:var(--tl);border-color:var(--tlb);box-shadow:0 0 0 1px var(--tlb),0 8px 40px rgba(0,196,186,.12);}
.ecard:nth-child(3){--ec:#8FA3FF;}
.ebadge{display:inline-flex;font-size:var(--xs);font-weight:700;letter-spacing:2px;text-transform:uppercase;background:var(--tl);color:#000;padding:.28rem .85rem;border-radius:100px;width:fit-content;margin-bottom:.2rem;}
.eico{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.06);border:1.5px solid var(--e2);display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:iconFloat 3s ease-in-out infinite;}
.ecard:nth-child(1) .eico{animation-delay:0s;}.ecard:nth-child(2) .eico{animation-delay:.6s;}.ecard:nth-child(3) .eico{animation-delay:1.2s;}
.ecard:hover .eico{transform:scale(1.15) rotate(-8deg)!important;animation-play-state:paused;}
.eico svg{width:24px;height:24px;}
.ettl{font-size:var(--xl);font-weight:700;color:#fff;line-height:1.2;}
.esub{font-size:var(--sm);color:var(--ec,var(--g));font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-top:.1rem;opacity:.9;}
.edesc{font-size:var(--base);font-weight:300;color:var(--t2);line-height:1.8;flex:1;}
.efeats{display:flex;flex-direction:column;gap:.55rem;}
.efeat{display:flex;align-items:flex-start;gap:.65rem;font-size:var(--sm);color:var(--t2);line-height:1.55;}
.echeck{width:18px;height:18px;border-radius:50%;flex-shrink:0;margin-top:.1rem;background:var(--ec,var(--g));display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:900;}
.echeck::after{content:"\2713";}
.ecta{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--sm);font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ec,var(--g));padding-top:.8rem;border-top:1px solid var(--e1);transition:gap .22s;}
.ecta svg{width:12px;height:12px;}
.ecard:hover .ecta{gap:.85rem;}

/* ═══ FAQ ═══ */
#faq{background:var(--lb);padding:clamp(4rem,8vw,9rem) 0;}
.faq-in{display:grid;grid-template-columns:1fr 1.7fr;gap:clamp(3rem,6vw,7rem);align-items:start;}
.faq-l .sh{color:var(--li);font-size:var(--3xl);}
.faq-l .sh .hi{color:#B8860B;}
.faq-l>p{font-size:var(--md);font-weight:300;color:var(--li3);line-height:1.82;margin-top:.9rem;}
.faq-cta{margin-top:2rem;padding:1.4rem 1.7rem;background:var(--lb2);border:1px solid var(--le);border-left:3px solid var(--tl);border-radius:0 12px 12px 0;}
.faq-cta p{font-size:var(--base);color:var(--li3);line-height:1.75;}
.faq-cta a{display:inline-flex;align-items:center;gap:.5rem;margin-top:.7rem;font-size:var(--base);font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--tl);transition:gap .2s;}
.faq-cta a:hover{gap:.85rem;}
.faq-list{display:flex;flex-direction:column;gap:.65rem;}
.fi{background:#fff;border:1px solid var(--le);border-radius:12px;overflow:hidden;transition:border-color .28s,box-shadow .28s;}
.fi.on{border-color:rgba(184,134,11,.35);border-left:3px solid #B8860B;box-shadow:0 4px 22px rgba(184,134,11,.08);}
.fq{width:100%;display:flex;justify-content:space-between;align-items:center;padding:clamp(.9rem,2vw,1.3rem) clamp(1.2rem,2.5vw,1.6rem);font-size:var(--md);font-weight:600;color:var(--li);text-align:left;transition:color .2s;gap:1rem;}
.fq:hover,.fi.on .fq{color:#B8860B;}
.fq-ico{width:28px;height:28px;border-radius:50%;flex-shrink:0;border:1px solid var(--le2);background:var(--lb2);display:flex;align-items:center;justify-content:center;transition:background .25s,transform .32s var(--spring),border-color .25s;}
.fi.on .fq-ico{background:#B8860B;border-color:#B8860B;transform:rotate(180deg);}
.fq-ico svg path{stroke:var(--li3);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.fi.on .fq-ico svg path{stroke:#fff;}
.fa{max-height:0;overflow:hidden;padding:0 clamp(1.2rem,2.5vw,1.6rem);font-size:var(--base);color:var(--li3);line-height:1.85;font-weight:400;transition:max-height .4s var(--ease),padding .36s;}
.fi.on .fa{max-height:240px;padding:.2rem clamp(1.2rem,2.5vw,1.6rem) 1.4rem;}

/* ═══ CTA BANNER ═══ */
#ctab{background:var(--g);padding:clamp(3.5rem,6vw,6rem) 0;position:relative;overflow:hidden;}
#ctab::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 120% at 50% 50%,rgba(255,255,255,.2),transparent 65%);pointer-events:none;}
.ctab-in{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:2.5rem;flex-wrap:wrap;}
.ctab-l .sh{font-size:var(--2xl);color:#000;font-weight:800;line-height:1.1;}
.ctab-l p{font-size:var(--md);color:rgba(0,0,0,.62);margin-top:.65rem;font-weight:400;max-width:520px;}
.ctab-r{display:flex;flex-direction:column;gap:.85rem;align-items:flex-end;flex-shrink:0;}
.ctab-note{font-size:var(--xs);color:rgba(0,0,0,.5);font-weight:600;display:flex;align-items:center;gap:.4rem;}
.ctab-note::before{content:"\2713";color:rgba(0,0,0,.65);}

/* ═══ CONTACT ═══ */
#contact{background:var(--d0);padding:clamp(4rem,8vw,9rem) 0;position:relative;overflow:hidden;}
#contact::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 60% 70% at 8% 50%,rgba(245,197,24,.05),transparent 55%),radial-gradient(ellipse 50% 60% at 92% 50%,rgba(0,196,186,.04),transparent 55%);pointer-events:none;}
.cline{position:absolute;top:0;left:0;right:0;height:2px;z-index:1;background:linear-gradient(90deg,transparent,var(--g) 30%,var(--tl) 70%,transparent);box-shadow:0 0 28px rgba(245,197,24,.2);}
.con-in{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(3rem,6vw,7rem);align-items:start;}
.ci-list{display:flex;flex-direction:column;gap:.65rem;margin-top:2rem;}
.ci{display:flex;align-items:center;gap:1.1rem;padding:1.1rem 1.4rem;background:var(--d2);border:1px solid var(--e1);border-radius:12px;transition:border-color .25s,transform .25s,background .25s;}
.ci:hover{border-color:var(--gb);background:var(--d3);transform:translateX(5px);}
.ci-ico{width:40px;height:40px;border-radius:10px;background:var(--gd);border:1px solid var(--gb);display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:iconFloat 3.2s ease-in-out infinite;}
.ci:nth-child(1) .ci-ico{animation-delay:0s;}.ci:nth-child(2) .ci-ico{animation-delay:.5s;}.ci:nth-child(3) .ci-ico{animation-delay:1s;}
.ci-ico svg{width:18px;height:18px;}
.ci-lbl{font-size:var(--xs);font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--t3);}
.ci-val{font-size:var(--base);font-weight:500;color:var(--t1);margin-top:.08rem;}
.ci-val a{color:inherit;transition:color .2s;}
.ci-val a:hover{color:var(--g);}
.cform{background:var(--d2);border:1px solid var(--e1);border-radius:18px;padding:clamp(1.8rem,3.5vw,3rem);display:flex;flex-direction:column;gap:1.1rem;}
.cform-h{font-size:var(--2xl);font-weight:700;color:#fff;line-height:1.15;margin-bottom:.4rem;letter-spacing:-.3px;}
.cform-h em{font-style:italic;font-weight:300;color:var(--t3);}
.fg{display:flex;flex-direction:column;gap:.4rem;}
.fg label{font-size:var(--xs);font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--t3);}
.fg input,.fg select,.fg textarea{font-family:"Kanit",sans-serif;font-size:var(--base);font-weight:400;padding:.85rem 1.2rem;background:rgba(255,255,255,.04);border:1.5px solid var(--e2);border-radius:8px;color:#fff;outline:none;transition:border-color .22s,background .22s,box-shadow .22s;}
.fg input::placeholder,.fg textarea::placeholder{color:var(--t3);}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--gb);background:rgba(255,255,255,.06);box-shadow:0 0 0 3px var(--gd);}
.fg select option{background:var(--d2);color:#fff;}
.fg textarea{resize:vertical;min-height:100px;}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
#ferr{font-size:var(--sm);color:#f87171;padding:.65rem .95rem;background:rgba(248,113,113,.07);border:1px solid rgba(248,113,113,.2);border-radius:7px;display:none;}
.btn-send{background:var(--g);color:#000;font-family:"Kanit",sans-serif;font-size:var(--base);font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:1rem 2.4rem;border-radius:8px;border:none;cursor:pointer;transition:all .24s;align-self:flex-start;box-shadow:0 6px 22px var(--gg);}
.btn-send:hover{background:var(--gh);transform:translateY(-3px);box-shadow:0 14px 38px var(--gg);}

/* ═══ FOOTER ═══ */
#footer{background:#000;border-top:1px solid rgba(255,255,255,.08);}
.foot-top{padding:clamp(2.5rem,5vw,4rem) clamp(1.25rem,5vw,4.5rem);display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem;border-bottom:1px solid rgba(255,255,255,.08);}
.foot-tag{font-size:var(--sm);color:var(--t3);line-height:1.72;margin-top:.8rem;max-width:230px;}
.foot-col h4{font-size:var(--xs);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--t3);margin-bottom:1.1rem;}
.foot-col ul{display:flex;flex-direction:column;gap:.55rem;}
.foot-col a{font-size:var(--base);color:var(--t2);transition:color .2s;}
.foot-col a:hover{color:#fff;}
.foot-bot{padding:clamp(1.2rem,2.5vw,1.8rem) clamp(1.25rem,5vw,4.5rem);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
.foot-copy{font-size:var(--xs);color:var(--t3);}
.foot-legal{display:flex;gap:1.8rem;}
.foot-legal a{font-size:var(--xs);color:var(--t3);transition:color .2s;}
.foot-legal a:hover{color:var(--t2);}

/* ═══ RESPONSIVE ═══ */

/* Mid-range condensed nav: 901–1200px */
@media(max-width:1200px) and (min-width:901px){
  .nav-links{gap:clamp(.7rem,1.4vw,1.2rem);}
  .nav-links a{font-size:clamp(.72rem,1vw,.84rem);letter-spacing:.7px;}
  #nav{padding:0 clamp(1rem,3vw,2rem);}
}

/* Mobile/tablet: burger appears at 900px */
@media(max-width:900px){
  .nav-links{display:none;}
  .burger{display:flex;}
  /* Nav logo smaller on mobile */
  #nav .logo-svg{width:160px;height:auto;}
  /* Nav padding tighter */
  #nav{padding:0 .9rem;}
  .nav-actions{gap:.45rem;}
  /* Compact Get in Touch button */
  .nav-actions .btn-g{padding:.32rem .65rem;font-size:.68rem;letter-spacing:.3px;border-radius:5px;}
  .nav-actions .btn-g svg{display:none;}
  .burger{width:34px;height:34px;padding:6px;gap:4px;}
  /* Hero stacks */
  .hero-w{grid-template-columns:1fr;} .hero-r{display:none;}
  .hero-h1{letter-spacing:-1.5px;}
  .hero-l{max-width:600px;margin:0;text-align:left;}
  .hero-pill,.hero-btns,.hero-trust{justify-content:flex-start;}
  .hero-sub{margin-left:0;margin-right:0;max-width:460px;}
  /* Scroll cue hidden on mobile — content height not reliable */
  .scroll-c{display:flex;position:relative;bottom:auto;left:auto;transform:none;margin-top:2rem;align-items:flex-start;padding-top:0;}
  .testi-grid{grid-template-columns:1fr 1fr;}
  .testi-feat{grid-template-columns:1fr;gap:1.5rem;} .tf-p{text-align:left;} .tf-st{justify-content:flex-start;}
  .eng-grid{grid-template-columns:1fr;}
  .foot-top{grid-template-columns:1fr 1fr;gap:2rem;}
  .why-in{grid-template-columns:1fr;}
  .why-content-col{display:none;}
  .why-img-mob{display:block;}
}

@media(max-width:860px){
  .srv-grid{grid-template-columns:1fr;} .srv-hd{flex-direction:column;align-items:flex-start;gap:1rem;}
  .proof-in{grid-template-columns:1fr;} .stats-grid{grid-template-columns:1fr 1fr;}
  .sbox{border-bottom:1px solid var(--e1);} .sbox:nth-last-child(-n+2){border-bottom:none;}
  .ind-in{grid-template-columns:1fr;} .ind-vis{display:none;}
  .proc-grid{grid-template-columns:1fr 1fr;}
  .pstep:nth-child(3n){border-right:1px solid var(--e1);} .pstep:nth-child(2n){border-right:none;} .pstep:nth-child(2n-1){border-right:1px solid var(--e1);}
  .pstep:nth-child(4),.pstep:nth-child(5),.pstep:nth-child(6){border-bottom:1px solid var(--e1);}
  .pstep:nth-child(5){border-right:none;} .pstep:last-child{border-bottom:none;}
  .faq-in{grid-template-columns:1fr;gap:2.5rem;}
  .ctab-in{flex-direction:column;text-align:center;} .ctab-r{align-items:center;}
  .con-in{grid-template-columns:1fr;}
  .caps-hd{flex-direction:column;align-items:flex-start;} .cap-grid{grid-template-columns:1fr 1fr;}
  .foot-top{grid-template-columns:1fr 1fr;}
}

@media(max-width:640px){
  .testi-grid{grid-template-columns:1fr;}
  .why-cards{grid-template-columns:1fr 1fr;}
  .f-row{grid-template-columns:1fr;}
  .foot-top{grid-template-columns:1fr;} .foot-bot{flex-direction:column;align-items:flex-start;gap:.7rem;} .foot-legal{gap:1.2rem;}
}

@media(max-width:480px){
  .why-cards{grid-template-columns:1fr;} .proc-grid{grid-template-columns:1fr;}
  .pstep{border-right:none!important;border-bottom:1px solid var(--e1)!important;} .pstep:last-child{border-bottom:none!important;}
  .cap-grid{grid-template-columns:1fr;} .ctab{font-size:var(--xs);padding:.42rem .85rem;}
  .hst-l{display:none;} .hero-trust{gap:1rem;}
  .testi-feat{padding:1.6rem 1.4rem;} .tf-q{font-size:var(--lg);}
  .eng-grid{grid-template-columns:1fr;}
}

.nav-home{display:inline-flex;align-items:center;padding:.1rem .2rem;}
.nav-home svg{width:17px;height:17px;flex-shrink:0;}
#caps .sh{color:var(--li);}
#caps .sh .hi{color:#B8860B;}
#caps .sh .fade{color:var(--lm);}
#engage .sh{color:var(--li);}
#engage .sh .hi{color:#B8860B;}
#engage .sh .fade{color:var(--lm);}

#proof .sh{color:var(--li);}
#proof .sh .fade{color:var(--lm);}
#proof .lbl{color:#B8860B;}

#caps .sh{color:#fff;}
#caps .sh .hi{color:var(--g);}
#caps .sh .fade{color:var(--t3);}

#engage::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 120% at 50% 50%,rgba(255,255,255,.18),transparent 65%);pointer-events:none;}

#engage .sh{color:#000;font-weight:800;}
#engage .sh .hi{color:#7A5500;}
#engage .lbl{color:#7A5500;}