:root{
    --navy-950:#081226;
    --navy-900:#0B1B36;
    --navy-800:#122B52;
    --navy-700:#1B3A6B;
    --green-600:#15924A;
    --green-500:#1EA855;
    --green-400:#3DC172;
    --green-100:#E4F7EA;
    --green-700:#0F7A3D;
    --off:#F5F8F6;
    --white:#FFFFFF;
    --ink:#0E1524;
    --muted:#5B6B7C;
    --line:#E4EAE7;
    --radius:18px;
    --shadow-soft: 0 20px 50px -25px rgba(11,27,54,0.35);
    --ease: cubic-bezier(.22,.85,.31,1);
  }
  
  
  body{
    margin:0;
    font-family:'Inter',sans-serif;
    color:var(--ink);
    background:var(--white);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  h1,h2,h3,h4,.display{
    font-family:'Plus Jakarta Sans',sans-serif;
    letter-spacing:-0.02em;
    margin:0;
  }
  
  
  
  
  
  
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-size:12.5px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
    color:var(--green-500);
  }
  .eyebrow::before{content:""; width:16px; height:2px; background:var(--green-500); display:inline-block; border-radius:2px;}
  .btn{
    display:inline-flex; align-items:center; gap:10px;
    padding:14px 24px; border-radius:100px; font-weight:700; font-size:15px;
    border:1.5px solid transparent; transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .3s, color .3s, border-color .3s;
    white-space:nowrap;
  }
  .btn-primary{background:var(--green-500); color:#fff; box-shadow:0 14px 28px -14px rgba(21,146,74,.65);}
  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 18px 34px -14px rgba(21,146,74,.75);}
  .btn-outline{border-color:rgba(255,255,255,.4); color:#fff;}
  .btn-outline:hover{background:rgba(255,255,255,.12); transform:translateY(-2px);}
  .btn-outline-dark{border-color:var(--navy-800); color:var(--navy-900);}
  .btn-outline-dark:hover{background:var(--navy-900); color:#fff; transform:translateY(-2px);}
  .btn svg{width:16px; height:16px; transition:transform .3s var(--ease);}
  .btn:hover svg{transform:translateX(3px);}

  .reveal{opacity:0; transform:translateY(16px); transition:opacity .6s var(--ease), transform .6s var(--ease); will-change:transform,opacity;}
  .reveal.in{opacity:1; transform:translateY(0);}
  .reveal.from-right{transform:translateX(18px);}
  .reveal.from-right.in{transform:translateX(0);}
  .reveal.from-left{transform:translateX(-18px);}
  .reveal.from-left.in{transform:translateX(0);}
  @media (prefers-reduced-motion: reduce){
    .reveal{opacity:1; transform:none; transition:none;}
    html{scroll-behavior:auto;}
  }

  
  
  
  
  
  
  
  
  
  
  
  
  .desktop-nav a:hover::after, .desktop-nav a.active::after{width:100%;}
  .desktop-nav a.active{color:var(--green-600);}
  
  .btn-wa-top{display:none;}
  
  
  
  
  

  
  
  
  
  
  .mobile-menu-close:hover{background:var(--off);}
  
  
  
  
  
  
  .mobile-menu .btn-primary{margin-top:28px; justify-content:center; width:100%; padding:16px;}
  
  .mobile-menu-foot-bar{
    display:flex; align-items:center; gap:10px; border:1px solid var(--line); border-radius:14px; padding:14px 16px; font-size:13px; color:var(--muted);
  }
  .mobile-menu-foot-bar .mmf-divider{width:2px; height:16px; background:var(--green-500); border-radius:2px; flex-shrink:0;}
  

  /* ============ BREADCRUMB ============ */
  .crumb{position:relative; z-index:6; padding:16px 0 0;}
  .crumb-row{display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; color:rgba(255,255,255,.62);}
  .crumb-row svg{width:13px; height:13px; flex-shrink:0;}
  .crumb-row .sep{color:rgba(255,255,255,.35);}
  .crumb-row .cur{color:var(--green-400);}

  /* ============ SERVICES HERO (about-hero style) ============ */
  .about-hero{
    position:relative; background:var(--navy-950); overflow:hidden;
    padding-bottom:64px;
  }
  .about-hero::before{
    content:""; position:absolute; inset:0; z-index:0;
    background:
      linear-gradient(115deg, var(--navy-950) 0%, var(--navy-950) 38%, rgba(8,18,38,.55) 68%, rgba(8,18,38,.15) 100%);
  }
  .about-hero-inner{position:relative; z-index:3; padding-top:34px;}
  .hero-badge{
    display:inline-flex; align-items:center; gap:8px; padding:7px 16px; border-radius:100px;
    background:rgba(30,168,85,.16); border:1px solid rgba(61,193,114,.4);
    color:var(--green-400); font-weight:700; font-size:12px; letter-spacing:.09em; text-transform:uppercase;
    margin-bottom:20px;
  }
  .about-hero h1{
    font-size:clamp(30px,7.2vw,52px); color:#fff; font-weight:800; line-height:1.1; max-width:640px;
  }
  .about-hero h1 .accent{color:var(--green-400);}
  .about-hero p.lead{color:rgba(255,255,255,.72); font-size:16px; max-width:460px; margin-top:18px;}
  .hero-pills{display:flex; flex-wrap:wrap; gap:9px; margin-top:26px;}
  .hero-pill{display:inline-flex; align-items:center; gap:6px; padding:7px 14px 7px 10px; border-radius:100px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.22); font-size:11.5px; font-weight:700; color:#fff;}
  .hero-pill svg{flex-shrink:0; color:var(--green-400);}
  .globe-stage{position:absolute; right:-14%; top:6%; width:78vw; max-width:420px; aspect-ratio:1/1; z-index:1; pointer-events:none;}
  .globe-fade{position:absolute; inset:0; -webkit-mask-image:radial-gradient(circle at 62% 42%, #000 42%, transparent 74%); mask-image:radial-gradient(circle at 62% 42%, #000 42%, transparent 74%);}
  .globe-core{
    position:absolute; left:50%; top:50%; width:64%; height:64%; transform:translate(-50%,-50%); border-radius:50%;
    background:
      radial-gradient(circle at 34% 28%, rgba(61,193,114,.28), transparent 55%),
      radial-gradient(circle at 68% 70%, rgba(30,168,85,.18), transparent 60%),
      radial-gradient(circle, rgba(18,43,82,.9), rgba(8,18,38,.4) 72%);
    box-shadow:0 0 70px -10px rgba(30,168,85,.35), inset 0 0 40px rgba(0,0,0,.4);
  }
  .globe-core::before{
    content:""; position:absolute; inset:0; border-radius:50%;
    background-image:radial-gradient(rgba(61,193,114,.55) 1px, transparent 1.4px);
    background-size:11px 11px;
    -webkit-mask-image:radial-gradient(circle, #000 60%, transparent 92%);
    mask-image:radial-gradient(circle, #000 60%, transparent 92%);
    opacity:.85;
  }
  .globe-orbit{position:absolute; left:50%; top:50%; border:1px solid rgba(61,193,114,.3); border-radius:50%; transform:translate(-50%,-50%);}
  .globe-orbit.o1{width:92%; height:56%; animation:spin1 16s linear infinite;}
  .globe-orbit.o2{width:78%; height:98%; animation:spin2 22s linear infinite reverse;}
  @keyframes spin1{from{transform:translate(-50%,-50%) rotate(0deg);} to{transform:translate(-50%,-50%) rotate(360deg);}}
  @keyframes spin2{from{transform:translate(-50%,-50%) rotate(0deg);} to{transform:translate(-50%,-50%) rotate(360deg);}}
  .globe-node{position:absolute; width:9px; height:9px; border-radius:50%; background:var(--green-400); box-shadow:0 0 0 4px rgba(61,193,114,.22); animation:nodepulse 2.4s ease-in-out infinite;}
  .globe-node.n1{top:6%; left:66%;}
  .globe-node.n2{top:46%; left:8%;}
  .globe-node.n3{top:78%; left:60%;}
  .globe-node.n4{top:60%; left:88%;}
  @keyframes nodepulse{0%,100%{box-shadow:0 0 0 4px rgba(61,193,114,.22);} 50%{box-shadow:0 0 0 9px rgba(61,193,114,.06);}}
  .hero-panel-lip{position:relative; z-index:4; margin-top:26px; background:#fff; border-radius:32px 32px 0 0; padding:36px 0 6px;}

  /* ============ QUICK NAV CARDS ============ */
  .quicknav{display:grid; grid-template-columns:1fr; gap:14px;}
  .quicknav-card{
    display:flex; align-items:center; gap:16px; padding:20px 18px; border-radius:16px; background:#fff;
    border:1.5px solid var(--line); border-top:3px solid var(--green-500);
    transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;
  }
  .quicknav-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-soft); border-color:var(--green-500);}
  .qc-ic{width:52px; height:52px; border-radius:14px; background:var(--green-100); color:var(--green-600); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
  .qc-ic svg{width:24px; height:24px;}
  .qc-text{flex:1; min-width:0;}
  .qc-text h4{font-family:'Plus Jakarta Sans'; font-size:15.5px; font-weight:800; color:var(--navy-900); line-height:1.25;}
  .qc-text p{font-size:12px; margin-top:4px; line-height:1.4;}
  .qc-arrow{color:var(--green-600); flex-shrink:0; transition:transform .3s var(--ease);}
  .quicknav-card:hover .qc-arrow{transform:translateX(4px);}
  @media(min-width:640px){.quicknav{grid-template-columns:1fr 1fr;}}

  /* Mobile: horizontal swipeable category tiles (matches reference UI) */
  .quicknav-hint{display:none; align-items:center; justify-content:space-between; margin:-6px 0 12px;}
  .quicknav-hint span{font-size:11px; font-weight:700; color:var(--muted); display:flex; align-items:center; gap:4px;}
  @media(max-width:639px){
    .quicknav-hint{display:flex;}
    .quicknav{display:flex; flex-wrap:nowrap; overflow-x:auto; gap:10px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:2px 2px 6px;}
    .quicknav::-webkit-scrollbar{display:none;}
    .quicknav-card{flex:0 0 auto; width:108px; flex-direction:column; align-items:center; text-align:center; gap:8px; padding:16px 8px 14px; border:1px solid var(--line); border-top:1px solid var(--line); scroll-snap-align:start; border-radius:16px;}
    .quicknav-card:hover{transform:none; box-shadow:none;}
    .qc-ic{width:42px; height:42px; border-radius:12px;}
    .qc-ic svg{width:20px; height:20px;}
    .qc-text p{display:none;}
    .qc-text h4{font-size:11.5px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
    .qc-arrow{display:none;}
  }

  /* ============ SECTION GENERIC ============ */
  section{padding:64px 0;}
  .section-head{max-width:640px; margin-bottom:38px;}
  .section-head h2{font-size:clamp(24px,4.2vw,38px); font-weight:800; color:var(--navy-900); margin-top:14px; line-height:1.15;}
  .section-head p{margin-top:14px; font-size:15.5px;}
  .section-head.center{margin-left:auto; margin-right:auto; text-align:center;}

  /* ============ SERVICE BLOCK ============ */
  .svc-block{scroll-margin-top:88px;}
  .svc-block:nth-child(even){background:var(--off);}
  .svc-top{display:grid; grid-template-columns:1fr; gap:30px; align-items:center; margin-bottom:34px;}
  .svc-img-wrap{position:relative; border-radius:22px; overflow:hidden; box-shadow:var(--shadow-soft); height:230px;}
  .svc-img-wrap img{width:100%; height:100%; object-fit:cover;}
  .svc-img-wrap .svc-img-overlay{position:absolute; inset:0; background:linear-gradient(0deg, rgba(8,18,38,.55), rgba(8,18,38,0) 55%);}
  .svc-img-wrap .svc-img-tag{position:absolute; left:16px; bottom:14px; color:#fff; font-weight:800; font-size:15px; font-family:'Plus Jakarta Sans';}
  .svc-img-wrap.svc-slider .svc-slide{position:absolute; inset:0; opacity:0; transition:opacity .9s ease;}
  .svc-img-wrap.svc-slider .svc-slide.active{opacity:1;}
  .svc-img-wrap.svc-slider .svc-slide img{width:100%; height:100%; object-fit:cover;}
  .svc-slider-dots{position:absolute; right:14px; bottom:14px; display:flex; gap:6px; z-index:2;}
  .svc-slider-dots .dot{width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.45); border:none; cursor:pointer; transition:.3s; padding:0;}
  .svc-slider-dots .dot.active{background:#fff; width:18px; border-radius:5px;}
  .svc-num{font-family:'Plus Jakarta Sans'; font-weight:800; font-size:12.5px; color:var(--green-600); letter-spacing:.08em;}
  .svc-top h2{font-size:clamp(23px,4vw,32px); font-weight:800; color:var(--navy-900); margin-top:8px; line-height:1.15;}
  .svc-top .svc-tagline{color:var(--green-600); font-weight:700; font-size:14px; margin-top:8px;}
  .svc-top .svc-desc{margin-top:14px; font-size:15px; max-width:640px;}
  /* trust badges - flat, no border, compact (matches reference UI) */
  .svc-highlight-row{display:flex; flex-wrap:wrap; gap:9px; margin-top:18px;}
  .svc-hl{
    display:inline-flex; align-items:center; gap:9px; padding:10px 14px; border-radius:13px;
    background:var(--green-100); border:none;
  }
  .svc-hl svg{color:var(--green-600); flex-shrink:0; width:15px; height:15px; padding:2px; box-sizing:content-box; background:rgba(30,168,85,.16); border-radius:50%;}
  .svc-hl span{display:flex; flex-direction:column; font-size:12px; font-weight:800; color:var(--green-700); line-height:1.3;}
  .svc-hl span em{font-style:normal; font-size:10.5px; font-weight:600; color:var(--muted); margin-top:1px;}

  /* contact row - compact, flat, professional, no border (matches reference UI) */
  .svc-contact{display:flex; flex-wrap:wrap; gap:8px; margin-top:18px;}
  .svc-contact a{
    display:inline-flex; align-items:center; gap:8px; padding:6px 14px 6px 6px; border-radius:100px;
    font-size:12.5px; font-weight:700; border:none; color:var(--navy-900); background:var(--off);
    transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s, color .3s;
  }
  .svc-contact a svg{width:14px; height:14px; flex-shrink:0; padding:8px; box-sizing:content-box; border-radius:50%; transition:background .3s, color .3s;}
  .svc-contact a.wa{background:var(--green-100); color:var(--green-700);}
  .svc-contact a.wa svg{background:var(--green-500); color:#fff;}
  .svc-contact a.call{background:#EEF2FA; color:var(--navy-900);}
  .svc-contact a.call svg{background:var(--navy-900); color:#fff;}
  .svc-contact a.mail{background:#EEF2FA; color:var(--navy-700);}
  .svc-contact a.mail svg{background:var(--navy-700); color:#fff;}
  .svc-contact a:hover{transform:translateY(-2px); box-shadow:0 10px 22px -14px rgba(11,27,54,.35);}

  /* sub-groups: colorful card pattern matching reference design */
  .svc-groups{display:grid; grid-template-columns:1fr; gap:14px;}
  .svc-group{
    display:flex; align-items:center; gap:16px; background:#fff; border:1px solid var(--line);
    border-left:4px solid var(--sg-color); border-radius:16px; padding:18px 18px;
    transition:transform .35s var(--ease), box-shadow .35s var(--ease);
  }
  .svc-group:hover{transform:translateY(-4px); box-shadow:var(--shadow-soft);}
  .svc-group-ic{width:56px; height:56px; border-radius:16px; background:var(--sg-color-tint); color:var(--sg-color); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
  .svc-group-ic svg{width:26px; height:26px;}
  .svc-group-text{flex:1; min-width:0;}
  .svc-group h3{font-size:15.5px; font-weight:800; color:var(--navy-900); line-height:1.25;}
  .svc-group > p.svc-group-desc{font-size:12.5px; margin-top:5px; line-height:1.5; color:var(--muted);}
  .svc-group-arrow{
    width:42px; height:42px; border-radius:50%; border:1.5px solid var(--sg-color); color:var(--sg-color);
    display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:.3s;
  }
  .svc-group:hover .svc-group-arrow{background:var(--sg-color); color:#fff;}
  .svc-group.c1{--sg-color:#1EA855; --sg-color-tint:#E4F7EA;}
  .svc-group.c2{--sg-color:#2C6BE0; --sg-color-tint:#EAF1FF;}
  .svc-group.c3{--sg-color:#D99A1B; --sg-color-tint:#FBF1DD;}
  .svc-group.c4{--sg-color:#7A3FC9; --sg-color-tint:#F1E9FB;}
  .svc-group.c5{--sg-color:#DD3B5C; --sg-color-tint:#FCE7EB;}

  /* ============ FEATURED DOCS CARD (mobile-UI recreation) ============ */
  .docs-feature{
    display:grid; grid-template-columns:1fr; gap:30px; align-items:center; margin-top:40px;
    background:var(--navy-950); border-radius:26px; padding:8px; position:relative; overflow:hidden;
  }
  .docs-feature::before{content:""; position:absolute; top:-100px; right:-80px; width:300px; height:300px; border-radius:50%; background:radial-gradient(circle, rgba(30,168,85,.22), transparent 70%);}
  .docs-feature-img{position:relative; z-index:1; border-radius:20px; overflow:hidden; padding:26px 20px 0;}
  .docs-feature-img img{width:100%; border-radius:16px 16px 0 0; display:block;}
  .docs-ui-card{
    position:relative; z-index:1; background:#fff; border-radius:20px; margin:8px; padding:22px 20px 20px;
  }
  .docs-ui-badges{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px;}
  .docs-ui-badge{display:flex; flex-direction:column; align-items:center; gap:5px; flex:1; min-width:80px; padding:10px 6px; border-radius:12px; background:var(--off); text-align:center;}
  .docs-ui-badge svg{width:17px; height:17px; color:var(--green-600);}
  .docs-ui-badge span{font-size:9.5px; font-weight:800; color:var(--navy-900); letter-spacing:.02em; line-height:1.2;}
  .docs-ui-list{display:flex; flex-direction:column; gap:9px;}
  .docs-ui-row{display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:14px; background:var(--off); transition:background .3s;}
  .docs-ui-row:hover{background:var(--green-100);}
  .docs-ui-ic{width:36px; height:36px; border-radius:10px; background:#fff; box-shadow:0 4px 10px -4px rgba(11,27,54,.2); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--green-600);}
  .docs-ui-row-text{flex:1; min-width:0;}
  .docs-ui-row-text strong{display:block; font-size:13px; font-weight:800; color:var(--navy-900);}
  .docs-ui-row-text span{display:block; font-size:11.5px; color:var(--muted); margin-top:1px;}
  .docs-ui-row svg.chev{width:15px; height:15px; color:var(--green-500); flex-shrink:0;}
  .docs-ui-cta{
    margin-top:14px; display:flex; align-items:center; gap:12px; background:var(--green-500); border-radius:14px; padding:13px 16px; color:#fff;
  }
  .docs-ui-cta svg{width:22px; height:22px; flex-shrink:0;}
  .docs-ui-cta strong{display:block; font-size:13px; font-weight:800;}
  .docs-ui-cta span{display:block; font-size:11.5px; color:rgba(255,255,255,.85);}
  .docs-ui-cta svg.arrow{margin-left:auto; width:16px; height:16px;}

  /* ============ ICON PANEL (printing section visual) ============ */
  .icon-panel{
    position:relative; border-radius:22px; overflow:hidden; height:230px; box-shadow:var(--shadow-soft);
    background:linear-gradient(135deg, var(--navy-950), var(--navy-800));
    display:flex; align-items:center; justify-content:center;
  }
  .icon-panel::before{content:""; position:absolute; top:-60px; left:-40px; width:200px; height:200px; border-radius:50%; background:radial-gradient(circle, rgba(30,168,85,.25), transparent 70%);}
  .icon-panel-grid{position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
  .icon-panel-grid span{width:52px; height:52px; border-radius:14px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); display:flex; align-items:center; justify-content:center; color:var(--green-400);}

  /* ============ FAQ (reused pattern) ============ */
  .faq-list{max-width:740px;}
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-q{
    display:flex; align-items:center; justify-content:space-between; gap:14px; padding:20px 4px;
    font-family:'Plus Jakarta Sans'; font-weight:700; font-size:15px; color:var(--navy-900); background:none; border:none; width:100%; text-align:left;
  }
  .faq-q .faq-plus{
    width:26px; height:26px; border-radius:50%; border:1.5px solid var(--line); flex-shrink:0; position:relative; transition:transform .35s var(--ease), background .3s, border-color .3s;
  }
  .faq-q .faq-plus::before, .faq-q .faq-plus::after{content:""; position:absolute; background:var(--navy-900); transition:opacity .3s, transform .35s var(--ease);}
  .faq-q .faq-plus::before{left:7px; right:7px; top:50%; height:2px; transform:translateY(-50%);}
  .faq-q .faq-plus::after{top:7px; bottom:7px; left:50%; width:2px; transform:translateX(-50%);}
  .faq-item.open .faq-q .faq-plus{background:var(--green-500); border-color:var(--green-500); transform:rotate(180deg);}
  .faq-item.open .faq-q .faq-plus::before, .faq-item.open .faq-q .faq-plus::after{background:#fff;}
  .faq-item.open .faq-q .faq-plus::after{opacity:0;}
  .faq-a{max-height:0; overflow:hidden; transition:max-height .4s var(--ease);}
  .faq-a p{padding:0 4px 20px; font-size:13.5px; max-width:600px;}

  /* ============ NEED SOMETHING ELSE CTA ============ */
  .cta-bar{
    margin-top:8px; background:linear-gradient(120deg, var(--green-600), var(--green-500));
    border-radius:20px; padding:26px 24px; display:flex; flex-direction:column; gap:16px; align-items:flex-start;
    position:relative; overflow:hidden;
  }
  .cta-bar::after{content:""; position:absolute; right:-40px; top:-40px; width:150px; height:150px; border-radius:50%; background:rgba(255,255,255,.12);}
  .cta-left{display:flex; align-items:center; gap:14px; position:relative; z-index:1;}
  .cta-ic{width:46px; height:46px; border-radius:13px; background:rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#fff;}
  .cta-bar strong{display:block; font-size:16px; font-weight:800; color:#fff;}
  .cta-bar span{font-size:12.5px; color:rgba(255,255,255,.85);}
  .cta-bar .btn{position:relative; z-index:1; background:#fff; color:var(--green-600); width:100%; justify-content:center; padding:13px 20px;}

  
  footer::before{
    content:""; position:absolute; top:-120px; right:-100px; width:380px; height:380px; border-radius:50%;
    background:radial-gradient(circle, rgba(61,193,114,.14), transparent 70%); pointer-events:none;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .footer-statement{
    position:relative; z-index:2; margin-top:44px; padding:26px 22px; border-top:1px solid rgba(255,255,255,.09);
    text-align:center; font-size:13px; color:rgba(255,255,255,.5); line-height:1.75; max-width:680px; margin-left:auto; margin-right:auto;
  }
  .footer-bottom{
    position:relative; z-index:2; border-top:1px solid rgba(255,255,255,.09); padding:22px 0 26px;
    display:flex; flex-direction:column; gap:10px; font-size:12.5px; color:rgba(255,255,255,.45);
  }
  
  
  
  .footer-credit{text-align:center; font-size:11.5px; color:rgba(255,255,255,.3); padding-top:14px; margin-top:4px; border-top:1px solid rgba(255,255,255,.06);}
  
  

  /* ============ DESKTOP ============ */
  @media (min-width:860px){
    .hamburger, .mobile-menu{display:none;}
    nav.desktop-nav{display:block;}
    .btn-wa-top{display:inline-flex;}
    section{padding:100px 0;}

    .about-hero{padding-bottom:0;}
    .about-hero-inner{padding-top:44px; padding-bottom:70px;}
    .about-hero h1{max-width:600px;}
    .globe-stage{display:none;}
    .about-hero::after{
      content:""; position:absolute; right:0; top:0; bottom:0; width:46%; z-index:1;
      background-image:url('https://images.unsplash.com/photo-1758518731462-d091b0b4ed0d?q=80&w=1200&auto=format&fit=crop');
      background-size:cover; background-position:center;
      -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 22%);
      mask-image:linear-gradient(90deg, transparent 0%, #000 22%);
    }
    .hero-panel-lip{display:none;}

    .svc-top{grid-template-columns:1.1fr .9fr; gap:40px;}
    .svc-img-wrap{height:320px; order:2;}
    .svc-groups{grid-template-columns:repeat(2,1fr); gap:20px;}
    .docs-feature{grid-template-columns:1fr 1fr; padding:16px;}
    .docs-feature-img{padding:0;}
    .docs-feature-img img{border-radius:16px;}

    .cac-bar{padding:26px 32px;}
    .cta-bar{flex-direction:row; align-items:center; justify-content:space-between; padding:26px 32px;}
    .cta-bar .btn{width:auto;}

    .footer-top{grid-template-columns:1.2fr 2fr; gap:60px;}
    .footer-cols{grid-template-columns:repeat(3,1fr);}
    .footer-bottom-row{flex-wrap:nowrap;}
  }
  @media (min-width:560px) and (max-width:859px){
    .footer-cols{grid-template-columns:repeat(3,1fr);}
    .svc-groups{grid-template-columns:repeat(2,1fr);}
  }