@font-face { font-family: Manrope; src: url('/assets/fonts/manrope-cyrillic.woff2') format('woff2'); font-style: normal; font-weight: 400 800; font-display: swap; unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: Manrope; src: url('/assets/fonts/manrope-latin.woff2') format('woff2'); font-style: normal; font-weight: 400 800; font-display: swap; unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
:root { --ink:#242632; --muted:#697184; --berry:#a65369; --berry-dark:#86516b; --blue:#dce6f5; --paper:#f8f7f5; --line:#d7dbe3; --green:#267b65; --yellow:#f0dfa7; --shadow:0 24px 70px rgba(39,45,59,.12); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; color:var(--ink); background:#f4f6fa; font:500 16px/1.6 Manrope,system-ui,sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
.seo-shell { width:min(1160px,calc(100% - 40px)); margin-inline:auto; }
.seo-header { position:sticky; z-index:40; top:0; border-bottom:1px solid rgba(190,198,211,.8); background:rgba(248,247,245,.94); backdrop-filter:blur(14px); }
.seo-header-inner { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.seo-brand { display:flex; align-items:center; gap:11px; }
.seo-brand img { width:42px; height:42px; }
.seo-brand strong,.seo-brand small { display:block; }
.seo-brand strong { font-size:17px; line-height:1; }
.seo-brand small { margin-top:5px; color:var(--muted); font-size:10px; }
.seo-nav { display:flex; align-items:center; justify-content:flex-end; gap:22px; color:#555b6a; font-size:13px; font-weight:700; }
.seo-nav a:hover { color:var(--berry); }
.seo-header-cta,.seo-button { min-height:48px; padding:0 19px; border:1px solid transparent; border-radius:9px; display:inline-flex; align-items:center; justify-content:center; gap:9px; background:var(--berry-dark); color:#fff; font-weight:800; cursor:pointer; transition:transform .2s,background .2s; }
.seo-header-cta:hover,.seo-button:hover { transform:translateY(-2px); background:#9d5b72; }
.seo-button-secondary { border-color:#9aa7bb; background:transparent; color:var(--ink); }
.seo-button-secondary:hover { background:#fff; }
.seo-hero { position:relative; overflow:hidden; padding:76px 0 82px; background:var(--blue); }
.seo-hero::before { content:""; position:absolute; inset:0; opacity:.55; background-image:linear-gradient(rgba(71,83,111,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(71,83,111,.09) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(to bottom,#000,transparent 94%); }
.seo-hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.92fr); gap:58px; align-items:center; }
.seo-breadcrumbs { margin-bottom:22px; display:flex; gap:9px; color:#777e8b; font-size:12px; }
.seo-breadcrumbs a:hover { color:var(--berry); }
.seo-kicker { display:inline-flex; align-items:center; gap:10px; color:var(--berry-dark); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.seo-kicker::before { content:""; width:32px; height:2px; background:var(--berry); }
.seo-hero h1 { max-width:700px; margin:20px 0; font-size:clamp(38px,5vw,62px); line-height:1.04; letter-spacing:-.045em; }
.seo-hero h1 em { color:var(--berry); font-style:normal; }
.seo-hero-copy > p { max-width:660px; margin:0; color:#5f6675; font-size:18px; line-height:1.7; }
.seo-actions { margin-top:30px; display:flex; flex-wrap:wrap; gap:12px; }
.seo-proof { margin:24px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:10px; list-style:none; }
.seo-proof li { padding:8px 10px; border:1px solid rgba(126,143,168,.45); border-radius:8px; background:rgba(255,255,255,.45); color:#555d6c; font-size:12px; font-weight:700; }
.seo-hero-visual { position:relative; min-height:480px; }
.seo-screen { position:absolute; inset:18px 0 48px 0; overflow:hidden; border:9px solid rgba(255,255,255,.92); border-radius:16px; background:#fff; box-shadow:var(--shadow); transform:rotate(2deg); }
.seo-screen img { width:100%; height:100%; object-fit:cover; object-position:top left; }
.seo-visual-note { position:absolute; z-index:2; right:-8px; bottom:20px; width:min(310px,80%); padding:16px 18px; border:1px solid #d6dbe4; border-radius:10px; background:rgba(255,255,255,.94); box-shadow:0 18px 46px rgba(50,60,77,.18); }
.seo-visual-note strong,.seo-visual-note span { display:block; }
.seo-visual-note span { margin-top:4px; color:var(--muted); font-size:12px; }
.seo-strip { background:#252833; color:#fff; }
.seo-strip-inner { min-height:86px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:rgba(255,255,255,.16); }
.seo-strip span { padding:20px; display:grid; place-items:center; background:#252833; color:#e8e9ee; font-size:13px; font-weight:700; text-align:center; }
.seo-section { padding:96px 0; }
.seo-section-alt { background:var(--paper); }
.seo-section-head { max-width:760px; margin-bottom:38px; }
.seo-section-head span { color:var(--berry); font-size:11px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.seo-section-head h2 { margin:10px 0 12px; font-size:clamp(31px,4vw,46px); line-height:1.12; letter-spacing:-.035em; }
.seo-section-head p { margin:0; color:var(--muted); font-size:17px; }
.seo-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.seo-card { min-height:240px; padding:28px; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 12px 34px rgba(44,51,65,.05); }
.seo-card b { width:42px; height:42px; border-radius:10px; display:grid; place-items:center; background:#eef2f8; color:var(--berry); font-size:13px; }
.seo-card h3 { margin:24px 0 9px; font-size:20px; line-height:1.25; }
.seo-card p { margin:0; color:var(--muted); font-size:14px; }
.seo-partner-section { background:#eef2f8; }
.seo-partner-card { min-height:255px; }
.seo-partner-note { margin-top:18px; padding:24px 28px; border-left:4px solid var(--berry); display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:24px; align-items:center; background:#fff; box-shadow:0 12px 34px rgba(44,51,65,.05); }
.seo-partner-note strong { font-size:18px; }
.seo-partner-note span { color:var(--muted); font-size:14px; }
.seo-partner-note a { color:var(--berry-dark); font-weight:800; white-space:nowrap; }
.seo-feature-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr); gap:64px; align-items:center; }
.seo-feature-list { display:grid; gap:9px; }
.seo-feature-list article { padding:17px 0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:32px minmax(0,1fr); gap:12px; }
.seo-feature-list b { width:28px; height:28px; border-radius:8px; display:grid; place-items:center; background:#e6f3ef; color:var(--green); font-size:12px; }
.seo-feature-list strong { display:block; font-size:16px; }
.seo-feature-list span { margin-top:4px; display:block; color:var(--muted); font-size:13px; }
.seo-feature-image { overflow:hidden; border:9px solid #fff; border-radius:15px; background:#fff; box-shadow:var(--shadow); }
.seo-feature-image img { width:100%; height:auto; display:block; }
.seo-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.seo-step { padding:24px; border-top:3px solid var(--berry); border-radius:10px; background:#fff; }
.seo-step span { color:var(--berry); font-size:11px; font-weight:900; }
.seo-step strong { margin-top:18px; display:block; font-size:17px; }
.seo-step p { margin:7px 0 0; color:var(--muted); font-size:13px; }
.seo-faq { display:grid; grid-template-columns:.7fr 1.3fr; gap:60px; align-items:start; }
.seo-faq h2 { margin:8px 0 0; font-size:42px; line-height:1.1; }
.seo-faq-list { border-top:1px solid var(--line); }
.seo-faq details { border-bottom:1px solid var(--line); }
.seo-faq summary { min-height:70px; display:flex; justify-content:space-between; align-items:center; gap:18px; list-style:none; cursor:pointer; font-weight:800; }
.seo-faq summary::-webkit-details-marker { display:none; }
.seo-faq summary::after { content:"+"; color:var(--berry); font-size:22px; }
.seo-faq details[open] summary::after { content:"−"; }
.seo-faq details p { margin:0 42px 22px 0; color:var(--muted); font-size:14px; }
.seo-lead { padding:84px 0; background:#2e303b; color:#fff; }
.seo-lead-grid { display:grid; grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr); gap:60px; align-items:start; }
.seo-lead-copy h2 { margin:10px 0 14px; font-size:42px; line-height:1.1; }
.seo-lead-copy p { color:#c9cbd3; }
.seo-lead-copy ul { margin:26px 0 0; padding:0; display:grid; gap:10px; list-style:none; color:#e7e8ec; font-size:14px; }
.seo-lead-copy li::before { content:"✓"; margin-right:9px; color:#86d3bd; font-weight:900; }
.seo-form { padding:28px; border-radius:14px; display:grid; gap:15px; background:#fff; color:var(--ink); }
.seo-form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.seo-form label { display:grid; gap:7px; font-size:12px; font-weight:800; }
.seo-form input,.seo-form select,.seo-form textarea { width:100%; min-width:0; border:1px solid #cbd2dc; border-radius:8px; background:#fff; color:var(--ink); outline:0; }
.seo-form input,.seo-form select { height:48px; padding:0 13px; }
.seo-form textarea { min-height:105px; padding:12px 13px; resize:vertical; }
.seo-form input:focus,.seo-form select:focus,.seo-form textarea:focus { border-color:#9e637e; box-shadow:0 0 0 3px rgba(158,99,126,.13); }
.seo-form .seo-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.seo-form-consent { grid-template-columns:19px minmax(0,1fr)!important; align-items:start; gap:10px!important; color:#737986; font-size:10px!important; font-weight:600!important; line-height:1.45; }
.seo-form-consent input { width:17px; height:17px; margin:0; accent-color:var(--berry); }
.seo-form-footer { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:center; }
.seo-form-status { margin:0; color:#6f7581; font-size:12px; }
.seo-form-status.is-success { color:var(--green); }
.seo-form-status.is-error { color:#b13e55; }
.seo-form button:disabled { opacity:.65; cursor:wait; }
.seo-footer { padding:36px 0; background:#69728d; color:#fff; }
.seo-footer-inner { display:grid; grid-template-columns:auto 1fr auto; gap:32px; align-items:center; }
.seo-footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:9px 20px; color:#eef0f5; font-size:12px; }
.seo-footer small { color:#edf0f6; font-size:10px; }
.seo-legal { min-height:calc(100vh - 150px); padding:70px 0 100px; background:var(--paper); }
.seo-legal article { max-width:860px; padding:42px; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 18px 50px rgba(44,51,65,.07); }
.seo-legal h1 { margin:0 0 8px; font-size:clamp(34px,5vw,52px); line-height:1.1; letter-spacing:-.04em; }
.seo-legal .seo-legal-updated { margin:0 0 34px; color:var(--muted); }
.seo-legal h2 { margin:30px 0 8px; font-size:20px; }
.seo-legal p { margin:0 0 12px; color:#5e6573; }
.seo-legal a { color:var(--berry-dark); text-decoration:underline; }
@media (max-width:900px) {
  .seo-nav { display:none; }
  .seo-hero-grid,.seo-feature-layout,.seo-lead-grid,.seo-faq { grid-template-columns:1fr; }
  .seo-hero-grid { gap:34px; }
  .seo-hero-visual { min-height:390px; }
  .seo-card-grid { grid-template-columns:1fr 1fr; }
  .seo-steps { grid-template-columns:1fr 1fr; }
  .seo-strip-inner { grid-template-columns:1fr 1fr; }
  .seo-footer-inner { grid-template-columns:1fr; justify-items:start; }
  .seo-footer-links { justify-content:flex-start; }
  .seo-partner-note { grid-template-columns:1fr; gap:8px; }
}
@media (max-width:600px) {
  .seo-shell { width:min(100% - 28px,1160px); }
  .seo-header-inner { min-height:66px; }
  .seo-brand small { display:none; }
  .seo-header-cta { min-height:42px; padding:0 12px; font-size:11px; }
  .seo-hero { padding:50px 0 62px; }
  .seo-hero h1 { font-size:38px; }
  .seo-hero-copy > p { font-size:16px; }
  .seo-actions { display:grid; }
  .seo-hero-visual { min-height:300px; }
  .seo-screen { inset:10px 0 45px; }
  .seo-card-grid,.seo-steps,.seo-strip-inner,.seo-form-row { grid-template-columns:1fr; }
  .seo-section { padding:70px 0; }
  .seo-card { min-height:0; }
  .seo-feature-layout { gap:34px; }
  .seo-feature-image { border-width:6px; }
  .seo-faq h2,.seo-lead-copy h2 { font-size:34px; }
  .seo-lead { padding:64px 0; }
  .seo-form { padding:20px; }
  .seo-form-footer { grid-template-columns:1fr; }
  .seo-form-footer .seo-button { width:100%; }
  .seo-legal { padding:40px 0 70px; }
  .seo-legal article { padding:24px 20px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }