/* Landing page - design v4 (loaded after home-v3.css): mobile-first polish */
:root{
  --b:var(--brand-primary);
  --b-dark:color-mix(in srgb,var(--brand-primary) 62%,#04101c);
  --b-soft:color-mix(in srgb,var(--brand-primary) 9%,#fff);
  --ink:#0f172a;--ink2:#526071;--line:#e6ebf2;
  --r:22px;
  --sh:0 1px 2px rgba(15,23,42,.04),0 12px 32px rgba(15,23,42,.07);
}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{color:var(--ink);background:#fff;overflow-x:hidden}
img{max-width:100%}

/* ---------- navbar ---------- */
.navbar{background:rgba(255,255,255,.88)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important}
.nav-container{height:68px!important;padding:0 16px!important;gap:10px}
.nav-brand{gap:9px!important;min-width:0}
.nav-brand img{width:38px!important;height:38px!important;border-radius:11px!important}
.brand-text{font-size:19px!important;font-weight:800!important;color:var(--b-dark)!important}
.nav-menu a{color:var(--ink2)!important;font-weight:600!important}
.nav-actions{gap:8px!important;margin-left:auto}
.nav-actions .btn{padding:9px 15px!important;font-size:13.5px!important;white-space:nowrap;border-radius:12px!important}
.nav-actions .btn-outline{border:1.5px solid color-mix(in srgb,var(--b) 35%,#fff)!important;color:var(--b-dark)!important;background:#fff!important}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:13px;
  flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0}
.menu-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.menu-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle.open span:nth-child(2){opacity:0}
.menu-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:768px){
  .menu-toggle{display:flex!important}
  .nav-menu{display:none!important;position:fixed;top:68px;left:12px;right:12px;flex-direction:column;gap:0!important;background:#fff;
    border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px rgba(15,23,42,.18);padding:8px;z-index:999}
  .nav-menu.open{display:flex!important}
  .nav-menu li a{display:block;padding:14px 16px;border-radius:14px;font-size:16px!important}
  .nav-menu li a:active{background:var(--b-soft)}
  .nav-menu a::after{display:none}
}
@media (max-width:420px){
  .nav-brand .brand-text{font-size:17px!important}
  .nav-actions .btn{padding:8px 11px!important;font-size:12.5px!important}
}
@media (max-width:360px){.nav-actions .btn-outline{display:none}}

/* ---------- hero ---------- */
.hero{padding:104px 0 56px!important;position:relative;overflow:hidden;
  background:radial-gradient(70% 55% at 100% 0%,color-mix(in srgb,var(--b) 24%,#fff) 0,transparent 62%),
             radial-gradient(60% 45% at 0% 100%,color-mix(in srgb,var(--b) 12%,#fff) 0,transparent 60%),#f7faff!important}
.hero-container{padding:0 18px!important;gap:30px!important}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#fff;color:var(--b-dark);
  font-size:12.5px;font-weight:700;border:1px solid color-mix(in srgb,var(--b) 22%,#fff);box-shadow:0 4px 14px rgba(15,23,42,.06);margin-bottom:16px}
.hero-badge i{color:var(--b)}
.hero-content h1{font-size:clamp(32px,8.6vw,56px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-.035em!important;color:var(--ink)}
.hero-content h1 .highlight{background:linear-gradient(120deg,var(--b),var(--b-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.hero-content p{font-size:16.5px!important;line-height:1.65!important;color:var(--ink2)!important;margin:16px 0 24px!important}
.hero-actions{gap:12px!important;display:flex}
.btn-lg{padding:15px 24px!important;font-size:15.5px!important;border-radius:16px!important}
.hero-actions .btn-outline{background:#fff!important;border:1.5px solid var(--line)!important;color:var(--ink)!important}
.hero-visual{position:relative}
.hero-image{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;border-radius:28px!important;border:5px solid #fff;
  box-shadow:0 30px 70px color-mix(in srgb,var(--b) 26%,transparent)!important}
.hero-chip{position:absolute;display:flex;align-items:center;gap:9px;background:#fff;border-radius:16px;padding:10px 14px;font-size:12.5px;font-weight:700;
  box-shadow:0 14px 34px rgba(15,23,42,.16);color:var(--ink)}
.hero-chip i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--b-soft);color:var(--b)}
.hero-chip small{display:block;font-weight:500;color:var(--ink2);font-size:11px}
.hero-chip.c1{left:-4px;bottom:22px}.hero-chip.c2{right:-4px;top:22px}
@media (min-width:1025px){.hero{padding:140px 0 90px!important}.hero-chip.c1{left:-26px}.hero-chip.c2{right:-20px}}
@media (max-width:768px){.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-content{text-align:center}.hero-actions{align-items:stretch}}
@media (max-width:420px){.hero-chip.c2{display:none}}

/* ---------- trust stats ---------- */
.trust-indicators{padding:8px 0 40px!important;background:#fff!important}
.trust-container{padding:0 18px!important}
.trust-container h3{font-size:14px!important;font-weight:600;text-align:center;color:var(--ink2)!important;margin-bottom:18px!important}
.trust-stats{gap:12px!important}
.stat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 12px;text-align:center;box-shadow:var(--sh)}
.stat-number{display:block;font-size:27px!important;font-weight:800!important;letter-spacing:-.03em;color:var(--b-dark)!important}
.stat-label{display:block;font-size:12px!important;color:var(--ink2)!important;margin-top:2px}

/* ---------- sections ---------- */
.features,.services,.contact{padding:56px 0!important}
.features{background:#f7f9fc!important}
.features-container,.services-container,.contact-container,.cta-container,.footer-container{padding-left:18px!important;padding-right:18px!important}
.section-header{text-align:center;margin-bottom:30px!important}
.section-header h2{font-size:clamp(26px,6.4vw,38px)!important;font-weight:800!important;letter-spacing:-.03em;line-height:1.15;color:var(--ink)}
.section-header p{font-size:15.5px!important;color:var(--ink2)!important;margin-top:10px!important}
.features-grid,.services-grid,.contact-grid{display:grid;gap:14px!important}
@media (min-width:640px){.features-grid,.services-grid{grid-template-columns:repeat(2,1fr)!important}.contact-grid{grid-template-columns:repeat(3,1fr)!important}}
@media (min-width:1025px){.features-grid,.services-grid{grid-template-columns:repeat(3,1fr)!important}}

.feature-card,.service-card,.contact-item{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;
  padding:22px!important;box-shadow:var(--sh)!important;transition:transform .2s ease,box-shadow .2s ease}
.feature-card:hover,.service-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(15,23,42,.12)!important}
.feature-icon,.service-icon,.contact-icon{width:50px!important;height:50px!important;border-radius:16px!important;display:grid!important;place-items:center;
  background:linear-gradient(135deg,var(--b),var(--b-dark))!important;color:#fff!important;font-size:20px!important;margin:0 0 14px!important;
  box-shadow:0 10px 22px color-mix(in srgb,var(--b) 32%,transparent)}
.feature-card h3,.service-card h4,.contact-item h3{font-size:17.5px!important;font-weight:800!important;letter-spacing:-.02em;color:var(--ink)!important;margin-bottom:6px}
.feature-card p,.service-card p{font-size:14.5px!important;line-height:1.6!important;color:var(--ink2)!important}
.service-btn{display:inline-flex!important;align-items:center;gap:8px;margin-top:14px;font-weight:700!important;font-size:14px!important;color:var(--b-dark)!important;
  background:var(--b-soft);padding:9px 14px;border-radius:12px;text-decoration:none}
.service-category{margin-bottom:38px!important}
.category-header{display:flex;align-items:center;gap:12px;margin-bottom:16px!important}
.category-header h3{font-size:19px!important;font-weight:800!important;letter-spacing:-.02em;color:var(--ink)}
.category-icon{width:42px!important;height:42px!important;border-radius:12px;background:var(--b-soft);padding:6px;object-fit:contain}
.contact-item{text-align:center}
.contact-icon{margin:0 auto 14px!important}
.contact-item a{color:var(--b-dark)!important;font-weight:600;text-decoration:none;word-break:break-all}

/* ---------- call to action + footer ---------- */
.cta{padding:60px 0!important;text-align:center;position:relative;overflow:hidden;
  background:radial-gradient(70% 90% at 100% 0%,color-mix(in srgb,var(--b) 70%,#fff) 0,transparent 60%),linear-gradient(135deg,var(--b-dark),var(--b))!important}
.cta h2{color:#fff!important;font-size:clamp(26px,6.6vw,40px)!important;font-weight:800!important;letter-spacing:-.03em}
.cta p{color:rgba(255,255,255,.88)!important;font-size:16px!important;max-width:560px;margin:12px auto 24px!important}
.btn-white{background:#fff!important;color:var(--b-dark)!important;font-weight:800!important;box-shadow:0 14px 34px rgba(0,0,0,.22)!important}
.footer{padding:44px 0 28px!important;background:#0b1220!important;color:#c3cddd}
.footer-content{display:grid;gap:30px!important;grid-template-columns:1fr}
@media (min-width:769px){.footer-content{grid-template-columns:2fr 1fr 1fr!important;text-align:left!important}}
.footer h3,.footer h4{color:#fff!important}
.footer p{font-size:14px;line-height:1.65;color:#9fb0c8!important}
.footer-links{list-style:none;padding:0;display:grid;gap:10px;margin-top:10px}
.footer-links a{color:#c3cddd!important;text-decoration:none;font-size:14.5px}
.social-links{display:flex;gap:10px;margin-top:14px}
.social-links a{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff!important}
.footer-bottom{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;font-size:13px}
@media (max-width:768px){.footer-content{text-align:left!important}.footer-bottom{flex-direction:column;text-align:left!important}.social-links{justify-content:flex-start}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}