:root{
    --paper:#FFFFFF;
    --paper-2:#F4F6FA;
    --paper-3:#EEF3FF;
    --line:rgba(16,24,40,0.09);
    --ink:#101828;
    --ink-soft:#5B6472;
    --blue:#2454C7;
    --blue-soft:#3E6FE0;
    --orange:#E68A3A;
    --orange-soft:#F0A25C;
    --green:#4F9D5E;
    --green-soft:#63B172;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--paper);color:var(--ink);font-family:'Manrope',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
  ::selection{background:var(--orange);color:#fff;}
  .serif{font-family:'Fraunces',serif;}
  .mono{font-family:'IBM Plex Mono',monospace;}
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{max-width:1240px;margin:0 auto;padding:0 40px;}
  section{position:relative;}

  .eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:20px;}
  .eyebrow::before{content:"";width:22px;height:1px;background:var(--orange);}

  /* PRELOADER */
  #preloader{position:fixed;inset:0;background:var(--paper);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;overflow:hidden;}
  #preloader .pl-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.28;pointer-events:none;}
  #preloader .pl-blob.b1{width:420px;height:420px;background:var(--blue-soft);top:-160px;left:-120px;animation:blobDrift1 7s ease-in-out infinite alternate;}
  #preloader .pl-blob.b2{width:360px;height:360px;background:var(--orange-soft);bottom:-160px;right:-100px;animation:blobDrift2 8s ease-in-out infinite alternate;}
  @keyframes blobDrift1{from{transform:translate(0,0) scale(1);}to{transform:translate(60px,40px) scale(1.15);}}
  @keyframes blobDrift2{from{transform:translate(0,0) scale(1);}to{transform:translate(-50px,-30px) scale(1.12);}}
  #preloader .pl-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px;}
  #preloader .pl-mark{width:64px;height:64px;}
  #preloader .pl-word{font-family:'Fraunces',serif;font-size:14px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink);opacity:.8;}
  #preloader .pl-status{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--blue);height:18px;overflow:hidden;}
  #preloader .pl-status span{display:block;}
  #preloader .pl-count{font-family:'IBM Plex Mono',monospace;font-size:40px;color:var(--orange);font-weight:500;}
  #preloader .pl-bar{width:280px;height:2px;background:var(--line);position:relative;overflow:hidden;border-radius:2px;}
  #preloader .pl-bar span{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,var(--blue),var(--orange));}

  #cursorGlow{position:fixed;top:0;left:0;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:40;background:radial-gradient(circle, rgba(36,84,199,.08) 0%, rgba(230,138,58,.06) 45%, transparent 72%);transform:translate(-50%,-50%);will-change:transform;}
  @media(max-width:900px){ #cursorGlow{display:none;} }
  .float-shape{position:absolute;pointer-events:none;opacity:.6;will-change:transform;}

  /* NAV */
  header{position:fixed;top:0;left:0;right:0;z-index:500;padding:20px 0;transition:background .4s ease,padding .4s ease,box-shadow .4s ease;background:rgba(255,255,255,0.0);}
  header.scrolled{background:rgba(255,255,255,0.92);backdrop-filter:blur(14px);padding:14px 0;box-shadow:0 1px 0 var(--line);}
  nav{display:flex;align-items:center;justify-content:space-between;}
  .logo{display:flex;align-items:center;gap:10px;}
  .logo .badge{width:42px;height:42px;border:1.5px solid var(--blue-soft);border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff;}
  .logo .word{font-family:'Manrope',sans-serif;font-weight:800;font-size:16.5px;letter-spacing:-.01em;color:var(--ink);text-transform:uppercase;}
  .navlinks{display:flex;gap:34px;list-style:none;}
  .navlinks a{font-size:14px;color:var(--ink-soft);position:relative;padding-bottom:4px;transition:color .3s ease;}
  .navlinks a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--orange);transition:width .35s ease;}
  .navlinks a:hover{color:var(--ink);}
  .navlinks a:hover::after{width:100%;}
  .nav-cta{font-size:13px;font-weight:700;color:#fff;background:linear-gradient(120deg,var(--orange),var(--orange-soft));padding:11px 24px;border-radius:30px;letter-spacing:.01em;box-shadow:0 10px 24px -10px rgba(230,138,58,.55);transition:transform .3s ease, box-shadow .3s ease;}
  .nav-cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px rgba(230,138,58,.65);}

  /* HERO */
  #hero{background:linear-gradient(180deg,#F7FAFF 0%, #FFFFFF 62%);padding:170px 0 100px;overflow:hidden;}
  #hero .grid-overlay{position:absolute;inset:0;opacity:.6;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 60% at 30% 10%, black, transparent 75%);}
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;position:relative;z-index:2;perspective:1200px;}
  #hero h1{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(40px,5vw,68px);line-height:1.08;letter-spacing:-.01em;color:var(--ink);}
  #hero h1 em{font-style:italic;font-weight:400;color:var(--orange);}
  #hero h1 .cut{display:block;overflow:hidden;}
  #hero h1 .cut span{display:block;transform:translateY(110%);}
  #hero p.lead{margin-top:24px;font-size:17.5px;line-height:1.65;color:var(--ink-soft);max-width:460px;}
  .hero-ctas{display:flex;gap:16px;margin-top:38px;align-items:center;}
  .btn-primary{background:linear-gradient(120deg,var(--orange),var(--orange-soft));color:#fff;font-weight:700;font-size:14.5px;padding:16px 30px;border-radius:40px;display:inline-flex;align-items:center;gap:10px;transition:transform .35s cubic-bezier(.2,.9,.3,1),box-shadow .35s ease;box-shadow:0 14px 28px -12px rgba(230,138,58,.55);}
  .btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 34px -12px rgba(230,138,58,.65);}
  .btn-ghost{color:var(--blue);font-size:14.5px;font-weight:700;display:inline-flex;align-items:center;gap:8px;padding:16px 6px;border-bottom:1px solid var(--line);}
  .btn-ghost svg{transition:transform .3s ease;}
  .btn-ghost:hover svg{transform:translateX(5px);}

  .ticker-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 30px 24px;box-shadow:0 30px 60px -30px rgba(16,24,40,.18);position:relative;transform-style:preserve-3d;}
  .ticker-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;}
  .ticker-top .lbl{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);}
  .ticker-top .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(79,157,94,.18);}
  .ticker-amount{font-family:'IBM Plex Mono',monospace;font-size:clamp(32px,3.2vw,44px);font-weight:500;color:var(--ink);letter-spacing:-.01em;}
  .ticker-amount span.cents{font-size:.5em;color:var(--ink-soft);}
  .ticker-sub{font-size:12.5px;color:var(--ink-soft);margin-top:6px;margin-bottom:20px;}
  .ticker-sub b{color:var(--green);font-weight:600;}
  .chart-wrap{height:110px;}
  .ticker-foot{display:flex;justify-content:space-between;margin-top:18px;padding-top:18px;border-top:1px solid var(--line);}
  .ticker-foot .n{font-family:'IBM Plex Mono',monospace;font-size:19px;color:var(--ink);}
  .ticker-foot .l{font-size:10.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;}

  /* TRUST BAR */
  #trustbar{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0;}
  .trust-row{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;}
  .trust-label{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink-soft);letter-spacing:.04em;white-space:nowrap;}
  .trust-logos{display:flex;gap:38px;flex-wrap:wrap;align-items:center;opacity:.7;}
  .trust-logos span{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--ink-soft);border:1px solid var(--line);padding:8px 16px;border-radius:8px;background:#fff;}

  /* Stat strip */
  #statstrip{background:var(--paper);padding:90px 0 40px;}
  .strip-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;}
  .strip-item{flex:1;min-width:170px;}
  .strip-item .num{font-family:'IBM Plex Mono',monospace;font-size:34px;color:var(--blue);}
  .strip-item .lab{font-size:12.5px;color:var(--ink-soft);margin-top:6px;}
  .strip-item + .strip-item{border-left:1px solid var(--line);padding-left:30px;}

  .section-head{max-width:640px;margin-bottom:64px;}
  .section-head h2{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(30px,3.4vw,46px);line-height:1.12;letter-spacing:-.01em;color:var(--ink);}
  .section-head p{margin-top:18px;font-size:16.5px;color:var(--ink-soft);line-height:1.6;}

  /* SERVICES */
  #services{padding:130px 0;background:var(--paper-2);}
  .svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  .svc-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px 28px 32px;position:relative;transition:transform .35s ease, box-shadow .35s ease;overflow:hidden;}
  .svc-card:hover{transform:translateY(-6px);box-shadow:0 26px 44px -26px rgba(16,24,40,.22);}
  .svc-icon{width:44px;height:44px;border-radius:11px;background:var(--paper-3);display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
  .svc-icon svg{width:21px;height:21px;stroke:var(--blue);}
  .svc-card h3{font-family:'Fraunces',serif;font-weight:500;font-size:20px;margin:0 0 12px;letter-spacing:-.005em;}
  .svc-card p{font-size:14.5px;color:var(--ink-soft);line-height:1.6;}
  .svc-line{position:absolute;left:0;bottom:0;height:3px;width:0%;background:linear-gradient(90deg,var(--blue),var(--orange));transition:width .5s ease;}
  .svc-card:hover .svc-line{width:100%;}

  /* PROCESS */
  #process{padding:130px 0;background:var(--paper);overflow:hidden;position:relative;}
  .proc-connector{position:absolute;top:19px;left:6%;right:6%;height:40px;pointer-events:none;z-index:1;}
  .proc-connector svg{width:100%;height:100%;overflow:visible;}
  .proc-connector .track{stroke:var(--line);stroke-width:1.5;fill:none;}
  .proc-connector .fill{stroke:url(#procGrad);stroke-width:1.5;fill:none;stroke-dasharray:1000;stroke-dashoffset:1000;}
  .proc-connector .traveler{r:5;fill:var(--orange);filter:drop-shadow(0 0 6px rgba(230,138,58,.5));}
  .proc-row{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;position:relative;z-index:2;}
  .proc-item .pn{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--ink);margin-bottom:26px;position:relative;z-index:2;transition:border-color .3s ease,background .3s ease,color .3s ease;}
  .proc-item.lit .pn{border-color:var(--orange);background:var(--paper-3);color:var(--blue);}
  .proc-item h4{font-family:'Fraunces',serif;font-size:19px;font-weight:500;margin-bottom:10px;}
  .proc-item p{font-size:14px;color:var(--ink-soft);line-height:1.6;}

  /* KPI BAND (light blue tinted, not dark) */
  #results{background:var(--paper-3);padding:120px 0;overflow:hidden;position:relative;}
  .results-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:30px;position:relative;z-index:2;}
  .result-item .num{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:clamp(28px,2.6vw,38px);color:var(--blue);}
  .result-item .lab{margin-top:10px;font-size:13px;color:var(--ink-soft);line-height:1.45;}

  /* WHY US */
  #whyus{padding:130px 0;background:var(--paper);}
  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  .why-card{padding:38px 32px;border-radius:16px;background:var(--paper-2);border:1px solid var(--line);}
  .why-card .n{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--orange);margin-bottom:16px;display:block;}
  .why-card h3{font-family:'Fraunces',serif;font-size:20px;font-weight:500;margin-bottom:12px;}
  .why-card p{font-size:14.5px;color:var(--ink-soft);line-height:1.6;}

  /* SPECIALTIES */
  #specialties{padding:110px 0 130px;background:var(--paper-2);overflow:hidden;}
  .chip-track{display:flex;gap:16px;width:max-content;}
  .chip{font-family:'IBM Plex Mono',monospace;font-size:13.5px;color:var(--ink);border:1px solid var(--line);padding:14px 26px;border-radius:40px;white-space:nowrap;background:#fff;}
  .chip b{color:var(--blue);font-weight:600;margin-right:8px;}
  .chip-row{margin-top:16px;}

  /* TESTIMONIAL */
  #testimonial{padding:140px 0;background:var(--paper);}
  .quote-mark{font-family:'Fraunces',serif;font-size:100px;color:var(--orange);line-height:0;position:relative;top:38px;opacity:.9;}
  blockquote{font-family:'Fraunces',serif;font-weight:400;font-style:italic;font-size:clamp(24px,2.8vw,34px);line-height:1.4;max-width:820px;color:var(--ink);letter-spacing:-.005em;}
  .quote-attr{margin-top:32px;display:flex;align-items:center;gap:16px;}
  .quote-avatar{width:46px;height:46px;border-radius:50%;background:var(--paper-3);color:var(--blue);display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;}
  .quote-attr .name{font-weight:700;font-size:14.5px;}
  .quote-attr .role{font-size:13px;color:var(--ink-soft);}

  /* CTA BAND */
  #ctaband{background:linear-gradient(120deg,#F7FAFF,#EEF3FF);padding:110px 0;text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--line);}
  #ctaband h2{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(30px,4vw,50px);max-width:760px;margin:0 auto 22px;line-height:1.15;color:var(--ink);}
  #ctaband h2 em{color:var(--orange);font-style:italic;}
  #ctaband p{color:var(--ink-soft);max-width:480px;margin:0 auto 40px;font-size:16px;}

  /* FOOTER (kept light per the client's request) */
  footer{background:var(--paper-2);color:var(--ink);padding:70px 0 30px;border-top:1px solid var(--line);}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:50px;padding-bottom:50px;}
  .foot-brand p{margin-top:18px;font-size:14px;color:var(--ink-soft);line-height:1.65;max-width:280px;}
  .foot-col h5{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:20px;}
  .foot-col a{display:block;font-size:14px;color:var(--ink-soft);margin-bottom:13px;transition:color .3s ease;}
  .foot-col a:hover{color:var(--ink);}
  .foot-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-soft);}

  @media(max-width:900px){
    .wrap{padding:0 24px;}
    .hero-grid{grid-template-columns:1fr;gap:50px;}
    .navlinks{display:none;}
    .svc-grid{grid-template-columns:1fr 1fr;}
    .proc-row{grid-template-columns:1fr 1fr;row-gap:40px;}
    .proc-connector{display:none;}
    .results-grid{grid-template-columns:1fr 1fr;row-gap:34px;}
    .why-grid{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr 1fr;row-gap:40px;}
    .trust-row{justify-content:center;text-align:center;}
  }
  
  /* WHATSAPP FLOAT */
  .wa-float{position:fixed;bottom:28px;right:28px;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -10px rgba(37,211,102,.5);z-index:300;transition:transform .3s ease;}
  .wa-float:hover{transform:scale(1.08);}
  .wa-float svg{width:27px;height:27px;fill:#fff;position:relative;z-index:2;}
  .wa-pulse{position:absolute;inset:0;border-radius:50%;background:#25D366;opacity:.5;animation:waPulse 2.4s ease-out infinite;}
  @keyframes waPulse{0%{transform:scale(1);opacity:.5;}100%{transform:scale(1.9);opacity:0;}}

  /* ASK A2 WIDGET */
  .ask-toggle{position:fixed;bottom:98px;right:28px;width:58px;height:58px;border-radius:50%;background:#fff;border:1.5px solid var(--blue);display:flex;align-items:center;justify-content:center;z-index:300;cursor:pointer;box-shadow:0 14px 30px -10px rgba(16,24,40,.18);transition:transform .3s ease;}
  .ask-toggle:hover{transform:scale(1.08);}
  .ask-toggle svg{width:23px;height:23px;stroke:var(--blue);}
  .ask-panel{position:fixed;bottom:168px;right:28px;width:340px;max-height:70vh;background:#fff;border-radius:18px;box-shadow:0 30px 60px -20px rgba(16,24,40,.28);z-index:301;display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px) scale(.96);opacity:0;pointer-events:none;transition:all .35s cubic-bezier(.2,.9,.3,1);border:1px solid var(--line);}
  .ask-panel.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto;}
  .ask-head{background:linear-gradient(120deg,var(--blue),var(--blue-soft));color:#fff;padding:18px 20px;display:flex;align-items:center;gap:12px;flex-shrink:0;}
  .ask-head .mark{width:34px;height:34px;flex-shrink:0;background:#fff;border-radius:8px;padding:4px;}
  .ask-head h4{font-family:'Fraunces',serif;font-size:16px;font-weight:500;}
  .ask-head p{font-size:11px;color:rgba(255,255,255,.75);margin-top:2px;}
  .ask-body{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:12px;background:var(--paper-2);min-height:260px;}
  .ask-msg{max-width:84%;font-size:13.5px;line-height:1.5;padding:11px 14px;border-radius:14px;}
  .ask-msg.bot{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start;color:var(--ink);}
  .ask-msg.user{background:var(--blue);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;}
  .ask-chips{display:flex;flex-wrap:wrap;gap:8px;}
  .ask-chip{font-family:'IBM Plex Mono',monospace;font-size:10.5px;background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:20px;cursor:pointer;transition:border-color .2s ease;color:var(--ink);}
  .ask-chip:hover{border-color:var(--orange);}
  .ask-typing{align-self:flex-start;display:flex;gap:4px;padding:13px 14px;background:#fff;border-radius:14px;border:1px solid var(--line);}
  .ask-typing span{width:6px;height:6px;border-radius:50%;background:var(--ink-soft);animation:typingBounce 1s infinite;display:inline-block;}
  .ask-typing span:nth-child(2){animation-delay:.15s;}
  .ask-typing span:nth-child(3){animation-delay:.3s;}
  @keyframes typingBounce{0%,60%,100%{transform:translateY(0);opacity:.5;}30%{transform:translateY(-4px);opacity:1;}}
  .ask-foot{border-top:1px solid var(--line);padding:12px;display:flex;gap:8px;align-items:center;background:#fff;flex-shrink:0;}
  .ask-foot input{flex:1;border:none;outline:none;font-family:'Manrope',sans-serif;font-size:13px;padding:8px 4px;min-width:0;}
  .ask-mic, .ask-send{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;flex-shrink:0;}
  .ask-mic{background:var(--paper-2);}
  .ask-mic.listening{background:#fde2e2;animation:micPulse 1s infinite;}
  @keyframes micPulse{0%,100%{box-shadow:0 0 0 0 rgba(220,80,80,.4);}50%{box-shadow:0 0 0 8px rgba(220,80,80,0);}}
  .ask-send{background:var(--orange);}
  .ask-mic svg{width:15px;height:15px;stroke:var(--ink);}
  .ask-send svg{width:15px;height:15px;stroke:#fff;}
  @media(max-width:480px){ .ask-panel{width:calc(100vw - 32px);right:16px;} .wa-float,.ask-toggle{right:16px;} }

  .reveal{opacity:0;}
  @media (prefers-reduced-motion: reduce){ .reveal{opacity:1 !important;transform:none !important;} #cursorGlow,.float-shape{display:none !important;} }
.logo .a2-custom-logo{border-radius:8px;display:block;}