:root{
  --bg:#050506;
  --bg-soft:#0a0a10;
  --surface:rgba(255,255,255,.035);
  --border:rgba(255,255,255,.09);
  --text:#F5F5F7;
  --text-muted:#9AA0AC;
  --purple:#A855F7;
  --pink:#EC4899;
  --blue:#3B82F6;
  --blue-dark:#2563EB;
  --green:#22C55E;
  --coral:#FB6F52;
  --gradient-brand:linear-gradient(135deg,var(--purple),var(--pink));
  --radius:22px;
  --font-display:"Space Grotesk",sans-serif;
  --font-body:"Inter",sans-serif;
  --shadow-lg:0 30px 70px rgba(0,0,0,.45);
  --shadow-glow:0 0 50px rgba(168,85,247,.22);
}
*,*::before,*::after{box-sizing:border-box;}
*{margin:0;padding:0;}
html{scroll-behavior:smooth;color-scheme:dark;}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.7;overflow-x:clip;-webkit-font-smoothing:antialiased;}
main{overflow-x:clip;}
img{max-width:100%;display:block;user-select:none;-webkit-user-drag:none;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;}
input,textarea{font:inherit;color:inherit;background:none;outline:none;border:none;}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:-.01em;color:#fff;}
p{color:var(--text-muted);max-width:60ch;}
.container{width:min(1280px,calc(100% - 40px));margin-inline:auto;}
.section{padding:130px 0;position:relative;}
@media(max-width:992px){.section{padding:90px 0;}}
@media(max-width:768px){.section{padding:70px 0;} .container{width:min(100% - 24px,1280px);}}
::selection{background:var(--purple);color:#fff;}
:focus-visible{outline:2px solid var(--pink);outline-offset:3px;}
::-webkit-scrollbar{width:9px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--purple);border-radius:99px;}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}

/* ---------- Security timeline (Zero-Access / Ephemeral Processing) ---------- */
.sec-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;counter-reset:step;}
.sec-timeline::before{content:"";position:absolute;top:41px;left:calc(12.5% + 20px);right:calc(12.5% + 20px);height:2px;background:linear-gradient(90deg,var(--purple),var(--pink));opacity:.35;z-index:0;}
.sec-step{position:relative;z-index:1;text-align:center;padding:0 8px;}
.sec-step .hb-icon{margin:0 auto 16px;width:56px;height:56px;font-size:19px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--border);}
.sec-step-num{display:block;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:2px;color:var(--purple);margin-bottom:10px;}
.sec-step h4{font-size:16px;margin-bottom:8px;color:#fff;}
.sec-step p{font-size:13.5px;max-width:230px;margin-inline:auto;color:var(--text-muted);}
@media(max-width:900px){.sec-timeline{grid-template-columns:1fr 1fr;row-gap:44px;}.sec-timeline::before{display:none;}}
@media(max-width:560px){.sec-timeline{grid-template-columns:1fr;}}

/* ---------- Pricing cards ---------- */
.pricing-grid .card:hover{transform:translateY(-8px);}
@media(max-width:760px){.pricing-grid{grid-template-columns:1fr!important;}}

.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:600;font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px;}
.eyebrow.pill{background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.3);color:#fff;padding:9px 18px;border-radius:99px;letter-spacing:.5px;text-transform:none;font-size:14px;}
.grad-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.section-head{max-width:720px;margin-bottom:64px;}
.section-head.center{margin-inline:auto;text-align:center;}
.section-head h2{font-size:clamp(2rem,3.6vw,3rem);margin-bottom:18px;}

.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding-inline:32px;border-radius:99px;font-weight:600;font-size:15px;overflow:hidden;isolation:isolate;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,background .3s ease;}
.btn-blue{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;box-shadow:0 16px 36px rgba(59,130,246,.28);}
.btn-blue:hover{box-shadow:0 22px 46px rgba(59,130,246,.4);}
.btn-purple{background:var(--gradient-brand);color:#fff;box-shadow:0 16px 36px rgba(168,85,247,.3);}
.btn-purple:hover{box-shadow:0 22px 46px rgba(168,85,247,.42);}
.btn-green{background:transparent;color:var(--purple);border:1.5px solid rgba(168,85,247,.25);;}
.btn-green:hover{background:rgba(34,197,94,.1);border-color:var(--purple);}
.btn-coral{background:var(--coral);color:#1a0a06;box-shadow:0 16px 36px rgba(251,111,82,.3);}
.btn-coral:hover{box-shadow:0 22px 46px rgba(251,111,82,.42);}
.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text);}
.btn-outline:hover{border-color:var(--purple);}
.btn::before{content:"";position:absolute;left:var(--rx,50%);top:var(--ry,50%);width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.16);transition:width .6s,height .6s,opacity .6s;opacity:0;z-index:-1;}
.btn:hover::before{width:280px;height:280px;opacity:1;}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;}
.btn-loading::after{content:"";width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

.mesh-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.55;}
.mesh-track{display:flex;width:max-content;animation:meshDrift 34s linear infinite;}
.mesh-track svg{display:block;height:100%;width:1200px;flex-shrink:0;}
@keyframes meshDrift{from{transform:translateX(0);}to{transform:translateX(-1200px);}}
.glow-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0;}

.card{position:relative;overflow:hidden;isolation:isolate;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s;}
.card::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);opacity:.5;transition:opacity .4s;}
.card:hover::before{opacity:1;}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100000;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.card:hover{transform:translateY(-8px);border-color:rgba(168,85,247,.35);box-shadow:var(--shadow-lg),var(--shadow-glow);}
.card{--mx:50%;--my:50%;}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .35s;pointer-events:none;background:radial-gradient(300px circle at var(--mx) var(--my),rgba(255,255,255,.08),transparent 65%);}
.card:hover::after{opacity:1;}

