:root{
  --bg:#f7fbff;
  --surface:#ffffff;
  --text:#102033;
  --muted:#5d6b7a;
  --primary:#0757c2;
  --primary-dark:#063f8d;
  --accent:#16c7b7;
  --border:#dde8f3;
  --shadow:0 24px 70px rgba(7,87,194,.12);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,72px);background:rgba(247,251,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(221,232,243,.7)}
.brand img{height:42px}.site-nav{display:flex;gap:28px;align-items:center;font-weight:600}.site-nav a{color:var(--muted)}.site-nav a:hover{color:var(--primary)}.nav-cta{padding:10px 18px;border-radius:999px;background:var(--text)!important;color:#fff!important}.nav-toggle{display:none;background:none;border:0;font-size:28px;color:var(--text)}
.section{padding:90px clamp(20px,5vw,72px)}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;min-height:calc(100vh - 82px);background:radial-gradient(circle at 75% 20%, rgba(22,199,183,.22), transparent 34%),linear-gradient(180deg,#fff 0%,var(--bg) 100%)}
.eyebrow{margin:0 0 14px;color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:.11em;font-size:1.5rem}h1,h2,h3{line-height:1.08;margin:0;color:var(--text)}h1{font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.06em}h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em}h3{font-size:1.35rem}.lead{font-size:1.22rem;color:var(--muted);max-width:680px;margin:26px 0 0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:800;border:0;cursor:pointer}.primary{background:var(--primary);color:#fff;box-shadow:0 14px 30px rgba(7,87,194,.22)}.primary:hover{background:var(--primary-dark)}.secondary{background:#fff;color:var(--primary);border:1px solid var(--border)}.hero-visual{padding:20px;border-radius:32px;background:linear-gradient(135deg,#fff,rgba(255,255,255,.72));box-shadow:var(--shadow);border:1px solid var(--border)}
.section-title{text-align:center;max-width:760px;margin:0 auto 42px}.section-title.left{text-align:left;margin-left:0}.grid{display:grid;gap:22px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card,.product-card,.support-box,.contact-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 18px 50px rgba(16,32,51,.06)}.card{padding:30px}.icon{width:54px;height:54px;margin-bottom:24px}.card p,.product-card p,.support p,.contact-copy p{color:var(--muted);margin-bottom:0}.solutions{background:#fff}.product-card{padding:34px;min-height:240px}.product-card.featured{background:linear-gradient(135deg,var(--primary),#0a7ddc);color:#fff}.product-card.featured h3,.product-card.featured p{color:#fff}.tag{display:inline-flex;margin-bottom:28px;padding:7px 12px;border-radius:999px;background:rgba(22,199,183,.14);color:var(--primary);font-weight:800;font-size:.78rem}.featured .tag{background:rgba(255,255,255,.18);color:#fff}.product-card a{display:inline-block;margin-top:24px;font-weight:800;color:var(--primary)}.featured a{color:#fff}.support{display:grid;grid-template-columns:1fr 420px;gap:42px;align-items:center}.support-box{padding:34px}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}.contact-form{padding:30px;display:grid;gap:18px}label{display:grid;gap:8px;font-weight:700}input,textarea{width:100%;border:1px solid var(--border);border-radius:16px;padding:14px 16px;font:inherit;background:#fbfdff}input:focus,textarea:focus{outline:3px solid rgba(22,199,183,.18);border-color:var(--accent)}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:30px clamp(20px,5vw,72px);border-top:1px solid var(--border);color:var(--muted)}
@media (max-width:900px){.nav-toggle{display:block}.site-nav{position:absolute;top:78px;left:20px;right:20px;display:none;flex-direction:column;padding:24px;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.hero,.support,.contact{grid-template-columns:1fr}.three,.two{grid-template-columns:1fr}.section{padding:64px 20px}.hero{min-height:auto}.site-footer{flex-direction:column}}