:root{
  --ink:#171717;
  --muted:#687078;
  --line:#e8e8e8;
  --soft:#f7f7f5;
}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
.navbar-brand{font-size:1rem;letter-spacing:-.02em}
.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#171717;color:#fff;margin-right:8px}
.nav-link{color:#444;font-weight:500}
.nav-link:hover{color:#000}
.hero-section{background:linear-gradient(180deg,#fff 0%,#fbfbfa 100%);border-bottom:1px solid var(--line)}
.eyebrow{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#777}
.hero-section h1,.section-title{letter-spacing:-.04em}
.hero-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.07)}
.hero-visual{min-height:390px;background:
 linear-gradient(135deg,rgba(15,15,15,.82),rgba(15,15,15,.30)),
 radial-gradient(circle at 80% 30%,#b9ab94 0 14%,transparent 15%),
 linear-gradient(125deg,#cfc6b7 0 42%,#958a7b 42% 55%,#e7e1d8 55% 100%);
 display:flex;align-items:end;padding:36px;color:#fff}
.visual-copy span{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;opacity:.8}
.visual-copy h2{font-size:2rem;max-width:520px;margin:10px 0 0;letter-spacing:-.035em}
.info-label{display:block;color:#8b9196;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.trust-row div{border-left:2px solid #222;padding-left:12px}
.trust-row strong,.trust-row span{display:block}.trust-row span{font-size:.78rem;color:#777;margin-top:3px}
.section-padding{padding:90px 0}
.section-title{font-size:clamp(2rem,4vw,3.2rem);font-weight:750}
.section-head{max-width:720px}
.service-card{height:100%;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.2s ease}
.service-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.06)}
.service-card h3{font-size:1.15rem;font-weight:750;margin-top:18px}
.service-card p{color:var(--muted);margin:0}
.icon-box{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#171717;color:#fff;font-size:.75rem;font-weight:800}
.steps{display:grid;gap:0}
.step{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}
.step:first-child{padding-top:0}.step:last-child{border-bottom:0}
.step>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid #aaa;font-weight:700}
.step h3{font-size:1.1rem;font-weight:750;margin-bottom:6px}.step p{color:var(--muted);margin:0}
.company-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#343434;border:1px solid #343434}
.company-grid div{padding:22px;background:#212121}.company-grid span,.company-grid strong{display:block}
.company-grid span{color:#9da0a3;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}
.contact-box,.address-box{border:1px solid var(--line);border-radius:20px;padding:34px;background:#fff}
.contact-list{display:grid}
.contact-list a{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-top:1px solid var(--line);color:#111;text-decoration:none}
.contact-list span{color:#777}.contact-list strong{text-align:right}
.address-box{background:var(--soft)}.address-box h3{margin-top:18px}.address-box p{color:var(--muted)}
.footer{border-top:1px solid var(--line)}
.footer-link{border:0;background:none;padding:2px 0;display:block;color:#676d72;font-size:.9rem}
.floating-contact{position:fixed;right:20px;bottom:20px;background:#171717;color:#fff;text-decoration:none;padding:13px 18px;border-radius:999px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.18);z-index:1040}
@media(max-width:991px){
 .section-padding{padding:68px 0}
 .trust-row{grid-template-columns:1fr}
 .hero-visual{min-height:300px}
}
@media(max-width:575px){
 .hero-section .display-4{font-size:2.45rem}
 .company-grid{grid-template-columns:1fr}
 .contact-list a{display:block}
 .contact-list strong{display:block;text-align:left;margin-top:4px;word-break:break-word}
 .floating-contact{right:14px;bottom:14px}
}