.reveal{opacity:0;transform:translateY(50px);transition:opacity .9s cubic-bezier(.16,.7,.3,1),transform .9s cubic-bezier(.16,.7,.3,1);}
.reveal.is-visible{opacity:1;transform:none;}
.reveal-left{transform:translateX(-50px);}
.reveal-right{transform:translateX(50px);}
.reveal-left.is-visible,.reveal-right.is-visible{transform:none;}
.reveal-scale{opacity:0;transform:scale(.9);transition:opacity 1s cubic-bezier(.16,.7,.3,1),transform 1s cubic-bezier(.16,.7,.3,1);}
.reveal-scale.is-visible{opacity:1;transform:none;}
.d1{transition-delay:.08s;} .d2{transition-delay:.16s;} .d3{transition-delay:.24s;} .d4{transition-delay:.32s;} .d5{transition-delay:.4s;} .d6{transition-delay:.48s;}

/* ---------- Marquee ticker ---------- */
.ticker-strip{position:relative;overflow:hidden;padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(255,255,255,.015);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.ticker-track{display:flex;width:max-content;gap:46px;animation:tickerScroll 30s linear infinite;}
.ticker-track span{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:14.5px;color:rgba(255,255,255,.35);white-space:nowrap;letter-spacing:.3px;}
.ticker-track span i{color:var(--purple);font-size:7px;}
@keyframes tickerScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.ticker-strip:hover .ticker-track{animation-play-state:paused;}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;}}

/* ---------- 3D tilt targets ---------- */
.stack-mock,.about-3d-visual{transition:transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform;}
.service-card{will-change:transform;}

/* ---------- Staggered stack item reveal ---------- */
.stack-item{opacity:0;transform:translateY(16px) scale(.94);}
.reveal.is-visible .stack-item,.reveal-scale.is-visible .stack-item{opacity:1;transform:none;}
.stack-item:nth-child(1){transition-delay:.02s;} .stack-item:nth-child(2){transition-delay:.05s;} .stack-item:nth-child(3){transition-delay:.08s;} .stack-item:nth-child(4){transition-delay:.11s;} .stack-item:nth-child(5){transition-delay:.14s;} .stack-item:nth-child(6){transition-delay:.17s;} .stack-item:nth-child(7){transition-delay:.2s;} .stack-item:nth-child(8){transition-delay:.23s;} .stack-item:nth-child(9){transition-delay:.26s;} .stack-item:nth-child(10){transition-delay:.29s;} .stack-item:nth-child(11){transition-delay:.32s;} .stack-item:nth-child(12){transition-delay:.35s;} .stack-item:nth-child(13){transition-delay:.38s;} .stack-item:nth-child(14){transition-delay:.41s;} .stack-item:nth-child(15){transition-delay:.44s;} .stack-item:nth-child(16){transition-delay:.47s;}

@keyframes fadeUp{from{opacity:0;transform:translateY(36px);}to{opacity:1;transform:translateY(0);}}
.fade-up{animation:fadeUp 1s cubic-bezier(.16,.7,.3,1) both;}
.fu1{animation-delay:.1s;} .fu2{animation-delay:.24s;} .fu3{animation-delay:.38s;} .fu4{animation-delay:.52s;}

@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-16px);}}
.float{animation:float 6s ease-in-out infinite;}

.page-loader{position:fixed;inset:0;background:var(--bg);z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transition:opacity .6s ease,visibility .6s ease;}
.page-loader.loaded{opacity:0;visibility:hidden;pointer-events:none;}
.loader-ring{width:80px;height:80px;border-radius:50%;background:conic-gradient(from 0deg,var(--purple),var(--pink),var(--purple));animation:spin 1.1s linear infinite;box-shadow:0 0 40px rgba(168,85,247,.3);position:relative;}
.loader-ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--bg);}
.loader-text{color:var(--text-muted);letter-spacing:3px;text-transform:uppercase;font-size:13px;}

@media(hover:none),(pointer:coarse){.cursor,.cursor-dot{display:none!important;}}
.cursor{position:fixed;top:0;left:0;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--purple);background:rgba(168,85,247,.08);pointer-events:none;z-index:999999;transform:translate(-50%,-50%);transition:width .25s,height .25s,background .25s,opacity .25s;mix-blend-mode:screen;}
.cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;border-radius:50%;background:var(--pink);pointer-events:none;z-index:1000000;transform:translate(-50%,-50%);}
.cursor.active{width:64px;height:64px;background:rgba(236,72,153,.1);border-color:var(--pink);}

.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--gradient-brand);z-index:999999;}
.back-top{position:fixed;right:26px;bottom:26px;width:52px;height:52px;border-radius:50%;background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:.35s ease;z-index:9999;box-shadow:0 14px 32px rgba(168,85,247,.3);}
.back-top.show{opacity:1;visibility:visible;transform:translateY(0);}
.back-top:hover{transform:translateY(-5px);}

