*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
:root{--progress:0%;}
/* SCROLL PROGRESS */
#scroll-progress{position:fixed;top:0;left:0;height:2px;width:var(--progress);background:linear-gradient(to right,#C8FF00,#00E5CC);z-index:9998;pointer-events:none;box-shadow:0 0 8px #C8FF00;transition:width .1s linear}
:root{
  --lime:#C8FF00;--lime-glow:rgba(200,255,0,0.15);--lime-dim:rgba(200,255,0,0.06);
  --teal:#00E5CC;--coral:#FF4D6D;--dark:#060606;--dark2:#0D0D0D;--mid:#111;
  --soft:#181818;--border:#1E1E1E;--border2:rgba(200,255,0,0.12);
  --white:#F2F2F2;--muted:#555;
  --font-display:'Bebas Neue',sans-serif;
  --font-body:'DM Sans',sans-serif;
  --font-mono:'DM Mono',monospace;
}
body{background:var(--dark);color:var(--white);font-family:var(--font-body);font-weight:300;overflow-x:hidden}

/* Hide custom cursor on touch devices */
@media (hover: none) and (pointer: coarse) {
  .cursor,.cursor-ring{display:none}
  body{cursor:auto}
  *{cursor:auto!important;-webkit-tap-highlight-color:transparent}

  /* Fix input interactions on touch devices */
  .form-input,.form-textarea,.form-select,.newsletter-input,.chat-input{
    touch-action:manipulation;
    pointer-events:auto!important
  }

  /* Ensure all interactive elements are fully pressable */
  .btn-primary,.btn-outline,.carousel-btn,.chat-send,.newsletter-btn,.form-submit,
  .faq-q,.tech-filter,.nav-cta,.nav-hamburger,.chart-tab{
    touch-action:manipulation;
    pointer-events:auto!important;
    -webkit-user-select:none;
    user-select:none;
    min-height:44px
  }

  /* FAQ: full-width so the entire row is tappable */
  .faq-q{width:100%;display:flex}

  /* Mobile nav links: full-width row tap target, no selection cursor */
  .mobile-nav a{
    touch-action:manipulation;
    pointer-events:auto!important;
    width:100%;
    display:block;
    min-height:52px;
    -webkit-user-select:none;
    user-select:none
  }

  /* Chart tabs: full-width on mobile */
  .chart-tab{
    flex:1;
    text-align:center
  }
}

/* LOADER */
#loader{position:fixed;inset:0;background:var(--dark);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;transition:opacity .6s ease, visibility .6s ease;}
#loader.hide{opacity:0;visibility:hidden;pointer-events:none}
.loader-logo{font-family:var(--font-display);font-size:48px;letter-spacing:4px;color:var(--white);overflow:hidden;}
.loader-logo span{color:var(--lime);font-size:54px}
.loader-bar-wrap{width:240px;height:1px;background:#1A1A1A;position:relative;overflow:hidden}
.loader-bar{position:absolute;top:0;left:0;height:100%;background:var(--lime);animation:load-progress 2.2s cubic-bezier(.4,0,.2,1) forwards;}
.loader-pct{font-family:var(--font-mono);font-size:11px;letter-spacing:3px;color:#333}
@keyframes load-progress{from{width:0}to{width:100%}}

/* CURSOR */
.cursor{position:fixed;width:10px;height:10px;background:var(--lime);border-radius:50%;pointer-events:none;z-index:8000;transform:translate(-50%,-50%);transition:width .15s,height .15s,background .2s,border-radius .15s;mix-blend-mode:difference}
.cursor-ring{position:fixed;width:38px;height:38px;border:1px solid rgba(200,255,0,0.35);border-radius:50%;pointer-events:none;z-index:7999;transform:translate(-50%,-50%);transition:width .22s,height .22s,border-color .2s}
.cursor.active{width:22px;height:22px}
.cursor-ring.active{width:60px;height:60px;border-color:rgba(200,255,0,.6)}
.cursor.text-mode{width:2px;height:20px;border-radius:1px;background:var(--lime)}

/* MOBILE NAV */
.mobile-nav{position:fixed;inset:0;background:rgba(6,6,6,.98);z-index:499;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px;padding:85px 20px 40px;transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(24px);overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:none}
.mobile-nav.open{pointer-events:auto}  /* only receive events when visible */
.mobile-nav.open{transform:translateX(0)}
.mobile-nav a{font-family:var(--font-display);font-size:clamp(32px,8vw,48px);letter-spacing:2px;color:var(--white);text-decoration:none;transition:color .2s;text-align:center;display:block;width:100%}
.mobile-nav a.mobile-cta{color:var(--lime)}
.nav-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:translateX(-8px)}
.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}

/* Spotlight */
.spotlight{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle 300px at var(--mx,50%) var(--my,50%), rgba(200,255,0,0.04), transparent 70%);transition:background .1s;}

/* Grain */
.grain{position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:rgba(6,6,6,.85);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);transition:padding .3s,background .3s}
nav.scrolled{padding:14px 24px;background:rgba(6,6,6,.97)}
.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-logo svg{width:28px;height:28px}
.nav-name{font-family:var(--font-display);font-size:clamp(18px,4vw,22px);letter-spacing:1px;color:var(--white)}
.nav-name span{color:var(--lime)}
.nav-links{display:flex;align-items:center;gap:24px;list-style:none}
.nav-links a{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;color:var(--white);text-decoration:none;text-transform:uppercase;transition:color .2s;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--lime);transform:scaleX(0);transition:transform .3s}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-cta{background:var(--lime)!important;color:var(--dark)!important;padding:8px 20px;border-radius:6px;font-weight:600!important;transition:transform .2s,box-shadow .2s!important}
.nav-cta::after{display:none!important}
.nav-cta:hover{transform:translateY(-2px)!important;box-shadow:0 8px 32px rgba(200,255,0,.3)!important}
.nav-right{display:flex;align-items:center;gap:8px}
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:transparent;border:none}
.nav-hamburger span{width:20px;height:1px;background:var(--white);transition:.3s}
.theme-toggle{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--white);transition:border-color .2s,color .2s,background .2s;flex-shrink:0}
.theme-toggle:hover{border-color:var(--lime);color:var(--lime)}
.theme-toggle svg{width:15px;height:15px;stroke:currentColor;pointer-events:none}
.icon-moon{display:none}
.icon-sun{display:block}

/* PARTICLES */
#particles{position:fixed;inset:0;z-index:0;pointer-events:none}

/* HERO */
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 20px 80px;position:relative;overflow:hidden;z-index:2}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(200,255,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(200,255,0,.025) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black,transparent);animation:grid-move 20s linear infinite;pointer-events:none}
@keyframes grid-move{from{background-position:0 0}to{background-position:50px 50px}}
.hero-glow{position:absolute;border-radius:50%;pointer-events:none}
.glow-1{width:900px;height:900px;background:radial-gradient(circle,rgba(200,255,0,.055),transparent 65%);top:50%;left:50%;transform:translate(-50%,-55%);animation:glow-breathe 6s ease-in-out infinite}
.glow-2{width:500px;height:500px;background:radial-gradient(circle,rgba(0,229,204,.04),transparent 65%);bottom:0;left:5%;animation:glow-breathe 9s ease-in-out infinite 2s}
.glow-3{width:350px;height:350px;background:radial-gradient(circle,rgba(255,77,109,.04),transparent 65%);top:15%;right:5%;animation:glow-breathe 7s ease-in-out infinite 1s}
@keyframes glow-breathe{0%,100%{opacity:.5;transform:translate(-50%,-55%) scale(1)}50%{opacity:1;transform:translate(-50%,-55%) scale(1.06)}}

