:root{--primary:#1E3E57;--dark:#0f1e2a;--light:#f5f7fb;--text:#202629;--accent:#2AB3FF;--radius:14px;--shadow:0 10px 30px rgba(0,0,0,.12)}
:root[data-theme="dark"]{--light:#0b1520;--text:#e9f0f7;--dark:#070e14}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;background:var(--light);color:var(--text)}
.container{width:min(1200px,92%);margin:auto}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.75);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid #e9eef3}
:root[data-theme="dark"] .header{background:rgba(15,30,42,.75);border-bottom-color:#162535}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.brand img{height:40px;width:auto;border-radius:8px}
.menu{display:flex;gap:22px;align-items:center}
.menu a{text-decoration:none;color:inherit;font-weight:600}
.menu a:hover{color:var(--accent)}
.toggle,.theme{display:none}
.theme-btn{border:1px solid #d6dde4;background:#fff;color:var(--primary);padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:700}
:root[data-theme="dark"] .theme-btn{background:#132231;border-color:#21354a;color:#eaf6ff}
.hero{background:radial-gradient(90% 100% at 0% 0%, #35698b 0%, var(--primary) 45%, #173548 100%);color:#fff}
.hero .inner{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:72px 0}
.hero h1{font-size:2.6rem;margin:0 0 10px;line-height:1.15}
.hero p{font-size:1.1rem;opacity:.98;margin:0}
.btns{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:800}
.btn.primary{background:#fff;color:var(--primary)}
.btn.secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35)}
.hero .card{background:#fff;color:#21313f;border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.section{padding:72px 0}
.section h2{font-size:2rem;margin:0 0 8px}.section p.lead{margin:0 0 28px;color:#4b5a66}
.grid{display:grid;gap:18px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid #e8edf2;border-radius:16px;padding:22px;box-shadow:var(--shadow)}
:root[data-theme="dark"] .card{background:#0f1e2a;border-color:#183149;color:#e5eef7}
.feature{padding:18px;border-radius:14px;background:#fff;border:1px solid #e8edf2}
:root[data-theme="dark"] .feature{background:#0f1e2a;border-color:#183149}
.case img,.blog img{width:100%;height:260px;object-fit:cover;border-radius:12px}
.case h3,.blog h3{margin:10px 0 6px}.badge{display:inline-block;background:var(--primary);color:#fff;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:700}
.band{background:var(--primary);color:#fff;padding:28px;border-radius:16px;display:flex;gap:18px;align-items:center;justify-content:space-between}
.footer{background:#0f1e2a;color:#cfe3ff;padding:32px 0;margin-top:42px}.footer a{color:#e8f3ff;text-decoration:none}
.reveal{opacity:0;transform:translateY(20px);transition:all .6s ease}.reveal.visible{opacity:1;transform:none}
.hero-img{width:100%;border-radius:16px;box-shadow:var(--shadow)}
@media(max-width:980px){.hero .inner{grid-template-columns:1fr}}
@media(max-width:820px){.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}.menu{display:none}.toggle{display:block;border:0;background:transparent;font-size:1.6rem;color:inherit;cursor:pointer}.theme{display:block}}