.header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:22px 0;transition:background .35s,padding .35s,border-color .35s,backdrop-filter .35s;border-bottom:1px solid transparent;}
.header.scrolled{background:rgba(5,5,6,.75);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:var(--border);padding:14px 0;}
.navbar{display:flex;align-items:center;justify-content:space-between;}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:19px;color:#fff;}
.logo .dot{width:34px;height:34px;border-radius:10px;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.logo-mark{object-fit:cover;box-shadow:0 4px 14px rgba(168,85,247,.35);}
.cd-text a,.footer-addr-item a{transition:color .25s;}
.cd-text a:hover,.footer-addr-item a:hover{color:var(--purple);}
.logo-image-wrap{display:inline-flex;align-items:center;line-height:0;}
.logo-full-img{display:block;width:auto;object-fit:contain;}
.logo-full-header{height:38px;max-width:none;}
.logo-full-footer{height:46px;max-width:none;}
@media(max-width:940px){.logo-full-header{height:32px;}}
.nav-menu{display:flex;align-items:center;gap:38px;}
.nav-menu a{position:relative;font-size:15px;font-weight:500;color:var(--text-muted);transition:.3s;}
.nav-menu a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--gradient-brand);border-radius:99px;transition:.3s;}
.nav-menu a:hover{color:#fff;}
.nav-menu a:hover::after,.nav-menu a.active::after{width:100%;}
.nav-right{display:flex;align-items:center;gap:16px;}
.menu-toggle{display:none;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:6px;}
.menu-toggle span{width:22px;height:2px;background:#fff;border-radius:99px;transition:.3s;}
.menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.menu-toggle.active span:nth-child(2){opacity:0;}
.menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
@media(max-width:940px){
  .nav-menu{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:rgba(5,5,6,.97);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:40px;transition:.4s ease;}
  .nav-menu.active{right:0;}
  .nav-menu a{display:block;width:100%;padding:14px 0;font-size:18px;}
  .menu-toggle{display:flex;}
  .nav-right .btn{display:none;}
}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;padding-top:140px;padding-bottom:80px;position:relative;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;position:relative;z-index:2;}
.hero-content h1{font-size:clamp(2.6rem,5vw,4.4rem);margin-bottom:26px;}
.hero-content p{font-size:18px;max-width:520px;margin-bottom:38px;}
.hero-buttons{display:flex;gap:18px;flex-wrap:wrap;}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:480px;transform-style:preserve-3d;}
.hero-visual svg{width:100%;max-width:560px;position:relative;z-index:2;}
.hero-ring{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(168,85,247,.35);z-index:1;animation:ringSpin 26s linear infinite;}
.hero-ring-2{width:96%;border-color:rgba(236,72,153,.2);animation-duration:38s;animation-direction:reverse;}
@keyframes ringSpin{to{transform:rotate(360deg);}}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.glass-shine{position:absolute;inset:-160%;transform:rotate(22deg);opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);pointer-events:none;}
.hero-badge-float{position:absolute;display:flex;align-items:center;gap:14px;padding:16px 20px;z-index:3;min-width:200px;overflow:hidden;isolation:isolate;}
.hero-badge-float strong{display:block;font-size:19px;color:#fff;font-family:var(--font-display);}
.hero-badge-float span{font-size:12.5px;color:var(--text-muted);}
.hb-icon{width:42px;height:42px;border-radius:12px;background:rgba(168,85,247,.18);color:var(--purple);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.hb-icon-green{background:rgba(34,197,94,.16);color:var(--green);}
.hb1{top:8%;left:-6%;animation:float 6s ease-in-out infinite;}
.hb2{bottom:10%;right:-4%;animation:float 6s ease-in-out infinite;animation-delay:-3s;}
.hero-badge-float:hover .glass-shine{animation:shineSweep 1.1s ease;}
@keyframes shineSweep{0%{transform:translateX(-130%) rotate(22deg);opacity:0;}30%{opacity:1;}100%{transform:translateX(130%) rotate(22deg);opacity:0;}}
.hero-badge-float:hover,.dash-float:hover{transform:none;}
@media(max-width:940px){.hero-badge-float{display:none;}}
@media(max-width:940px){
  .hero{padding-top:120px;text-align:center;}
  .hero-grid{grid-template-columns:1fr;gap:50px;}
  .hero-content p{margin-inline:auto;}
  .hero-buttons{justify-content:center;}
  .hero-visual{min-height:360px;}
}

/* SERVICES — Premium Expandable */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative;z-index:2;}
.service-card{padding:38px;cursor:default;}
.service-num{width:52px;height:52px;border-radius:16px;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:16px;color:#fff;margin-bottom:24px;box-shadow:0 8px 24px rgba(168,85,247,.25);}
.service-card h3{font-size:1.3rem;margin-bottom:14px;}
.service-card>p{font-size:15px;}
.svc-expand-btn{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:10px 20px;border-radius:99px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.25);color:var(--purple);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.2,.8,.2,1);}
.svc-expand-btn:hover{background:rgba(168,85,247,.18);border-color:rgba(168,85,247,.5);transform:translateY(-2px);box-shadow:0 8px 24px rgba(168,85,247,.2);}
.svc-expand-btn i{font-size:11px;transition:transform .35s;}

/* Modal overlay */
.svc-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:99990;opacity:0;visibility:hidden;transition:all .4s ease;display:flex;align-items:center;justify-content:center;padding:40px 20px;}
.svc-modal-overlay.active{opacity:1;visibility:visible;}
.svc-modal{position:relative;width:100%;max-width:740px;max-height:85vh;overflow-y:auto;border-radius:28px;background:linear-gradient(160deg,rgba(18,18,28,.98),rgba(12,12,20,.99));border:1px solid rgba(168,85,247,.2);box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 80px rgba(168,85,247,.12);transform:scale(.85) rotateX(10deg) translateY(50px);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s;opacity:0;transform-style:preserve-3d;}
.svc-modal-overlay.active .svc-modal{transform:scale(1) rotateX(0) translateY(0);opacity:1;}
.svc-modal::before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.5),rgba(236,72,153,.4),transparent);}
.svc-modal::after{content:"";position:absolute;top:0;left:20%;right:20%;height:120px;background:radial-gradient(ellipse at 50% 0%,rgba(168,85,247,.12),transparent 80%);pointer-events:none;border-radius:28px;}
.svc-modal::-webkit-scrollbar{width:6px;}.svc-modal::-webkit-scrollbar-track{background:transparent;}.svc-modal::-webkit-scrollbar-thumb{background:rgba(168,85,247,.3);border-radius:99px;}
.svc-modal-inner{position:relative;z-index:1;padding:48px 44px;}
.svc-modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .3s;z-index:5;}
.svc-modal-close:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#f87171;transform:rotate(90deg);}
.svc-modal-header{display:flex;align-items:center;gap:18px;margin-bottom:28px;}
.svc-modal-num{width:56px;height:56px;border-radius:18px;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:18px;color:#fff;box-shadow:0 12px 30px rgba(168,85,247,.3);flex-shrink:0;}
.svc-modal-header h3{font-size:clamp(1.5rem,2.5vw,2rem);color:#fff;line-height:1.2;}
.svc-modal-desc{font-size:16px;line-height:1.8;color:rgba(255,255,255,.55);margin-bottom:32px;}
.svc-modal-features{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:32px;}
.svc-feat{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);transition:all .3s;}
.svc-feat:hover{border-color:rgba(168,85,247,.3);background:rgba(168,85,247,.05);transform:translateX(4px);}
.svc-feat-icon{width:32px;height:32px;border-radius:10px;background:rgba(168,85,247,.12);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--purple);flex-shrink:0;margin-top:2px;}
.svc-feat-text strong{display:block;font-size:14px;color:#fff;font-family:var(--font-display);margin-bottom:2px;}
.svc-feat-text span{font-size:12.5px;color:rgba(255,255,255,.4);line-height:1.5;}
.svc-modal-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px;}
.svc-mtag{padding:8px 16px;border-radius:99px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:500;color:var(--text-muted);}
.svc-modal-cta{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-radius:18px;background:linear-gradient(135deg,rgba(168,85,247,.1),rgba(236,72,153,.06));border:1px solid rgba(168,85,247,.2);}
.svc-modal-cta p{font-size:14px;color:rgba(255,255,255,.5);max-width:none;}
.svc-modal-cta .btn{min-height:44px;padding-inline:24px;font-size:14px;border-radius:12px;}
.svc-modal-overlay.active .svc-feat{animation:svcFeatIn .5s cubic-bezier(.16,.7,.3,1) both;}
.svc-modal-overlay.active .svc-feat:nth-child(1){animation-delay:.15s;}
.svc-modal-overlay.active .svc-feat:nth-child(2){animation-delay:.22s;}
.svc-modal-overlay.active .svc-feat:nth-child(3){animation-delay:.29s;}
.svc-modal-overlay.active .svc-feat:nth-child(4){animation-delay:.36s;}
.svc-modal-overlay.active .svc-feat:nth-child(5){animation-delay:.43s;}
.svc-modal-overlay.active .svc-feat:nth-child(6){animation-delay:.50s;}
@keyframes svcFeatIn{from{opacity:0;transform:translateY(16px) translateX(-8px);}to{opacity:1;transform:none;}}
@media(max-width:992px){.services-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.services-grid{grid-template-columns:1fr;}.svc-modal-inner{padding:32px 24px;}.svc-modal-features{grid-template-columns:1fr;}.svc-modal-cta{flex-direction:column;gap:14px;text-align:center;}.svc-modal{max-height:90vh;border-radius:22px;}}