.hero-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border2);border-radius:100px;padding:6px 18px 6px 10px;background:var(--lime-dim);margin-bottom:36px;opacity:0;animation:fadeUp .7s ease forwards .3s}
.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);animation:blink 2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.badge-text{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--lime);text-transform:uppercase}

.hero h1{font-family:var(--font-display);font-size:clamp(68px,11vw,155px);letter-spacing:3px;line-height:.92;opacity:0;animation:fadeUp .9s ease forwards .5s}
.hero h1 .outline{color:transparent;-webkit-text-stroke:1.5px rgba(200,255,0,.3)}
.hero h1 .lime{color:var(--lime)}
.typewriter{display:inline-block;border-right:3px solid var(--lime);padding-right:4px;animation:blink-cursor .7s step-end infinite}
@keyframes blink-cursor{50%{border-color:transparent}}

.hero-sub{font-size:16px;font-weight:300;color:#666;max-width:500px;line-height:1.8;margin:28px auto 0;opacity:0;animation:fadeUp .9s ease forwards .7s}
.hero-actions{display:flex;gap:12px;justify-content:center;margin-top:40px;opacity:0;animation:fadeUp .9s ease forwards .9s;flex-wrap:wrap}

.btn-primary{background:var(--lime);color:var(--dark);font-family:var(--font-body);font-weight:600;font-size:14px;padding:14px 32px;border-radius:8px;border:none;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;touch-action:manipulation}
.btn-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translateX(-100%);transition:transform .5s}
.btn-primary:hover::before{transform:translateX(100%)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 48px rgba(200,255,0,.3)}
.btn-primary:active{transform:translateY(0)}
.btn-outline{background:transparent;color:var(--white);font-family:var(--font-body);font-weight:500;font-size:14px;padding:14px 32px;border-radius:8px;border:1px solid var(--border);cursor:pointer;text-decoration:none;transition:border-color .2s,transform .2s,background .2s;touch-action:manipulation}
.btn-outline:hover{border-color:#333;transform:translateY(-2px);background:rgba(255,255,255,.03)}
.btn-outline:active{transform:translateY(0)}

.magnetic-btn{display:inline-block;transition:transform .2s ease}

.scroll-hint{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:fadeUp .9s ease forwards 1.4s}
.scroll-hint span{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:#333;text-transform:uppercase}
.scroll-line{width:1px;height:44px;background:linear-gradient(to bottom,#333,transparent);animation:scroll-drop 2s ease-in-out infinite}
@keyframes scroll-drop{0%,100%{opacity:.3}50%{opacity:1}}

/* TICKER */
.ticker{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0;background:var(--dark2);position:relative;z-index:2}
.ticker-track{display:flex;white-space:nowrap;animation:ticker 35s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-item{display:inline-flex;align-items:center;gap:20px;padding:0 40px;font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:#3A3A3A;text-transform:uppercase}
.ticker-item .t{color:var(--lime);font-size:14px}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* SHARED */
.s-label{font-family:var(--font-mono);font-size:10px;letter-spacing:4px;color:var(--lime);text-transform:uppercase;display:block;margin-bottom:14px}
.s-title{font-family:var(--font-display);font-size:clamp(38px,5.5vw,68px);letter-spacing:2px;line-height:1}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.on{opacity:1;transform:translateY(0)}

/* SERVICES */
.services{padding:130px 64px;max-width:1380px;margin:0 auto;position:relative;z-index:2}
.svc-header{display:flex;justify-content:space-between;align-items:flex-center;margin-bottom:64px;flex-wrap:wrap;gap:24px}
.svc-sub{max-width:360px;font-size:15px;color:var(--muted);line-height:1.75}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.svc-card{background:var(--dark2);padding:44px 36px;position:relative;overflow:hidden;transition:background .3s,transform .1s;transform-style:preserve-3d;cursor:default}
.svc-card:hover{background:var(--mid)}
.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--lime),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.svc-card:hover::before{transform:scaleX(1)}
.svc-card .card-shine{position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(200,255,0,.04),transparent 60%);pointer-events:none;opacity:0;transition:opacity .3s}
.svc-card:hover .card-shine{opacity:1}
.svc-num{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:#222;margin-bottom:28px;display:block}
.svc-icon{width:46px;height:46px;margin-bottom:20px}
.svc-name{font-family:var(--font-display);font-size:26px;letter-spacing:1px;margin-bottom:12px}
.svc-desc{font-size:13.5px;color:var(--muted);line-height:1.75}
.svc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}
.tag{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:#333;border:1px solid #1A1A1A;padding:4px 10px;border-radius:4px;text-transform:uppercase;transition:color .2s,border-color .2s}
.svc-card:hover .tag{color:var(--lime);border-color:var(--border2)}

/* STATS */
.stats-wrap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--dark2);position:relative;z-index:2}
.stats{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:70px 50px;border-right:1px solid var(--border);transition:background .3s;position:relative;overflow:hidden}
.stat:last-child{border-right:none}
.stat:hover{background:var(--mid)}
.stat::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--lime);transition:width .5s ease}
.stat:hover::after{width:100%}
.stat-val{font-family:var(--font-display);font-size:80px;letter-spacing:-2px;color:var(--lime);line-height:1;margin-bottom:10px}
.stat-label{font-size:13px;color:var(--muted);line-height:1.6}

/* PROCESS */
.process{padding:130px 64px;max-width:1380px;margin:0 auto;position:relative;z-index:2}
.process-header{margin-bottom:80px}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.process-steps::before{content:'';position:absolute;top:20px;left:20px;right:20px;height:1px;background:repeating-linear-gradient(to right,var(--border) 0,var(--border) 8px,transparent 8px,transparent 16px)}
.p-step{padding:60px 28px 0;position:relative;transition:transform .3s}
.p-step:hover{transform:translateY(-4px)}
.p-dot{position:absolute;top:6px;left:28px;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--dark);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;color:#333;z-index:2;transition:all .3s}
.p-step:hover .p-dot{background:var(--lime);border-color:var(--lime);color:var(--dark);box-shadow:0 0 24px rgba(200,255,0,.5)}
.p-name{font-family:var(--font-display);font-size:22px;letter-spacing:1px;margin-bottom:12px}
.p-desc{font-size:13.5px;color:var(--muted);line-height:1.75}

/* TECH STACK */
.tech{padding:130px 64px;background:var(--dark2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;z-index:2}
.tech-inner{max-width:1380px;margin:0 auto}
.tech-header{margin-bottom:48px}
.tech-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}
.tech-filter{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;color:var(--muted);border:1px solid var(--border);background:transparent;padding:8px 18px;border-radius:100px;cursor:pointer;text-transform:uppercase;transition:all .2s}
.tech-filter:hover{border-color:#333;color:var(--white)}
.tech-filter.active{background:var(--lime);color:var(--dark);border-color:var(--lime)}
.tech-rows{display:flex;flex-direction:column;gap:2px}
.tech-row{display:flex;align-items:center;gap:0}
.tech-cat{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:#2A2A2A;text-transform:uppercase;width:110px;flex-shrink:0;padding-right:20px}
.tech-chips{display:flex;flex-wrap:wrap;gap:2px}
.chip{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:#444;border:1px solid var(--border);background:var(--mid);padding:10px 18px;border-radius:4px;text-transform:uppercase;transition:all .25s;cursor:default;opacity:1}
.chip:hover{background:var(--lime-dim);border-color:var(--border2);color:var(--lime)}
.chip.hidden{opacity:.15;transform:scale(.95)}

.cases{padding:130px 64px;max-width:1380px;margin:0 auto;position:relative;z-index:2}
.cases-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;flex-wrap:wrap;gap:24px}
.carousel-nav{display:none}
.carousel-track-wrap{overflow:visible;border-radius:4px}
.carousel-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;transition:none}
.case-card{background:var(--dark2);padding:48px 40px;position:relative;overflow:hidden;border:1px solid var(--border);transition:border-color .3s,transform .3s}
.case-card:hover{border-color:var(--border2);transform:translateY(-4px)}
.case-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--lime);text-transform:uppercase;margin-bottom:20px;display:block}
.case-name{font-family:var(--font-display);font-size:32px;letter-spacing:1px;margin-bottom:12px}
.case-desc{font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:28px}
.case-result{display:flex;gap:24px;flex-wrap:wrap}
.case-metric{text-align:center}
.case-num{font-family:var(--font-display);font-size:36px;color:var(--lime);letter-spacing:-1px}
.case-metric-label{font-family:var(--font-mono);font-size:10px;color:#444;letter-spacing:1px;text-transform:uppercase}
.carousel-dots{display:none}

/* TESTIMONIALS */
.testimonials{padding:130px 64px;background:var(--dark2);border-top:1px solid var(--border);position:relative;z-index:2}
.testi-inner{max-width:1380px;margin:0 auto}
.testi-header{margin-bottom:64px}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border)}
.testi-card{background:var(--dark2);padding:40px 36px;transition:background .3s,transform .3s;cursor:default}
.testi-card:hover{background:var(--mid);transform:translateY(-4px)}
.testi-stars{color:var(--lime);font-size:12px;margin-bottom:16px;letter-spacing:2px}
.testi-quote{font-size:14px;color:#888;line-height:1.8;margin-bottom:28px;font-style:italic}
.testi-quote::before{content:'"';color:var(--lime);font-size:40px;line-height:0;vertical-align:-14px;margin-right:4px;font-style:normal}
.testi-author{display:flex;align-items:center;gap:12px}
.testi-avatar{width:40px;height:40px;border-radius:50%;background:var(--soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:16px;color:var(--lime);flex-shrink:0}
.testi-name{font-size:14px;font-weight:500}
.testi-role{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:2px;text-transform:uppercase}

/* PRICING */
.pricing-intro{max-width:640px;font-size:16px;color:var(--muted);line-height:1.8;margin:0 0 64px}
.price-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.price-tier{background:var(--dark2);padding:44px 36px;position:relative;display:flex;flex-direction:column;transition:background .3s}
.price-tier:hover{background:var(--mid)}
.price-tier.featured{background:var(--mid);border-top:2px solid var(--lime)}
.tier-badge{position:absolute;top:-1px;right:28px;background:var(--lime);color:var(--dark);font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;font-weight:600}
.tier-head{margin-bottom:24px}
.tier-icon{font-size:28px;display:block;margin-bottom:14px}
.tier-name{font-family:var(--font-display);font-size:20px;letter-spacing:1px;margin-bottom:8px}
.tier-tagline{font-size:13px;color:var(--muted);line-height:1.6}
.tier-price{font-family:var(--font-display);font-size:26px;letter-spacing:1px;margin-bottom:28px}
.tier-price strong{color:var(--lime)}
.tier-timeline{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:1px;display:block;margin-top:4px}
.tier-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:32px;flex:1}
.tier-list li{font-size:14px;color:rgba(242,242,242,.7);padding-left:18px;position:relative;line-height:1.5}
.tier-list li::before{content:'✓';position:absolute;left:0;color:var(--lime);font-size:12px;top:1px}
.tier-cta{margin-top:auto;display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--lime);border:1px solid var(--border2);background:var(--lime-dim);padding:13px 20px;text-decoration:none;transition:all .2s;text-align:center}
.tier-cta:hover{background:var(--lime);color:var(--dark)}
.tier-cta-primary{margin-top:auto;display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--dark);background:var(--lime);padding:15px 24px;text-decoration:none;transition:all .2s;text-align:center;font-weight:600}
.tier-cta-primary:hover{box-shadow:0 0 32px rgba(200,255,0,.35);transform:translateY(-1px)}
.pricing-note{margin-top:1px;background:var(--dark2);padding:28px 36px}
.pricing-note p{font-size:14px;color:var(--muted);line-height:1.7;max-width:680px}
@media(max-width:1024px){.price-tiers{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.price-tiers{grid-template-columns:1fr}.tier-badge{right:20px}}

/* PRICING SECTION */
.pricing{padding:130px 64px;position:relative;z-index:2}
.pricing-inner{max-width:1380px;margin:0 auto}
.pricing-header{margin-bottom:64px}

/* FAQ */
.faq{padding:130px 64px;background:var(--dark2);border-top:1px solid var(--border);position:relative;z-index:2}
.faq-inner{max-width:900px;margin:0 auto}
.faq-header{margin-bottom:64px;text-align:center}
.faq-list{display:flex;flex-direction:column;gap:1px;background:var(--border)}
.faq-item{background:var(--dark2);overflow:hidden}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:transparent;border:none;color:var(--white);cursor:pointer;text-align:left;font-family:var(--font-body);font-size:15px;font-weight:400;transition:background .2s}
.faq-q:hover{background:var(--mid)}
.faq-icon{width:28px;height:28px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--lime);transition:transform .3s,background .2s;flex-shrink:0}
.faq-item.open .faq-icon{transform:rotate(45deg);background:var(--lime-dim)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1)}
.faq-a-inner{padding:0 28px 28px;font-size:14px;color:var(--muted);line-height:1.85}
.faq-item.open .faq-a{max-height:400px}
.faq-item.open .faq-q{background:rgba(200,255,0,.03)}

