*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#04060f;--bg2:#080c1a;--bg3:#0c1124;
  --blue:#2563eb;--blue-l:#3b82f6;
  --gold:#f59e0b;--gold-l:#fbbf24;
  --green:#10b981;--red:#ef4444;--purple:#8b5cf6;
  --text:#f0f4ff;--dim:#8899bb;--muted:#3d4f70;
  --border:#141e35;--border2:#1a2540;
  --fh:'Syne',sans-serif;--fb:'Plus Jakarta Sans',sans-serif;--fm:'DM Mono',monospace;
}
html{scroll-behavior:smooth;}
body{font-family:var(--fb);background:var(--bg);color:var(--text);overflow-x:hidden;cursor:none;}
::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:var(--bg);}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px;}

/* CURSOR */
#cur{position:fixed;width:10px;height:10px;background:var(--blue-l);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s;mix-blend-mode:screen;}
#cur-r{position:fixed;width:36px;height:36px;border:1.5px solid var(--blue-l);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .18s ease;opacity:.45;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 6%;transition:all .3s;}
nav.scrolled{background:rgba(4,6,15,.93);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);}
.nav-in{max-width:1200px;margin:0 auto;height:70px;display:flex;align-items:center;justify-content:space-between;}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;}
.logo-ico{width:38px;height:38px;background:linear-gradient(135deg,var(--blue),var(--purple));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;}
.logo-t{font-family:var(--fh);font-weight:900;font-size:18px;letter-spacing:-.5px;color:var(--text);}
.logo-t em{color:var(--blue-l);font-style:normal;}
.logo-s{font-size:9px;color:var(--muted);letter-spacing:2px;display:block;}
.nl{display:flex;gap:28px;}
.nl a{color:var(--dim);font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;letter-spacing:.3px;}
.nl a:hover{color:var(--text);}
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:all .2s;font-family:var(--fb);text-decoration:none;}
.btn-g{background:transparent;border:1px solid var(--border2);color:var(--dim);}
.btn-g:hover{border-color:var(--blue-l);color:var(--text);}
.btn-p{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;box-shadow:0 0 24px rgba(37,99,235,.3);}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(37,99,235,.5);}
.btn-gold{background:linear-gradient(135deg,var(--gold),#f97316);color:#fff;}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(245,158,11,.4);}
.btn-lg{padding:15px 36px;font-size:15px;border-radius:12px;}
.nav-cta{display:flex;gap:10px;}

/* HERO */
#hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 6% 60px;position:relative;overflow:hidden;text-align:center;}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.04) 1px,transparent 1px);background-size:52px 52px;z-index:0;}
.blob{position:absolute;border-radius:50%;filter:blur(90px);animation:pulse 7s ease-in-out infinite;}
.b1{width:600px;height:600px;background:rgba(37,99,235,.11);top:5%;left:-10%;animation-delay:0s;}
.b2{width:400px;height:400px;background:rgba(245,158,11,.08);bottom:5%;right:-5%;animation-delay:2.5s;}
.b3{width:280px;height:280px;background:rgba(139,92,246,.09);top:35%;right:18%;animation-delay:5s;}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.7;}50%{transform:scale(1.12);opacity:1;}}
.hero-in{position:relative;z-index:2;max-width:920px;}
.h-badge{display:inline-flex;align-items:center;gap:9px;background:rgba(245,158,11,.11);border:1px solid rgba(245,158,11,.35);border-radius:99px;padding:7px 18px;margin-bottom:30px;animation:fadeUp .7s ease both;}
.h-badge span{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:1px;}
.dot{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:blink 1.6s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.15;}}
h1{font-family:var(--fh);font-weight:900;font-size:clamp(40px,6.5vw,78px);line-height:1.02;letter-spacing:-2.5px;animation:fadeUp .8s ease .1s both;}
.g-blue{background:linear-gradient(135deg,var(--blue-l),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.g-gold{background:linear-gradient(135deg,var(--gold),#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.h-sub{color:var(--dim);font-size:clamp(15px,2vw,18px);line-height:1.85;max-width:640px;margin:22px auto 40px;font-weight:400;animation:fadeUp .8s ease .2s both;}
.h-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:52px;animation:fadeUp .8s ease .3s both;}
.h-stats{display:flex;gap:44px;justify-content:center;flex-wrap:wrap;animation:fadeUp .8s ease .4s both;}
.hs .v{font-family:var(--fh);font-size:32px;font-weight:900;background:linear-gradient(135deg,var(--blue-l),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.hs .l{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-top:3px;}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);}}

/* SECTIONS */
section{padding:90px 6%;}
.s-head{text-align:center;margin-bottom:62px;}
.stag{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:2px;padding:5px 14px;border-radius:99px;margin-bottom:16px;}
.tb{background:rgba(37,99,235,.15);border:1px solid rgba(37,99,235,.4);color:var(--blue-l);}
.tg{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.4);color:var(--gold);}
.tr{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.4);color:#f87171;}
.tgr{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.4);color:var(--green);}
.tp{background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.4);color:var(--purple);}
h2{font-family:var(--fh);font-weight:900;font-size:clamp(28px,4vw,46px);letter-spacing:-1.5px;line-height:1.1;margin-bottom:14px;}
.sdesc{color:var(--dim);font-size:15px;max-width:520px;margin:0 auto;line-height:1.85;}