/* =============================================
   AI SERVICES TIMELINE SECTION
   ============================================= */
.ai-section{position:relative;overflow-x:clip;background:var(--bg-soft);}
.ai-section .ai-head{text-align:center;max-width:780px;margin:0 auto 80px;position:relative;z-index:2;}
.ai-section .ai-head h2{font-size:clamp(2.2rem,4vw,3.4rem);margin-bottom:20px;}
.ai-section .ai-head>p{font-size:17px;margin-inline:auto;color:var(--text-muted);}

.ai-layout{display:grid;grid-template-columns:290px 1fr;gap:48px;position:relative;z-index:2;}

/* Timeline nav - left */
.ai-timeline-nav{position:relative;align-self:start;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.09);border-radius:26px;padding:30px 26px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 30px 60px rgba(0,0,0,.35);overflow:hidden;}
.ai-timeline-nav::before{content:"";position:absolute;top:-40%;left:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(168,85,247,.16),transparent 70%);pointer-events:none;z-index:0;}
@media(min-width:941px){.ai-timeline-nav{position:sticky;top:140px;}}
.ai-timeline-eyebrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:2;}
.ai-timeline-eyebrow span{font-size:11.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,.4);}
.ai-timeline-count{font-family:var(--font-display);font-size:12.5px;font-weight:700;color:var(--purple);background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.25);padding:4px 10px;border-radius:99px;}
.ai-timeline-track{position:relative;}
.ai-timeline-track::before{content:"";position:absolute;left:21px;top:4px;bottom:4px;width:2px;background:rgba(255,255,255,.08);border-radius:99px;}
.ai-timeline-track::after{content:"";position:absolute;left:21px;top:4px;width:2px;height:var(--progress,0%);background:var(--gradient-brand);box-shadow:0 0 12px rgba(168,85,247,.5);border-radius:99px;transition:height .35s ease;z-index:1;}
.tl-item{display:flex;align-items:center;gap:16px;padding:14px 10px 14px 0;cursor:pointer;position:relative;z-index:2;border-radius:14px;transition:opacity .3s,background .3s,transform .3s;}
.tl-item:not(.tl-active){opacity:.45;}
.tl-item:hover{opacity:.8;background:rgba(255,255,255,.03);transform:translateX(2px);}
.tl-item.tl-active{opacity:1;background:rgba(168,85,247,.07);}
.tl-dot{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:13px;flex-shrink:0;border:2px solid rgba(255,255,255,.14);background:var(--bg-soft);color:var(--text-muted);transition:all .4s;box-shadow:0 6px 16px rgba(0,0,0,.3);}
.tl-active .tl-dot{background:var(--gradient-brand);border-color:transparent;color:#fff;box-shadow:0 0 22px rgba(168,85,247,.5),0 6px 16px rgba(0,0,0,.3);}
.tl-label{font-size:14px;font-weight:600;color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;transition:color .3s;}
.tl-active .tl-label{color:#fff;}
.tl-item-solution .tl-dot{border-color:rgba(34,197,94,.3);}
.tl-item-solution.tl-active .tl-dot{background:var(--green);border-color:transparent;box-shadow:0 0 22px rgba(34,197,94,.5),0 6px 16px rgba(0,0,0,.3);}
.tl-item-solution.tl-active{background:rgba(34,197,94,.08);}

/* Cards - right */
.ai-cards{display:flex;flex-direction:column;gap:40px;}
.ai-card-item{padding:44px;border-radius:24px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);transition:all .7s cubic-bezier(.2,.8,.2,1);opacity:0;transform:translateY(60px) scale(.96);filter:blur(4px);}
.ai-card-item.ai-card-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
.ai-card-item.ai-card-active{background:rgba(255,255,255,.04);border-color:rgba(168,85,247,.25);box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 40px rgba(168,85,247,.08);}
.ai-card-top{display:flex;align-items:center;gap:14px;margin-bottom:22px;}
.ai-card-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,rgba(168,85,247,.2),rgba(236,72,153,.15));border:1px solid rgba(168,85,247,.3);font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--purple);flex-shrink:0;}
.ai-card-cat{font-size:12.5px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);}
.ai-card-item h3{font-size:clamp(1.4rem,2.5vw,1.8rem);margin-bottom:16px;line-height:1.25;color:#fff;}
.ai-card-item>p{font-size:15.5px;line-height:1.75;color:rgba(255,255,255,.5);margin-bottom:24px;}

/* Tag pills */
.ai-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;}
.ai-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:99px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:500;color:var(--text-muted);}
.ai-tag.ai-tag-accent{border-color:rgba(236,72,153,.35);color:#f9a8d4;}
.ai-tag.ai-tag-accent::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--pink);}

