:root{
 --ink:#121821;--muted:#65707d;--primary:#2457d6;--primary-dark:#173d9d;
 --soft:#f4f7fc;--line:#e4e8ee;--white:#fff;--dark:#11161d;
}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);line-height:1.7}
a{text-decoration:none}.navbar{border-bottom:1px solid var(--line);background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)}
.navbar-brand{font-weight:850;letter-spacing:-.045em}.brand-mark{display:inline-flex;width:34px;height:34px;border-radius:9px;background:var(--primary);color:#fff;align-items:center;justify-content:center;margin-right:8px;font-size:.8rem;font-weight:800}
.nav-link{font-weight:650;color:#4d5661!important}.nav-link:hover,.nav-link.active{color:var(--primary)!important}
.btn-primary{background:var(--primary);border-color:var(--primary);padding:.78rem 1.2rem;font-weight:750}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.btn-outline-dark{padding:.78rem 1.2rem;font-weight:750}.hero{padding:105px 0 90px;background:radial-gradient(circle at 85% 15%,#e9efff 0,transparent 34%),linear-gradient(135deg,#f5f8ff,#fff 62%,#f7f9fc)}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:850;color:var(--primary)}
.display-title{font-weight:850;letter-spacing:-.06em;line-height:1.04}.lead{color:var(--muted);max-width:700px}
.hero-panel{border:1px solid #dce4f4;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(26,48,92,.12);padding:22px;transform:rotate(1deg)}
.browser{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;transform:rotate(-1deg)}
.browser-top{padding:11px 14px;border-bottom:1px solid var(--line);background:#f8fafc}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#cbd2db;margin-right:5px}
.browser-body{padding:24px}.mock-line{height:9px;background:#e8edf5;border-radius:10px;margin-bottom:12px}.mock-line.w70{width:70%}.mock-line.w45{width:45%}.mock-box{height:85px;border-radius:12px;background:#eef3ff;margin-top:20px}
.section{padding:85px 0}.section-soft{background:var(--soft)}.section-title{font-weight:850;letter-spacing:-.04em}
.card-clean{height:100%;border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff;box-shadow:0 10px 35px rgba(21,26,32,.045);transition:.2s}
.card-clean:hover{transform:translateY(-3px);box-shadow:0 16px 42px rgba(21,26,32,.09)}
.icon-box{width:46px;height:46px;border-radius:12px;background:#edf2ff;color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:850;margin-bottom:19px}
.badge-soft{display:inline-block;background:#edf2ff;color:var(--primary);border-radius:999px;padding:7px 12px;font-weight:700;font-size:.8rem;margin:3px}
.stat{border-left:3px solid var(--primary);padding-left:18px}
.project{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;height:100%}.project-visual{height:170px;background:linear-gradient(135deg,#eaf0ff,#f7f9fc);padding:25px;display:flex;align-items:end}.project-card{background:#fff;border:1px solid #dfe5ef;border-radius:12px;width:100%;padding:18px;box-shadow:0 10px 24px rgba(0,0,0,.06)}
.cta{background:var(--dark);color:#fff;border-radius:24px;padding:55px}.cta p{color:#c5cbd2}
.footer{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:.94rem}
.page-hero{padding:72px 0;background:var(--soft)}.contact-card{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff;height:100%}
.form-control{padding:.8rem 1rem;border-color:#dfe3e8}.form-control:focus{border-color:#8ca8ef;box-shadow:0 0 0 .2rem rgba(36,87,214,.1)}
.small-muted{color:var(--muted)}.service-list li{margin-bottom:10px}
@media(max-width:767.98px){.hero{padding:72px 0 62px}.section{padding:62px 0}.cta{padding:35px 25px}.display-title{font-size:2.6rem}.hero-panel{margin-top:15px}}