/* SERVICES */
#services{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.sg{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:20px;max-width:1200px;margin:0 auto;}
.sc{background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:32px 28px;position:relative;overflow:hidden;transition:all .3s;cursor:default;}
.sc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cc),transparent);opacity:0;transition:opacity .3s;}
.sc:hover{transform:translateY(-6px);border-color:var(--cc);background:var(--bg3);}
.sc:hover::before{opacity:1;}
.si{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;}
.st{font-family:var(--fh);font-size:17px;font-weight:800;margin-bottom:10px;}
.sd{color:var(--dim);font-size:13px;line-height:1.75;margin-bottom:18px;}
.stags{display:flex;flex-wrap:wrap;gap:6px;}
.stag2{font-size:10px;font-weight:700;padding:3px 10px;border-radius:99px;letter-spacing:.5px;}

/* WHY US */
.wg{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1100px;margin:0 auto;}
.wl h2{text-align:left;margin-bottom:16px;}
.wl p{color:var(--dim);font-size:15px;line-height:1.85;margin-bottom:30px;}
.wf{display:flex;flex-direction:column;gap:16px;}
.wfeat{display:flex;gap:15px;align-items:flex-start;}
.fi{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.ft{color:var(--text);font-weight:700;font-size:14px;margin-bottom:3px;}
.fd{color:var(--dim);font-size:12px;line-height:1.65;}
.wr{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.sc2{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:26px;text-align:center;}
.sc2 .n{font-family:var(--fh);font-size:38px;font-weight:900;line-height:1;}
.sc2 .l{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-top:6px;}

/* PRICING */
.pw{max-width:1150px;margin:0 auto;}
.pg{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;}
.pc{background:var(--bg2);border:2px solid var(--border);border-radius:22px;padding:32px 28px;position:relative;transition:all .3s;}
.pc:hover{transform:translateY(-5px);}
.pc.hot{border-color:rgba(37,99,235,.6);background:linear-gradient(145deg,rgba(37,99,235,.08),var(--bg2));}
.pc.hot-gold{border-color:rgba(245,158,11,.6);background:linear-gradient(145deg,rgba(245,158,11,.08),var(--bg2));}
.pbadge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:800;padding:4px 16px;border-radius:99px;white-space:nowrap;letter-spacing:.5px;}
.pname{font-size:11px;font-weight:800;letter-spacing:2px;margin-bottom:18px;}
.price .c{color:var(--dim);font-size:18px;vertical-align:top;margin-top:8px;display:inline-block;}
.price .a{font-family:var(--fh);font-size:46px;font-weight:900;letter-spacing:-2px;line-height:1;}
.price .p{color:var(--muted);font-size:13px;}
.pdesc{color:var(--muted);font-size:12px;margin:10px 0 22px;line-height:1.55;}
.pf{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;}
.pf-item{display:flex;gap:9px;align-items:flex-start;}
.pf-item .ck{font-size:13px;flex-shrink:0;margin-top:1px;}
.pf-item span{color:var(--dim);font-size:12px;line-height:1.5;}
.pbtn{width:100%;padding:13px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:all .2s;font-family:var(--fb);}

/* CONSULT */
.cs{max-width:1150px;margin:30px auto 0;background:var(--bg3);border:1px solid var(--border2);border-radius:16px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;}
.cs-l .ct{font-family:var(--fh);font-size:17px;font-weight:800;margin-bottom:4px;}
.cs-l .cd{color:var(--dim);font-size:13px;}
.cs-p .cp{font-family:var(--fh);font-size:30px;font-weight:900;}
.cs-p .cps{color:var(--muted);font-size:12px;}

/* TEAM */
#team{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.tg2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1000px;margin:0 auto;}
.tc{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:34px 28px;text-align:center;transition:all .3s;}
.tc:hover{border-color:var(--blue-l);transform:translateY(-5px);}
.ta{width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:#fff;margin:0 auto 16px;border:2px solid var(--border2);}
.tn{font-family:var(--fh);font-size:18px;font-weight:800;margin-bottom:5px;}
.tr2{font-size:12px;font-weight:700;padding:3px 14px;border-radius:99px;display:inline-block;margin-bottom:14px;}
.tb2{color:var(--dim);font-size:13px;line-height:1.75;}

/* PROCESS */
.prcg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1100px;margin:0 auto;}
.prcc{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:26px 22px;text-align:center;}
.prn{font-family:var(--fm);font-size:11px;color:var(--blue-l);font-weight:700;letter-spacing:2px;margin-bottom:14px;}
.pri{font-size:32px;margin-bottom:14px;}
.prt{font-family:var(--fh);font-size:15px;font-weight:800;margin-bottom:8px;}
.prd{color:var(--dim);font-size:12px;line-height:1.65;}

/* CONTACT */
#contact{background:var(--bg2);border-top:1px solid var(--border);}
.cw{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start;}
.ci h2{text-align:left;margin-bottom:16px;}
.ci p{color:var(--dim);font-size:14px;line-height:1.85;margin-bottom:28px;}
.citems{display:flex;flex-direction:column;gap:14px;}
.cit{display:flex;gap:13px;align-items:center;}
.cico{width:40px;height:40px;background:rgba(37,99,235,.15);border:1px solid rgba(37,99,235,.3);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
.clbl{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1px;}
.cval{color:var(--text);font-size:13px;font-weight:600;}
.cf{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:32px;}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.fg{margin-bottom:16px;}
.fg label{color:var(--dim);font-size:11px;font-weight:700;letter-spacing:1px;display:block;margin-bottom:7px;}
.fg input,.fg textarea,.fg select{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:9px;padding:12px 14px;color:var(--text);font-size:13px;font-family:var(--fb);outline:none;transition:border .2s;}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--blue-l);}
.fg textarea{resize:vertical;min-height:100px;}
.fg select option{background:var(--bg2);}
input::placeholder,textarea::placeholder{color:var(--muted);}

