:root{
  --bg:#f5f8ff; --bg2:#f0f4ff; --text:#0b1630; --muted:#4b5a78;
  --c1:#4f8cff; --c2:#7fd5ff; --accent:#5ad4a7; --card:#ffffff; --border:#e5ecff;
  --radius:16px
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:#1b66ff;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* Header */
header.site{position:sticky;top:0;background:rgba(255,255,255,.8);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;gap:10px;align-items:center;font-weight:800}
.logo{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,var(--c1),var(--c2));color:#fff;box-shadow:0 6px 18px rgba(79,140,255,.3)}
.menu a{margin:0 12px;opacity:.9}
.pill{display:inline-flex;align-items:center;gap:8px;background:rgba(79,140,255,.12);border:1px solid rgba(79,140,255,.25);padding:8px 12px;border-radius:999px;font-weight:600}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid var(--border);color:var(--text);box-shadow:0 6px 18px rgba(23,42,86,.06)}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--c2));color:#02211a;border:none;font-weight:800}

/* Sections */
main section{padding:72px 0;border-bottom:1px solid var(--border)}
.hero.light{background:linear-gradient(180deg,#ffffff,#f6f9ff)}
.hero.soft{background:linear-gradient(180deg,#ffffff,#f5f8ff)}
.hero h1{font-size:44px;margin:10px 0 10px}
.hero .label{display:inline-block;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:#fff}
.lead{color:var(--muted);font-size:18px;max-width:880px}
.bullets{margin:16px 0 0 18px}
.bullets li{margin:6px 0}

/* Gallery */
.hero-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-top:18px}
.hero-gallery img{width:100%;height:200px;object-fit:cover;border-radius:14px;transform:translateY(0);transition:transform .6s ease, box-shadow .6s ease}
.hero-gallery img:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,.12)}

/* Grid & cards */
.grid{display:grid;gap:20px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:0 10px 24px rgba(23,42,86,.06)}
.hover-raise{transition:transform .25s ease, box-shadow .25s ease}
.hover-raise:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(23,42,86,.12)}
.ico{width:36px;height:36px;border-radius:12px;display:inline-grid;place-items:center;background:linear-gradient(145deg,var(--c1),var(--c2));color:#fff;font-weight:800;margin-bottom:8px}

/* Tabs */
.tabs .tabbar{display:flex;gap:8px;margin-bottom:12px}
.tab{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer}
.tab.active{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;border:none}
.pane{display:none}
.pane.active{display:block}

/* Stats */
.stats .stat{display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;background:#fff;border:1px solid var(--border);box-shadow:0 8px 20px rgba(23,42,86,.06)}
.stat-icon{flex:0 0 42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--c1),var(--accent));color:#031b15;font-weight:900;letter-spacing:.5px}
.stat-body{display:flex;flex-direction:column}
.stat-body b{font-size:22px;line-height:1}
.stat-body span{color:var(--muted);font-size:14px}

/* Carousel */
.slider{position:relative;overflow:hidden}
.slide{opacity:0;transform:translateX(10%);transition:opacity .6s ease, transform .6s ease;position:absolute;left:0;right:0}
.slide.active{opacity:1;transform:none;position:relative}

/* Footer */
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px}
.brand-mini{font-weight:800}
.subtle{opacity:.75;font-size:14px}

/* Cookie */
.cookie{position:fixed;left:20px;right:20px;bottom:20px;display:none;z-index:60}
.cookie .inner{display:flex;gap:16px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 10px 28px rgba(23,42,86,.12)}

/* Inputs */
.input{background:#fff;border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:12px}
.input:focus{outline:none;border-color:var(--c1);box-shadow:0 0 0 3px rgba(79,140,255,.18)}

@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.hero h1{font-size:32px}.grid-3,.grid-4{grid-template-columns:1fr}}