/* Callout box */
.ai-callout{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--purple);}
.ai-callout-icon{font-size:22px;flex-shrink:0;}
.ai-callout strong{display:block;font-size:15px;color:#fff;font-family:var(--font-display);font-weight:600;}
.ai-callout span{font-size:13px;color:rgba(255,255,255,.4);font-style:italic;}

/* Solution card (last item) */
.ai-solution-card{padding:60px 50px;border-radius:28px;background:linear-gradient(160deg,rgba(168,85,247,.08),rgba(236,72,153,.05),rgba(59,130,246,.04));border:1px solid rgba(168,85,247,.2);text-align:center;position:relative;overflow:hidden;opacity:0;transform:translateY(60px) scale(.96);filter:blur(4px);transition:all .7s cubic-bezier(.2,.8,.2,1);}
.ai-solution-card.ai-card-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
.ai-solution-card::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1' cy='1' r='.5' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");pointer-events:none;}
.ai-solution-divider{display:flex;align-items:center;gap:16px;justify-content:center;margin-bottom:28px;position:relative;z-index:1;}
.ai-solution-divider::before,.ai-solution-divider::after{content:"";flex:1;max-width:120px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2));}
.ai-solution-divider::after{background:linear-gradient(90deg,rgba(255,255,255,.2),transparent);}
.ai-solution-divider span{font-size:11.5px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;}
.ai-solution-card h3{font-size:clamp(1.8rem,3.2vw,2.6rem);margin-bottom:20px;position:relative;z-index:1;}
.ai-solution-card>p{font-size:16px;margin:0 auto 40px;max-width:600px;color:rgba(255,255,255,.5);position:relative;z-index:1;}
.ai-solution-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;z-index:1;}
.ai-sol-feat{padding:24px 20px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-align:left;transition:all .3s;}
.ai-sol-feat:hover{border-color:rgba(168,85,247,.3);transform:translateY(-4px);}
.ai-sol-feat-icon{width:40px;height:40px;border-radius:12px;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.2);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--purple);margin-bottom:14px;}
.ai-sol-feat h4{font-size:15px;margin-bottom:6px;color:#fff;}
.ai-sol-feat p{font-size:13px;color:rgba(255,255,255,.4);max-width:none;}

.ai-scroll-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-size:12.5px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);opacity:.6;}
.ai-scroll-hint i{animation:float 2s ease-in-out infinite;}

@media(max-width:940px){
  .ai-layout{grid-template-columns:1fr;gap:40px;}
  .ai-timeline-nav{display:flex;overflow-x:auto;gap:0;padding-bottom:8px;-webkit-overflow-scrolling:touch;}
  .ai-timeline-nav::before,.ai-timeline-nav::after{display:none;}
  .tl-item{flex-direction:column;gap:6px;min-width:100px;text-align:center;padding:10px 8px;}
  .tl-dot{width:34px;height:34px;font-size:12px;}
  .tl-label{font-size:11px;letter-spacing:.5px;}
  .ai-card-item{padding:28px;}
  .ai-solution-card{padding:36px 24px;}
  .ai-solution-features{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .ai-solution-features{grid-template-columns:1fr;}
}

/* =============================================
   PREMIUM ABOUT SECTION — 3D Visual
   ============================================= */
.about-premium{position:relative;overflow:hidden;}
.about-premium .glow-orb-about{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;}
.about-grid-premium{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;position:relative;z-index:2;}
.about-left .about-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;}
.about-left .about-eyebrow .line{width:40px;height:2px;background:var(--gradient-brand);border-radius:2px;}
.about-left .about-eyebrow span{font-size:13px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.about-left h2{font-size:clamp(2rem,3.8vw,3.2rem);margin-bottom:24px;line-height:1.1;}
.about-left>p{font-size:16px;line-height:1.8;margin-bottom:44px;color:var(--text-muted);}
.stats-premium{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px;}
.stat-block{position:relative;padding:28px 22px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid var(--border);text-align:center;transition:all .4s cubic-bezier(.2,.8,.2,1);overflow:hidden;}
.stat-block::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 0%,rgba(168,85,247,.08),transparent 70%);opacity:0;transition:opacity .4s;}
.stat-block:hover{border-color:rgba(168,85,247,.4);transform:translateY(-6px);box-shadow:0 20px 50px rgba(168,85,247,.15);}
.stat-block:hover::before{opacity:1;}
.stat-number{font-family:var(--font-display);font-size:clamp(2.2rem,3vw,2.8rem);font-weight:700;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;display:inline;position:relative;z-index:1;}
.stat-suffix{display:inline;font-family:var(--font-display);font-size:clamp(1.4rem,2vw,1.8rem);font-weight:700;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1;}
.stat-label{font-size:12.5px;font-weight:600;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;position:relative;z-index:1;margin-top:6px;}
.stat-icon{position:absolute;top:14px;right:14px;font-size:14px;color:rgba(168,85,247,.3);z-index:1;}

/* Trust badges */
.trust-row{display:flex;flex-wrap:wrap;gap:12px;}
.trust-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:99px;background:rgba(34,197,94,.08);border:1px solid rgba(168,85,247,.25);font-size:13px;font-weight:600;color:var(--purple);}
.trust-badge i{font-size:12px;}

/* 3D Holographic Sphere */
.about-3d-visual{display:flex;align-items:center;justify-content:center;min-height:460px;position:relative;}
.scene-3d{position:relative;width:550px;height:550px;}
.holo-sphere{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}

/* Core sphere */
.sphere-core{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(236,72,153,.3),rgba(168,85,247,.4) 40%,rgba(88,28,135,.6) 70%,rgba(30,10,60,.8));box-shadow:0 0 60px rgba(168,85,247,.3),0 0 120px rgba(168,85,247,.15),inset 0 0 30px rgba(236,72,153,.2);animation:spherePulse 4s ease-in-out infinite;position:relative;z-index:3;}
.sphere-core::after{content:"";position:absolute;top:15%;left:20%;width:35px;height:22px;border-radius:50%;background:rgba(255,255,255,.25);filter:blur(4px);}
@keyframes spherePulse{0%,100%{transform:scale(1);box-shadow:0 0 60px rgba(168,85,247,.3),0 0 120px rgba(168,85,247,.15);}50%{transform:scale(1.06);box-shadow:0 0 80px rgba(168,85,247,.4),0 0 160px rgba(168,85,247,.2);}}

