*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#0b132b;background:#fff;line-height:1.6}img{max-width:100%;display:block}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.section{padding:64px 0}.section.alt{background:#f7f9fc}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eef1f6;z-index:1000}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;color:#0b132b;text-decoration:none;font-weight:700}.brand-mark{width:32px;height:32px;border-radius:8px;background:#0a3d62;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}
.nav .menu{display:flex;gap:16px;list-style:none;margin:0;padding:0}.nav a{color:#0b132b;text-decoration:none;font-weight:500}.nav a:hover{color:#0a3d62}.nav-toggle{display:none}
.hero{padding-top:96px}.grid-2{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lead{font-size:1.1rem;color:#243b53}.hero-bullets{margin:12px 0 20px;padding-left:18px}.hero-card .card{border:1px solid #e6edf7}
.hero-image{width:100%;border-radius:12px;border:1px solid #e6edf7;box-shadow:0 2px 10px rgba(0,0,0,0.04);margin-bottom:14px;object-fit:cover;max-height:320px}
.trust-card{border:1px solid #e6edf7}
.banner{position:relative;background:#0a3d62;color:#fff;padding:120px 0}
.banner:before{content:"";position:absolute;inset:0;background:url('../header.jpg') center/cover no-repeat;opacity:.22}
.banner .container{position:relative}
.banner h1,.banner p,.banner li,.banner a,.banner .subtle{color:#fff}
.banner .btn{background:#fff;color:#0a3d62;border-color:#fff}
.banner .btn.btn-outline{background:transparent;color:#fff;border-color:#fff}
.banner .btn.btn-outline:hover{background:#fff;color:#0a3d62}
.card{background:#fff;border:1px solid #eef1f6;border-radius:12px;padding:20px;box-shadow:0 1px 2px rgba(0,0,0,0.03)}
.badges{display:flex;gap:8px;margin-top:12px}.badge{background:#e7f1ff;color:#0a3d62;padding:6px 10px;border-radius:999px;font-size:12px}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;border:1px solid #0a3d62;color:#0a3d62;background:#fff;text-decoration:none;font-weight:600}.btn:hover{background:#0a3d62;color:#fff}.btn-primary{background:#0a3d62;color:#fff;border-color:#0a3d62}.btn-primary:hover{filter:brightness(1.08)}.btn-outline{background:transparent;border-color:#0a3d62;color:#0a3d62}.btn-sm{padding:8px 12px;font-size:.9rem}.btn-full{width:100%;text-align:center}
.hero .cta-row{display:flex;gap:12px;flex-wrap:wrap}.subtle{color:#6b7c93;font-size:.95rem}.center{text-align:center}
.cards .card h3{margin-top:0}
.price-card{position:relative}.price-card.featured{border-color:#0a3d62;box-shadow:0 6px 16px rgba(10,61,98,0.15)}.price{font-weight:800;font-size:1.2rem}
.tech{background:linear-gradient(180deg,#f7f9fc 0,#fff 100%)}.tech-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}.tech-list li{padding:8px 12px;border:1px solid #e6edf7;border-radius:10px;background:#fff}
.timeline{display:grid;gap:14px}.t-item{border-left:3px solid #0a3d62;padding-left:12px}.t-date{font-weight:600;color:#0a3d62;font-size:.95rem}
.contact-list{list-style:none;margin:0 0 10px 0;padding:0}
form label{display:block;margin-bottom:12px}label span{display:block;font-weight:600;margin-bottom:6px}input[type=text],input[type=email],select,textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #dfe6ef;background:#fff}textarea{resize:vertical}
.row{display:flex;gap:12px}.half{flex:1}
.form-note{font-size:.9rem;color:#6b7c93}.form-status{min-height:1.2em;color:#0a3d62}
.site-footer{border-top:1px solid #eef1f6;padding:28px 0 12px 0;background:#fff}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-links{list-style:none;display:flex;gap:12px;margin:0;padding:0}
.copyright{border-top:1px solid #eef1f6;padding-top:8px;margin-top:14px}
@media(max-width:900px){.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.hero{padding-top:64px}.hero-image{max-height:220px}.banner{padding:96px 0}}
@media(max-width:640px){.nav-toggle{display:block;background:none;border:none;font-size:22px}.nav .menu{display:none;position:absolute;right:20px;top:56px;background:#fff;border:1px solid #eef1f6;border-radius:12px;padding:12px;flex-direction:column;gap:8px}.nav .menu.open{display:flex}.grid-3{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}.brand-text{font-size:1rem}}