/* CONTACT */
.contact{padding:130px 64px;position:relative;z-index:2;overflow:hidden}
.contact-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(200,255,0,.04),transparent);pointer-events:none}
.contact-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(200,255,0,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(200,255,0,.015) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent);pointer-events:none}
.contact-inner{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border);position:relative;z-index:2}
.contact-left{background:var(--dark2);padding:64px 56px}
.contact-left h2{font-family:var(--font-display);font-size:clamp(48px,6vw,90px);letter-spacing:3px;line-height:.95;margin-bottom:24px}
.contact-left h2 .outline{color:transparent;-webkit-text-stroke:1.5px rgba(200,255,0,.2)}
.contact-left h2 .lime{color:var(--lime)}
.contact-left p{font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:40px}
.contact-info{display:flex;flex-direction:column;gap:16px}
.contact-info-item{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:12px;color:#555;letter-spacing:1px}
.contact-info-item span{color:var(--lime)}
.contact-right{background:var(--mid);padding:64px 56px}
.form-group{margin-bottom:24px}
.form-label{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:var(--lime);text-transform:uppercase;display:block;margin-bottom:10px}
.form-input,.form-textarea{width:100%;background:var(--dark2);border:1px solid var(--border);border-radius:6px;padding:14px 18px;font-family:var(--font-body);font-size:14px;color:var(--white);outline:none;transition:border-color .3s}
.form-input:focus,.form-textarea:focus{border-color:var(--border2)}
.form-input::placeholder,.form-textarea::placeholder{color:#2A2A2A}
.form-textarea{height:120px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-select{width:100%;background:var(--dark2);border:1px solid var(--border);border-radius:6px;padding:14px 18px;font-family:var(--font-body);font-size:14px;color:var(--white);outline:none;transition:border-color .3s;-webkit-appearance:none;cursor:pointer}
.form-select:focus{border-color:var(--border2)}
.form-submit{width:100%;padding:16px;background:var(--lime);color:var(--dark);font-family:var(--font-body);font-weight:600;font-size:15px;border:none;border-radius:8px;cursor:pointer;transition:all .2s;margin-top:8px;position:relative;overflow:hidden}
.form-submit::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translateX(-100%);transition:transform .5s}
.form-submit:hover::before{transform:translateX(100%)}
.form-submit:hover{box-shadow:0 10px 40px rgba(200,255,0,.35);transform:translateY(-1px)}
.form-success{display:none;text-align:center;padding:40px 20px}
.form-success-icon{font-size:48px;margin-bottom:16px}
.form-success h3{font-family:var(--font-display);font-size:32px;letter-spacing:1px;color:var(--lime);margin-bottom:8px}
.form-success p{font-size:14px;color:var(--muted)}

/* CHAT WIDGET */
.chat-bubble{position:fixed;bottom:32px;right:32px;z-index:600;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.chat-btn{width:56px;height:56px;border-radius:50%;background:var(--lime);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(200,255,0,.35);transition:transform .2s,box-shadow .2s;position:relative}
.chat-btn:hover{transform:scale(1.08);box-shadow:0 12px 48px rgba(200,255,0,.5)}
.chat-btn svg{width:24px;height:24px}
.chat-notif{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:var(--coral);border-radius:50%;border:2px solid var(--dark);animation:notif-pulse 2s ease-in-out infinite;display:none}
@keyframes notif-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
.chat-window{background:var(--dark2);border:1px solid var(--border);border-radius:16px;width:360px;overflow:hidden;transform:scale(.9) translateY(20px);opacity:0;transform-origin:bottom right;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;box-shadow:0 32px 80px rgba(0,0,0,.6);display:none}
.chat-window.open{transform:scale(1) translateY(0);opacity:1;pointer-events:all;display:block}
.chat-header{background:var(--mid);padding:18px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}
.chat-avatar{width:36px;height:36px;border-radius:50%;background:var(--lime-dim);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;color:var(--lime)}
.chat-info h4{font-size:13px;font-weight:500}
.chat-info p{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:1px;display:flex;align-items:center;gap:4px}
.chat-online{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80;display:inline-block}
.chat-ai-badge{font-family:var(--font-mono);font-size:8px;letter-spacing:1.5px;color:var(--lime);background:var(--lime-dim);border:1px solid var(--border2);padding:2px 7px;border-radius:100px;text-transform:uppercase;margin-left:auto}
.chat-close{margin-left:auto;width:28px;height:28px;border-radius:6px;background:transparent;border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:background .2s,border-color .2s}
.chat-close:hover{background:var(--soft);border-color:#333;color:var(--white)}
.chat-close{font-size:16px;line-height:1;font-weight:600}
.chat-messages{padding:16px;height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.chat-messages::-webkit-scrollbar{width:0}
.chat-msg{max-width:80%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5}
.chat-msg.bot{background:var(--soft);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}
.chat-msg.user{background:var(--lime-dim);border:1px solid var(--border2);color:var(--lime);border-bottom-right-radius:4px;align-self:flex-end}
.chat-typing{display:flex;gap:4px;padding:10px 14px;background:var(--soft);border:1px solid var(--border);border-radius:12px;border-bottom-left-radius:4px;align-self:flex-start;width:fit-content}
.chat-typing span{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:typing .9s ease-in-out infinite}
.chat-typing span:nth-child(2){animation-delay:.2s}
.chat-typing span:nth-child(3){animation-delay:.4s}
@keyframes typing{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}
.chat-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}
.chat-suggestion{font-family:var(--font-mono);font-size:10px;letter-spacing:.5px;color:var(--muted);border:1px solid var(--border);background:transparent;padding:7px 12px;border-radius:100px;cursor:pointer;transition:all .2s;text-align:left}
.chat-suggestion:hover{border-color:var(--border2);color:var(--lime);background:var(--lime-dim)}
.chat-input-wrap{padding:14px;border-top:1px solid var(--border);display:flex;gap:8px}
.chat-input{flex:1;background:var(--soft);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-family:var(--font-body);font-size:13px;color:var(--white);outline:none}
.chat-input::placeholder{color:#333}
.chat-send{background:var(--lime);border:none;border-radius:8px;padding:10px 14px;cursor:pointer;font-size:14px;transition:all .2s}
.chat-send:hover{box-shadow:0 4px 16px rgba(200,255,0,.3)}
.chat-send svg{width:14px;height:14px;stroke:#060606;stroke-width:2.5}
.chat-powered{padding:8px 16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:6px}
.chat-powered span{font-family:var(--font-mono);font-size:9px;letter-spacing:1px;color:#222;text-transform:uppercase}
.chat-powered strong{color:#444}

/* HERO METRICS */
.hero-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;justify-items:center;margin-top:48px;opacity:0;animation:fadeUp .9s ease forwards 1.1s;max-width:400px}
.hero-metric{text-align:center}
.hero-metric-val{font-family:var(--font-display);font-size:32px;color:var(--lime);letter-spacing:-1px;line-height:1}
.hero-metric-label{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-top:4px}

/* TEAM */
.team{padding:130px 64px;background:var(--dark2);border-top:1px solid var(--border);position:relative;z-index:2}
.team-inner{max-width:1380px;margin:0 auto}
.team-header{margin-bottom:64px}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.team-card{background:var(--dark2);padding:40px 32px;position:relative;overflow:hidden;transition:background .3s,transform .3s;cursor:default}
.team-card:hover{background:var(--mid);transform:translateY(-4px)}
.team-avatar{width:72px;height:72px;border-radius:50%;background:var(--soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:28px;color:var(--lime);margin-bottom:20px;transition:border-color .3s,box-shadow .3s}
.team-card:hover .team-avatar{border-color:var(--lime);box-shadow:0 0 24px rgba(200,255,0,.2)}
.team-name{font-family:var(--font-display);font-size:24px;letter-spacing:1px;margin-bottom:4px}
.team-role{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--lime);text-transform:uppercase;margin-bottom:14px}
.team-bio{font-size:13px;color:var(--muted);line-height:1.7}
.team-skills{display:flex;flex-wrap:wrap;gap:4px;margin-top:16px}
.team-skill{font-family:var(--font-mono);font-size:9px;letter-spacing:1px;color:#333;border:1px solid #1A1A1A;padding:3px 8px;border-radius:3px;text-transform:uppercase;transition:all .2s}
.team-card:hover .team-skill{color:var(--muted);border-color:var(--border)}

/* BLOG */
.blog{padding:130px 64px;background:var(--dark);border-top:1px solid var(--border);position:relative;z-index:2}
.blog-inner{max-width:1380px;margin:0 auto}
.blog-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px;flex-wrap:wrap;gap:24px}
.blog-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1px;background:var(--border)}
.blog-card{background:var(--dark2);padding:44px 36px;position:relative;overflow:hidden;cursor:pointer;transition:background .3s,transform .3s}
.blog-card:hover{background:var(--mid);transform:translateY(-3px)}
.blog-card.featured{grid-row:span 2;background:var(--mid);border-left:1px solid var(--border2)}
.blog-cat{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--lime);text-transform:uppercase;margin-bottom:16px;display:block}
.blog-title{font-family:var(--font-display);font-size:28px;letter-spacing:1px;margin-bottom:14px;line-height:1.05;transition:color .2s}
.blog-card.featured .blog-title{font-size:38px}
.blog-card:hover .blog-title{color:var(--lime)}
.blog-excerpt{font-size:13.5px;color:var(--muted);line-height:1.75;margin-bottom:24px}
.blog-meta{font-family:var(--font-mono);font-size:10px;color:#333;letter-spacing:1px;text-transform:uppercase}
.blog-read-more{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--lime);text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:8px;margin-top:20px;transition:gap .2s}
.blog-card:hover .blog-read-more{gap:14px}
.blog-tag-badge{display:inline-block;background:var(--lime-dim);border:1px solid var(--border2);padding:4px 12px;border-radius:100px;font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:var(--lime);text-transform:uppercase;margin-bottom:20px}

/* NEWSLETTER */
.newsletter-wrap{background:var(--dark2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:72px 64px;position:relative;z-index:2;overflow:hidden}
.newsletter-glow{position:absolute;inset:0;background:radial-gradient(ellipse 40% 80% at 50% 50%,rgba(200,255,0,.03),transparent);pointer-events:none}
.newsletter-inner{max-width:1380px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap;position:relative;z-index:2}
.newsletter-copy h3{font-family:var(--font-display);font-size:44px;letter-spacing:2px;margin-bottom:8px}
.newsletter-copy h3 span{color:var(--lime)}
.newsletter-copy p{font-size:14px;color:var(--muted);line-height:1.6;max-width:360px}
.newsletter-form{display:flex;gap:0;background:var(--mid);border:1px solid var(--border);border-radius:8px;overflow:hidden;min-width:380px;transition:border-color .3s}
.newsletter-form:focus-within{border-color:var(--border2)}
.newsletter-input{background:transparent;border:none;padding:16px 20px;font-family:var(--font-body);font-size:14px;color:var(--white);outline:none;flex:1}
.newsletter-input::placeholder{color:#2A2A2A}
.newsletter-btn{background:var(--lime);color:var(--dark);border:none;padding:16px 24px;font-family:var(--font-mono);font-size:11px;letter-spacing:2px;font-weight:500;text-transform:uppercase;cursor:pointer;transition:all .2s;flex-shrink:0}
.newsletter-btn:hover{background:#d4ff1a}

/* FOOTER */
footer{padding:72px 64px;background:var(--dark);border-top:1px solid var(--border);position:relative;z-index:2}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:48px;gap:40px;flex-wrap:wrap}
.footer-logo{font-family:var(--font-display);font-size:44px;letter-spacing:4px;color:var(--white);margin-bottom:8px}
.footer-logo span{color:var(--lime)}
.footer-tagline{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:#2A2A2A;text-transform:uppercase;margin-bottom:20px}
.footer-desc{font-size:13px;color:var(--muted);line-height:1.7;max-width:260px}
.footer-cols{display:flex;gap:64px;flex-wrap:wrap}
.footer-col h4{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:#3A3A3A;text-transform:uppercase;margin-bottom:20px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col a{font-size:13px;color:#333;text-decoration:none;transition:color .2s;letter-spacing:.5px}
.footer-col a:hover{color:var(--lime)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:28px;border-top:1px solid var(--border);flex-wrap:wrap;gap:12px}
.footer-copy{font-family:var(--font-mono);font-size:10px;color:#2A2A2A;letter-spacing:1px}
.footer-socials{display:flex;gap:20px}
.footer-socials a{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:#333;text-decoration:none;text-transform:uppercase;transition:color .2s}
.footer-socials a:hover{color:var(--lime)}

/* DATA SCIENCE */
.dataviz{padding:130px 64px;background:var(--dark2);border-top:1px solid var(--border);position:relative;z-index:2;overflow:hidden}
.dataviz-bg{position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 20% 50%,rgba(0,229,204,.02),transparent),radial-gradient(ellipse 40% 40% at 80% 80%,rgba(200,255,0,.02),transparent);pointer-events:none}
.dataviz-inner{max-width:1380px;margin:0 auto;position:relative;z-index:2}
.dataviz-header{display:flex;justify-content:space-between;align-items:flex-center;margin-bottom:48px;flex-wrap:wrap;gap:24px}
.dataviz-sub{max-width:400px;font-size:15px;color:var(--muted);line-height:1.75}
.chart-tabs{display:flex;gap:2px;background:var(--border);border-radius:8px;padding:3px;margin-bottom:40px;width:fit-content;flex-wrap:wrap}
.chart-tab{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;color:var(--muted);border:none;background:transparent;padding:9px 18px;border-radius:6px;cursor:pointer;text-transform:uppercase;transition:all .2s;white-space:nowrap}
.chart-tab.active{background:var(--lime);color:var(--dark);font-weight:600}
.tab-panel{display:none}.tab-panel.active{display:block}
.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}
.chart-grid-3{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}
.chart-panel{background:var(--dark2);padding:36px 32px;position:relative;overflow:hidden;transition:background .3s}
.chart-panel:hover{background:#0f0f0f}
.chart-panel.wide{grid-column:span 2}
.chart-panel-title{font-family:var(--font-display);font-size:18px;letter-spacing:1px;margin-bottom:4px}
.chart-panel-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-bottom:20px}
.chart-canvas-wrap{position:relative;width:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:1}
.chart-canvas-wrap canvas.chart{width:100%;height:100%;max-height:100%}
/* white scrollbar on mobile nav drawer */
.mobile-nav::-webkit-scrollbar{width:6px}
.mobile-nav::-webkit-scrollbar-track{background:transparent}
.mobile-nav::-webkit-scrollbar-thumb{background:var(--white);border-radius:3px}
canvas.chart{display:block;max-width:100%;height:auto}
.chart-legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:16px}
.legend-item{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}
.legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.legend-sq{width:10px;height:4px;border-radius:2px;flex-shrink:0}
.chart-insights{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.chart-insight{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:var(--lime);border:1px solid var(--border2);background:var(--lime-dim);padding:4px 11px;border-radius:100px;text-transform:uppercase}

/* AI STATS */
.ai-stats{padding:130px 64px;background:var(--dark);border-top:1px solid var(--border);position:relative;z-index:2;overflow:hidden}
.ai-stats-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(200,255,0,.03),transparent),radial-gradient(ellipse 40% 40% at 80% 0%,rgba(0,229,204,.025),transparent);pointer-events:none}
.ai-stats-inner{max-width:1380px;margin:0 auto;position:relative;z-index:2}
.ai-stats-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:72px;gap:24px}
.ai-stats-sub{max-width:600px;font-size:15px;color:var(--muted);line-height:1.75;text-align:center}
.ai-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);margin-bottom:1px}
.ai-kpi{background:var(--dark2);padding:40px 36px;position:relative;overflow:hidden;transition:background .3s}
.ai-kpi:hover{background:var(--mid)}
.ai-kpi::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--lime),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.ai-kpi:hover::after{transform:scaleX(1)}
.ai-kpi-val{font-family:var(--font-display);font-size:64px;letter-spacing:-2px;color:var(--lime);line-height:1;margin-bottom:8px}
.ai-kpi-label{font-size:13px;color:var(--muted);line-height:1.5;max-width:180px}
.ai-kpi-delta{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:#4ade80;margin-top:8px;display:flex;align-items:center;gap:4px}
.ai-kpi-delta.negative{color:var(--coral)}
.ai-skills-row{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);margin-bottom:1px}
.ai-skills-panel{background:var(--dark2);padding:48px 44px}
.ai-panel-title{font-family:var(--font-display);font-size:22px;letter-spacing:1px;margin-bottom:32px}
.ai-bar-list{display:flex;flex-direction:column;gap:20px}
.ai-bar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ai-bar-name{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;color:var(--white);text-transform:uppercase}
.ai-bar-pct{font-family:var(--font-display);font-size:18px;color:var(--lime);letter-spacing:-0.5px}
.ai-bar-track{height:3px;background:var(--border);border-radius:2px;overflow:hidden}
.ai-bar-fill{height:100%;background:linear-gradient(to right,var(--lime),var(--teal));border-radius:2px;width:0;transition:width 1.4s cubic-bezier(.4,0,.2,1)}
.ai-bar-fill.animate{width:var(--w)}
.ai-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-bottom:1px}
.ai-cap{background:var(--dark2);padding:32px 28px;position:relative;overflow:hidden;transition:background .3s,transform .3s;cursor:default}
.ai-cap:hover{background:var(--mid);transform:translateY(-3px)}
.ai-cap-icon{font-size:28px;margin-bottom:16px;display:block;line-height:1}
.ai-cap-name{font-family:var(--font-display);font-size:18px;letter-spacing:1px;margin-bottom:8px}
.ai-cap-desc{font-size:12.5px;color:var(--muted);line-height:1.7;margin-bottom:16px}
.ai-cap-meter{display:flex;gap:3px;align-items:center}
.ai-cap-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .3s}
.ai-cap-dot.filled{background:var(--lime)}
.ai-cap-dot.half{background:rgba(200,255,0,.4)}
.ai-delivery{background:var(--mid);padding:48px 44px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}
.ai-delivery::before{content:'';position:absolute;top:88px;left:10%;right:10%;height:1px;background:repeating-linear-gradient(to right,var(--border2) 0,var(--border2) 8px,transparent 8px,transparent 16px)}
.ai-delivery-step{text-align:center;padding:32px 16px 0;position:relative}
.ai-delivery-dot{width:32px;height:32px;border-radius:50%;background:var(--dark2);border:1px solid var(--border);margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px;color:var(--lime);position:relative;z-index:2;transition:all .3s}
.ai-delivery-step:hover .ai-delivery-dot{background:var(--lime);color:var(--dark);box-shadow:0 0 20px rgba(200,255,0,.5)}
.ai-delivery-name{font-family:var(--font-display);font-size:14px;letter-spacing:1px;margin-bottom:6px}
.ai-delivery-detail{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:1px;line-height:1.5}

/* FORM STATUS MESSAGES */
.form-status{padding:12px 16px;border-radius:6px;font-family:var(--font-mono);font-size:12px;letter-spacing:1px;text-align:center;margin-top:12px;display:none}
.form-status.success{background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.3);color:#4ade80}
.form-status.error{background:rgba(255,77,109,.1);border:1px solid rgba(255,77,109,.3);color:var(--coral)}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* RESPONSIVE */
@media(max-width:1024px){
  nav{padding:18px 24px}
  nav.scrolled{padding:14px 24px}
  .nav-links{display:none}
  .nav-hamburger{display:flex}
  .services,.process,.cases,.testimonials,.pricing,.faq,.contact,.team,.blog{padding:80px 24px}
  .tech,.newsletter-wrap{padding:80px 24px}
  .svc-grid,.process-steps,.testi-grid,.pricing-layout,.contact-inner,.team-grid{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr}
  .blog-card.featured{grid-row:span 1}
  .process-steps::before{display:none}
  .stats{grid-template-columns:1fr 1fr}
  .stat{border-right:none;border-bottom:1px solid var(--border)}
  .tech-row{flex-direction:column;align-items:flex-start}
  .tech-cat{width:auto;margin-bottom:8px}
  .form-row{grid-template-columns:1fr}
  footer{padding:40px 24px}
  .footer-top{flex-direction:column}
  .footer-cols{gap:32px}
  .case-card{padding:32px 24px}
  .hero-actions{flex-direction:column;gap:30px}
  .ai-stats{padding:80px 24px}
  .ai-kpi-row,.ai-skills-row,.ai-capabilities{grid-template-columns:1fr}
  .ai-delivery{grid-template-columns:1fr;gap:24px}
  .ai-delivery::before{display:none}
  .ai-delivery-step{padding:0;text-align:left;display:flex;align-items:flex-center;gap:20px}
  .ai-delivery-dot{flex-shrink:0;margin:0}
  .chat-bubble{bottom:20px;right:20px}
  .chat-window{width:calc(100vw - 32px);max-width:320px}
  .chat-header{padding:12px 16px}
  .chat-messages{height:200px;padding:12px}
  .chat-msg{font-size:12px}
  .chat-suggestion{font-size:9px;padding:6px 10px}
  .chat-input-wrap{padding:12px}
  .chat-input{font-size:12px}
  
  .mobile-nav a{font-size:clamp(24px,6vw,36px);letter-spacing:1px}
  
  /* Disable magnetic effects on mobile */
  .magnetic-btn{transform:none!important}
  .svc-card{transform:none!important}
  .testi-card{transform:none!important}
  .case-card{transform:none!important}
  .team-card{transform:none!important}
  .blog-card{transform:none!important}
  .ai-cap{transform:none!important}
}
@media(max-width:768px){
  .hero{padding:80px 16px 60px}
  .hero h1{font-size:clamp(48px,10vw,80px)}
  .hero-sub{font-size:14px;margin:20px auto 0}
  .hero-actions{margin-top:32px}
  .btn-primary,.btn-outline{padding:12px 24px;font-size:13px}
  .hero-metrics{grid-template-columns:1fr;gap:16px;max-width:200px;margin:14px auto 0}
  .hero-metric-val{font-size:28px}
  .hero-metric-label{font-size:8px}

    .cases{padding:64px 20px}
  .cases-header{flex-direction:column;text-align:center;gap:16px;margin-bottom:32px}
  .case-card{min-width:calc(100vw - 40px);max-width:calc(100vw - 40px);padding:24px 20px}
  .case-name{font-size:22px;text-align:center}
  .case-desc{font-size:11px;text-align:center}
  .case-result{gap:12px;justify-content:center}
  .case-num{font-size:24px}
  .carousel-dots{margin-top:20px}
  
  .services,.process,.cases,.testimonials,.pricing,.faq,.contact,.team,.blog{padding:60px 16px}
  .tech,.newsletter-wrap{padding:60px 16px}
  .ai-stats{padding:60px 16px}
  .dataviz{padding:60px 16px}
  
  .svc-header{flex-direction:column;text-align:center;gap:16px}
  .svc-sub{max-width:none}
  .svc-card{padding:32px 24px}
  .svc-name{font-size:20px}
  .svc-desc{font-size:12px}
  
  .stats{grid-template-columns:1fr}
  .stat{padding:40px 20px;border-right:none;border-bottom:1px solid var(--border)}
  .stat-val{font-size:48px}
  
  .process-header{text-align:center}
  .p-step{padding:40px 16px 0;text-align:center}
  .p-name{font-size:18px}
  .p-desc{font-size:12px}
  
  .tech-filters{justify-content:center}
  .tech-filter{font-size:10px;padding:6px 12px}
  
  /* Center all headings on mobile */
  .s-title{text-align:center}
  .svc-header{text-align:center}
  .svc-name{text-align:center}
  .process-header{text-align:center}
  .p-name{text-align:center}
  .tech-header{text-align:center}
  .cases-header{text-align:center}
  .case-name{text-align:center}
  .testi-header{text-align:center}
  .pricing-header{text-align:center}
  .faq-header{text-align:center}
  .contact-left{text-align:center}
  .newsletter-copy{text-align:center}
  .footer-top{text-align:center}
  .ai-stats-header{text-align:center}
  .dataviz-header{text-align:center}
  .cases{display:flex;justify-content:center;flex-direction:column;align-items:center}
  .case-card{padding:32px 24px;max-width:100%;overflow:hidden}
  .case-name{font-size:24px}
  .case-desc{font-size:12px}
  
  .testi-header{text-align:center}
  .testi-card{padding:32px 20px}
  .testi-quote{font-size:12px}
  
  .ai-kpi{padding:32px 20px}
  .ai-kpi-val{font-size:36px}
  .ai-kpi-label{font-size:11px}
  .ai-skills-panel{padding:32px 20px}
  .ai-panel-title{font-size:18px}
  .ai-cap{padding:24px 16px}
  .ai-cap-name{font-size:16px}
  .ai-cap-desc{font-size:11px}
  
  .ai-delivery{padding:32px 16px}
  .ai-delivery-step{padding:0;text-align:center}
  .ai-delivery-name{font-size:12px}
  .ai-delivery-detail{font-size:9px}
  
  .pricing-header{text-align:center}
  .pricing-intro{font-size:14px}
  .price-tier{padding:32px 20px}
  .tier-name{font-size:16px}
  .tier-price{font-size:20px}
  
  .faq-header{text-align:center}
  .faq-q{padding:16px 20px;font-size:13px}
  .faq-a-inner{padding:0 20px 20px;font-size:12px}
  
  .contact-inner{grid-template-columns:1fr}
  .contact-left{padding:40px 20px;text-align:center}
  .contact-right{padding:40px 20px}
  .contact-left h2{font-size:clamp(36px,8vw,60px)}
  
  .newsletter-copy h3{font-size:32px}
  .newsletter-copy p{font-size:12px}
  
  footer{padding:32px 16px}
  .footer-top{flex-direction:column;text-align:center;gap:24px}
  .footer-desc{max-width:none}
  .footer-cols{flex-direction:column;gap:24px;text-align:center}
  .footer-bottom{flex-direction:column;text-align:center;gap:8px}
  
  .chart-tabs{justify-content:center;width:100%}
  .chart-tab{font-size:10px;padding:6px 12px;flex:1;text-align:center}
  .chart-panel{padding:24px 16px}
  .chart-panel-title{font-size:14px}
  .chart-panel-sub{font-size:9px}

  /* Force charts to stack on mobile: 1 per row; prevent wide panels spanning multiple columns */
  .chart-canvas-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 57vw;
}
  .chart-grid,.chart-grid-3{grid-template-columns:1fr}
  .chart-panel.wide{grid-column:span 1}
  
  .chat-bubble{bottom:16px;right:16px}
  .chat-window{width:calc(100vw - 32px);max-width:320px}
  .chat-header{padding:12px 16px}
  .chat-messages{height:200px;padding:12px}
  .chat-msg{font-size:12px}
  .chat-suggestion{font-size:9px;padding:6px 10px}
  .chat-input-wrap{padding:12px}
  .chat-input{font-size:12px}
  
  .mobile-nav a{font-size:clamp(24px,6vw,36px);letter-spacing:1px}
  
  /* Disable magnetic effects on mobile */
  .magnetic-btn{transform:none!important}
  .svc-card{transform:none!important}
  .testi-card{transform:none!important}
  .case-card{transform:none!important}
  .team-card{transform:none!important}
  .blog-card{transform:none!important}
  .ai-cap{transform:none!important}
}

