:root {
  --bg:#09111f; --bg-2:#0f172a; --surface:#ffffff; --surface-2:#f4f7fb; --text:#111827;
  --muted:#5b6474; --line:#d9e2ef; --primary:#0f62fe; --primary-2:#0a49bf; --accent:#10b981;
  --danger:#ef4444; --shadow:0 20px 55px rgba(15,23,42,.12); --radius:22px; --container:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%);line-height:1.65}
a{text-decoration:none;color:inherit} img{display:block;max-width:100%} iframe{max-width:100%}
.container{width:min(var(--container),calc(100% - 32px));margin:0 auto}
.topbar{background:var(--bg);color:rgba(255,255,255,.9);font-size:14px}.topbar .container{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 0;flex-wrap:wrap}.topbar-links,.topbar-contact,.nav-links,.trust-list,.cta-row,.badge-row,.contact-actions,.mini-list{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.topbar a:hover,.nav-links a:hover,.footer a:hover{color:#9cc1ff}
.navbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,226,239,.9)}.navbar .container{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 0}
.logo-wrap{display:flex;align-items:center;gap:14px;min-width:0}.logo-wrap img{width:175px;height:auto}.brand-copy strong{display:block;font-size:17px}.brand-copy span{display:block;font-size:13px;color:var(--muted)}
.nav-links a{padding:10px 14px;border-radius:999px;font-weight:700}.nav-links a.active{background:rgba(15,98,254,.09);color:var(--primary)}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:14px;font-weight:800;border:1px solid transparent;transition:.2s ease}.nav-cta,.btn-primary{background:var(--primary);color:#fff;box-shadow:0 16px 34px rgba(15,98,254,.22)}.nav-cta:hover,.btn-primary:hover{background:var(--primary-2)}.btn-secondary{background:#fff;border-color:var(--line)}.btn-soft{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
.hero{padding:56px 0 30px}.hero-grid,.grid-2,.grid-3,.process-grid,.footer-columns,.contact-grid,.stats{display:grid;gap:22px}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:stretch}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}
.card,.hero-card,.service-card,.feature,.process-step,.faq-item,.contact-card,.panel,.article-card,.stat,.info-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-card,.service-card,.feature,.process-step,.faq-item,.contact-card,.panel,.article-card,.info-card{padding:26px}.hero-card.main{padding:38px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(15,98,254,.08);color:var(--primary);font-size:14px;font-weight:800}.hero h1,.page-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.04;margin:16px 0 14px}.lead{font-size:18px;color:var(--muted);margin:0 0 18px;max-width:62ch}
.hero-image{position:relative;overflow:hidden;min-height:100%}.hero-image img{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(9,17,31,.82);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:18px;padding:18px}.overlay p{margin:8px 0 0;color:rgba(255,255,255,.82)}
.trust-list span,.badge-row span,.mini-list span{background:var(--surface-2);border:1px solid var(--line);padding:8px 12px;border-radius:999px;font-weight:700;font-size:14px}.mini-list span{font-size:13px}
.stat{padding:18px}.stat strong{display:block;font-size:26px;margin-bottom:3px}.stat span{color:var(--muted);font-size:14px}
.section{padding:34px 0}.section-title{margin-bottom:18px}.section-title h2{font-size:clamp(28px,3vw,40px);margin:0 0 10px}.section-title p{margin:0;color:var(--muted);max-width:72ch}
.service-card img,.article-card img{border-radius:16px;aspect-ratio:16/10;object-fit:cover;margin-bottom:16px}.service-card h3,.feature h3,.process-step h3,.faq-item h3,.contact-card h3,.info-card h3,.article-card h3{margin:0 0 10px;font-size:22px}.service-card p,.feature p,.process-step p,.faq-item p,.contact-card p,.info-card p,.article-card p{margin:0 0 14px;color:var(--muted)}
.band{padding:28px;border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#0f62fe 0%,#09111f 100%);color:#fff}.band h2{margin:0 0 10px;font-size:clamp(28px,3vw,40px)}.band p{margin:0;color:rgba(255,255,255,.86);max-width:70ch}
.page-hero{padding:40px 0 18px}.breadcrumbs{color:var(--muted);font-size:14px;margin-bottom:6px}.contact-grid{grid-template-columns:1.1fr .9fr}.contact-actions{margin:18px 0}.list-clean{list-style:none;padding:0;margin:0;display:grid;gap:10px}.list-clean li{display:flex;gap:10px;align-items:flex-start}.list-clean li::before{content:'•';color:var(--accent);font-weight:900}
.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.notice{padding:16px 18px;border-radius:16px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:#0f766e}.table-like{display:grid;gap:12px}.row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px dashed var(--line)}.row:last-child{border-bottom:none}
.footer-main{margin-top:28px;padding:34px 0;background:#07101e;color:rgba(255,255,255,.9)}.footer-columns{grid-template-columns:1.2fr .8fr .9fr}.footer h3,.footer-main h3{margin:0 0 10px;color:#fff}.footer p,.footer a,.footer li{color:rgba(255,255,255,.72)}.footer-bottom{background:#040913;color:rgba(255,255,255,.6);font-size:14px}.footer-bottom .container{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 0;flex-wrap:wrap}
.floating-wa{position:fixed;right:20px;bottom:20px;z-index:70;background:#25D366;color:#fff;padding:14px 18px;border-radius:999px;font-weight:800;box-shadow:0 15px 30px rgba(37,211,102,.25)}
.map-box iframe{width:100%;height:320px;border:0;border-radius:18px}.article{max-width:860px}.article h2{font-size:32px;margin:32px 0 12px}.article h3{font-size:24px;margin:22px 0 10px}.article p,.article li{color:#374151}.article ul{padding-left:18px}.seo-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.seo-links a{display:block;padding:18px;border:1px solid var(--line);background:#fff;border-radius:18px;font-weight:800;box-shadow:var(--shadow)}
@media (max-width: 1024px){.hero-grid,.grid-3,.process-grid,.footer-columns,.contact-grid,.two-col,.seo-links,.grid-2,.stats{grid-template-columns:1fr}.navbar .container{flex-direction:column;align-items:flex-start}.brand-copy{display:none}}
@media (max-width: 640px){.hero-card.main,.hero-card,.service-card,.feature,.process-step,.faq-item,.contact-card,.panel,.article-card,.info-card{padding:20px}.hero{padding-top:28px}.logo-wrap img{width:150px}}


/* Added content-focused sections */
.breadcrumb{padding:18px 0 0;color:var(--muted);font-size:14px}
.breadcrumb a{color:var(--muted)}
.hero-slim{padding:38px 0 14px}
.lead{font-size:18px;color:#334155}
.section{padding:26px 0}
.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}
.service-list,.check-list,.faq-list{display:grid;gap:16px}
.service-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}
.service-item h3,.card h3{margin:0 0 10px}
.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;text-align:center;box-shadow:var(--shadow)}
.kpi strong{display:block;font-size:28px;margin-bottom:6px}
.article h2,.article h3{margin-top:0}
.note{background:#eff6ff;border:1px solid #bfdbfe;padding:16px;border-radius:16px}
.contact-box{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:24px;padding:28px;box-shadow:var(--shadow)}
.contact-box a{color:#fff}
.badge-pill{display:inline-flex;background:#e0f2fe;color:#075985;border-radius:999px;padding:8px 12px;font-weight:700;font-size:14px}
.footer-note{color:#cbd5e1;font-size:14px}
@media (max-width:900px){.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.kpi-row,.grid-2,.grid-3{grid-template-columns:1fr}.hero{padding-top:34px}.hero-grid{grid-template-columns:1fr}}


.footer{background:#0f172a;color:#fff;padding:40px 0;margin-top:40px}
.footer h3{margin-bottom:10px}
.footer a{color:#38bdf8;text-decoration:none}
.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:768px){.footer-columns{grid-template-columns:1fr}}


.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.visual-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.visual-card img{display:block;width:100%;height:auto;background:#f8fafc}
.visual-card .content{padding:22px}
.visual-card h3{margin:0 0 10px}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.article-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}
.article-card h2{margin:0 0 12px}
.article-card p{margin:0 0 14px}
@media (max-width:900px){
  .visual-grid,.article-grid{grid-template-columns:1fr}
}