@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

/* NeoganaV2 - Base Styles */
/* Font imports */

:root{
  --bg:#ffffff;
  --text:#233547;
  --muted:#5c6b7a;
  --primary:#274b6d; /* deep blue */
  --primary-600:#1f3f5b;
  --primary-700:#18364f;
  --accent:#3b82f6;
  --soft:#f3f6fa;
  --border:#e5ecf3;
  --shadow: 0 24px 48px rgba(15, 36, 77, 0.12);
  --radius:12px;
  --container:1180px;
  --space-1:6px; --space-2:10px; --space-3:14px; --space-4:18px; --space-5:24px; --space-6:32px; --space-7:40px; --space-8:56px; --space-9:72px;
  --gradient-hero: linear-gradient(135deg, rgba(34,64,120,0.85) 0%, rgba(9,26,52,0.85) 48%, rgba(10,24,46,0.9) 100%);
  --gradient-card: linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.84) 100%);
  --surface: rgba(255,255,255,0.08);
  --glass-border: rgba(255,255,255,0.18);
  --transition: 220ms cubic-bezier(.22,.61,.36,1);
}

*{box-sizing:border-box}
html,body{height:100%}
body::before{content:""; position:fixed; inset:-20% 0 0; background:radial-gradient(circle at 20% 20%, rgba(63,118,206,.18) 0, rgba(63,118,206,0) 45%), radial-gradient(circle at 80% 10%, rgba(99,154,255,.22) 0, rgba(99,154,255,0) 52%); pointer-events:none; z-index:-1;}
main{position:relative; z-index:1;}
body{
  margin:0; color:var(--text); background:linear-gradient(180deg, #f4f7fb 0%, #ffffff 35%);
  font-family:'Manrope', 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
:focus-visible{outline:2px solid rgba(59,130,246,0.75); outline-offset:4px;}

.container{width:100%; max-width:var(--container); margin:0 auto; padding:0 32px}
.section{padding:80px 0; scroll-margin-top:110px}
.section-sm{padding:36px 0}
.muted{color:var(--muted)}
.soft{background:var(--soft)}
.shadow{box-shadow:var(--shadow)}
.rounded{border-radius:var(--radius)}
.border{border:1px solid var(--border)}
.grid{display:grid; gap:24px}

/* 12-col utility grid for accurate alignment */
.row12{display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); gap:24px}
.span-5{grid-column:span 5}
.span-6{grid-column:span 6}
.span-7{grid-column:span 7}
.span-12{grid-column:span 12}

/* Header */
.topbar{position:sticky; top:0; z-index:80; backdrop-filter:blur(18px); background:rgba(255,255,255,0.82); border-bottom:1px solid rgba(24,52,94,0.08); transition:var(--transition);}
.topbar.is-condensed{background:#ffffff; box-shadow:0 20px 40px rgba(14,33,66,0.08); border-bottom-color:rgba(24,52,94,0.12);}
.nav{display:flex; align-items:center; justify-content:space-between; height:76px; transition:var(--transition);}
.topbar.is-condensed .nav{height:68px;}
.nav-links{margin-left:auto}
.nav-actions{margin-left:14px; display:flex; align-items:center; gap:12px;}
.nav-actions .btn{white-space:nowrap;}
.brand{display:flex; align-items:center; gap:10px; font-weight:700}
.brand img{height:56px; width:auto}
.nav-links{display:flex; align-items:center; gap:22px}
.nav-links a{font-size:15px; color:var(--muted); letter-spacing:.02em; position:relative; padding:6px 0; transition:color var(--transition);}
.nav-links a::after{content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; border-radius:999px; background:linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%); transform:scaleX(0); transform-origin:left; transition:transform var(--transition);}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1);}
.nav-links a.active{color:var(--text); font-weight:600}
.btn{display:inline-flex; align-items:center; gap:10px; border-radius:999px; padding:12px 26px; font-weight:500; font-size:14px; letter-spacing:.04em; transition:var(--transition); border:1px solid transparent; box-shadow:0 10px 30px rgba(39,75,109,0);}
.btn:hover{box-shadow:0 14px 34px rgba(39,75,109,0.18); transform:translateY(-1px);}
.btn-primary{background:linear-gradient(135deg, #2f5aa8 0%, #274b6d 48%, #1f3f5b 100%); color:#fff; border-color:transparent; box-shadow:0 16px 36px rgba(33,72,128,0.28);}
.btn-primary:hover{background:linear-gradient(135deg, #3b67bb 0%, #1f3f5b 100%); border-color:transparent; box-shadow:0 18px 38px rgba(33,72,128,0.35);}
.btn-outline{border:1px solid rgba(39,75,109,0.32); color:var(--primary); background:#fff; box-shadow:0 12px 28px rgba(12,32,60,0.08);}
.btn-outline:hover{border-color:var(--primary-600); color:var(--primary-600); background:#f7fbff; box-shadow:0 16px 36px rgba(12,32,60,0.12);}

.hamburger{display:none; width:36px; height:36px; border:1px solid var(--border); border-radius:8px; align-items:center; justify-content:center}
.hamburger span{width:18px; height:2px; background:var(--text); position:relative; display:block}
.hamburger span::before,.hamburger span::after{content:""; position:absolute; left:0; width:100%; height:2px; background:var(--text)}
.hamburger span::before{top:-6px}
.hamburger span::after{bottom:-6px}

/* Hero */
.hero{position:relative; overflow:hidden; background:var(--gradient-hero), url('../../home_page.avif') center/cover no-repeat; color:#fff;}

.hero::before{content:""; position:absolute; inset:-35% -10% auto -20%; height:120%; background:radial-gradient(circle at top, rgba(120,166,255,0.28) 0%, rgba(120,166,255,0) 60%); filter:blur(0); transform:rotate(8deg); opacity:.75; pointer-events:none; animation:heroGlow 14s ease-in-out infinite alternate;}
.hero::after{content:""; position:absolute; inset:auto 0 0 0; height:160px; background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.92)); mix-blend-mode:normal;}
.hero .wrap{position:relative; z-index:1; min-height:520px; display:grid; grid-template-columns:minmax(0, 620px) minmax(0, 360px); gap:44px; align-items:center; padding:80px 0 92px}


.hero h1{font-family:'Space Grotesk', 'Manrope', sans-serif; font-weight:700; font-size:58px; letter-spacing:.05em; color:#fff; line-height:1.05; margin:0 0 22px; text-transform:uppercase}
.hero p{color:#dbe7f7; margin:0 0 24px; max-width:500px; font-size:18px; line-height:1.6}
.hero .why-card{align-self:flex-start; justify-self:stretch; width:100%; max-width:none}
.badges{display:flex; gap:8px; margin-bottom:12px; flex-wrap:wrap}
.badge{font-size:11px; padding:6px 16px; border-radius:999px; background:rgba(39,75,109,0.12); color:var(--primary); border:1px solid rgba(39,75,109,0.25); letter-spacing:.2em; text-transform:uppercase; font-weight:600; display:inline-flex; align-items:center; gap:6px}
.page-hero .badges{justify-content:center;}
.hero-actions{display:flex; gap:16px; margin-top:12px;}
.hero .hero-actions{margin-top:0;}
.cta .hero-actions{justify-content:center; flex-wrap:wrap;}
.hero .badge{background:rgba(255,255,255,.18); color:#fff; border:1px solid rgba(255,255,255,.35)}

.hero-trust{display:flex; align-items:center; gap:14px; padding:10px 18px; border-radius:999px; background:rgba(12,30,58,0.55); border:1px solid rgba(255,255,255,0.12); color:#f4f9ff; width:max-content; box-shadow:0 12px 26px rgba(9,22,44,0.22); animation:floatPulse 9s ease-in-out infinite;}
.hero-trust__label{font-size:12px; letter-spacing:.32em; text-transform:uppercase; opacity:.78;}
.hero-trust__logos{display:flex; gap:16px; align-items:center;}
.hero-trust__logos span{font-size:13px; letter-spacing:.12em; text-transform:uppercase; opacity:.88;}
.hero-trust__divider{width:1px; height:18px; background:rgba(255,255,255,0.16); display:block;}
.glass{background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.35); box-shadow:0 6px 24px rgba(0,0,0,.15); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px)}
.hero-copy{max-width:500px; display:grid; gap:20px}
.why-card{color:#fff; padding:28px; border-radius:18px; display:grid; gap:14px; box-shadow:0 18px 48px rgba(10,25,46,0.18)}
.why-card h3{margin:0 0 12px; font-weight:700; text-transform:uppercase; letter-spacing:.16em; font-family:'Space Grotesk', 'Manrope', sans-serif}
.checklist{display:grid; gap:14px; margin:4px 0 0}
.checklist li{list-style:none; display:flex; gap:12px; align-items:flex-start; color:#ebf3ff; font-size:15px; line-height:1.6}
.checklist svg{flex:0 0 auto; margin-top:2px}

/* Services summary cards */
section .eyebrow{font-size:12px; letter-spacing:.28em; text-transform:uppercase; color:var(--primary-600); font-weight:600;}
.services-intro{text-align:center; display:grid; gap:14px; justify-items:center;}
.services-intro.page-hero .container-full{display:grid; gap:16px; justify-items:center; text-align:center;}
.services-intro p{max-width:680px; margin:0 auto; font-size:16px; line-height:1.7; color:var(--muted); text-align:center;}
.services-intro h2{font-family:'Space Grotesk', 'Manrope', sans-serif; font-size:38px; color:var(--primary-600); margin:0; letter-spacing:.18em; text-transform:uppercase; font-weight:700}
.services-intro.page-hero{padding:88px 0 56px; text-align:center;}
.services-intro.page-hero .page-title{max-width:700px; margin:16px auto 0; font-size:42px; letter-spacing:.12em;}
.services-intro.page-hero p{max-width:680px; margin:16px auto 0;}
.services-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); margin-top:36px; gap:28px}
.services-grid{align-items:stretch}
.contact-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px;}
.card{position:relative; overflow:hidden; padding:28px; background:#fff; border:1px solid rgba(39,75,109,0.12); border-radius:22px; box-shadow:0 22px 46px rgba(15,36,77,0.12); height:100%; display:grid; gap:16px; transition:transform var(--transition), box-shadow var(--transition);}
.card::before{content:""; position:absolute; inset:-40% 30% auto -35%; height:140%; background:radial-gradient(circle at top, rgba(56,110,203,0.18) 0%, rgba(56,110,203,0) 60%); opacity:0; transition:opacity var(--transition); pointer-events:none;}
.service-card .btn{width:auto; min-width:0; justify-self:flex-start; margin-top:auto;}
.card:hover::before{opacity:1;}
.card p{font-size:15px; line-height:1.7; color:var(--muted)}
.card h4{margin:0; text-transform:uppercase; letter-spacing:.14em; font-size:18px; font-weight:700; font-family:'Space Grotesk', 'Manrope', sans-serif}
.service-card img{display:block; width:100%; height:auto}
.icon{width:64px; height:64px; border-radius:18px; background:rgba(39,75,109,0.12); display:inline-grid; place-items:center; margin-bottom:8px}
.icon svg{width:32px; height:32px; stroke:var(--primary); display:block}


.cta{position:relative; overflow:hidden; background:linear-gradient(135deg, #1f3f72 0%, #274b6d 55%, #305d97 100%); color:#fff; border-radius:26px; padding:84px 64px; display:grid; place-items:center; text-align:center; gap:24px; box-shadow:0 30px 60px rgba(20,44,82,0.28);}
.cta > div{max-width:720px; display:grid; gap:28px}
.cta::before{content:""; position:absolute; inset:-10% 20% auto -15%; height:160%; background:radial-gradient(circle at center, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0) 60%); opacity:.6; pointer-events:none;}
.cta::after{content:""; position:absolute; inset:auto -20% -40% 30%; height:120%; background:radial-gradient(circle at center, rgba(115,165,255,0.22) 0%, rgba(115,165,255,0) 65%); opacity:.4; pointer-events:none;}
.cta h3{font-family:'Space Grotesk', 'Manrope', sans-serif; margin:0; font-size:26px; letter-spacing:.16em; text-transform:uppercase}
.cta-lg{padding:64px}

/* Footer */
footer{position:relative; overflow:hidden; background:linear-gradient(160deg, #0f2038 0%, #152b47 55%, #101f36 100%); color:#cfe0f2; margin-top:72px;}
footer::before{content:""; position:absolute; inset:-30% 0 auto -20%; height:120%; background:radial-gradient(circle at top, rgba(84,136,222,0.22) 0%, rgba(84,136,222,0) 58%); opacity:.6; pointer-events:none;}
footer::after{content:""; position:absolute; inset:auto -10% -40% 40%; height:140%; background:radial-gradient(circle at center, rgba(49,94,182,0.18) 0%, rgba(49,94,182,0) 60%); opacity:.4; pointer-events:none;}
footer .container-full{padding:0 32px; position:relative; z-index:1;}
footer .top{padding:56px 0; border-bottom:1px solid rgba(255,255,255,.08)}
footer .cols{display:grid; grid-template-columns:2fr 1fr 1fr; gap:32px}
footer h4{text-transform:uppercase; letter-spacing:.14em; font-size:14px; margin:0 0 12px}
footer a{color:#cfe0f2}
footer .bottom{font-size:12px; padding:22px 0; color:#a9c0d6; display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap}
.list-plain{padding:0; margin:12px 0 0}
.list-plain li{list-style:none; margin:6px 0; font-size:15px}

/* Footer company description tweaks */
footer .company-desc{color:#fff; margin:16px 0 0; max-width:440px; line-height:1.6}
.social-links{display:flex; gap:14px; margin-top:20px;}
.social-links a{width:40px; height:40px; border-radius:50%; display:grid; place-items:center; border:1px solid rgba(255,255,255,0.28); color:#fff; font-size:13px; letter-spacing:.12em; text-transform:uppercase; transition:var(--transition);}
.social-links a:hover{background:rgba(255,255,255,0.18); border-color:#fff;}


/* About page blocks */
.stats{display:flex; gap:28px; margin-top:10px}
.stat{background:#fff; border:1px solid var(--border); border-radius:12px; padding:14px 16px; text-align:center; min-width:100px}
.stat strong{display:block; font-size:18px}

/* Full-width container for specific sections */
.container-full{width:100%; max-width:var(--container); margin:0 auto; padding:0 32px}

.banner{background:var(--primary); color:#cfe0f2; padding:36px; border-radius:14px}
.features{grid-template-columns:repeat(2,1fr)}

/* Services page */
.service-row{grid-template-columns:1.1fr 1.1fr; align-items:start}
.contact-row{grid-template-columns:3fr 1fr; align-items:start}
.service-row--center{align-items:center}
.service-card{display:grid; grid-template-columns:1fr; gap:8px}
.process{display:grid; grid-template-columns:repeat(4,1fr); gap:20px}
.step{background:#fff; border:1px solid var(--border); padding:16px; border-radius:12px; text-align:center}
.step .num{width:32px; height:32px; border-radius:50%; background:var(--primary); color:#fff; display:grid; place-items:center; margin:0 auto 10px}

/* About: Security section layout */
.security-section{display:grid; grid-template-columns:1.1fr 1fr; gap:24px; align-items:center}
.security-highlights{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.banner .step{background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.22); color:#fff}
.banner .step .num{background:#fff; color:var(--primary)}
.banner .step p.muted{color:#d7e7f6}

/* Force features stack vertically when requested */
.features-stack{grid-template-columns:1fr}

/* Contact page hero */
.page-hero{min-height:50vh; display:grid; align-items:center; text-align:left}
.page-hero .page-title{font-family:'Space Grotesk', 'Manrope', sans-serif; font-size:56px; color:var(--primary-600); margin:6px 0 12px; letter-spacing:.12em}
.page-hero p{margin:0}

/* US Presence grid */
.presence-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px}
.presence-grid .card{height:100%}

/* Forms */
form .row{display:grid; grid-template-columns:1fr 1fr; gap:14px}
input, textarea, select{width:100%; padding:12px 12px; border:1px solid var(--border); border-radius:10px; background:#fff; font-family:inherit}
textarea{min-height:120px; resize:vertical}
label{font-size:14px; color:var(--muted)}
.form-actions{display:flex; gap:12px; margin-top:10px}

/* Subtle grid-lines background to add depth */
.grid-bg{background-image: linear-gradient(rgba(39,75,109,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(39,75,109,0.04) 1px, transparent 1px); background-size: 24px 24px; background-position: center;}

/* Reveal-on-scroll animations */
.reveal{opacity:0; transform: translateY(16px); transition: opacity 1.92s ease, transform 1.92s ease}
.reveal.in{opacity:1; transform:none}
.stagger > *{opacity:0; transform: translateY(14px); transition: opacity 1.92s ease, transform 1.92s ease}
.stagger > *.in{opacity:1; transform:none}

/* Card hover to feel tangible */
.card:hover{box-shadow:0 30px 54px rgba(12,32,60,0.2); transform:translateY(-6px);}

/* Responsive */

@media (max-width: 1024px){
  .hero .wrap{grid-template-columns:1fr; min-height:470px; gap:32px; padding:68px 0 78px;}
  .why-card{order:2;}
  .about-highlights-grid,
  .about-credibility-grid{grid-template-columns:1fr;}
  .services-intro.page-hero{padding:80px 0 50px;}
  .services-intro.page-hero .page-title{font-size:34px; letter-spacing:.08em;}
  .services-intro.page-hero p{margin-top:12px;}
}

@media (max-width: 860px){
  .hero .wrap{min-height:430px; gap:26px; padding:58px 0 68px;}
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .features{grid-template-columns:1fr;}
  .service-row{grid-template-columns:1fr;}
  .contact-row{grid-template-columns:1fr;}
  footer .cols{grid-template-columns:1fr;}
  .process{grid-template-columns:repeat(2,1fr);}
  .nav-links{display:none; position:absolute; left:0; right:0; top:68px; background:#fff; border-bottom:1px solid var(--border); padding:14px 20px; flex-direction:column;}
  .nav-links.open{display:flex;}
  .hamburger{display:inline-flex;}
  .brand img{height:48px;}
  .security-section{grid-template-columns:1fr;}
  .security-highlights{grid-template-columns:1fr;}
  .presence-grid{grid-template-columns:1fr;}
  .page-hero .page-title{font-size:34px;}
  .services-intro.page-hero{padding:68px 0 44px;}
  .services-intro.page-hero .page-title{font-size:28px; letter-spacing:.06em;}
  .services-intro.page-hero p{margin-top:10px;}
  .hero-trust{width:100%; justify-content:center; flex-wrap:wrap; gap:12px;}
  .hero-trust__divider{display:none;}
  .about-highlights-grid,
  .about-credibility-grid{grid-template-columns:1fr;}
  .insight-card,
  .credibility-card{padding:28px;}
  .credibility-meta{gap:12px;}
  .contact-faq-grid{grid-template-columns:1fr;}
}

@media (max-width: 600px){
  .nav{height:64px;}
  .topbar.is-condensed .nav{height:58px;}
  .nav-actions{gap:10px;}
  .nav-actions .btn{padding:10px 18px; font-size:13px;}
  .hamburger{width:34px; height:34px;}
  .hamburger span{width:16px;}
  .container,
  .container-full{padding:0 20px;}
  footer .container-full{padding:0 20px;}
  .services-grid{grid-template-columns:1fr; gap:24px;}
  .services-intro.page-hero{padding:56px 0 38px;}
  .services-intro.page-hero .page-title{font-size:24px; letter-spacing:.05em;}
  .services-intro.page-hero p{max-width:340px; margin-top:8px;}
  .cta{padding:52px 24px; border-radius:20px;}
  .cta > div{gap:20px;}
  .cta h3{font-size:22px; letter-spacing:.12em;}
  .cta .hero-actions{flex-direction:column; gap:14px;}
  .cta .hero-actions .btn{width:100%;}
  footer .bottom{justify-content:center; text-align:center;}
  footer .bottom span{width:100%; text-align:center;}
}
/* Utility additions */
.page-hero.centered{justify-items:center; text-align:center}
.cta-xl{padding:96px 64px}
.btn-wide{min-width:180px; justify-content:center}
.cta .actions{display:flex; gap:16px; justify-content:center; flex-wrap:wrap}
.footer-brand{display:grid; gap:16px; align-content:start}
.cta .btn-primary{background:#fff; color:var(--primary); border-color:#fff;}

.btn-outline-light{border:1px solid rgba(255,255,255,0.55); color:#fff; background:transparent; box-shadow:0 0 0 rgba(255,255,255,0);}
.btn-outline-light:hover{border-color:#fff; color:#fff; background:rgba(255,255,255,0.18); box-shadow:0 10px 28px rgba(18,32,56,0.35);}
.services-cta{text-align:center; margin-top:32px}
.services-grid .btn-wide{min-width:0; width:auto; align-self:flex-start;}
.cta p{color:#dbe7f7; margin:0}


#services{position:relative;}
#services::before{content:""; position:absolute; inset:0; background:radial-gradient(circle at 12% 10%, rgba(77,126,220,0.16) 0%, rgba(77,126,220,0) 46%), radial-gradient(circle at 82% 6%, rgba(122,164,255,0.12) 0%, rgba(122,164,255,0) 45%); opacity:.9; pointer-events:none;}
#services > .container-full{position:relative; z-index:1;}

@keyframes heroGlow{0%{transform:scale(1) translateY(0);}50%{transform:scale(1.05) translateY(-12px);}100%{transform:scale(1.03) translateY(6px);}}
@keyframes floatPulse{0%{transform:translateY(0);}50%{transform:translateY(-6px);}100%{transform:translateY(0);}}
@keyframes shimmer{0%{opacity:.25;}50%{opacity:.7;}100%{opacity:.25;}}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}
}

/* About page enhancements */
.about-highlights{background:var(--soft);}
.about-highlights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
.insight-card{background:#fff;border:1px solid rgba(39,75,109,0.12);border-radius:22px;box-shadow:0 22px 46px rgba(15,36,77,0.12);padding:32px;display:grid;gap:18px;height:100%;}
.insight-card h3{margin:0;color:var(--primary-600);font-size:20px;letter-spacing:.08em;text-transform:uppercase;}
.card-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:var(--primary-600);background:rgba(39,75,109,0.10);}
.card-icon svg{width:26px;height:26px;}
.card-icon--mission{background:linear-gradient(135deg,rgba(39,75,109,0.14)0%,rgba(39,75,109,0.02)100%);}
.card-icon--vision{background:linear-gradient(135deg,rgba(59,130,246,0.18)0%,rgba(59,130,246,0.04)100%);}
.insight-card p{margin:0;color:var(--muted);}
.insight-pillars{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.insight-pillars li{position:relative;padding-left:24px;color:var(--muted);}
.insight-pillars li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px rgba(39,75,109,0.12);}
.shield-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px;}
.shield-list li{display:flex;gap:14px;align-items:flex-start;color:#dbe7f7;}
.shield-list__icon{width:36px;height:36px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,0.24)0%,rgba(255,255,255,0.04)100%);border:1px solid rgba(255,255,255,0.28);display:grid;place-items:center;color:#ffffff;}
.shield-list__icon svg{width:18px;height:18px;}
.shield-list span:last-child{flex:1;}
.badge-soft{background:rgba(39,75,109,0.12); border:1px solid rgba(39,75,109,0.25); color:var(--primary-600);}
.about-credibility{background:linear-gradient(180deg,rgba(39,75,109,0.05)0%,rgba(39,75,109,0.01)100%);}
.about-credibility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
.credibility-card{background:#fff;border:1px solid rgba(39,75,109,0.12);border-radius:22px;box-shadow:0 22px 46px rgba(15,36,77,0.12);padding:32px;display:flex;flex-direction:column;min-height:100%;gap:18px;}
.credibility-card__header{display:grid; gap:10px;}
.credibility-card__content{flex:1; display:grid; gap:16px;}
.credibility-card__content > p{margin:0; color:var(--muted);}
.credibility-meta{margin-top:4px;}
.credibility-card h3{margin:0;font-size:22px;color:var(--primary-600);letter-spacing:.08em;text-transform:uppercase;}
.credibility-card p{margin:0;color:var(--muted);}
.credibility-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.credibility-list li{display:flex;gap:12px;align-items:flex-start;color:var(--muted);}
.credibility-list svg{width:18px;height:18px;flex-shrink:0;color:var(--primary);}
.credibility-meta{display:flex;flex-wrap:wrap;gap:16px;}
.credibility-meta div{flex:1 1 150px; display:grid; gap:4px;}
.credibility-meta div{background:rgba(39,75,109,0.08);border-radius:16px;padding:12px 16px;}
.credibility-meta strong{display:block;font-size:20px;color:var(--primary-600);}
.credibility-meta span{font-size:13px;color:var(--muted);}
@media (max-width:1024px){.about-highlights-grid,.about-credibility-grid{grid-template-columns:1fr;}}
@media (max-width:860px){.insight-card,.credibility-card{padding:28px;} .credibility-meta{gap:12px;}}

.contact-row aside .card{display:grid; gap:18px; align-content:flex-start;}


.contact-details{display:grid; gap:14px;}
.contact-detail{display:flex; gap:14px; align-items:flex-start; border:1px solid rgba(39,75,109,0.12); border-radius:16px; padding:12px 16px; background:#fff; box-shadow:0 8px 18px rgba(15,36,77,0.08);}
.contact-detail__icon{width:34px; height:34px; border-radius:12px; background:rgba(39,75,109,0.12); display:grid; place-items:center;}
.contact-detail__icon svg{width:18px; height:18px;}
.contact-detail__text{display:grid; gap:4px;}
.contact-detail__text strong{font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--primary-600);}
.contact-detail__text span{color:var(--muted); font-size:14px;}
.contact-detail__text a{color:var(--primary); font-weight:600;}