[data-bp] {
  --bg:#f6f8f7; --surface:#ffffff; --surface2:#fbfdfc; --border:#e2eae7; --border2:#dde7e3;
  --ink:#0f1a17; --ink2:#41544e; --ink3:#26382f; --muted:#7b8d87;
  --accent:#0f7a5c; --accent2:#16a37b; --onaccent:#ffffff;
  --soft:#e7f3ee; --softb:#cfe6dc; --softink:#0f6b52;
  --dark:#0e1f1a; --dark2:#132a24; --dark3:#0f241e; --darkb:#2a4139; --darkink:#ffffff; --darkink2:#a9c2b9; --darkink3:#dbeae5; --darkacc:#4ec49b;
  --ph1:#eef3f1; --ph2:#e5ecea; --phink:#4d6159; --phbg:#ffffff;
  --foot:#0a1714; --footink:#8ba79f; --footb:#1c322b;
}
[data-bp][data-theme="dark"] {
  --bg:#0b1512; --surface:#111e1a; --surface2:#13221d; --border:#1f332c; --border2:#26413a;
  --ink:#eaf2ef; --ink2:#a9c2b9; --ink3:#cfe0da; --muted:#7b948c;
  --accent:#16a37b; --accent2:#4ec49b; --onaccent:#04170f;
  --soft:#12291f; --softb:#254a3c; --softink:#6fd6ae;
  --dark:#08110f; --dark2:#0e1b17; --dark3:#0a1512; --darkb:#1f332c; --darkink:#eaf2ef; --darkink2:#8ba79f; --darkink3:#cfe0da; --darkacc:#4ec49b;
  --ph1:#17241f; --ph2:#1b2b25; --phink:#9fb8b0; --phbg:#0f1c18;
  --foot:#070f0d; --footink:#7b948c; --footb:#17251f;
}
html, body { margin: 0; }
body { background: #f6f8f7; -webkit-font-smoothing: antialiased; }
.bp-skip {
  position: absolute; left: 12px; top: -48px; z-index: 100;
  padding: 10px 14px; border-radius: 8px; background: var(--accent, #0f7a5c); color: #fff;
  font: 600 14px/1 Manrope, system-ui, sans-serif; text-decoration: none;
}
.bp-skip:focus { top: 12px; }
* { box-sizing: border-box; }
h1,h2,h3,h4,p,ul,ol { margin: 0; }
ul { padding: 0; list-style: none; }
button, input, textarea { font-family: inherit; }
[data-bp] a { color: var(--accent); text-decoration: none; }
[data-bp] a:hover { text-decoration: underline; }
[data-bp] input::placeholder, [data-bp] textarea::placeholder { color: #9aaaa4; }

.bp-root {
  font-family: 'Manrope', system-ui, sans-serif;
  color: var(--ink);
  background: var(--bg);
  width: 100%;
  overflow-x: hidden;
  text-wrap: pretty;
  min-height: 100vh;
}
.bp-wrap { max-width: 1180px; margin: 0 auto; padding-left: 32px; padding-right: 32px; }

.bp-header {
  position: sticky;
  top: 0;
  z-index: 40;
  background: var(--bg);
  border-bottom: 1px solid var(--border);
}
.bp-header-inner { position: relative; }
.bp-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.bp-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--ink) !important;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-decoration: none !important;
}
.bp-logo-mark {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: var(--accent);
  flex: none;
}
.bp-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 18px;
  font-size: 14.5px;
  font-weight: 500;
}
.bp-nav a { color: var(--ink2); text-decoration: none !important; }
.bp-nav a:hover { color: var(--ink); }
.bp-nav a.is-active { color: var(--accent); font-weight: 700; }
.bp-actions { display: flex; align-items: center; gap: 10px; }
.bp-theme {
  width: 38px; height: 38px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 10px; border: 1px solid var(--border2);
  background: var(--surface); color: var(--ink2);
  cursor: pointer;
}
.bp-theme:hover { color: var(--ink); border-color: var(--softb); }
.bp-theme-sun { display: none; }
[data-bp][data-theme="dark"] .bp-theme-sun { display: block; }
[data-bp][data-theme="dark"] .bp-theme-moon { display: none; }
.bp-actions { flex: none; }
.bp-wa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 10px;
  background: #1fa855;
  color: #ffffff !important;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none !important;
}
.bp-wa:hover { filter: brightness(1.06); text-decoration: none !important; }
.bp-wa svg { flex: none; }
.bp-wa-text { display: none; }
[data-bp][data-theme="dark"] .bp-wa {
  background: #25c46a;
  color: #04170f !important;
}
@media (min-width: 1280px) {
  .bp-wa { width: auto; padding: 0 13px; }
  .bp-wa-text { display: inline; }
}
.bp-btn {
  display: inline-block;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--onaccent) !important;
  background: var(--accent);
  padding: 11px 18px;
  border-radius: 10px;
  text-decoration: none !important;
}
.bp-btn:hover { text-decoration: none !important; filter: brightness(1.05); }
.bp-btn-lg { font-size: 15.5px; padding: 15px 26px; border-radius: 12px; }
.bp-btn-ghost {
  display: inline-block;
  font-size: 15.5px; font-weight: 700;
  color: var(--ink) !important;
  background: var(--surface);
  border: 1px solid var(--border2);
  padding: 15px 26px;
  border-radius: 12px;
  text-decoration: none !important;
}
.bp-btn-dark {
  display: inline-block;
  font-size: 15.5px; font-weight: 800;
  padding: 15px 26px; border-radius: 12px;
  background: var(--accent2); color: #04170f !important;
  text-decoration: none !important;
}
.bp-btn-outline-dark {
  display: inline-block;
  font-size: 15.5px; font-weight: 700;
  padding: 15px 26px; border-radius: 12px;
  background: transparent; border: 1px solid var(--darkb); color: var(--darkink3) !important;
  text-decoration: none !important;
}
.bp-burger {
  display: none;
  width: 38px; height: 38px;
  border-radius: 10px; border: 1px solid var(--border2);
  background: var(--surface); color: var(--ink);
  cursor: pointer;
}