/* Icon orbits */
.icon-orbit{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(168,85,247,.1);animation-timing-function:linear;animation-iteration-count:infinite;}
.io1{width:260px;height:260px;top:50%;left:50%;transform:translate(-50%,-50%);animation:orbitSpin1 14s linear infinite;}
.io2{width:330px;height:330px;top:50%;left:50%;transform:translate(-50%,-50%);border-color:rgba(236,72,153,.08);animation:orbitSpin2 20s linear infinite reverse;}
.io3{width:380px;height:380px;top:50%;left:50%;transform:translate(-50%,-50%);border-style:dashed;border-color:rgba(59,130,246,.08);animation:orbitSpin3 26s linear infinite;}
@keyframes orbitSpin1{to{transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes orbitSpin2{to{transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes orbitSpin3{to{transform:translate(-50%,-50%) rotate(360deg);}}

/* Icon nodes on orbits */
.io-node{position:absolute;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px rgba(0,0,0,.3);}
.ion1{top:-21px;left:50%;transform:translateX(-50%) rotate(0deg);background:linear-gradient(135deg,rgba(168,85,247,.35),rgba(168,85,247,.15));}
.ion2{bottom:-21px;right:15%;transform:rotate(0deg);background:linear-gradient(135deg,rgba(236,72,153,.35),rgba(236,72,153,.15));}
.ion3{top:40%;left:-21px;background:linear-gradient(135deg,rgba(59,130,246,.35),rgba(59,130,246,.15));}
.ion4{top:-21px;left:30%;transform:translateX(-50%);background:linear-gradient(135deg,rgba(34,197,94,.35),rgba(34,197,94,.15));}
.ion5{bottom:-21px;right:30%;background:linear-gradient(135deg,rgba(251,111,82,.35),rgba(251,111,82,.15));}
.ion6{top:50%;right:-21px;transform:translateY(-50%);background:linear-gradient(135deg,rgba(168,85,247,.3),rgba(59,130,246,.15));}
.ion7{bottom:20%;left:-21px;background:linear-gradient(135deg,rgba(236,72,153,.3),rgba(168,85,247,.15));}
/* Counter-rotate icons so they stay upright */
.io1 .io-node{animation:counterSpin 14s linear infinite;}
.io2 .io-node{animation:counterSpin 20s linear infinite reverse;}
.io3 .io-node{animation:counterSpin 26s linear infinite;}
@keyframes counterSpin{to{transform:rotate(-360deg);}}

/* Pulse rings */
.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(168,85,247,.2);animation:pulseExpand 3s ease-out infinite;}
.pr1{width:140px;height:140px;}
.pr2{width:140px;height:140px;animation-delay:1s;}
.pr3{width:140px;height:140px;animation-delay:2s;}
@keyframes pulseExpand{0%{width:140px;height:140px;opacity:.6;}100%{width:380px;height:380px;opacity:0;}}

/* Scene floating badges */
.scene-badge{position:absolute;z-index:3;padding:12px 16px;border-radius:14px;display:flex;align-items:center;gap:10px;font-size:13px;min-width:140px;}
.scene-badge strong{color:#fff;font-family:var(--font-display);font-size:14px;font-weight:600;}
.scene-badge span:not(.sb-dot){font-size:11px;color:var(--text-muted);}
.scene-badge:hover .glass-shine{animation:shineSweep 1.1s ease;}
.sb1{top:8%;right:0;animation:float 6s ease-in-out infinite;}
.sb2{bottom:8%;left:0;animation:float 6s ease-in-out infinite;animation-delay:-3s;}
.sb-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.sb-dot-green{background:var(--green);box-shadow:0 0 8px rgba(34,197,94,.5);}
.sb-dot-purple{background:var(--purple);box-shadow:0 0 8px rgba(168,85,247,.5);}

@media(max-width:940px){
  .about-grid-premium{grid-template-columns:1fr;gap:50px;}
  .scene-3d{width:300px;height:300px;}
  .about-3d-visual{min-height:360px;}
  .scene-badge{display:none;}
  .stats-premium{grid-template-columns:repeat(3,1fr);gap:14px;}
}
@media(max-width:480px){.stats-premium{grid-template-columns:1fr;}.stat-block{padding:22px 18px;}}


/* CTA BANNER */
.cta-banner{position:relative;z-index:2;}
.cta-card{padding:70px 50px;text-align:center;border-radius:32px;position:relative;overflow:hidden;}
.cta-card h2{font-size:clamp(1.9rem,4vw,3rem);margin-bottom:14px;}
.cta-card p{margin:0 auto 34px;font-size:17px;}

/* BENEFITS */
.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:2;}
.benefit-items{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:34px 0 34px;}
.benefit-item{display:flex;align-items:center;gap:14px;padding:20px 22px;border-radius:16px;background:var(--surface);border:1px solid var(--border);font-weight:600;font-size:15px;color:#fff;transition:.3s;}
.benefit-item:hover{border-color:rgba(168,85,247,.4);transform:translateY(-4px);}
.benefit-item i{color:var(--pink);font-size:17px;flex-shrink:0;}
.benefits-media{display:flex;justify-content:center;}
.dash-mock{position:relative;width:100%;max-width:460px;}
.dash-glow{position:absolute;inset:-40px;background:radial-gradient(circle,rgba(168,85,247,.25),transparent 70%);filter:blur(30px);z-index:0;}
.dash-card{position:relative;z-index:2;padding:28px;border-radius:26px;box-shadow:var(--shadow-lg),var(--shadow-glow);}
.dash-topbar{display:flex;align-items:center;gap:8px;margin-bottom:26px;}
.wdot{width:10px;height:10px;border-radius:50%;}
.wdot-r{background:#FB7185;} .wdot-y{background:#FBBF24;} .wdot-g{background:#4ADE80;}
.dash-title{margin-left:10px;font-size:13px;color:var(--text-muted);font-weight:600;letter-spacing:.3px;}
.dash-body{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;}
.dash-ring{position:relative;width:120px;height:120px;flex-shrink:0;}
.dash-ring svg{width:100%;height:100%;}
.ring-progress{transition:stroke-dashoffset 1.6s cubic-bezier(.16,.7,.3,1);}
.dash-ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.dash-ring-label strong{font-family:var(--font-display);font-size:22px;color:#fff;}
.dash-ring-label span{font-size:11px;color:var(--text-muted);}
.dash-bars{display:flex;align-items:flex-end;gap:8px;height:110px;flex:1;}
.dash-bars .bar{flex:1;height:0;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--purple),var(--pink));transition:height 1.3s cubic-bezier(.16,.7,.3,1);}
.dash-footer{display:flex;flex-wrap:wrap;gap:10px;}
.chip{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:99px;background:rgba(168,85,247,.12);color:#e9d5ff;font-size:12.5px;font-weight:600;border:1px solid rgba(168,85,247,.2);}
.chip-green{background:rgba(34,197,94,.12);color:#bbf7d0;border-color:rgba(34,197,94,.22);}
.chip-blue{background:rgba(59,130,246,.12);color:#bfdbfe;border-color:rgba(59,130,246,.22);}
.dash-float{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;z-index:3;min-width:170px;overflow:hidden;isolation:isolate;}
.dash-float strong{display:block;font-size:16px;color:#fff;font-family:var(--font-display);}
.dash-float span{font-size:11.5px;color:var(--text-muted);}
.df1{top:-8%;right:-8%;animation:float 6s ease-in-out infinite;}
.df2{bottom:-6%;left:-10%;animation:float 6s ease-in-out infinite;animation-delay:-3s;}
#dashReveal.is-visible .ring-progress{stroke-dashoffset:26;}
#dashReveal.is-visible .bar{height:var(--h);}
@media(max-width:560px){.dash-float{display:none;}.dash-body{flex-direction:column;}}
@media(max-width:940px){.benefits-grid{grid-template-columns:1fr;gap:50px;}.benefit-items{grid-template-columns:1fr;}}


/* =============================================
   PREMIUM CONTACT SECTION
   ============================================= */
.contact-premium{position:relative;overflow:hidden;}
.contact-premium .section-head h2{font-size:clamp(2rem,3.6vw,3rem);}

.contact-outer{position:relative;z-index:2;border-radius:28px;overflow:hidden;border:1px solid var(--border);background:rgba(255,255,255,.02);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.contact-grid-premium{display:grid;grid-template-columns:.42fr .58fr;min-height:620px;}

/* Left panel - gradient info */
.contact-panel{position:relative;padding:50px 40px;background:linear-gradient(160deg,rgba(168,85,247,.15) 0%,rgba(236,72,153,.08) 50%,rgba(59,130,246,.06) 100%);overflow:hidden;display:flex;flex-direction:column;}
.contact-panel::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1' cy='1' r='.7' fill='rgba(255,255,255,0.04)'/%3E%3C/svg%3E");pointer-events:none;}
.contact-panel::after{content:"";position:absolute;bottom:-80px;right:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.2),transparent 70%);pointer-events:none;}

.cp-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600;color:var(--purple);margin-bottom:28px;width:fit-content;}
.cp-badge i{font-size:11px;}

.contact-panel h3{font-size:1.6rem;margin-bottom:12px;color:#fff;position:relative;z-index:1;}
.contact-panel>p{font-size:14.5px;color:rgba(255,255,255,.55);margin-bottom:40px;line-height:1.7;position:relative;z-index:1;}

.contact-detail{display:flex;align-items:center;gap:16px;margin-bottom:22px;position:relative;z-index:1;}
.contact-detail:last-of-type{margin-bottom:0;}
.cd-icon{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0;transition:all .3s;}
.contact-detail:hover .cd-icon{background:var(--gradient-brand);border-color:transparent;box-shadow:0 8px 24px rgba(168,85,247,.3);}
.cd-text strong{display:block;font-size:15px;color:#fff;font-weight:600;font-family:var(--font-display);}
.cd-text span{font-size:12.5px;color:rgba(255,255,255,.45);}

.contact-socials{margin-top:auto;padding-top:36px;display:flex;gap:12px;position:relative;z-index:1;}
.contact-socials a{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:15px;transition:all .3s;}
.contact-socials a:hover{background:var(--gradient-brand);border-color:transparent;color:#fff;transform:translateY(-3px);}

/* Right panel - form */
.contact-form-premium{padding:50px 44px;display:flex;flex-direction:column;justify-content:center;}
.contact-form-premium h3{font-size:1.3rem;margin-bottom:6px;color:#fff;}
.contact-form-premium>p{font-size:14px;color:var(--text-muted);margin-bottom:32px;}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px;}
.form-field{position:relative;}
.form-field label{display:block;font-size:12px;font-weight:600;color:rgba(255,255,255,.4);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;}
.form-field input,.form-field textarea{width:100%;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:15px;color:#fff;transition:all .3s;}
.form-field input::placeholder,.form-field textarea::placeholder{color:rgba(255,255,255,.2);}
.form-field input:focus,.form-field textarea:focus{border-color:var(--purple);background:rgba(168,85,247,.06);box-shadow:0 0 0 3px rgba(168,85,247,.1);}
.form-field textarea{resize:vertical;min-height:100px;border-radius:16px;}
.form-field.full{grid-column:1/-1;}

/* Service pills */
.service-select{margin-bottom:24px;}
.service-select label{display:block;font-size:12px;font-weight:600;color:rgba(255,255,255,.4);letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px;}
.service-pills{display:flex;flex-wrap:wrap;gap:10px;}
.service-pill{position:relative;}
.service-pill input{position:absolute;opacity:0;pointer-events:none;}
.service-pill .pill-label{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:99px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font-size:13.5px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .3s;}
.service-pill .pill-label:hover{border-color:rgba(168,85,247,.4);color:#fff;}
.service-pill input:checked+.pill-label{background:linear-gradient(135deg,rgba(168,85,247,.2),rgba(236,72,153,.15));border-color:rgba(168,85,247,.5);color:#fff;box-shadow:0 4px 16px rgba(168,85,247,.15);}
.service-pill input:checked+.pill-label .pill-dot{background:var(--gradient-brand);box-shadow:0 0 8px rgba(168,85,247,.4);}
.pill-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.15);transition:all .3s;}

.form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;}
.form-actions .btn{min-height:52px;padding-inline:36px;border-radius:16px;font-size:15px;}
.form-hint{font-size:12.5px;color:rgba(255,255,255,.3);}
.form-hint i{color:var(--green);margin-right:4px;}

.form-msg{margin-top:12px;padding:14px 16px;border-radius:12px;font-size:14px;display:none;}
.form-msg.success{display:block;background:rgba(34,197,94,.12);color:var(--green);border:1px solid rgba(34,197,94,.25);}
.form-msg.error{display:block;background:rgba(239,68,68,.1);color:#F87171;border:1px solid rgba(239,68,68,.25);}

@media(max-width:940px){
  .contact-grid-premium{grid-template-columns:1fr;}
  .contact-panel{padding:40px 32px;min-height:auto;}
  .contact-socials{padding-top:28px;}
}
@media(max-width:560px){
  .form-grid{grid-template-columns:1fr;}
  .contact-form-premium{padding:32px 24px;}
  .contact-panel{padding:32px 24px;}
  .form-actions{flex-direction:column;align-items:stretch;}
}


/* TECH STACK — Premium Browser Mockup */
.stack-section{position:relative;overflow:hidden;}
.stack-mock-wrap{position:relative;max-width:1050px;margin:0 auto;}
.stack-mock-glow{position:absolute;inset:-60px;background:radial-gradient(ellipse at 50% 20%,rgba(168,85,247,.22),transparent 65%);filter:blur(40px);z-index:0;pointer-events:none;}
.stack-mock{position:relative;z-index:2;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg),var(--shadow-glow);transform:perspective(1400px) rotateX(2deg);}
.stack-mock-bar{display:flex;align-items:center;gap:18px;padding:16px 22px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--border);}
.stack-mock-dots{display:flex;gap:7px;flex-shrink:0;}
.stack-mock-url{flex:1;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:12.5px;color:rgba(255,255,255,.35);max-width:320px;}
.stack-mock-url i{font-size:10px;color:var(--green);}
.stack-mock-tab{display:none;align-items:center;gap:8px;padding:7px 16px;border-radius:99px;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.25);font-size:12px;font-weight:600;color:#e9d5ff;flex-shrink:0;}
@media(min-width:640px){.stack-mock-tab{display:flex;}}
.stack-mock-body{padding:8px;background:rgba(6,6,9,.6);}
.stack-item{background:rgba(10,10,16,.9);border-radius:14px;padding:26px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .35s cubic-bezier(.2,.8,.2,1);position:relative;}
.stack-item i{font-size:22px;color:rgba(255,255,255,.32);transition:all .35s;}
.stack-item span{font-size:10.5px;font-weight:600;color:rgba(255,255,255,.28);letter-spacing:1px;text-transform:uppercase;transition:color .35s;}
.stack-item:hover{background:rgba(168,85,247,.08);transform:translateY(-4px);}
.stack-item:hover i{color:var(--purple);transform:scale(1.1);}
.stack-item:hover span{color:rgba(255,255,255,.7);}
.stack-mock-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;background:rgba(255,255,255,.02);border-top:1px solid var(--border);}
.stack-mock-foot .foot-chips{display:flex;flex-wrap:wrap;gap:8px;}
.stack-float{position:absolute;display:flex;align-items:center;gap:12px;padding:13px 18px;z-index:3;min-width:170px;overflow:hidden;isolation:isolate;}
.stack-float strong{display:block;font-size:15px;color:#fff;font-family:var(--font-display);}
.stack-float span{font-size:11px;color:var(--text-muted);}
.sf1{top:-18px;right:4%;animation:float 6s ease-in-out infinite;}
.sf2{bottom:-18px;left:4%;animation:float 6s ease-in-out infinite;animation-delay:-3s;}
@media(max-width:768px){.stack-float{display:none;}}

/* FOOTER — Premium */
.footer{padding:0;background:var(--bg-soft);position:relative;overflow:hidden;}
.footer-top-glow{height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.35),rgba(236,72,153,.35),transparent);position:relative;}
.footer-top-glow::after{content:"";position:absolute;top:0;left:20%;right:20%;height:40px;background:linear-gradient(180deg,rgba(168,85,247,.08),transparent);pointer-events:none;}
.footer-inner{padding:80px 0 30px;position:relative;z-index:2;}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:50px;margin-bottom:60px;}
.footer h4{color:#fff;font-size:16px;margin-bottom:22px;font-family:var(--font-display);}
.footer p{font-size:14px;max-width:320px;}
.footer ul{display:flex;flex-direction:column;gap:13px;}
.footer ul a{color:var(--text-muted);font-size:14.5px;transition:.3s;display:inline-flex;align-items:center;gap:6px;}
.footer ul a::before{content:"";width:0;height:1.5px;background:var(--gradient-brand);border-radius:2px;transition:width .3s;}
.footer ul a:hover{color:#fff;padding-left:0;}
.footer ul a:hover::before{width:14px;}
.footer-addr-item{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;font-size:14px;color:var(--text-muted);}
.footer-addr-item i{color:var(--purple);margin-top:3px;flex-shrink:0;}
.footer-social{display:flex;gap:12px;margin-top:26px;}
.footer-social a{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:15px;transition:all .3s;}
.footer-social a:hover{background:var(--gradient-brand);border-color:transparent;color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(168,85,247,.25);}
.footer-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin-bottom:26px;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--text-muted);}
.footer-bottom .links{display:flex;gap:22px;}
.footer-bottom .links a{transition:color .3s;}
.footer-bottom .links a:hover{color:var(--purple);}
.footer-reg{display:flex;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.25);margin-top:16px;}
.footer-reg i{font-size:10px;}
@media(max-width:940px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr;text-align:left;}.footer-bottom{flex-direction:column;text-align:center;}}