:root {
  --bg: #f5f7fb;
  --surface: #ffffff;
  --text: #172033;
  --muted: #5d6b82;
  --line: #dfe5ee;
  --primary: #1954ff;
  --primary-dark: #133fc2;
  --accent: #ff6a00;
  --radius: 18px;
  --shadow: 0 10px 24px rgba(23, 32, 51, 0.08);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:var(--primary);text-decoration:none} a:hover{text-decoration:underline}
.container{width:min(1180px, calc(100% - 32px));margin:0 auto}
.narrow-container{width:min(860px, calc(100% - 32px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-inner{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:16px 0}
.brand-wrap{display:flex;align-items:center;gap:14px}.site-title{display:block;font-weight:800;font-size:1.1rem;color:var(--text)}.site-tagline{margin:0;color:var(--muted);font-size:.92rem}
.menu-list,.footer-menu{list-style:none;display:flex;gap:18px;padding:0;margin:0}.footer-menu{display:grid;gap:8px}
.header-actions,.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;font-weight:700;border:1px solid transparent;transition:.2s ease}.button:hover{text-decoration:none;transform:translateY(-1px)}
.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-dark)}.button-ghost{background:#fff;color:var(--text);border-color:var(--line)}.button-ghost-light{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);color:#fff}
.section{padding:64px 0}.section-muted{background:linear-gradient(180deg,#eef3ff 0%, #f8faff 100%)}
.hero-slider-section{padding:72px 0 28px;background:linear-gradient(120deg,#0f1b33 0%,#18366b 52%,#1648d6 100%);color:#fff}
.hero-slider{position:relative}.hero-slide{display:none;grid-template-columns:1.2fr .9fr;gap:28px;align-items:center}.hero-slide.is-active{display:grid}
.eyebrow{display:inline-block;margin-bottom:12px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:inherit;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.eyebrow-dark{background:#e8eefc;color:#29426f}
.hero-copy{max-width:60ch;color:rgba(255,255,255,.86)} .hero-slider-section h1{font-size:clamp(2.2rem,4vw,4.3rem);line-height:1.05;margin:0 0 14px}
.hero-slide__visual,.hero-search-card,.card,.cta-box{background:var(--surface);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-slide__visual{padding:22px;color:var(--text)}
.hero-slide__products{display:grid;gap:14px}
.hero-product-chip{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;background:#f7f9fd;border:1px solid #e6ebf3}
.hero-product-chip__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#eef4ff;font-size:1.25rem;flex:0 0 auto}
.hero-product-chip strong{display:block}.hero-product-chip span:last-child{display:block;color:var(--muted);font-size:.92rem}
.hero-slider__controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:22px}.hero-slider__nav{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.hero-slider__dots{display:flex;gap:8px}.hero-slider__dot{width:12px;height:12px;border-radius:50%;border:0;background:rgba(255,255,255,.35);cursor:pointer}.hero-slider__dot.is-active{background:#fff}
.hero-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:28px;align-items:start}.hero-grid--secondary{margin-top:0}.hero-search-card{padding:22px;color:var(--text)}.hero-trust-card{padding:22px}.trust-list{margin:10px 0 0 0;padding-left:18px;color:var(--muted)}
.section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:22px}.section-head h2{margin:.2rem 0 0;font-size:clamp(1.6rem,2.7vw,2.6rem)}.section-head p{max-width:44ch;color:var(--muted)}
.card-grid{display:grid;gap:18px}.sector-grid{grid-template-columns:repeat(4,1fr)}.compact-grid{grid-template-columns:repeat(2,1fr)}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.card{padding:20px}.sector-card h3,.compact-card h3,.service-row h3{margin:0 0 8px}.compact-card .icon-badge{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:12px;background:#eef4ff;font-size:1.1rem;margin-bottom:10px}
.service-list{display:grid;gap:12px}.service-row{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step-card{padding:22px;background:#fff;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow)}.step-card span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:#edf2ff;color:var(--primary);font-weight:800;margin-bottom:14px}
.cta-section{padding-top:18px}.cta-box{padding:24px 26px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.sidebar{align-self:start}.page-card,.post-card{padding:24px}.entry-meta{color:var(--muted);font-size:.92rem;margin-bottom:8px}.search-form{display:flex;gap:10px}.search-field{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px}
.site-footer{margin-top:56px;background:#0f172a;color:#d8e0ee}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;padding:42px 0}.footer-grid h3,.footer-grid h4{color:#fff;margin-top:0}.footer-grid a{color:#dbe7ff}.footer-bottom{padding:14px 0;border-top:1px solid rgba(255,255,255,.12);font-size:.95rem;color:#bac7db}
.mtsl-theme-notice{padding:12px 14px;border-radius:12px;background:#f8f1d0;color:#5c4c00}
@media (max-width: 1024px){.hero-slide,.hero-grid,.two-col-grid,.content-grid,.footer-grid{grid-template-columns:1fr}.sector-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}.header-inner{grid-template-columns:1fr;justify-items:start}.primary-nav{display:none}}
@media (max-width: 640px){.sector-grid,.compact-grid,.steps-grid{grid-template-columns:1fr}.section{padding:46px 0}.cta-box{flex-direction:column;align-items:flex-start}}
