/* =============================================================================
   AVTRIX SOFTWARE SOLUTIONS — MAIN STYLESHEET
   All CSS combined from all source pages. No inline styles in PHP templates.
   ============================================================================= */

/* ===== RESET & BASE ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Segoe UI',Arial,Helvetica,sans-serif;color:#1a2a3a;background:#fff;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#0D1F3C}
::-webkit-scrollbar-thumb{background:#00B4D8;border-radius:3px}

/* ===== DESIGN TOKENS ===== */
:root{
  --navy:#0D1F3C;
  --navy-mid:#152d50;
  --cyan:#00B4D8;
  --cyan-lt:#48cae4;
  --gold:#F5A623;
  --white:#ffffff;
  --off:#F4F7FC;
  --g100:#eaf0f8;
  --g300:#c0cfe0;
  --g500:#7a8fa6;
  --g700:#3d5266;
  --shadow:0 4px 24px rgba(13,31,60,.12);
  --shadow-lg:0 12px 48px rgba(13,31,60,.2);
  --r:8px;
  --t:.25s ease;
}

/* ===== NAVBAR ===== */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(13,31,60,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,180,216,.15)}
.nav-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;padding:0 24px;height:70px}
.nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-right:24px}
.nav-logo-text{display:flex;flex-direction:column;line-height:1}
.nav-logo-text b{font-size:17px;font-weight:800;color:#fff;letter-spacing:1.5px}
.nav-logo-text small{font-size:8px;color:#00B4D8;letter-spacing:.8px;margin-top:2px}
.nav-menu{display:flex;align-items:center;flex:1}
.nav-item{position:relative}
.nav-link{display:flex;align-items:center;gap:3px;padding:0 13px;height:70px;color:rgba(255,255,255,.82);font-size:13px;font-weight:500;white-space:nowrap;transition:var(--t);cursor:pointer}
.nav-link:hover,.nav-item:hover>.nav-link{color:#00B4D8}
.chev{width:9px;height:9px;transition:transform var(--t)}
.nav-item:hover>.nav-link .chev{transform:rotate(180deg)}
.nav-cta{margin-left:auto;flex-shrink:0;background:#00B4D8;color:#0D1F3C;padding:9px 20px;border-radius:var(--r);font-weight:700;font-size:13px;transition:var(--t)}
.nav-cta:hover{background:#48cae4}
.mega-drop{display:none;position:fixed;top:70px;left:0;right:0;background:#fff;border-top:2px solid #00B4D8;box-shadow:var(--shadow-lg);z-index:999}
.nav-item:hover>.mega-drop{display:block}
.mega-in{max-width:1400px;margin:0 auto;padding:28px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.m-col h5{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#00B4D8;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--g100);display:flex;align-items:center;gap:6px}
.m-col a{display:block;padding:4px 0;color:var(--g700);font-size:12.5px;border-bottom:1px solid var(--g100);transition:var(--t)}
.m-col a:last-child{border-bottom:none}
.m-col a:hover{color:var(--navy);padding-left:6px}
.m-col a::before{content:'›';color:#00B4D8;margin-right:5px}
.drop{display:none;position:absolute;top:70px;left:0;background:#fff;border-radius:0 0 var(--r) var(--r);box-shadow:var(--shadow-lg);border-top:2px solid #00B4D8;min-width:220px;z-index:999}
.nav-item:hover>.drop{display:block}
.drop a{display:block;padding:9px 18px;color:var(--g700);font-size:13px;border-bottom:1px solid var(--g100);transition:var(--t)}
.drop a:last-child{border-bottom:none}
.drop a:hover{background:var(--off);color:var(--navy);padding-left:22px}
.hbg{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;margin-left:auto}
.hbg span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:var(--t)}
.hbg.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hbg.open span:nth-child(2){opacity:0}
.hbg.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mob{display:none;position:fixed;top:70px;left:0;right:0;bottom:0;background:#0D1F3C;overflow-y:auto;z-index:998;padding:20px}
.mob.open{display:block}
.mob-sec{margin-bottom:18px}
.mob-sec h6{color:#00B4D8;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid rgba(0,180,216,.2)}
.mob-sec a{display:block;color:rgba(255,255,255,.78);padding:7px 0;font-size:13.5px;border-bottom:1px solid rgba(255,255,255,.06)}
.mob-sec a:hover{color:#00B4D8}

/* ===== COMMONS / UTILITIES ===== */
section{padding:80px 24px}
.inner{max-width:1200px;margin:0 auto}
.wrap{max-width:1200px;margin:0 auto}
.lbl{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#00B4D8;margin-bottom:12px}
.sec-lbl{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#00B4D8;margin-bottom:12px}
h1{font-size:clamp(32px,5vw,56px);font-weight:900;color:#fff;line-height:1.15}
h2{font-size:clamp(26px,4vw,40px);font-weight:800;color:#0D1F3C;line-height:1.2}
h3{font-size:19px;font-weight:700;color:#0D1F3C}
.sec-h{font-size:clamp(26px,4vw,40px);font-weight:800;color:#0D1F3C;line-height:1.2}
.div{width:44px;height:3px;background:#00B4D8;border-radius:2px;margin:14px 0 26px}
.sec-div{width:44px;height:3px;background:#00B4D8;border-radius:2px;margin:14px 0 26px}
p{line-height:1.7;color:var(--g700)}
.sec-sub{color:var(--g500);font-size:16px;line-height:1.7}
.tc{text-align:center}
.tc .div{margin-left:auto;margin-right:auto}
.tc .sec-div{margin-left:auto;margin-right:auto}
.btn-p{background:#00B4D8;color:#0D1F3C;padding:15px 34px;border-radius:var(--r);font-weight:800;font-size:14.5px;transition:var(--t);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.btn-p:hover{background:#48cae4;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,180,216,.38)}
.btn-o{background:transparent;color:#fff;padding:15px 34px;border-radius:var(--r);font-weight:700;font-size:14.5px;border:2px solid rgba(255,255,255,.28);transition:var(--t);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.btn-o:hover{border-color:#00B4D8;color:#00B4D8}
.btn-outline-navy{background:transparent;color:var(--navy);padding:13px 28px;border-radius:var(--r);font-weight:700;font-size:14px;border:2px solid var(--g300);transition:var(--t);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.btn-outline-navy:hover{border-color:#00B4D8;color:#00B4D8}

/* ===== REVEAL ANIMATION ===== */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .55s ease,transform .55s ease}
.reveal.vis{opacity:1;transform:translateY(0)}

/* ===== PAGE HERO (inner pages) ===== */
.page-hero{background:#0D1F3C;padding:140px 24px 80px;position:relative;overflow:hidden}
.page-hero .hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,180,216,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,180,216,.06) 1px,transparent 1px);background-size:60px 60px}
.page-hero .hero-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(0,180,216,.12) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.breadcrumb{color:rgba(255,255,255,.38);font-size:12px;margin-bottom:20px}
.breadcrumb a{color:rgba(255,255,255,.38)}
.breadcrumb a:hover{color:#00B4D8}
.breadcrumb span{color:rgba(255,255,255,.6)}

/* ===== HOMEPAGE HERO ===== */
.hero{background:#0D1F3C;padding:160px 24px 100px;position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(0,180,216,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,180,216,.07) 1px,transparent 1px);background-size:60px 60px}
.hero-glow{position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(0,180,216,.15) 0%,transparent 70%);top:50%;left:30%;transform:translate(-50%,-50%);pointer-events:none}
.hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,180,216,.12);border:1px solid rgba(0,180,216,.28);color:#00B4D8;padding:7px 16px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:22px}
.hero-badge span{width:7px;height:7px;border-radius:50%;background:#00B4D8;animation:pulse 2s ease-in-out infinite}
.hero h1{font-size:clamp(36px,5.5vw,60px);font-weight:900;color:#fff;line-height:1.1;margin-bottom:22px}
.hero h1 em{color:#00B4D8;font-style:normal}
.hero-sub{color:rgba(255,255,255,.72);font-size:17px;line-height:1.7;max-width:520px;margin-bottom:34px}
.hero-acts{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:42px}
.hero-trust{display:flex;align-items:center;gap:18px}
.trust-item{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.6);font-size:12.5px}
.trust-ico{color:#F5A623;font-size:14px}
.hero-visual{position:relative}
.hero-card{background:rgba(255,255,255,.06);backdrop-filter:blur(10px);border:1px solid rgba(0,180,216,.18);border-radius:12px;padding:22px;position:relative;overflow:hidden}
.hero-card::before{content:'';position:absolute;top:-20px;right:-20px;width:120px;height:120px;background:radial-gradient(circle,rgba(0,180,216,.12) 0%,transparent 70%)}
.hc-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.hc-dot{width:8px;height:8px;border-radius:50%;background:#00B4D8;animation:pulse 1.5s ease-in-out infinite}
.hc-title{font-size:11px;font-weight:700;color:#00B4D8;text-transform:uppercase;letter-spacing:1.5px}
.hc-metric{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.hc-metric:last-child{border-bottom:none}
.hc-label{font-size:12.5px;color:rgba(255,255,255,.6)}
.hc-value{font-size:14px;font-weight:800;color:#00B4D8}
.hc-value.gold{color:#F5A623}
.hc-value.green{color:#00c864}
.float-badge{position:absolute;background:#fff;border-radius:10px;padding:10px 16px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px}
.float-badge.top{top:-18px;right:-18px}
.float-badge.bottom{bottom:-18px;left:-18px}
.fb-ico{font-size:20px}
.fb-text{font-size:11px}
.fb-text strong{display:block;color:#0D1F3C;font-weight:800}
.fb-text span{color:var(--g500)}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* ===== PROOF STRIP ===== */
.proof{background:#00B4D8;padding:22px 24px}
.proof-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.proof-item{display:flex;align-items:center;gap:10px;color:#0D1F3C}
.proof-item .pi-ico{font-size:20px}
.proof-item .pi-text strong{display:block;font-weight:800;font-size:14px}
.proof-item .pi-text span{font-size:11.5px;opacity:.75}
/* Cyan-bg variant (careers page) */
.proof.cyan-bg{background:#00B4D8}

/* ===== BRAND MESSAGE / CTA STRIP ===== */
.brand-msg{background:#0D1F3C;padding:80px 24px;text-align:center;position:relative;overflow:hidden}
.brand-msg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,180,216,.1) 0%,transparent 70%)}
.brand-msg .inner{position:relative;z-index:1}
.brand-msg h2{color:#fff;font-size:clamp(28px,4vw,46px);max-width:820px;margin:0 auto 14px;font-weight:900;line-height:1.2}
.brand-msg h2 em{color:#00B4D8;font-style:normal}
.brand-msg p{color:rgba(255,255,255,.65);font-size:17px;max-width:600px;margin:0 auto 32px}

/* ===== SERVICES SECTION (homepage) ===== */
.svc-section{padding:80px 24px}
.svc-section.off{background:#F4F7FC}
.svc-header{margin-bottom:48px}
.svc-icon-lg{width:64px;height:64px;border-radius:14px;background:#0D1F3C;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:18px;flex-shrink:0}
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:36px}
.svc-card{background:#fff;border:1px solid var(--g100);border-radius:12px;padding:24px;transition:var(--t)}
.svc-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:rgba(0,180,216,.3)}
.svc-card-ico{font-size:28px;margin-bottom:14px}
.svc-card h3{font-size:15.5px;margin-bottom:8px}
.svc-card p{font-size:13.5px}
.svc-card-arrow{margin-top:16px;color:#00B4D8;font-size:13px;font-weight:700}
.svc-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}
.feat-card{background:#fff;border:1px solid var(--g100);border-radius:var(--r);padding:20px;transition:var(--t)}
.feat-card:hover{box-shadow:var(--shadow);border-color:rgba(0,180,216,.25);transform:translateY(-3px)}
.feat-card .fc-ico{font-size:22px;margin-bottom:10px}
.feat-card h4{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:6px}
.feat-card p{font-size:12.5px}
.svc-sub-list{margin:28px 0 32px}
.svc-sub-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--g100)}
.svc-sub-item:last-child{border-bottom:none}
.svc-sub-item .sub-ico{font-size:18px;flex-shrink:0;margin-top:2px}
.svc-sub-item h4{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:3px}
.svc-sub-item p{font-size:13px}
.svc-cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:10px}
.svc-cta-tag{background:var(--off);border:1px solid var(--g300);border-radius:6px;padding:6px 14px;font-size:12px;color:var(--g700)}

/* ===== INDUSTRIES SECTION (homepage grid) ===== */
.ind-section{padding:80px 24px;background:#fff}
.ind-grid-home{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:36px}
.ind-card{background:var(--off);border:1px solid var(--g100);border-radius:12px;padding:20px 16px;text-align:center;transition:var(--t);cursor:default}
.ind-card:hover{background:#fff;box-shadow:var(--shadow);border-color:rgba(0,180,216,.3);transform:translateY(-3px)}
.ind-card .ind-ico{font-size:30px;margin-bottom:10px}
.ind-card h4{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:5px}
.ind-card p{font-size:12px}

/* ===== SOLUTIONS SECTION (homepage) ===== */
.sol-section{padding:80px 24px;background:#0D1F3C;position:relative;overflow:hidden}
.sol-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 60% 50%,rgba(0,180,216,.08) 0%,transparent 70%)}
.sol-grid-home{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:40px}
.sol-card{background:rgba(255,255,255,.05);border:1px solid rgba(0,180,216,.12);border-radius:12px;padding:24px;transition:var(--t)}
.sol-card:hover{background:rgba(0,180,216,.1);border-color:rgba(0,180,216,.35);transform:translateY(-4px)}
.sol-card .sol-ico{font-size:28px;margin-bottom:14px}
.sol-card h3{font-size:15px;font-weight:700;color:#fff;margin-bottom:8px}
.sol-card p{font-size:13px;color:rgba(255,255,255,.6)}
.sol-card .sol-link{display:inline-flex;align-items:center;gap:5px;margin-top:14px;color:#00B4D8;font-size:12.5px;font-weight:700}

/* ===== PROCESS STEPS ===== */
.process-sec{padding:80px 24px;background:#F4F7FC}
.proc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:40px;position:relative}
.proc-step{background:#fff;border-radius:12px;padding:28px 22px;position:relative;border:1px solid var(--g100);transition:var(--t)}
.proc-step:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.proc-num{width:38px;height:38px;border-radius:50%;background:#00B4D8;color:#0D1F3C;font-weight:900;font-size:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0}
.proc-step h4{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:8px}
.proc-step p{font-size:13px}

/* ===== WHY SECTION ===== */
.why-sec{padding:80px 24px}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.why-list{margin-top:24px}
.why-item{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--g100)}
.why-item:last-child{border-bottom:none}
.why-ico{width:42px;height:42px;border-radius:10px;background:var(--off);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.why-item h4{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:4px}
.why-item p{font-size:13.5px}
.why-visual{background:#0D1F3C;border-radius:16px;padding:28px;position:relative;overflow:hidden}
.why-visual::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(0,180,216,.12) 0%,transparent 70%)}
.wv-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.wv-row:last-child{border-bottom:none}
.wv-label{font-size:13px;color:rgba(255,255,255,.6)}
.wv-val{font-size:14px;font-weight:800;color:#00B4D8}
.wv-val.gold{color:#F5A623}
.wv-val.green{color:#00c864}

/* ===== TESTIMONIAL ===== */
.testi-sec{background:#0D1F3C;padding:80px 24px;text-align:center;position:relative;overflow:hidden}
.testi-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,180,216,.08) 0%,transparent 70%)}
.testi-card{background:rgba(255,255,255,.05);border:1px solid rgba(0,180,216,.15);border-radius:16px;padding:40px;max-width:760px;margin:32px auto 0;position:relative;z-index:1}
.testi-stars{color:#F5A623;font-size:20px;margin-bottom:18px}
.testi-quote{font-size:clamp(16px,2.5vw,20px);color:#fff;font-weight:300;line-height:1.65;font-style:italic;margin-bottom:24px}
.testi-author{display:flex;align-items:center;gap:14px;justify-content:center}
.testi-av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#00B4D8,var(--navy-mid));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff}
.testi-name{font-size:15px;font-weight:700;color:#fff}
.testi-role{font-size:12.5px;color:rgba(255,255,255,.5)}

/* ===== ABOUT SECTION (homepage) ===== */
.about-home{padding:80px 24px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}
.astat{background:var(--off);border-radius:var(--r);padding:18px;border-bottom:3px solid #00B4D8}
.astat-num{font-size:28px;font-weight:900;color:#0D1F3C;line-height:1;margin-bottom:4px}
.astat-num .gold{color:#F5A623}
.astat-lbl{font-size:12px;color:var(--g500);text-transform:uppercase;letter-spacing:.5px}
.about-img{background:#0D1F3C;border-radius:16px;padding:28px;min-height:320px;position:relative;overflow:hidden}
.about-img::before{content:'';position:absolute;top:-60px;right:-60px;width:240px;height:240px;background:radial-gradient(circle,rgba(0,180,216,.12) 0%,transparent 70%)}
.ai-tag{display:inline-block;background:rgba(0,180,216,.15);border:1px solid rgba(0,180,216,.3);color:#00B4D8;padding:7px 14px;border-radius:6px;font-size:12px;font-weight:600;margin-bottom:18px}
.ai-list{margin-top:20px}
.ai-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:13.5px;color:rgba(255,255,255,.72)}
.ai-item:last-child{border-bottom:none}
.ai-item::before{content:'✓';color:#00B4D8;font-weight:800;flex-shrink:0}

/* ===== CASE STUDIES PREVIEW (homepage) ===== */
.cases-prev-sec{padding:80px 24px;background:#F4F7FC}
.cases-prev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.case-prev-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--g100);transition:var(--t)}
.case-prev-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.cpc-head{background:#0D1F3C;padding:22px;position:relative;overflow:hidden}
.cpc-head::after{content:'';position:absolute;bottom:-20px;right:-20px;width:80px;height:80px;background:radial-gradient(circle,rgba(0,180,216,.15) 0%,transparent 70%)}
.cpc-tag{display:inline-block;background:rgba(0,180,216,.15);color:#00B4D8;padding:4px 10px;border-radius:4px;font-size:10.5px;font-weight:700;margin-bottom:12px}
.cpc-head h3{font-size:16px;font-weight:700;color:#fff;line-height:1.35}
.cpc-body{padding:20px}
.cpc-result{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--g100);font-size:13px;color:var(--g700)}
.cpc-result:last-child{border-bottom:none}
.cpc-result .res-num{font-weight:800;color:#0D1F3C;min-width:42px}
.cpc-link{margin-top:16px;color:#00B4D8;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:5px}

/* ===== BLOG PREVIEW (homepage) ===== */
.blog-prev-sec{padding:80px 24px}
.blog-prev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.blog-prev-card{background:#fff;border:1px solid var(--g100);border-radius:12px;overflow:hidden;transition:var(--t)}
.blog-prev-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.bpc-head{background:linear-gradient(135deg,#0D1F3C,#152d50);padding:24px;min-height:120px;display:flex;align-items:flex-end}
.bpc-tag{display:inline-block;background:rgba(0,180,216,.2);color:#00B4D8;padding:4px 10px;border-radius:4px;font-size:10.5px;font-weight:700}
.bpc-body{padding:18px}
.bpc-body h4{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:8px;line-height:1.35}
.bpc-meta{font-size:12px;color:var(--g500);margin-bottom:8px}
.bpc-link{color:#00B4D8;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:5px}

/* ===== FAQ (homepage / shared) ===== */
.faq-sec{padding:80px 24px;background:var(--off)}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:36px}
.faq-item{background:#fff;border:1px solid var(--g100);border-radius:var(--r);overflow:hidden;transition:var(--t);cursor:pointer}
.faq-item:hover{border-color:rgba(0,180,216,.3)}
.faq-item.open{border-color:#00B4D8}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;gap:12px}
.faq-q span{font-size:14.5px;font-weight:600;color:var(--navy);line-height:1.4}
.faq-icon{width:26px;height:26px;border-radius:50%;background:var(--off);border:1px solid var(--g300);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--g700);flex-shrink:0;transition:var(--t)}
.faq-item.open .faq-icon{background:#00B4D8;color:#0D1F3C;border-color:#00B4D8;transform:rotate(45deg)}
.faq-a{display:none;padding:0 20px 18px;font-size:14px;line-height:1.7;color:var(--g700)}
.faq-item.open .faq-a{display:block}

/* ===== FAQ CATEGORY FILTER (services page) ===== */
.faq-cats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.faq-cat{background:var(--off);border:1px solid var(--g300);color:var(--g700);padding:8px 18px;border-radius:20px;font-size:12.5px;font-weight:600;cursor:pointer;transition:var(--t)}
.faq-cat:hover{border-color:#00B4D8;color:#00B4D8}
.faq-cat.active{background:#00B4D8;color:#0D1F3C;border-color:#00B4D8}
.faq-group{display:none}
.faq-group.visible{display:block}

/* ===== CAREERS / JOBS SECTION ===== */
.sec{padding:80px 24px}
.jobs-sec{padding:80px 24px;background:#F4F7FC}
.jobs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:36px}
.job-card{background:#fff;border:1px solid var(--g100);border-radius:12px;padding:24px;transition:var(--t)}
.job-card:hover{box-shadow:var(--shadow-lg);border-color:rgba(0,180,216,.3);transform:translateY(-3px)}
.job-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;gap:12px}
.job-title{font-size:17px;font-weight:700;color:var(--navy)}
.job-dept{font-size:11px;color:var(--g500);margin-top:3px}
.job-type{display:inline-block;background:rgba(0,180,216,.12);color:#00B4D8;padding:4px 12px;border-radius:20px;font-size:11.5px;font-weight:700;white-space:nowrap}
.job-desc{font-size:13.5px;color:var(--g700);margin-bottom:14px}
.job-reqs{margin-bottom:16px}
.job-req-title{font-size:12px;font-weight:700;color:var(--g700);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.job-req-list{display:flex;flex-direction:column;gap:5px}
.job-req-list li{display:flex;align-items:flex-start;gap:7px;font-size:13px;color:var(--g700)}
.job-req-list li::before{content:'›';color:#00B4D8;font-weight:700;flex-shrink:0}
.job-salary{font-size:12.5px;color:var(--g500);margin-bottom:16px}
.job-apply{display:inline-flex;align-items:center;gap:7px;background:#0D1F3C;color:#fff;padding:10px 20px;border-radius:var(--r);font-size:13px;font-weight:700;transition:var(--t)}
.job-apply:hover{background:#00B4D8;color:#0D1F3C}
.general-app{padding:80px 24px}
.general-app-card{background:#0D1F3C;border-radius:16px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden}
.general-app-card::before{content:'';position:absolute;top:-60px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(0,180,216,.1) 0%,transparent 70%)}
.process-sec{padding:80px 24px;background:#F4F7FC}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px;position:relative}
.proc-step{background:#fff;border-radius:12px;padding:24px;position:relative;border:1px solid var(--g100)}
.proc-num{width:36px;height:36px;border-radius:50%;background:#00B4D8;color:#0D1F3C;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.proc-title{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:6px}
.proc-desc{font-size:13px;color:var(--g700)}
.careers-faq-sec{padding:80px 24px}
.careers-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.culture-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.culture-text p{margin-bottom:14px}
.culture-card{background:var(--off);border-radius:12px;padding:24px;border:1px solid var(--g100)}
.culture-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.culture-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--g700)}
.culture-list li::before{content:'✓';color:#00B4D8;font-weight:800;flex-shrink:0;margin-top:1px}
.benefits-sec{padding:80px 24px;background:#F4F7FC}
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.benefit-card{background:#fff;border:1px solid var(--g100);border-radius:12px;padding:24px;transition:var(--t)}
.benefit-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.benefit-icon{font-size:30px;margin-bottom:14px}
.benefit-title{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:8px}
.benefit-desc{font-size:13.5px}

/* ===== CASE STUDIES PAGE ===== */
.filter-sec{background:#0D1F3C;padding:20px 24px;position:sticky;top:70px;z-index:100;border-bottom:1px solid rgba(0,180,216,.15)}
.filter-bar{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.filter-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.filter-lbl{font-size:11px;font-weight:700;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1px;margin-right:6px}
.filter-btn,.f-btn{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.65);padding:7px 16px;border-radius:20px;font-size:12.5px;font-weight:600;cursor:pointer;transition:var(--t)}
.filter-btn:hover,.f-btn:hover{border-color:rgba(0,180,216,.5);color:#00B4D8}
.filter-btn.active,.f-btn.active{background:#00B4D8;color:#0D1F3C;border-color:#00B4D8}
.results-banner{background:var(--off);padding:30px 24px}
.rb-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.rb-stat{text-align:center;padding:16px}
.rb-num{font-size:clamp(22px,3.5vw,32px);font-weight:900;color:#0D1F3C;line-height:1;margin-bottom:5px}
.rb-num.gd{color:#F5A623}
.rb-label{font-size:12px;color:var(--g500);text-transform:uppercase;letter-spacing:.5px}
.cases-main{padding:60px 24px}
.cases-g{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.case-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--g100);transition:var(--t)}
.case-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:rgba(0,180,216,.25)}
.case-hd{background:#0D1F3C;padding:24px;position:relative;overflow:hidden}
.case-hd::after{content:'';position:absolute;bottom:-20px;right:-20px;width:100px;height:100px;background:radial-gradient(circle,rgba(0,180,216,.12) 0%,transparent 70%)}
.case-tag{display:inline-block;background:rgba(0,180,216,.15);color:#00B4D8;padding:4px 10px;border-radius:4px;font-size:10.5px;font-weight:700;margin-bottom:10px}
.case-hd h3{font-size:16px;font-weight:700;color:#fff;line-height:1.35;position:relative;z-index:1}
.case-challenge{padding:16px 20px;background:rgba(244,247,252,.5);border-bottom:1px solid var(--g100);font-size:13px;color:var(--g700)}
.case-results-h{font-size:11px;font-weight:700;color:var(--g500);text-transform:uppercase;letter-spacing:.5px;padding:14px 20px 4px}
.result-row{display:flex;align-items:center;gap:10px;padding:7px 20px;border-bottom:1px solid var(--g100)}
.result-row:last-of-type{border-bottom:none}
.result-num{font-size:15px;font-weight:900;color:#0D1F3C;min-width:52px}
.result-num.gd{color:#F5A623}
.result-text{font-size:13px;color:var(--g700)}
.case-tech{padding:14px 20px;border-top:1px solid var(--g100);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tech-t{font-size:11px;color:var(--g500);font-weight:600;margin-right:4px}
.case-tech span{background:var(--off);border:1px solid var(--g300);border-radius:4px;padding:3px 9px;font-size:11.5px;color:var(--g700)}
.case-coming{background:#0D1F3C;border-radius:12px;overflow:hidden;border:2px dashed rgba(0,180,216,.25);display:flex;align-items:center;justify-content:center;min-height:280px}
.case-coming-inner{text-align:center;padding:32px}
.case-coming-icon{font-size:36px;margin-bottom:12px;opacity:.5}
.case-coming-text{font-size:15px;font-weight:700;color:rgba(255,255,255,.5);margin-bottom:5px}
.case-coming-sub{font-size:12.5px;color:rgba(255,255,255,.3)}
.proc-steps2{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px}
.ps2{background:#fff;border:1px solid var(--g100);border-radius:var(--r);padding:20px;text-align:center;position:relative}
.ps2-num{width:30px;height:30px;border-radius:50%;background:#00B4D8;color:#0D1F3C;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.ps2 h4{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:5px}
.ps2 p{font-size:12px;color:var(--g500)}

/* ===== BLOG PAGE ===== */
.featured-sec{padding:60px 24px;background:#0D1F3C}
.featured-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.feat-tag{display:inline-block;background:rgba(245,166,35,.2);color:#F5A623;padding:5px 12px;border-radius:4px;font-size:11px;font-weight:700;margin-bottom:14px}
.feat-cat{display:inline-block;background:rgba(0,180,216,.15);color:#00B4D8;padding:5px 12px;border-radius:4px;font-size:11px;font-weight:700;margin:0 0 14px 8px}
.featured-inner h2{color:#fff;font-size:clamp(22px,3.5vw,34px);line-height:1.25;margin-bottom:14px}
.feat-excerpt{color:rgba(255,255,255,.65);font-size:15px;line-height:1.7;margin-bottom:22px}
.feat-meta{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.feat-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#00B4D8,#152d50);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}
.feat-author-name{font-size:13px;font-weight:700;color:#fff}
.feat-author-role{font-size:11.5px;color:rgba(255,255,255,.45)}
.feat-date{font-size:12px;color:rgba(255,255,255,.45);margin-left:auto}
.feat-read{display:inline-flex;align-items:center;gap:8px;background:#00B4D8;color:#0D1F3C;padding:12px 24px;border-radius:var(--r);font-weight:800;font-size:14px;transition:var(--t)}
.feat-read:hover{background:#48cae4;transform:translateY(-2px)}
.feat-illus{background:rgba(255,255,255,.05);border:1px solid rgba(0,180,216,.15);border-radius:12px;padding:28px;min-height:280px;display:flex;align-items:center;justify-content:center}
.blog-grid-sec{padding:60px 24px}
.blog-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blog-card{background:#fff;border:1px solid var(--g100);border-radius:12px;overflow:hidden;transition:var(--t);display:flex;flex-direction:column}
.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:rgba(0,180,216,.25)}
.blog-thumb{height:180px;background:linear-gradient(135deg,#0D1F3C,#152d50);position:relative;overflow:hidden}
.blog-cat-badge{position:absolute;top:14px;left:14px;background:#00B4D8;color:#0D1F3C;padding:4px 10px;border-radius:4px;font-size:10.5px;font-weight:700}
.blog-body{padding:20px;flex:1;display:flex;flex-direction:column}
.blog-body h3{font-size:15.5px;font-weight:700;color:var(--navy);line-height:1.35;margin-bottom:10px}
.blog-body p{font-size:13.5px;flex:1;margin-bottom:16px}
.blog-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--g100);padding-top:14px;margin-top:auto}
.blog-meta{font-size:11.5px;color:var(--g500)}
.blog-read-link{font-size:13px;font-weight:700;color:#00B4D8;display:inline-flex;align-items:center;gap:5px}
.newsletter-sec{background:#0D1F3C;padding:70px 24px;text-align:center;position:relative;overflow:hidden}
.newsletter-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,180,216,.1) 0%,transparent 70%)}
.newsletter-sec .inner{position:relative;z-index:1}
.newsletter-form{display:flex;gap:10px;max-width:460px;margin:24px auto 0;flex-wrap:wrap}
.newsletter-input{flex:1;min-width:0;padding:13px 18px;border-radius:var(--r);border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;font-size:14px}
.newsletter-input::placeholder{color:rgba(255,255,255,.4)}
.newsletter-input:focus{outline:none;border-color:#00B4D8}

/* ===== CONTACT PAGE ===== */
.contact-main{padding:60px 24px}
.contact-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.6fr;gap:36px;align-items:start}
.c-card{background:#fff;border:1px solid var(--g100);border-radius:12px;padding:24px;margin-bottom:18px;transition:var(--t)}
.c-card:hover{box-shadow:var(--shadow);border-color:rgba(0,180,216,.25)}
.c-card-title{font-size:11px;font-weight:700;color:var(--g500);text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px}
.c-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.c-row:last-child{margin-bottom:0}
.c-ico2{width:36px;height:36px;border-radius:var(--r);background:var(--off);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.c-row-text strong{display:block;font-size:14px;font-weight:700;color:var(--navy)}
.c-row-text span,.c-row-text a{font-size:13px;color:var(--g500)}
.c-row-text a:hover{color:#00B4D8}
.disc-card{background:#0D1F3C;border-radius:12px;padding:24px;margin-bottom:18px;position:relative;overflow:hidden}
.disc-card::before{content:'';position:absolute;top:-30px;right:-30px;width:140px;height:140px;background:radial-gradient(circle,rgba(0,180,216,.12) 0%,transparent 70%)}
.disc-benefits{margin:14px 0 20px;display:flex;flex-direction:column;gap:8px}
.disc-benefits li{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.7)}
.disc-benefits li::before{content:'✓';color:#00B4D8;font-weight:700;flex-shrink:0}
.form-card{background:#fff;border:1px solid var(--g100);border-radius:12px;padding:32px}
.form-card h2{font-size:22px;font-weight:800;margin-bottom:6px}
.form-card .sub-text{font-size:14px;color:var(--g500);margin-bottom:24px}
.faq-dark-sec{background:#0D1F3C;padding:80px 24px}
.faq-dark-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1200px;margin:36px auto 0}
.faq-dk{background:rgba(255,255,255,.05);border:1px solid rgba(0,180,216,.12);border-radius:var(--r);overflow:hidden;cursor:pointer}
.faq-dk:hover{border-color:rgba(0,180,216,.3)}
.faq-dk.open{border-color:#00B4D8}
.faq-dk .faq-q{padding:18px 20px}
.faq-dk .faq-q span{color:rgba(255,255,255,.85)}
.faq-dk .faq-icon{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.5)}
.faq-dk.open .faq-icon{background:#00B4D8;color:#0D1F3C;border-color:#00B4D8}
.faq-dk .faq-a{color:rgba(255,255,255,.65)}

/* ===== ABOUT PAGE ===== */
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.story-quote{background:#0D1F3C;border-radius:12px;padding:28px;border-left:4px solid #00B4D8;margin-top:28px}
.story-quote p{color:rgba(255,255,255,.8);font-size:16px;font-style:italic;line-height:1.7}
.founder-card{background:var(--off);border:1px solid var(--g100);border-radius:12px;padding:24px;text-align:center;margin-top:28px}
.founder-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#00B4D8,#0D1F3C);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 12px}
.founder-title{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:3px}
.founder-bio{font-size:13px;color:var(--g500);margin-bottom:12px}
.founder-links{display:flex;justify-content:center;gap:10px}
.founder-links a{color:#00B4D8;font-size:12.5px;font-weight:600}
.stats-sec{padding:60px 24px;background:#0D1F3C}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px}
.stat-card{background:rgba(255,255,255,.06);border:1px solid rgba(0,180,216,.12);border-radius:var(--r);padding:26px;text-align:center}
.stat-num{font-size:clamp(28px,4vw,40px);font-weight:900;color:#fff;line-height:1;margin-bottom:6px}
.stat-num.gold{color:#F5A623}
.stat-card p{font-size:13px;color:rgba(255,255,255,.5)}
.values-sec{padding:80px 24px}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
.value-card{background:#fff;border:1px solid var(--g100);border-radius:12px;padding:26px;transition:var(--t)}
.value-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:rgba(0,180,216,.25)}
.value-icon-box{width:52px;height:52px;border-radius:12px;background:var(--off);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}
.value-card h3{font-size:16px;margin-bottom:8px}
.why-list-about{margin-top:24px}
.why-item-about{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--g100)}
.why-item-about:last-child{border-bottom:none}
.why-num{width:34px;height:34px;border-radius:50%;background:#00B4D8;color:#0D1F3C;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.why-item-about h4{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:4px}
.promise-card{background:#0D1F3C;border-radius:12px;padding:32px;margin-top:24px;position:relative;overflow:hidden}
.promise-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(0,180,216,.1) 0%,transparent 70%)}
.promise-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.promise-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:rgba(255,255,255,.72)}
.promise-list li::before{content:'✓';color:#00B4D8;font-weight:700;flex-shrink:0}
.approach-sec{padding:80px 24px;background:var(--off)}
.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.ap-step{background:#fff;border:1px solid var(--g100);border-radius:var(--r);padding:24px;position:relative}
.ap-num{width:32px;height:32px;border-radius:50%;background:#00B4D8;color:#0D1F3C;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:14px}

/* ===== INDUSTRIES PAGE ===== */
.ind-hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.ind-badge{background:rgba(0,180,216,.15);color:#00B4D8;padding:7px 16px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(0,180,216,.3)}
.industry-sec{padding:80px 24px}
.industry-sec.off{background:#F4F7FC}
.ind-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ind-grid.rev{direction:rtl}
.ind-grid.rev>*{direction:ltr}
.ind-icon-lg{width:72px;height:72px;border-radius:16px;background:#0D1F3C;display:flex;align-items:center;justify-content:center;font-size:34px;margin-bottom:20px}
.ind-use-cases{margin:20px 0 28px}
.ind-uc{display:flex;align-items:flex-start;gap:8px;padding:7px 0;border-bottom:1px solid var(--g100);font-size:14px;color:var(--g700)}
.ind-uc:last-child{border-bottom:none}
.ind-uc::before{content:'›';color:#00B4D8;font-weight:700;font-size:16px;flex-shrink:0;margin-top:1px}
.ind-visual{background:#0D1F3C;border-radius:16px;padding:28px;position:relative;overflow:hidden;min-height:320px}
.ind-visual::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(0,180,216,.12) 0%,transparent 70%)}
.ind-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}
.ind-stat{background:rgba(255,255,255,.06);border-radius:var(--r);padding:16px;text-align:center}
.ind-stat-num{font-size:22px;font-weight:900;color:#fff;line-height:1;margin-bottom:4px}
.ind-stat-num.gold{color:#F5A623}
.ind-stat-label{font-size:11px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.4px}
.ind-quote{background:rgba(0,180,216,.08);border-left:3px solid #00B4D8;padding:12px 16px;border-radius:0 var(--r) var(--r) 0;margin-top:16px}
.ind-quote p{font-size:13px;color:rgba(255,255,255,.7);font-style:italic}
.ind-overview{background:#0D1F3C;padding:60px 24px}
.ind-overview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:36px}
.ind-thumb{background:rgba(255,255,255,.06);border:1px solid rgba(0,180,216,.15);border-radius:var(--r);padding:18px 12px;text-align:center;transition:var(--t)}
.ind-thumb:hover{background:rgba(0,180,216,.1);border-color:#00B4D8;transform:translateY(-3px)}
.ind-thumb-icon{font-size:26px;margin-bottom:8px}
.ind-thumb h4{font-size:12px;font-weight:700;color:#fff;line-height:1.3}
.ind-thumb p{font-size:10.5px;color:rgba(255,255,255,.45);margin-top:3px}

/* ===== SOLUTIONS PAGE ===== */
.sol-hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.sol-badge{background:rgba(0,180,216,.15);color:#00B4D8;padding:7px 16px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(0,180,216,.3);transition:var(--t);cursor:default}
.sol-badge:hover{background:rgba(0,180,216,.25);border-color:#00B4D8}
.sol-overview{background:#0D1F3C;padding:60px 24px}
.sol-overview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:36px}
.sol-thumb{background:rgba(255,255,255,.06);border:1px solid rgba(0,180,216,.15);border-radius:var(--r);padding:22px 14px;text-align:center;transition:var(--t);display:block;color:inherit}
.sol-thumb:hover{background:rgba(0,180,216,.1);border-color:#00B4D8;transform:translateY(-3px)}
.sol-thumb-icon{font-size:28px;margin-bottom:10px}
.sol-thumb h4{font-size:12px;font-weight:700;color:#fff;line-height:1.3}
.sol-thumb p{font-size:10.5px;color:rgba(255,255,255,.48);margin-top:4px}
.sol-sec{padding:80px 24px;background:#fff}
.sol-sec.off{background:#F4F7FC}
.sol-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.sol-grid.rev{direction:rtl}
.sol-grid.rev>*{direction:ltr}
.sol-icon-lg{width:72px;height:72px;border-radius:16px;background:#0D1F3C;display:flex;align-items:center;justify-content:center;font-size:34px;margin-bottom:20px;flex-shrink:0}
.sol-bullets{margin:20px 0 26px}
.sol-bullets li{display:flex;align-items:flex-start;gap:8px;padding:7px 0;border-bottom:1px solid var(--g100);font-size:14px;color:var(--g700)}
.sol-bullets li:last-child{border-bottom:none}
.sol-bullets li::before{content:'›';color:#00B4D8;font-weight:700;font-size:16px;flex-shrink:0;margin-top:1px}
.sol-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 32px}
.sol-stat{border-radius:var(--r);padding:18px 10px;text-align:center;border-bottom:3px solid #00B4D8}
.sol-sec .sol-stat{background:#F4F7FC}
.sol-sec.off .sol-stat{background:#fff}
.sol-stat-val{font-size:20px;font-weight:900;color:#0D1F3C;line-height:1;margin-bottom:5px}
.sol-stat-lbl{font-size:10.5px;color:var(--g500);text-transform:uppercase;letter-spacing:.6px;line-height:1.3}
.sol-visual{background:#0D1F3C;border-radius:16px;padding:28px;position:relative;overflow:hidden;min-height:340px}
.sol-visual::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(0,180,216,.14) 0%,transparent 70%);pointer-events:none}
.sol-visual::after{content:'';position:absolute;bottom:-40px;left:-20px;width:150px;height:150px;background:radial-gradient(circle,rgba(245,166,35,.07) 0%,transparent 70%);pointer-events:none}
.sv-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#00B4D8;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.sv-header span{width:6px;height:6px;border-radius:50%;background:#00B4D8;display:inline-block}
.chat-bubble{border-radius:10px;padding:10px 14px;margin-bottom:8px;font-size:12.5px;line-height:1.5;max-width:85%}
.chat-bubble.user{background:rgba(0,180,216,.18);color:rgba(255,255,255,.85);margin-left:auto}
.chat-bubble.bot{background:rgba(255,255,255,.07);color:rgba(255,255,255,.75);border:1px solid rgba(0,180,216,.2)}
.chat-status{font-size:10px;color:#00B4D8;display:flex;align-items:center;gap:5px;margin-top:12px}
.chat-status::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#00B4D8;animation:pulse 1.5s ease-in-out infinite}
.call-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(255,255,255,.05);border-radius:var(--r);margin-bottom:6px;border:1px solid rgba(0,180,216,.1)}
.call-row .call-icon{width:28px;height:28px;border-radius:50%;background:rgba(0,180,216,.15);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.call-info{flex:1}
.call-info .call-name{font-size:12px;font-weight:600;color:#fff}
.call-info .call-meta{font-size:10.5px;color:rgba(255,255,255,.45)}
.call-tag{font-size:9.5px;padding:2px 8px;border-radius:10px;font-weight:700}
.call-tag.routed{background:rgba(0,180,216,.2);color:#00B4D8}
.call-tag.answered{background:rgba(0,200,100,.15);color:#00c864}
.call-tag.voicemail{background:rgba(245,166,35,.15);color:#F5A623}
.pipe-stage{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:rgba(255,255,255,.05);border-radius:var(--r);margin-bottom:6px;border-left:3px solid #00B4D8}
.pipe-stage.active{background:rgba(0,180,216,.1);border-left-color:#F5A623}
.pipe-label{font-size:12px;color:rgba(255,255,255,.75);font-weight:500}
.pipe-count{font-size:11px;font-weight:700;color:#00B4D8}
.flow-step{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.flow-step:last-child{border-bottom:none}
.flow-num{width:24px;height:24px;border-radius:50%;background:#00B4D8;color:#0D1F3C;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.flow-text{font-size:12.5px;color:rgba(255,255,255,.72)}
.flow-check{margin-left:auto;font-size:12px;color:#00c864}
.doc-field{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;background:rgba(255,255,255,.05);border-radius:5px;margin-bottom:5px}
.doc-field .field-label{font-size:11px;color:rgba(255,255,255,.5)}
.doc-field .field-val{font-size:12px;font-weight:600;color:#00B4D8}
.doc-acc{font-size:10px;color:rgba(255,255,255,.4);margin-top:4px;text-align:right}
.crm-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.crm-row:last-child{border-bottom:none}
.crm-av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#00B4D8,#152d50);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}
.crm-info{flex:1}
.crm-name{font-size:12px;font-weight:600;color:#fff}
.crm-stage{font-size:10.5px;color:rgba(255,255,255,.45)}
.crm-val{font-size:11px;font-weight:700;color:#F5A623}
.web-bar{background:rgba(255,255,255,.08);border-radius:5px 5px 0 0;padding:8px 12px;display:flex;align-items:center;gap:6px}
.web-dot{width:8px;height:8px;border-radius:50%}
.web-url{flex:1;background:rgba(255,255,255,.06);border-radius:4px;height:16px;margin:0 8px;display:flex;align-items:center;padding:0 8px}
.web-url span{font-size:9px;color:rgba(255,255,255,.35)}
.web-body{background:rgba(255,255,255,.04);border-radius:0 0 5px 5px;padding:14px;border:1px solid rgba(255,255,255,.06);border-top:none}
.web-hero-mock{height:52px;background:linear-gradient(135deg,rgba(0,180,216,.15),rgba(13,31,60,.5));border-radius:4px;margin-bottom:8px;display:flex;align-items:center;padding:0 10px}
.web-hero-mock span{font-size:11px;font-weight:700;color:rgba(255,255,255,.6)}
.web-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.web-card-mini{height:36px;background:rgba(255,255,255,.05);border-radius:3px}
.bi-chart{margin-bottom:14px}
.bi-bars{display:flex;align-items:flex-end;gap:6px;height:70px;margin-bottom:6px}
.bi-bar{flex:1;border-radius:3px 3px 0 0;background:rgba(0,180,216,.3);transition:var(--t);position:relative}
.bi-bar:hover{background:rgba(0,180,216,.6)}
.bi-bar.gold{background:rgba(245,166,35,.35)}
.bi-bar.gold:hover{background:rgba(245,166,35,.6)}
.bi-bar-label{font-size:8.5px;color:rgba(255,255,255,.35);text-align:center;margin-top:3px}
.bi-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.bi-kpi{background:rgba(255,255,255,.05);border-radius:5px;padding:8px;text-align:center}
.bi-kpi-val{font-size:14px;font-weight:800;color:#00B4D8;line-height:1}
.bi-kpi-lbl{font-size:9px;color:rgba(255,255,255,.4);margin-top:2px}
.cloud-node{display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(255,255,255,.05);border-radius:var(--r);margin-bottom:6px;border:1px solid rgba(0,180,216,.1)}
.cloud-node-ico{font-size:16px;flex-shrink:0}
.cloud-node-info{flex:1}
.cloud-node-name{font-size:12px;font-weight:600;color:#fff}
.cloud-node-meta{font-size:10px;color:rgba(255,255,255,.4)}
.cloud-node-status{font-size:9.5px;padding:2px 7px;border-radius:8px;background:rgba(0,200,100,.15);color:#00c864;font-weight:700}
.mon-row{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;background:rgba(255,255,255,.05);border-radius:5px;margin-bottom:5px}
.mon-label{font-size:11.5px;color:rgba(255,255,255,.65)}
.mon-bar-wrap{flex:1;margin:0 12px;height:6px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}
.mon-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#00B4D8,#48cae4)}
.mon-pct{font-size:11px;font-weight:700;color:#00B4D8;min-width:34px;text-align:right}

/* ===== FORMS ===== */
.form-group{margin-bottom:18px}
.form-group label{display:block;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:6px}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--g300);border-radius:var(--r);font-size:14px;color:var(--navy);background:#fff;transition:var(--t);font-family:inherit}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#00B4D8;box-shadow:0 0 0 3px rgba(0,180,216,.1)}
.form-group textarea{resize:vertical;min-height:120px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-note{font-size:12px;color:var(--g500);margin-top:8px}
.success-msg{display:none;background:rgba(0,200,100,.1);border:1px solid rgba(0,200,100,.3);border-radius:var(--r);padding:20px;text-align:center;margin-top:16px}
.success-msg h3{color:#00c864;margin-bottom:5px}

/* ===== CTA SECTION ===== */
.cta-sec{background:linear-gradient(135deg,#0D1F3C,#152d50);padding:96px 24px;text-align:center;position:relative;overflow:hidden}
.cta-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,180,216,.14) 0%,transparent 70%)}
.cta-sec .inner{position:relative;z-index:1}
.cta-sec h2{color:#fff;font-size:clamp(26px,4vw,44px);margin-bottom:14px}
.cta-sec p{color:rgba(255,255,255,.7);font-size:17px;max-width:580px;margin:0 auto 32px}
.cta-acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ===== FOOTER ===== */
footer{background:#0D1F3C;color:rgba(255,255,255,.66);padding:60px 24px 28px}
.foot-in{max-width:1200px;margin:0 auto}
.foot-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:36px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
.foot-brand .flogo{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.foot-brand .flogo span{color:#fff;font-size:17px;font-weight:800;letter-spacing:1px}
.foot-brand p{font-size:13px;line-height:1.7;max-width:270px}
.foot-tag{color:#00B4D8;font-size:11.5px;font-style:italic;margin-top:8px}
.foot-soc{display:flex;gap:10px;margin-top:18px}
.soc-btn{width:34px;height:34px;border-radius:var(--r);background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;transition:var(--t);color:rgba(255,255,255,.55)}
.soc-btn:hover{background:#00B4D8;color:#0D1F3C}
.soc-btn svg{width:15px;height:15px}
.foot-col h5{color:#fff;font-size:12px;font-weight:700;margin-bottom:14px;text-transform:uppercase;letter-spacing:.8px}
.foot-col a{display:block;color:rgba(255,255,255,.5);font-size:12.5px;margin-bottom:7px;transition:var(--t)}
.foot-col a:hover{color:#00B4D8;transform:translateX(4px)}
.foot-bot{padding-top:26px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.foot-bot p{font-size:11.5px}
.foot-legal{display:flex;gap:18px}
.foot-legal a{font-size:11.5px;color:rgba(255,255,255,.35)}
.foot-legal a:hover{color:#00B4D8}

/* ===== ARCHIVE / SINGLE TEMPLATES ===== */
.archive-hero{background:#0D1F3C;padding:120px 24px 60px;position:relative;overflow:hidden}
.archive-hero .hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,180,216,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,180,216,.06) 1px,transparent 1px);background-size:60px 60px}
.archive-content{padding:60px 24px}
.archive-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post-card{background:#fff;border:1px solid var(--g100);border-radius:12px;overflow:hidden;transition:var(--t)}
.post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.post-card-thumb{height:180px;background:linear-gradient(135deg,#0D1F3C,#152d50);position:relative}
.post-card-body{padding:20px}
.post-cat-badge{display:inline-block;background:#00B4D8;color:#0D1F3C;padding:4px 10px;border-radius:4px;font-size:10.5px;font-weight:700;margin-bottom:10px}
.post-card-body h2{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:8px;line-height:1.35}
.post-card-body p{font-size:13.5px;margin-bottom:14px}
.post-card-meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--g100);padding-top:12px;font-size:12px;color:var(--g500)}
.post-card-link{color:#00B4D8;font-weight:700;font-size:13px}
.single-hero{background:#0D1F3C;padding:120px 24px 60px;position:relative;overflow:hidden}
.single-content{padding:60px 24px}
.single-inner{max-width:800px;margin:0 auto}
.single-inner h2{font-size:clamp(22px,3.5vw,34px);font-weight:800;margin-bottom:24px}
.single-inner p{margin-bottom:18px;font-size:15.5px;line-height:1.8}
.single-inner h3{font-size:20px;font-weight:700;margin:32px 0 12px}
.single-inner ul{margin:0 0 18px 20px;list-style:disc}
.single-inner ul li{margin-bottom:8px;font-size:15px;line-height:1.7;color:var(--g700)}

/* ===== SEARCH & 404 ===== */
.search-sec{padding:80px 24px;min-height:60vh}
.search-inner{max-width:800px;margin:0 auto}
.search-form{display:flex;gap:10px;margin:32px 0;flex-wrap:wrap}
.search-form input{flex:1;min-width:0;padding:14px 20px;border:2px solid var(--g300);border-radius:var(--r);font-size:15px;color:var(--navy)}
.search-form input:focus{outline:none;border-color:#00B4D8}
.search-results-grid{display:grid;gap:20px;margin-top:32px}
.no-results{text-align:center;padding:60px 24px}
.no-results h2{margin-bottom:12px}
.err-sec{text-align:center;padding:120px 24px 80px;min-height:80vh;display:flex;align-items:center;justify-content:center;background:#0D1F3C;position:relative;overflow:hidden}
.err-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,180,216,.1) 0%,transparent 70%)}
.err-inner{position:relative;z-index:1}
.err-code{font-size:clamp(80px,15vw,160px);font-weight:900;color:rgba(0,180,216,.2);line-height:1}
.err-title{font-size:clamp(22px,4vw,38px);font-weight:800;color:#fff;margin-top:-20px;margin-bottom:16px}
.err-text{color:rgba(255,255,255,.6);font-size:17px;margin-bottom:32px}
.err-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ===== RESPONSIVE ===== */
@media(max-width:1100px){
  .foot-top{grid-template-columns:1fr 1fr}
  .mega-in{grid-template-columns:repeat(3,1fr)}
  .sol-overview-grid{grid-template-columns:repeat(3,1fr)}
  .ind-overview-grid{grid-template-columns:repeat(3,1fr)}
  .cases-prev-grid{grid-template-columns:1fr 1fr}
  .blog-prev-grid{grid-template-columns:1fr 1fr}
  .approach-grid{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .proc-steps2{grid-template-columns:repeat(3,1fr)}
  .values-grid{grid-template-columns:1fr 1fr}
  .benefits-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .nav-menu,.nav-cta{display:none}
  .hbg{display:flex}
  .foot-top{grid-template-columns:1fr 1fr}
  .hero-inner{grid-template-columns:1fr}
  .hero .hero-visual{display:none}
  .about-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .story-grid{grid-template-columns:1fr}
  .ind-grid,.ind-grid.rev{grid-template-columns:1fr;direction:ltr}
  .sol-grid,.sol-grid.rev{grid-template-columns:1fr;direction:ltr}
  .culture-grid{grid-template-columns:1fr}
  .general-app-card{grid-template-columns:1fr}
  .process-steps{grid-template-columns:repeat(2,1fr)}
  .cases-g{grid-template-columns:1fr 1fr}
  .archive-grid{grid-template-columns:1fr 1fr}
  .featured-inner{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
  .jobs-grid{grid-template-columns:1fr}
  .rb-grid{grid-template-columns:repeat(2,1fr)}
  .faq-grid,.careers-faq-grid,.faq-dark-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  section{padding:56px 20px}
  .foot-top{grid-template-columns:1fr}
  .sol-overview-grid{grid-template-columns:repeat(2,1fr)}
  .ind-overview-grid{grid-template-columns:repeat(2,1fr)}
  .cases-prev-grid,.blog-prev-grid,.cases-g{grid-template-columns:1fr}
  .sol-stats{grid-template-columns:repeat(3,1fr)}
  .hero-acts{flex-direction:column}
  .cta-acts{flex-direction:column;align-items:center}
  .form-row{grid-template-columns:1fr}
  .featured-sec{padding:40px 20px}
  .blog-grid{grid-template-columns:1fr}
  .archive-grid{grid-template-columns:1fr}
  .process-steps{grid-template-columns:1fr}
  .proc-steps2{grid-template-columns:repeat(2,1fr)}
  .rb-grid{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .approach-grid{grid-template-columns:1fr}
  .benefits-grid{grid-template-columns:1fr}
  .values-grid{grid-template-columns:1fr}
  .newsletter-form{flex-direction:column}
  .newsletter-form .btn-p{text-align:center;justify-content:center}
}


/* ===== LEGAL / POLICY PAGES ===== */
.policy-sec{background:#F4F7FC;padding:80px 24px}
.policy-grid{display:grid;grid-template-columns:240px 1fr;gap:56px;align-items:start;margin-top:48px}
.policy-toc{background:#fff;border-radius:12px;padding:24px;box-shadow:var(--shadow);position:sticky;top:90px}
.policy-toc h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#00B4D8;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid #00B4D8}
.policy-toc a{display:block;font-size:12.5px;color:var(--g700);padding:5px 0;border-bottom:1px solid var(--g100);transition:var(--t)}
.policy-toc a:last-child{border-bottom:none}
.policy-toc a:hover{color:#0D1F3C;padding-left:6px}
.policy-toc a::before{content:'';color:#00B4D8;margin-right:5px}
.policy-body{background:#fff;border-radius:12px;padding:40px;box-shadow:var(--shadow)}
.policy-section{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--g100)}
.policy-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.policy-section h3{font-size:18px;font-weight:700;color:#0D1F3C;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.policy-section h3 .sec-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#0D1F3C;color:#00B4D8;border-radius:50%;font-size:12px;font-weight:900;flex-shrink:0}
.policy-section p{font-size:14px;line-height:1.8;color:var(--g700);margin-bottom:12px}
.policy-section p:last-child{margin-bottom:0}
.policy-ul{margin:10px 0 14px 0}
.policy-ul li{font-size:14px;color:var(--g700);line-height:1.7;padding:4px 0 4px 18px;position:relative}
.policy-ul li::before{content:'';position:absolute;left:0;color:#00B4D8;font-weight:900}
.policy-highlight{background:rgba(0,180,216,.07);border-left:3px solid #00B4D8;border-radius:0 var(--r) var(--r) 0;padding:16px 20px;margin:16px 0;font-size:14px;color:#0D1F3C;font-weight:500;line-height:1.7}
.last-updated{display:inline-block;background:#0D1F3C;color:#00B4D8;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:5px 12px;border-radius:4px;margin-bottom:20px}
@media(max-width:768px){.policy-grid{grid-template-columns:1fr}.policy-toc{position:static}.policy-body{padding:28px 20px}}