/* CTA */
.cta{padding:90px 6%;text-align:center;position:relative;overflow:hidden;}
.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:300px;background:radial-gradient(ellipse,rgba(37,99,235,.14),transparent);border-radius:50%;}
.cta h2,.cta p,.cta .ctab{position:relative;z-index:2;}
.cta p{color:var(--dim);font-size:16px;max-width:520px;margin:0 auto 36px;line-height:1.85;}
.ctab{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* FOOTER */
footer{background:var(--bg2);border-top:1px solid var(--border);padding:54px 6% 30px;}
.fin{max-width:1200px;margin:0 auto;}
.ft2{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px;}
.fb p{color:var(--muted);font-size:13px;line-height:1.75;margin-top:14px;max-width:260px;}
.fc h4{color:var(--text);font-weight:700;font-size:13px;margin-bottom:16px;letter-spacing:.5px;}
.fc a{display:block;color:var(--muted);font-size:13px;margin-bottom:9px;text-decoration:none;transition:color .2s;}
.fc a:hover{color:var(--blue-l);}
.fbot{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
.fbot p{color:var(--muted);font-size:12px;}
.sl{display:flex;gap:10px;}
.sl a{width:34px;height:34px;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;text-decoration:none;transition:all .2s;}
.sl a:hover{border-color:var(--blue-l);color:var(--blue-l);}

/* REVEAL */
.rev{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease;}
.rev.on{opacity:1;transform:translateY(0);}

/* RESPONSIVE */
@media(max-width:900px){
  .nl{display:none;}
  .wg,.cw{grid-template-columns:1fr;}
  .ft2{grid-template-columns:1fr 1fr;}
  .fr{grid-template-columns:1fr;}
  .wr{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  section{padding:68px 5%;}
  .h-stats{gap:24px;}
  .ft2{grid-template-columns:1fr;}
  .cs{flex-direction:column;text-align:center;}
}