/* ═══════════════════════════════════════
   LIGHT MODE
   ═══════════════════════════════════════ */
html.light-mode,body.light-mode{
  --dark:#F5F5F7;--dark2:#EBEBED;--mid:#E0E0E2;--soft:#D5D5D8;
  --border:#C4C4C8;--border2:rgba(60,90,0,0.22);
  --white:#111111;--muted:#606060;
  --lime:#3D6B00;--lime-glow:rgba(60,107,0,0.12);--lime-dim:rgba(60,107,0,0.08);
}
body.light-mode{background:var(--dark);color:var(--white)}
body.light-mode nav{background:rgba(245,245,247,.88)}
body.light-mode nav.scrolled{background:rgba(245,245,247,.97)}
body.light-mode .mobile-nav{background:rgba(245,245,247,.98)}
body.light-mode .icon-sun{display:none}
body.light-mode .icon-moon{display:block}
body.light-mode #loader{background:var(--dark)}
body.light-mode .ticker-item{color:#888}
body.light-mode .tag{color:#555;border-color:#C8C8CC}
body.light-mode .svc-card:hover .tag{color:var(--lime);border-color:var(--border2)}
body.light-mode .chip{color:#555;background:var(--dark2);border-color:var(--border)}
body.light-mode .chip:hover{background:var(--lime-dim);border-color:var(--border2);color:var(--lime)}
body.light-mode .tech-cat{color:#999}
body.light-mode .svc-num{color:#BBBBBB}
body.light-mode .form-input::placeholder,body.light-mode .form-textarea::placeholder{color:#ABABAB}
body.light-mode .footer-tagline{color:#999}
body.light-mode .footer-col h4{color:#888}
body.light-mode .footer-col a{color:#666}
body.light-mode .footer-copy{color:#999}
body.light-mode .footer-socials a{color:#666}
body.light-mode .scroll-hint span{color:#888}
body.light-mode .scroll-line{background:linear-gradient(to bottom,#888,transparent)}
body.light-mode .hero-grid{background-image:linear-gradient(rgba(60,107,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(60,107,0,.03) 1px,transparent 1px)}
body.light-mode .glow-1{background:radial-gradient(circle,rgba(60,107,0,.05),transparent 65%)}
body.light-mode .glow-2{background:radial-gradient(circle,rgba(0,229,204,.03),transparent 65%)}
body.light-mode .glow-3{background:radial-gradient(circle,rgba(255,77,109,.03),transparent 65%)}
body.light-mode .hero h1 .outline{-webkit-text-stroke:1.5px rgba(60,107,0,.3)}
body.light-mode .contact-left h2 .outline{-webkit-text-stroke:1.5px rgba(60,107,0,.2)}
body.light-mode .spotlight{background:radial-gradient(circle 300px at var(--mx,50%) var(--my,50%),rgba(60,107,0,.05),transparent 70%)}
body.light-mode #particles{opacity:.35}
body.light-mode .cursor{mix-blend-mode:multiply}
body.light-mode .p-dot{background:var(--dark);border-color:var(--border);color:#AAA}
body.light-mode .case-metric-label{color:#888}
body.light-mode .chat-notif{border-color:var(--dark)}
body.light-mode .ai-delivery-step:hover .ai-delivery-dot{color:var(--dark)}
body.light-mode .ai-cap-dot.half{background:rgba(60,107,0,.35)}
body.light-mode .nav-cta:hover{box-shadow:0 8px 32px rgba(60,107,0,.25)!important}
body.light-mode .btn-outline:hover{border-color:#AAA;background:rgba(0,0,0,.04)}
body.light-mode .chart-panel{background:#FFFFFF;border:1px solid var(--border)}
body.light-mode .chart-panel:hover{background:#F7F7F9}
body.light-mode .chart-tabs{background:#D9D9DE}
body.light-mode .legend-item{color:#555}
body.light-mode .pricing{background:#F7F7FA}
body.light-mode .price-tiers{background:#D9D9DE}
body.light-mode .price-tier{background:#FFFFFF}
body.light-mode .price-tier:hover{background:#F7F7F9}
body.light-mode .price-tier.featured{background:#FAFAFC;border-top-color:var(--lime)}
body.light-mode .tier-list li{color:#444}
body.light-mode .pricing-note{background:#EEEEF6;border-top:1px solid #D0D0DC}

/* ── Light mode: section backgrounds ──────────────────── */
body.light-mode .services{background:linear-gradient(180deg,#F5F5F7 0%,#ECEFF5 100%)}
body.light-mode .process{background:#ECEFF5}
body.light-mode .tech{background:#F5F5F7}
body.light-mode .cases{background:linear-gradient(180deg,#F5F5F7 0%,#EEF2EC 100%)}
body.light-mode .testimonials{background:#EEF2EC}
body.light-mode .ai-stats{background:linear-gradient(135deg,#E8EEF8 0%,#E5EDE0 100%)}
body.light-mode .dataviz{background:#F5F5F7}
body.light-mode .pricing{background:linear-gradient(180deg,#F5F5F7 0%,#F0EFF8 100%)}
body.light-mode .faq{background:#F0F0F5}
body.light-mode .contact{background:linear-gradient(180deg,#F5F5F7 0%,#EBF0E5 100%)}

/* ── Light mode: card depth ────────────────────────────── */
body.light-mode .svc-card{background:#FFFFFF;box-shadow:0 2px 16px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04)}
body.light-mode .svc-card:hover{box-shadow:0 8px 32px rgba(60,107,0,.14),0 0 0 1px rgba(60,107,0,.1)}
body.light-mode .testi-card{background:#FFFFFF;box-shadow:0 2px 12px rgba(0,0,0,.07)}
body.light-mode .case-card{box-shadow:0 2px 12px rgba(0,0,0,.07)}
body.light-mode .team-card{background:#FFFFFF;box-shadow:0 2px 12px rgba(0,0,0,.07)}
body.light-mode .blog-card{background:#FFFFFF;box-shadow:0 2px 12px rgba(0,0,0,.07)}
body.light-mode .faq-item{background:#FFFFFF;box-shadow:0 1px 8px rgba(0,0,0,.05)}
body.light-mode .faq-q{color:#111}
body.light-mode .faq-a-inner{color:#555}
body.light-mode .faq-q:hover{background:rgba(60,107,0,.04)}
body.light-mode .faq-item.open .faq-q{background:rgba(60,107,0,.05)}

/* ── Light mode: stats block ───────────────────────────── */
body.light-mode .stat{background:#FFFFFF;box-shadow:0 2px 12px rgba(0,0,0,.05)}
body.light-mode .stat:hover{background:#F5F5F7}

/* ── Light mode: process steps ────────────────────────── */
body.light-mode .p-step{background:#FFFFFF;box-shadow:0 2px 12px rgba(0,0,0,.06)}

/* ── Light mode: charts (definitive) ──────────────────── */
body.light-mode .chart-panel{background:#FFFFFF;border:1px solid #DDDDE2;box-shadow:0 2px 12px rgba(0,0,0,.06)}
body.light-mode .chart-panel:hover{background:#FAFAFA}
body.light-mode .chart-tabs{background:#E0E0E5;border:1px solid #D0D0D8}
body.light-mode .chart-tab{color:#666}
body.light-mode .chart-tab.active{background:#FFFFFF;color:#111}

/* ── Light mode: pricing (definitive) ─────────────────── */
body.light-mode .price-tiers{background:#D5D5DC}
body.light-mode .price-tier{background:#FFFFFF;box-shadow:0 2px 12px rgba(0,0,0,.06)}
body.light-mode .price-tier:hover{background:#FAFAFA;box-shadow:0 6px 24px rgba(0,0,0,.1)}
body.light-mode .price-tier.featured{background:#F8FFEC;border-top-color:var(--lime);box-shadow:0 4px 24px rgba(60,107,0,.15)}
body.light-mode .tier-tagline{color:#666}
body.light-mode .tier-timeline{color:#888}

/* ── Light mode: contact form ──────────────────────────── */
body.light-mode .form-input,
body.light-mode .form-textarea,
body.light-mode .form-select{background:#FFFFFF;border-color:#D0D0D8;color:#111}
body.light-mode .form-input:focus,
body.light-mode .form-textarea:focus,
body.light-mode .form-select:focus{border-color:var(--lime);outline:none}
body.light-mode .form-label{color:#444}