.bp-eyebrow {
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--muted);
  margin-bottom: 16px;
}
.bp-mono { font-family: 'JetBrains Mono', monospace; }

.bp-frame {
  border-radius: 18px;
  border: 1px solid var(--border2);
  background: var(--surface);
  padding: 10px;
}
.bp-frame.is-dark {
  border-color: var(--darkb);
  background: var(--dark2);
}
.bp-frame.is-dark .bp-dot { background: var(--darkb); }
.bp-frame.is-dark .bp-url {
  background: var(--dark3);
  border-color: var(--darkb);
  color: var(--darkink2);
}
.bp-frame-bar {
  display: flex; align-items: center; gap: 6px; padding: 6px 8px 10px;
}
.bp-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--border); display: block; }
.bp-url {
  margin-left: 8px; flex: 1; height: 20px; border-radius: 6px;
  background: var(--surface2); border: 1px solid var(--border);
  display: flex; align-items: center; padding: 0 8px;
  font-family: 'JetBrains Mono', monospace; font-size: 10.5px; color: var(--muted);
}
.bp-slider { position: relative; aspect-ratio: 16/11; border-radius: 12px; overflow: hidden; background: var(--ph2); }
.bp-slider.is-wide { aspect-ratio: 16/8; }
.bp-slider.is-admin { aspect-ratio: 16/10; }
.bp-slider img,
.bp-slide {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: top center;
  display: none;
}
.bp-slider img.is-on { display: block; }
.bp-slide.is-on { display: block; }
.bp-slide.is-ph {
  align-items: center;
  justify-content: center;
  background: repeating-linear-gradient(135deg, var(--ph1) 0 10px, var(--ph2) 10px 20px);
}
.bp-slide.is-ph.is-on { display: flex; }
.bp-ph-static {
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: repeating-linear-gradient(135deg, var(--ph1) 0 10px, var(--ph2) 10px 20px);
}
.bp-ph-label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11.5px;
  letter-spacing: 0.06em;
  color: var(--phink);
  background: var(--phbg);
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid var(--border2);
}
.bp-slider.is-admin { background: var(--dark3); }
.bp-slider.is-admin .bp-slide.is-ph {
  background: repeating-linear-gradient(135deg, #193630 0 10px, #15302a 10px 20px);
}
.bp-slider.is-admin .bp-ph-label {
  color: #9fc0b7;
  background: #0f241e;
  border-color: #2a4139;
}
.bp-slider.is-admin .bp-slider-nav span { color: #9fc0b7; }
.bp-slider.is-admin .bp-slider-nav button {
  border-color: #2a4139;
  background: #0f241e;
  color: #9fc0b7;
}
.bp-slider-dots { position: absolute; left: 12px; bottom: 12px; display: flex; gap: 6px; }
.bp-slider-dots button {
  width: 8px; height: 8px; padding: 0; border: none; border-radius: 50%; cursor: pointer;
  background: rgba(125,150,140,0.5);
}
.bp-slider-dots button.is-on { background: var(--accent); }
.bp-slider-nav {
  position: absolute; right: 12px; bottom: 12px;
  display: flex; align-items: center; gap: 6px;
}
.bp-slider-nav span { font-family: 'JetBrains Mono', monospace; font-size: 10.5px; color: var(--phink); margin-right: 2px; }
.bp-slider-nav button {
  width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;
  border-radius: 8px; border: 1px solid var(--border2); background: var(--surface); color: var(--ink2); cursor: pointer;
}

.bp-card { border: 1px solid var(--border); border-radius: 16px; background: var(--surface); padding: 24px; }
.bp-card-sm { border: 1px solid var(--border); border-radius: 14px; background: var(--surface2); padding: 20px; }
.bp-pill {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 14px; border-radius: 10px;
  background: var(--surface); border: 1px solid var(--border);
  font-size: 13.5px; font-weight: 600; color: var(--ink3);
}
.bp-chip {
  padding: 8px 13px; border-radius: 9px; border: 1px solid var(--border2);
  background: var(--surface2); font-size: 13.5px; font-weight: 600;
}
.bp-new {
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em;
  padding: 3px 7px; border-radius: 6px; background: var(--soft); color: var(--softink);
}

.bp-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; }
.bp-tab {
  display: flex; align-items: baseline; gap: 8px;
  padding: 12px 18px; border-radius: 12px; border: 1px solid var(--border2);
  cursor: pointer; font-size: 15px; font-weight: 700;
  background: var(--surface); color: var(--ink3);
}
.bp-tab.is-on { background: var(--accent); color: var(--onaccent); border-color: var(--accent); }
.bp-pane { display: none; }
.bp-pane.is-on { display: grid; grid-template-columns: 1fr 1.15fr; gap: 28px; align-items: center; }
.bp-faq-item { border: 1px solid var(--border); border-radius: 14px; background: var(--surface2); overflow: hidden; }
.bp-faq-item h3 { margin: 0; font-size: inherit; font-weight: inherit; }
.bp-faq-item button {
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 20px 22px; background: transparent; border: none; cursor: pointer;
  text-align: left; font-size: 16.5px; font-weight: 700; color: var(--ink);
}
.bp-faq-item p { display: none; padding: 0 22px 22px; font-size: 15px; line-height: 1.6; color: var(--ink2); }
.bp-faq-item.is-open p { display: block; }

.bp-lang-frame {
  border-radius: 18px;
  border: 1px solid var(--border2);
  background: var(--surface);
  padding: 14px;
}
.bp-lang-board {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background:
    radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 38%),
    linear-gradient(180deg, var(--surface2), var(--surface));
  border: 1px solid var(--border);
  padding: 18px 18px 16px;
}
.bp-lang-board:before {
  content: "";
  position: absolute; inset: 0;
  background-image:
    linear-gradient(var(--border) 1px, transparent 1px),
    linear-gradient(90deg, var(--border) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: 0.35;
  pointer-events: none;
}
.bp-lang-head {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
  margin-bottom: 16px;
}
.bp-lang-kicker {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px;
  letter-spacing: 0.08em;
  color: var(--accent);
  font-weight: 500;
}
.bp-lang-head strong {
  font-size: 15.5px;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.bp-lang-note {
  margin-left: auto;
  font-size: 12.5px;
  color: var(--muted);
}
.bp-lang-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.bp-lang-row {
  display: grid;
  grid-template-columns: 22px 1fr auto 28px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 11px;
  border: 1px solid var(--border2);
  background: var(--surface);
}
.bp-lang-row.is-on { border-color: var(--softb); background: var(--soft); }
.bp-lang-name { font-size: 13.5px; font-weight: 700; color: var(--ink3); }
.bp-lang-code {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px;
  color: var(--muted);
}
.bp-lang-sw {
  width: 28px; height: 16px; border-radius: 99px;
  background: var(--border2); position: relative;
}
.bp-lang-sw:after {
  content: "";
  position: absolute; top: 2px; left: 2px;
  width: 12px; height: 12px; border-radius: 50%;
  background: #fff;
}
.bp-lang-sw.is-on { background: var(--accent); }
.bp-lang-sw.is-on:after { left: 14px; }
.bp-lang-fx {
  position: relative;
  display: flex; flex-wrap: wrap; gap: 8px;
  margin-top: 14px;
}
.bp-fx {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11.5px; font-weight: 500;
  padding: 6px 10px; border-radius: 8px;
  border: 1px solid var(--border2);
  background: var(--surface); color: var(--ink2);
}
.bp-fx.is-on { border-color: var(--softb); background: var(--soft); color: var(--softink); }
.bp-flag {
  width: 22px; height: 15px; border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(15,26,23,0.12);
  display: block;
}
.bp-flag-tr { background: linear-gradient(90deg, #e30a17 38%, #fff 38% 48%, #e30a17 48%); }
.bp-flag-en { background: linear-gradient(180deg, #012169 33%, #fff 33% 66%, #c8102e 66%); }
.bp-flag-de { background: linear-gradient(180deg, #000 33%, #dd0000 33% 66%, #ffce00 66%); }
.bp-flag-ar { background: linear-gradient(180deg, #006c35 33%, #fff 33% 66%, #000 66%); }
.bp-flag-ru { background: linear-gradient(180deg, #fff 33%, #0039a6 33% 66%, #d52b1e 66%); }
.bp-flag-fr { background: linear-gradient(90deg, #002395 33%, #fff 33% 66%, #ed2939 66%); }
.bp-flag-es { background: linear-gradient(180deg, #c60b1e 25%, #ffc400 25% 75%, #c60b1e 75%); }
.bp-flag-pt { background: linear-gradient(90deg, #006600 38%, #ff0000 38%); }

.bp-footer {
  background: var(--foot); color: var(--footink); border-top: 1px solid var(--footb);
}
.bp-footer-inner {
  display: flex; flex-wrap: wrap; gap: 24px; justify-content: space-between; align-items: center;
  padding: 44px 32px;
}
.bp-footer a { color: var(--footink); }
.bp-footer-links { display: flex; flex-wrap: wrap; gap: 26px; font-size: 13.5px; }

.bp-field { display: grid; gap: 7px; }
.bp-field span { font-size: 13.5px; font-weight: 700; color: var(--ink3); }
.bp-field input, .bp-field textarea {
  padding: 13px 14px; border-radius: 11px; border: 1px solid var(--border2);
  background: var(--surface2); color: var(--ink); font-size: 15px;
}
.bp-alert { padding: 12px 14px; border-radius: 10px; background: var(--soft); color: var(--softink); font-size: 14px; }
.bp-error { color: #b42318; font-size: 12.5px; }

@media (max-width: 980px) {
  .bp-nav { display: none; }
  .bp-nav.is-open {
    display: flex; flex-direction: column; align-items: flex-start;
    position: absolute; left: 0; right: 0; top: 100%;
    background: var(--bg); border-bottom: 1px solid var(--border);
    padding: 16px 32px 20px; gap: 14px;
  }
  .bp-burger { display: flex; align-items: center; justify-content: center; }
  .bp-pane.is-on, .bp-hero, .bp-split, .bp-pricing, .bp-grid-5, .bp-grid-4, .bp-grid-3, .bp-grid-2 { grid-template-columns: 1fr !important; }
  .bp-hero { gap: 32px !important; padding-top: 48px !important; }
  h1.bp-h1 { font-size: 36px !important; }
  h2.bp-h2 { font-size: 28px !important; }
}
@media (max-width: 640px) {
  .bp-wrap, .bp-footer-inner { padding-left: 18px; padding-right: 18px; }
  .bp-btn-cta { display: none; }
  .bp-lang-grid { grid-template-columns: 1fr; }
  .bp-lang-note { margin-left: 0; width: 100%; }
}