/* GenesisNet Technology Limited — site styles */
body{margin:0;background:#FBF6F3}
a{color:#9A2F2B}a:hover{color:#6B2A30}
.lift{transition:transform .25s ease, box-shadow .25s ease}
.lift:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(107,42,48,.35)}
.navlink:hover{color:#FFFFFF}
.btn:hover{filter:brightness(1.06)}
/* ===== Colourful palette: coral, indigo, teal, amber, pink, blue ===== */
#superapp,#top,#contact{position:relative;overflow:hidden}
#superapp>div,#top>div,#contact>div{position:relative;z-index:1}
#superapp::before,#top::before,#contact::before{content:"";position:absolute;width:620px;height:620px;left:-200px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(242,154,62,.55),rgba(242,154,62,0) 65%);pointer-events:none}
#superapp::after,#top::after,#contact::after{content:"";position:absolute;width:680px;height:680px;right:-220px;bottom:-260px;border-radius:50%;background:radial-gradient(circle,rgba(138,92,246,.45),rgba(138,92,246,0) 65%);pointer-events:none}
#services{background:radial-gradient(700px 460px at 0% 0%,#FDE6DA 0%,rgba(253,230,218,0) 70%),radial-gradient(700px 460px at 100% 100%,#E7E4FB 0%,rgba(231,228,251,0) 70%),#FFFFFF !important}
#approach{background:radial-gradient(640px 420px at 100% 0%,#DDF3EF 0%,rgba(221,243,239,0) 70%),radial-gradient(640px 420px at 0% 100%,#FCEFD3 0%,rgba(252,239,211,0) 70%),#FFFFFF !important}
p>span[style*="width: 24px"]{background:linear-gradient(90deg,#E0532F,#8A5CF6) !important;height:3px !important;border-radius:2px}
/* service cards */
#services article:nth-child(1)>div:nth-of-type(3)>span:first-child{background:linear-gradient(135deg,#E0532F,#F29A3E) !important}
#services article:nth-child(2)>div:nth-of-type(3)>span:first-child{background:linear-gradient(135deg,#4B3FB5,#8A5CF6) !important}
#services article:nth-child(3)>div:nth-of-type(3)>span:first-child{background:linear-gradient(135deg,#2456B8,#4F8EF7) !important}
#services article:nth-child(4)>div:nth-of-type(3)>span:first-child{background:linear-gradient(135deg,#B4235A,#E5608A) !important}
#services article:nth-child(5)>div:nth-of-type(3)>span:first-child{background:linear-gradient(135deg,#0E7C7B,#2BB3A3) !important}
#services article:nth-child(6)>div:nth-of-type(3)>span:first-child{background:linear-gradient(135deg,#B8741A,#F2B544) !important}
#services article:nth-child(1){background:linear-gradient(160deg,#FFFFFF 0%,#FFFFFF 45%,#FDE6DA 100%) !important}
#services article:nth-child(2){background:linear-gradient(160deg,#FFFFFF 0%,#FFFFFF 45%,#E7E4FB 100%) !important}
#services article:nth-child(3){background:linear-gradient(160deg,#FFFFFF 0%,#FFFFFF 45%,#E1EBFD 100%) !important}
#services article:nth-child(4){background:linear-gradient(160deg,#FFFFFF 0%,#FFFFFF 45%,#FBE1EA 100%) !important}
#services article:nth-child(5){background:linear-gradient(160deg,#FFFFFF 0%,#FFFFFF 45%,#DDF3EF 100%) !important}
#services article:nth-child(6){background:linear-gradient(160deg,#FFFFFF 0%,#FFFFFF 45%,#FCEFD3 100%) !important}
#services article:nth-child(1) .art{stroke:#F4BFA8}#services article:nth-child(2) .art{stroke:#C9C2F3}#services article:nth-child(3) .art{stroke:#BFD3F7}
#services article:nth-child(4) .art{stroke:#F2BCCD}#services article:nth-child(5) .art{stroke:#B5E2D9}#services article:nth-child(6) .art{stroke:#F1D49A}
#services article:nth-child(1)>.deco:first-child{background:radial-gradient(circle,rgba(224,83,47,.20),rgba(224,83,47,0) 70%) !important}
#services article:nth-child(2)>.deco:first-child{background:radial-gradient(circle,rgba(107,79,214,.20),rgba(107,79,214,0) 70%) !important}
#services article:nth-child(3)>.deco:first-child{background:radial-gradient(circle,rgba(50,110,220,.20),rgba(50,110,220,0) 70%) !important}
#services article:nth-child(4)>.deco:first-child{background:radial-gradient(circle,rgba(200,50,100,.20),rgba(200,50,100,0) 70%) !important}
#services article:nth-child(5)>.deco:first-child{background:radial-gradient(circle,rgba(20,150,140,.20),rgba(20,150,140,0) 70%) !important}
#services article:nth-child(6)>.deco:first-child{background:radial-gradient(circle,rgba(214,150,40,.22),rgba(214,150,40,0) 70%) !important}
/* hero feature strip */
#superapp .lift:nth-child(1)>span{background:linear-gradient(135deg,#E0532F,#F29A3E) !important}
#superapp .lift:nth-child(2)>span{background:linear-gradient(135deg,#4B3FB5,#8A5CF6) !important}
#superapp .lift:nth-child(3)>span{background:linear-gradient(135deg,#0E7C7B,#2BB3A3) !important}
#superapp .lift:nth-child(4)>span{background:linear-gradient(135deg,#B8741A,#F2B544) !important}
/* sectors */
#sectors article:nth-child(1)>span{background:#E1EBFD !important;color:#2456B8 !important}#sectors article:nth-child(1)>svg{stroke:#E1EBFD}
#sectors article:nth-child(2)>span{background:#FCEFD3 !important;color:#8A5A12 !important}#sectors article:nth-child(2)>svg{stroke:#FCEFD3}
#sectors article:nth-child(3)>span{background:#DDF3EF !important;color:#0E7C7B !important}#sectors article:nth-child(3)>svg{stroke:#DDF3EF}
#sectors article:nth-child(1){border-top:4px solid #4F8EF7 !important}#sectors article:nth-child(2){border-top:4px solid #F2B544 !important}#sectors article:nth-child(3){border-top:4px solid #2BB3A3 !important}
/* approach steps */
#approach li:nth-child(1)>span{background:linear-gradient(135deg,#E0532F,#F29A3E) !important}
#approach li:nth-child(2)>span{background:linear-gradient(135deg,#4B3FB5,#8A5CF6) !important}
#approach li:nth-child(3)>span{background:linear-gradient(135deg,#0E7C7B,#2BB3A3) !important}
#approach li:nth-child(4)>span{background:linear-gradient(135deg,#B4235A,#E5608A) !important}
#approach li:nth-child(1) div>span{color:#C2441F !important}#approach li:nth-child(2) div>span{color:#5A44C9 !important}
#approach li:nth-child(3) div>span{color:#0E7C7B !important}#approach li:nth-child(4) div>span{color:#B4235A !important}
/* why */
#why .lift:nth-child(1)>span{background:#E1EBFD !important;color:#2456B8 !important}
#why .lift:nth-child(2)>span{background:#E7E4FB !important;color:#4B3FB5 !important}
#why .lift:nth-child(3)>span{background:#DDF3EF !important;color:#0E7C7B !important}
#why .lift:nth-child(4)>span{background:#FDE6DA !important;color:#C2441F !important}
/* tags */
.tags li:nth-child(1)>span{background:#E1EBFD !important;color:#2456B8 !important}.tags li:nth-child(2)>span{background:#E7E4FB !important;color:#4B3FB5 !important}
.tags li:nth-child(3)>span{background:#FDE6DA !important;color:#C2441F !important}.tags li:nth-child(4)>span{background:#FBE1EA !important;color:#B4235A !important}
.tags li:nth-child(5)>span{background:#DDF3EF !important;color:#0E7C7B !important}.tags li:nth-child(6)>span{background:#FCEFD3 !important;color:#8A5A12 !important}
.tags li:nth-child(7)>span{background:#F3DDD6 !important;color:#9A2F2B !important}.tags li:nth-child(8)>span{background:#E1EBFD !important;color:#2456B8 !important}
/* about pillars */
.pillars>div:nth-child(1)>span{background:#FDE6DA !important;color:#C2441F !important}.pillars>div:nth-child(2)>span{background:#E7E4FB !important;color:#4B3FB5 !important}
.pillars>div:nth-child(3)>span{background:#DDF3EF !important;color:#0E7C7B !important}.pillars>div:nth-child(4)>span{background:#E1EBFD !important;color:#2456B8 !important}
.pillars>div:nth-child(5)>span{background:#FBE1EA !important;color:#B4235A !important}.pillars>div:nth-child(6)>span{background:#FCEFD3 !important;color:#8A5A12 !important}
.pillars>div:nth-child(7)>span{background:#E7E4FB !important;color:#4B3FB5 !important}.pillars>div:nth-child(8)>span{background:#DDF3EF !important;color:#0E7C7B !important}
.pillars>div:nth-child(5){border-color:#F2BCCD !important}.pillars>div:nth-child(6){border-color:#F1D49A !important}.pillars>div:nth-child(7){border-color:#C9C2F3 !important}.pillars>div:nth-child(8){border-color:#B5E2D9 !important}
/* contact */
#contact dl>div:nth-child(1)>span{background:linear-gradient(135deg,#E0532F,#F29A3E) !important;color:#FFFFFF !important}
#contact dl>div:nth-child(2)>span{background:linear-gradient(135deg,#4B3FB5,#8A5CF6) !important;color:#FFFFFF !important}
#contact dl>div:nth-child(3)>span{background:linear-gradient(135deg,#0E7C7B,#2BB3A3) !important;color:#FFFFFF !important}
#contact dl>div:nth-child(4)>span{background:linear-gradient(135deg,#B8741A,#F2B544) !important;color:#FFFFFF !important}
/* ===== Colourful refinement v2 ===== */
header{position:relative}
header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#E0532F,#F2B544,#2BB3A3,#4F8EF7,#8A5CF6,#E5608A);z-index:2}
footer{border-top:4px solid transparent;border-image:linear-gradient(90deg,#E0532F,#F2B544,#2BB3A3,#4F8EF7,#8A5CF6,#E5608A) 1}
#superapp{background-image:radial-gradient(rgba(255,255,255,.13) 1px,transparent 1px),radial-gradient(520px 380px at 78% 30%,rgba(229,96,138,.45),rgba(229,96,138,0) 70%),linear-gradient(90deg,#6B2A30,#B33A2E) !important;background-size:22px 22px,auto,auto !important}
#superapp h1,#top h2,#contact h2{background:linear-gradient(90deg,#FFFFFF 0%,#FFE1C7 50%,#F2B544 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
#services h2,#sectors h2,#approach h2,#why h2,#about h2{background:linear-gradient(90deg,#6B2A30 0%,#B33A2E 30%,#E0532F 55%,#8A5CF6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes orbA{0%,100%{transform:translate(0,0)}50%{transform:translate(90px,70px)}}
@keyframes orbB{0%,100%{transform:translate(0,0)}50%{transform:translate(-80px,-60px)}}
#superapp::before,#top::before,#contact::before{animation:orbA 14s ease-in-out infinite}
#superapp::after,#top::after,#contact::after{animation:orbB 17s ease-in-out infinite}
/* colour bars on cards */
#services article::after{content:"";position:absolute;left:0;right:0;top:0;height:5px;z-index:2}
#services article:nth-child(1)::after{background:linear-gradient(90deg,#E0532F,#F29A3E)}
#services article:nth-child(2)::after{background:linear-gradient(90deg,#4B3FB5,#8A5CF6)}
#services article:nth-child(3)::after{background:linear-gradient(90deg,#2456B8,#4F8EF7)}
#services article:nth-child(4)::after{background:linear-gradient(90deg,#B4235A,#E5608A)}
#services article:nth-child(5)::after{background:linear-gradient(90deg,#0E7C7B,#2BB3A3)}
#services article:nth-child(6)::after{background:linear-gradient(90deg,#B8741A,#F2B544)}
#approach li{position:relative;overflow:hidden}
#approach li::after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px}
#approach li:nth-child(1)::after{background:linear-gradient(180deg,#E0532F,#F29A3E)}#approach li:nth-child(2)::after{background:linear-gradient(180deg,#4B3FB5,#8A5CF6)}
#approach li:nth-child(3)::after{background:linear-gradient(180deg,#0E7C7B,#2BB3A3)}#approach li:nth-child(4)::after{background:linear-gradient(180deg,#B4235A,#E5608A)}
#why .lift:nth-child(1){border-top:4px solid #4F8EF7 !important}#why .lift:nth-child(2){border-top:4px solid #8A5CF6 !important}
#why .lift:nth-child(3){border-top:4px solid #2BB3A3 !important}#why .lift:nth-child(4){border-top:4px solid #F29A3E !important}
.pillars>div:nth-child(1){border-color:#F4BFA8 !important}.pillars>div:nth-child(2){border-color:#C9C2F3 !important}.pillars>div:nth-child(3){border-color:#B5E2D9 !important}.pillars>div:nth-child(4){border-color:#BFD3F7 !important}
/* pastel panels for light sections */
#sectors,#why,#about{box-sizing:border-box;width:calc(100% - 32px);border-radius:36px;margin-top:48px !important;margin-bottom:48px !important;padding-left:clamp(20px,4vw,56px) !important;padding-right:clamp(20px,4vw,56px) !important}
#sectors{background:radial-gradient(560px 380px at 0% 0%,#E1EBFD,rgba(225,235,253,0) 70%),radial-gradient(560px 380px at 100% 100%,#FCEFD3,rgba(252,239,211,0) 70%),#FFFFFF}
#why{background:radial-gradient(560px 380px at 100% 0%,#E7E4FB,rgba(231,228,251,0) 70%),radial-gradient(560px 380px at 0% 100%,#DDF3EF,rgba(221,243,239,0) 70%),#FFFFFF}
#about{background:radial-gradient(560px 380px at 0% 100%,#FDE6DA,rgba(253,230,218,0) 70%),radial-gradient(560px 380px at 100% 0%,#FBE1EA,rgba(251,225,234,0) 70%),#FFFFFF}
section[aria-label="Let's Innovate Together"]{background:linear-gradient(90deg,#FDE6DA,#FCEFD3,#DDF3EF,#E1EBFD,#E7E4FB,#FBE1EA)}
@media (prefers-reduced-motion: reduce){#superapp::before,#top::before,#contact::before,#superapp::after,#top::after,#contact::after{animation:none}}
#services h2,#sectors h2,#approach h2,#why h2,#about h2,#contact h2{font-size:clamp(24px,2.5vw,36px) !important;line-height:1.15 !important}
/* ===== Hero motion v2 ===== */
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes shine{to{background-position:200% center}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinRev{to{transform:rotate(-360deg)}}
@keyframes sweep{0%,70%{transform:translateX(-120%) skewX(-20deg)}100%{transform:translateX(220%) skewX(-20deg)}}
@keyframes phoneFloat{0%,100%{transform:rotateY(-26deg) rotateX(12deg) rotateZ(3deg) translateY(0)}50%{transform:rotateY(-10deg) rotateX(6deg) rotateZ(0deg) translateY(-18px)}}
@keyframes isoFloat{0%,100%{transform:rotateX(52deg) rotateZ(-42deg) translateZ(0)}50%{transform:rotateX(52deg) rotateZ(-34deg) translateZ(30px)}}
#superapp>div>div:nth-child(1)>p{animation:fadeUp .7s cubic-bezier(.2,.7,.2,1) both}
#superapp h1{background:linear-gradient(90deg,#FFFFFF 0%,#FFE1C7 25%,#F2B544 50%,#FFE1C7 75%,#FFFFFF 100%) !important;background-size:200% auto !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent;animation:fadeUp .8s .1s cubic-bezier(.2,.7,.2,1) both,shine 7s 1s linear infinite}
#superapp>div>div:nth-child(2)>*{animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) backwards}
#superapp>div>div:nth-child(2)>*:nth-child(1){animation-delay:.25s}#superapp>div>div:nth-child(2)>*:nth-child(2){animation-delay:.35s}
#superapp>div>div:nth-child(2)>*:nth-child(3){animation-delay:.45s}#superapp>div>div:nth-child(2)>*:nth-child(4){animation-delay:.55s}#superapp>div>div:nth-child(2)>*:nth-child(5){animation-delay:.65s}
#superapp>div>div:nth-child(3){animation:fadeUp 1s .3s cubic-bezier(.2,.7,.2,1) both}
#superapp>div>div:nth-child(3)::before{content:"";position:absolute;width:470px;height:470px;left:50%;top:50%;margin:-235px 0 0 -235px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.32);animation:spin 40s linear infinite;pointer-events:none}
#superapp>div>div:nth-child(3)::after{content:"";position:absolute;width:580px;height:580px;left:50%;top:50%;margin:-290px 0 0 -290px;border-radius:50%;border:1px solid rgba(255,255,255,.14);border-top-color:rgba(242,181,68,.8);border-right-color:rgba(229,96,138,.6);animation:spinRev 18s linear infinite;pointer-events:none}
#superapp>div>div:nth-child(4)>*{animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) backwards}
#superapp>div>div:nth-child(4)>*:nth-child(1){animation-delay:.6s}#superapp>div>div:nth-child(4)>*:nth-child(2){animation-delay:.7s}#superapp>div>div:nth-child(4)>*:nth-child(3){animation-delay:.8s}#superapp>div>div:nth-child(4)>*:nth-child(4){animation-delay:.9s}
#superapp a.btn{position:relative;overflow:hidden}
#superapp a.btn:first-child::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.65),rgba(255,255,255,0));animation:sweep 3.6s ease-in-out infinite;pointer-events:none}
#superapp>div>div:nth-child(2) li{transition:transform .25s ease,background .25s ease}
#superapp>div>div:nth-child(2) li:hover{transform:translateY(-2px);background:rgba(255,255,255,.22) !important}
.phone3d{animation:phoneFloat 8s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){#superapp *,#superapp *::before,#superapp *::after,#superapp>div>div::before,#superapp>div>div::after{animation:none !important}}
/* ===== SaaS hero ===== */
.hero2 .h2-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 55% at 50% 0%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse 80% 55% at 50% 0%,#000 25%,transparent 75%);pointer-events:none}
.hero2 .h2-aurora{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.hero2 .h2-a1{width:640px;height:440px;left:-160px;top:-160px;background:#B33A2E;opacity:.75;animation:auroraA 16s ease-in-out infinite}
.hero2 .h2-a2{width:560px;height:420px;right:-140px;top:-80px;background:#E0532F;opacity:.5;animation:auroraB 19s ease-in-out infinite}
.hero2 .h2-a3{width:720px;height:480px;left:28%;top:460px;background:#8A5CF6;opacity:.32;animation:auroraA 22s ease-in-out infinite reverse}
@keyframes auroraA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(90px,50px) scale(1.12)}}
@keyframes auroraB{0%,100%{transform:translate(0,0)}50%{transform:translate(-100px,70px)}}
.hero2 .h2-grad{background:linear-gradient(90deg,#F29A3E,#E5608A,#B9A6FF,#F29A3E);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}
.hero2 .h2-copy>*{animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) backwards}
.hero2 .h2-copy>*:nth-child(2){animation-delay:.1s}.hero2 .h2-copy>*:nth-child(3){animation-delay:.2s}.hero2 .h2-copy>*:nth-child(4){animation-delay:.3s}.hero2 .h2-copy>*:nth-child(5){animation-delay:.4s}
.hero2 .h2-copy>a:first-child{transition:background .25s ease,border-color .25s ease}.hero2 .h2-copy>a:first-child:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.hero2 .h2-console{transform:rotateX(9deg);transform-origin:50% 0;transition:transform .9s cubic-bezier(.2,.7,.2,1);animation:consoleIn 1.2s .35s cubic-bezier(.2,.7,.2,1) backwards}
.hero2 .h2-stage:hover .h2-console{transform:rotateX(0deg)}
@keyframes consoleIn{from{opacity:0;transform:rotateX(30deg) translateY(80px)}to{opacity:1;transform:rotateX(9deg)}}
.hero2 .h2-cta{position:relative;overflow:hidden}
.hero2 .h2-cta::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));animation:sweep 3.6s ease-in-out infinite;pointer-events:none}
.hero2 .h2-phone{zoom:.7;animation:fadeUp 1s .8s cubic-bezier(.2,.7,.2,1) backwards}
@keyframes toastFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hero2 .h2-toast{animation:toastFloat 5s ease-in-out infinite}.hero2 .h2-toast2{animation-duration:6s;animation-delay:-2s}
@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(43,179,163,.6)}50%{box-shadow:0 0 0 6px rgba(43,179,163,0)}}
.hero2 .h2-live{animation:livePulse 2s ease-in-out infinite}
.hero2 .h2-feats .lift{background:rgba(255,255,255,.05) !important;border-color:rgba(255,255,255,.12) !important}
.hero2 .h2-feats .lift:nth-child(1)>span{background:linear-gradient(135deg,#E0532F,#F29A3E) !important}
.hero2 .h2-feats .lift:nth-child(2)>span{background:linear-gradient(135deg,#4B3FB5,#8A5CF6) !important}
.hero2 .h2-feats .lift:nth-child(3)>span{background:linear-gradient(135deg,#0E7C7B,#2BB3A3) !important}
.hero2 .h2-feats .lift:nth-child(4)>span{background:linear-gradient(135deg,#B8741A,#F2B544) !important}
.hero2 .h2-feats p{color:#D9B9B1 !important}
@media (max-width:1000px){.hero2 .h2-ai{display:none}.hero2 .h2-cbody{grid-template-columns:190px minmax(0,1fr) !important}}
@media (max-width:760px){
  .hero2 .h2-copy{padding-top:56px !important}
  .hero2 .h2-side{display:none}
  .hero2 .h2-cbody{grid-template-columns:minmax(0,1fr) !important;min-height:0 !important}
  .hero2 .h2-console{transform:none}
  .hero2 .h2-toast{display:none}
  .hero2 .h2-phone{zoom:.46;left:-4px !important;bottom:-60px !important}
  .hero2 .h2-stage{margin-top:44px !important}
  .hero2 .h2-feats{padding-top:96px !important;padding-bottom:64px !important}
}
@media (max-width:480px){.hero2 .h2-phone{display:none}.hero2 .h2-feats{padding-top:48px !important}}
@media (prefers-reduced-motion: reduce){.hero2 *,.hero2 *::after{animation:none !important}}
/* ===== GSAP mode: GSAP drives these, so switch off the CSS versions ===== */
.gsap-on header{position:sticky !important;top:0;z-index:50;will-change:transform}
.gsap-on .hero2 .h2-copy>*,.gsap-on .hero2 .h2-console,.gsap-on .hero2 .h2-phone,.gsap-on .hero2 .h2-toast,.gsap-on .hero2 .h2-aurora{animation:none !important}
.gsap-on .hero2 .h2-console{transform:none;transition:none}
.gsap-on .hero2 .h2-stage:hover .h2-console{transform:none}
.gsap-on .hero2 .h2-grad{display:inline-block;padding-bottom:.08em}
.gsap-on .lift{transition:box-shadow .25s ease !important}
.gsap-on .lift:hover{transform:none}
.gsap-on .split-line{will-change:transform}
/* ===== Mobile & tablet ===== */
html,body{overflow-x:hidden}
@media (max-width:900px){
  #sectors,#why,#about{border-radius:24px;margin-top:32px !important;margin-bottom:32px !important}
  #services>div,#approach>div,#superapp>div,#top>div{padding-top:72px !important;padding-bottom:72px !important}
}
@media (max-width:760px){
  header>div{padding-top:12px !important;padding-bottom:12px !important}
  header nav{order:3;width:100%;flex-wrap:nowrap !important;overflow-x:auto;gap:22px !important;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:1px solid rgba(255,255,255,.18);padding-top:4px}
  header nav::-webkit-scrollbar{display:none}
  header nav a{white-space:nowrap}
  #services>div,#approach>div,#superapp>div,#top>div{padding-top:56px !important;padding-bottom:56px !important;gap:36px !important}
  #sectors,#why,#about{padding-top:48px !important;padding-bottom:48px !important;width:calc(100% - 24px);gap:32px !important}
  #contact>div{padding-top:48px !important;padding-bottom:48px !important}
  #superapp h1{font-size:34px !important}
  #superapp>div>div:nth-child(2)>p{font-size:16px !important}
  #superapp>div>div:nth-child(3){zoom:.68 !important;padding:20px 0 40px !important}
  #superapp .badgeL,#superapp .badgeR{display:none}
  #services article,#approach li,#why .lift,#sectors article{padding:24px !important}
  #approach li{gap:16px !important}
  #approach li>span{width:52px !important;height:52px !important;border-radius:14px !important}
  .pillars{gap:10px !important}
  .pillars>div{padding:12px !important;font-size:14px !important;gap:10px !important}
  .pillars>div>span{width:32px !important;height:32px !important}
  #top [aria-hidden="true"]{padding:16px !important}
  #top [aria-hidden="true"] div[style*="margin-left"]{margin-left:0 !important}
  #top [aria-hidden="true"] div[style*="justify-content: space-between"]{flex-wrap:wrap}
  #top [aria-hidden="true"] div[style*="repeat(3"]{font-size:11px !important;gap:6px !important}
  #top [aria-hidden="true"] div[style*="repeat(3"]>div{padding:8px !important}
  #top>div>div:first-child ul,#superapp ul{gap:6px !important}
  #contact dl{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  footer>div{flex-direction:column;align-items:flex-start !important}
}
@media (max-width:480px){
  #contact dl{grid-template-columns:1fr !important}
  #superapp>div>div:nth-child(3){zoom:.6 !important}
}
.tags{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:760px){.tags{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cap>*{position:relative;z-index:1}.cap>.deco{position:absolute;z-index:0;pointer-events:none}
.cap .art{transition:transform .5s ease}.cap:hover .art{transform:scale(1.06) rotate(-3deg)}
@keyframes phoneFloat{0%,100%{transform:rotateY(-24deg) rotateX(12deg) rotateZ(3deg) translateY(0)}50%{transform:rotateY(-16deg) rotateX(9deg) rotateZ(1deg) translateY(-16px)}}
@keyframes isoFloat{0%,100%{transform:rotateX(52deg) rotateZ(-42deg) translateZ(0)}50%{transform:rotateX(52deg) rotateZ(-42deg) translateZ(26px)}}
@keyframes badgeL{0%,100%{transform:rotateY(18deg) translateZ(40px) translateY(0)}50%{transform:rotateY(18deg) translateZ(40px) translateY(-12px)}}
@keyframes badgeR{0%,100%{transform:rotateY(-18deg) translateZ(40px) translateY(0)}50%{transform:rotateY(-18deg) translateZ(40px) translateY(10px)}}
@keyframes glowPulse{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes shadowPulse{0%,100%{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.55;transform:translateX(-50%) scale(.82)}}
@keyframes iconPop{0%,72%,100%{transform:scale(1)}80%{transform:scale(1.16)}88%{transform:scale(.96)}}
.phone3d{animation:phoneFloat 6s ease-in-out infinite}
.iso{animation:isoFloat 4.5s ease-in-out infinite}
.iso2{animation-delay:-1.5s}.iso3{animation-delay:-3s}
.iso4{animation-delay:-.7s;animation-duration:5.2s}.iso5{animation-delay:-2.2s;animation-duration:4.8s}.iso6{animation-delay:-3.6s;animation-duration:5.6s}.iso7{animation-delay:-1.1s;animation-duration:4.2s}.iso8{animation-delay:-2.9s;animation-duration:5s}
@keyframes dotFloat{0%,100%{transform:translateY(0);opacity:.9}50%{transform:translateY(-18px);opacity:.45}}
.fdot{animation:dotFloat 5s ease-in-out infinite}.fdot2{animation-delay:-1.6s;animation-duration:6s}.fdot3{animation-delay:-3.2s;animation-duration:4.4s}.fdot4{animation-delay:-2.4s;animation-duration:5.4s}
@media (prefers-reduced-motion: reduce){.fdot{animation:none}}
.badgeL{animation:badgeL 5s ease-in-out infinite}
.badgeR{animation:badgeR 5.5s ease-in-out infinite}
.glow{animation:glowPulse 6s ease-in-out infinite}
.gshadow{animation:shadowPulse 6s ease-in-out infinite}
.apps>div>span{animation:iconPop 4s ease-in-out infinite}
.apps>div:nth-child(2)>span{animation-delay:.25s}.apps>div:nth-child(3)>span{animation-delay:.5s}.apps>div:nth-child(4)>span{animation-delay:.75s}
.apps>div:nth-child(5)>span{animation-delay:1s}.apps>div:nth-child(6)>span{animation-delay:1.25s}.apps>div:nth-child(7)>span{animation-delay:1.5s}.apps>div:nth-child(8)>span{animation-delay:1.75s}
.apps>div:nth-child(9)>span{animation-delay:2s}.apps>div:nth-child(10)>span{animation-delay:2.25s}.apps>div:nth-child(11)>span{animation-delay:2.5s}.apps>div:nth-child(12)>span{animation-delay:2.75s}
.apps>div:nth-child(13)>span{animation-delay:3s}.apps>div:nth-child(14)>span{animation-delay:3.25s}.apps>div:nth-child(15)>span{animation-delay:3.5s}.apps>div:nth-child(16)>span{animation-delay:3.75s}
@media (prefers-reduced-motion: reduce){.phone3d,.iso,.badgeL,.badgeR,.glow,.gshadow,.apps>div>span{animation:none}}