:root {
  --bg: #080b12;
  --bg-soft: #0d1321;
  --panel: rgba(255, 255, 255, 0.055);
  --panel-strong: rgba(255, 255, 255, 0.085);
  --text: #eef6ff;
  --muted: #a9b7ca;
  --muted-2: #74849a;
  --cyan: #7cf7e6;
  --blue: #8aa8ff;
  --orange: #ff8a3d;
  --green: #8cffb4;
  --red: #ff6b6b;
  --line: rgba(255, 255, 255, 0.13);
  --shadow: 0 22px 70px rgba(0, 0, 0, 0.32);
  --radius: 22px;
  --container: 1240px;
  --read: 760px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background:
    radial-gradient(circle at 18% 0%, rgba(124, 247, 230, 0.17), transparent 34%),
    radial-gradient(circle at 80% 12%, rgba(255, 138, 61, 0.12), transparent 32%),
    linear-gradient(180deg, var(--bg), #070911 48%, #0b101a);
  font-size: 16.5px;
  line-height: 1.68;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(124, 247, 230, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124, 247, 230, 0.08) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: radial-gradient(circle at 50% 20%, #000, transparent 80%);
  opacity: 0.44;
}

a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
hr { border: 0; border-top: 1px solid var(--line); margin: 22px 0; }
code, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }

.container {
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 24px;
}
.narrow { max-width: 840px; }

.notice {
  border-bottom: 1px solid var(--line);
  background: linear-gradient(90deg, rgba(124, 247, 230, 0.13), rgba(255, 138, 61, 0.10));
  color: var(--muted);
  font-size: 14px;
}
.notice .container {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.notice strong { color: var(--text); }

.navbar {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(8, 11, 18, 0.80);
  backdrop-filter: blur(18px);
}
.nav-inner {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 900;
  letter-spacing: -0.02em;
}
.brand-mark {
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  border-radius: 14px;
  padding: 2px;
  background: linear-gradient(135deg, var(--cyan), var(--blue), var(--orange));
  box-shadow: 0 0 40px rgba(124, 247, 230, 0.22);
}
.brand-mark span {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background: #080b12;
  color: var(--cyan);
  font-weight: 1000;
}
.brand small {
  display: block;
  margin-top: -3px;
  color: var(--muted-2);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.nav-links,
.lang-switch,
.nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.nav-links { gap: 16px; color: var(--muted); font-size: 14px; }
.nav-links a:hover { color: var(--text); }
.lang-switch a {
  padding: 7px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}
.lang-switch a.active {
  color: #071017;
  background: var(--cyan);
  border-color: var(--cyan);
}
.mobile-toggle { display: none; }

.btn {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 11px 18px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--text);
  font: inherit;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.2;
  cursor: pointer;
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}
.btn:hover {
  transform: translateY(-1px);
  border-color: rgba(124, 247, 230, 0.50);
  background: rgba(124, 247, 230, 0.08);
}
.btn.primary {
  border: 0;
  color: #071017;
  background: linear-gradient(135deg, var(--cyan), var(--blue));
  box-shadow: 0 18px 60px rgba(124, 247, 230, 0.23);
}
.btn.orange {
  border-color: rgba(255, 138, 61, 0.45);
  background: rgba(255, 138, 61, 0.11);
}
.btn.small { min-height: 38px; padding: 9px 13px; font-size: 13px; }

.hero { padding: 72px 0 46px; }
.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(340px, 0.98fr);
  gap: 34px;
  align-items: center;
}
.kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 12px;
  border: 1px solid rgba(124, 247, 230, 0.28);
  border-radius: 999px;
  background: rgba(124, 247, 230, 0.07);
  color: var(--cyan);
  font-size: 13px;
  font-weight: 900;
}
.kicker::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--green);
  box-shadow: 0 0 18px var(--green);
}
h1,
.page-title {
  max-width: 920px;
  margin: 18px 0;
  font-size: clamp(40px, 5.8vw, 72px);
  line-height: 1.02;
  letter-spacing: -0.035em;
}
h2 {
  margin: 0 0 14px;
  font-size: clamp(30px, 3.3vw, 48px);
  line-height: 1.08;
  letter-spacing: -0.025em;
}
h3 {
  margin: 0 0 10px;
  font-size: clamp(20px, 1.45vw, 24px);
  line-height: 1.22;
  letter-spacing: -0.012em;
}
p { line-height: 1.7; }
.lead {
  margin: 0 0 24px;
  color: #cbd7e8;
  font-size: clamp(18px, 1.45vw, 20px);
  line-height: 1.62;
}
.hero-actions,
.hero-points,
.button-row { display: flex; flex-wrap: wrap; gap: 10px; }
.hero-actions { margin: 28px 0 22px; }
.pill {
  padding: 8px 11px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--muted);
  font-size: 12.5px;
  font-weight: 800;
}
.pill.hot {
  color: var(--text);
  border-color: rgba(255, 138, 61, 0.40);
  background: rgba(255, 138, 61, 0.11);
}
.hero-card {
  position: relative;
  padding: 16px;
  border-radius: 32px;
  background: linear-gradient(145deg, rgba(124, 247, 230, 0.24), rgba(138, 168, 255, 0.10), rgba(255, 138, 61, 0.18));
  box-shadow: var(--shadow);
}
.hero-photo {
  min-height: 320px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 23px;
  background: #111827;
}
.hero-photo img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.status {
  position: absolute;
  left: 34px;
  right: 34px;
  bottom: 34px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: rgba(7, 10, 17, 0.84);
  backdrop-filter: blur(16px);
  font-size: 14px;
}
.status strong { display: block; }
.status span { color: var(--muted); font-size: 13px; }
.status-code {
  padding: 6px 9px;
  border: 1px solid rgba(140, 255, 180, 0.30);
  border-radius: 999px;
  background: rgba(140, 255, 180, 0.07);
  color: var(--green);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
}

.metrics { padding: 20px 0 58px; }
.metrics-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.metric,
.card,
.arch-box,
.price-card,
.form-card,
.status-card,
.prose-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.026));
  box-shadow: 0 12px 42px rgba(0, 0, 0, 0.18);
}
.metric { padding: 18px; }
.metric strong { display: block; font-size: 25px; }
.metric span { color: var(--muted); font-size: 13.5px; }

.section { padding: 74px 0; }
.section.alt { background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.025), transparent); }
.section-head { max-width: var(--read); margin-bottom: 30px; }
.section-head p,
.card p,
.price-card p,
.arch-box p { color: var(--muted); margin: 0; }
.section-head p { font-size: 17px; line-height: 1.7; }
.eyebrow {
  margin-bottom: 10px;
  color: var(--cyan);
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.cards,
.arch,
.pricing,
.visual-grid { display: grid; gap: 18px; }
.cards { grid-template-columns: repeat(3, 1fr); }
.card,
.arch-box,
.price-card,
.form-card { padding: 24px; }
.card p,
.arch-box p,
.price-card p { font-size: 15.5px; line-height: 1.68; }
.icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  border: 1px solid rgba(124, 247, 230, 0.25);
  border-radius: 14px;
  background: rgba(124, 247, 230, 0.10);
  color: var(--cyan);
  font-weight: 1000;
}
.split {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 38px;
  align-items: center;
}
.panel {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: var(--shadow);
}
.panel img { border-radius: 20px; }
.caption { margin-top: 10px; color: var(--muted); font-size: 13.5px; }
.flow { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.flow-step {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
}
.num {
  color: var(--orange);
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.arch { grid-template-columns: repeat(3, 1fr); }
.code {
  margin-top: 16px;
  overflow: hidden;
  border: 1px solid rgba(124, 247, 230, 0.18);
  border-radius: 16px;
  background: #071017;
}
.code-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--muted);
  font-size: 12px;
}
.copy { border: 0; background: transparent; color: var(--cyan); font-weight: 900; cursor: pointer; }
pre { margin: 0; padding: 14px; white-space: pre-wrap; color: #cae9ff; font-size: 12px; line-height: 1.45; }
.use-cases { grid-template-columns: repeat(3, 1fr); }

.visual-grid { grid-template-columns: 1fr 1fr; }
.visual-shot {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.045);
  box-shadow: var(--shadow);
}
.visual-shot img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.visual-shot figcaption { padding: 11px 14px; color: var(--muted); font-size: 14px; line-height: 1.5; }

.offer-section { overflow: visible; }
.offer-grid {
  display: grid;
  grid-template-columns: minmax(320px, 430px) minmax(0, 1fr);
  gap: 36px;
  align-items: start;
}
.offer-sticky { position: relative; }
.offer-sticky-box { position: sticky; top: 104px; display: grid; gap: 16px; }
.sticky-shot { box-shadow: 0 18px 56px rgba(0, 0, 0, 0.24); }
.offer-content { min-width: 0; }
.offer-content .section-head { max-width: 100%; margin-bottom: 24px; }
.offer-cards { display: grid; gap: 18px; }
.product-card-main { grid-column: 1 / -1; padding: 28px; }
.price-card.featured {
  border-color: rgba(124, 247, 230, 0.40);
  background: linear-gradient(180deg, rgba(124, 247, 230, 0.11), rgba(255, 255, 255, 0.035));
}
.price-card { display: flex; flex-direction: column; gap: 12px; }
.price-card strong { color: var(--cyan); font-size: 24px; line-height: 1.15; }
.price-card-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: start;
}
.tag {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  margin-bottom: 10px;
  padding: 6px 9px;
  border: 1px solid rgba(124, 247, 230, 0.28);
  border-radius: 999px;
  background: rgba(124, 247, 230, 0.07);
  color: var(--cyan);
  font-size: 10.5px;
  font-weight: 1000;
  line-height: 1.25;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}
.soft-tag { color: #ccffdc; border-color: rgba(140, 255, 180, 0.28); background: rgba(140, 255, 180, 0.07); }
.card-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.main-price {
  min-width: 174px;
  padding: 16px 18px;
  border: 1px solid rgba(124, 247, 230, 0.25);
  border-radius: 18px;
  background: rgba(5, 8, 14, 0.50);
  text-align: right;
}
.main-price strong { display: block; font-size: clamp(26px, 2.6vw, 36px); line-height: 1; letter-spacing: -0.02em; }
.main-price span { display: block; margin-top: 7px; color: var(--muted); font-size: 13px; }
.price-lines { display: grid; gap: 8px; color: var(--muted); font-size: 14px; }
.clean-lines { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.clean-lines span {
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.035);
}
.small-muted,
.cloud-note { color: var(--muted); font-size: 15px; line-height: 1.68; }
.cloud-note { max-width: var(--read); margin: 16px 0 0; }
.included-note,
.included-line {
  margin-top: 10px !important;
  padding: 10px 12px;
  border: 1px solid rgba(140, 255, 180, 0.22);
  border-radius: 14px;
  background: rgba(140, 255, 180, 0.075);
  color: #ccffdc !important;
  line-height: 1.5;
}
.plans-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.plans-grid .price-card { min-height: 100%; padding: 22px; }
.plans-grid .price-card strong { font-size: clamp(22px, 1.8vw, 28px); }
.software-note {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-top: 16px;
  padding: 16px;
  border: 1px solid rgba(124, 247, 230, 0.20);
  border-radius: 18px;
  background: rgba(124, 247, 230, 0.045);
  color: var(--muted);
  line-height: 1.62;
}
.software-note strong { min-width: 180px; color: var(--cyan); }

.form-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 34px; align-items: start; }
.form-grid.wide { grid-template-columns: 0.78fr 1.22fr; }
.form-card label { display: block; margin-bottom: 14px; color: var(--muted); font-size: 14.5px; font-weight: 750; line-height: 1.45; }
.form-card input,
.form-card textarea,
.form-card select {
  width: 100%;
  margin-top: 6px;
  padding: 12px 13px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px;
  background: rgba(5, 8, 14, 0.65);
  color: var(--text);
  font: inherit;
  font-size: 16px;
  line-height: 1.35;
  outline: none;
}
.form-card input:focus,
.form-card textarea:focus,
.form-card select:focus {
  border-color: rgba(124, 247, 230, 0.55);
  box-shadow: 0 0 0 3px rgba(124, 247, 230, 0.10);
}
.form-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.nip-row { grid-template-columns: 1fr auto; align-items: end; }
.nip-row .btn { margin-bottom: 14px; }
.check { display: flex !important; gap: 10px; align-items: flex-start; }
.check input { width: auto; margin-top: 4px; }
.warning-box,
.inline-result,
.form-result {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--muted);
  font-size: 14.5px;
  line-height: 1.6;
}
.warning-box { border-color: rgba(255, 138, 61, 0.35); background: rgba(255, 138, 61, 0.08); }
.form-result.success,
.inline-result.success { border-color: rgba(140, 255, 180, 0.35); background: rgba(140, 255, 180, 0.09); color: #ccffdc; }
.form-result.error,
.inline-result.error { border-color: rgba(255, 107, 107, 0.42); background: rgba(255, 107, 107, 0.09); color: #ffd1d1; }
.form-section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 22px 0 12px;
  color: var(--cyan);
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.form-section-title::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--orange);
  box-shadow: 0 0 16px rgba(255, 138, 61, 0.80);
}
.conditional-panel {
  margin: 10px 0 18px;
  padding: 14px;
  border: 1px solid rgba(124, 247, 230, 0.18);
  border-radius: 18px;
  background: rgba(124, 247, 230, 0.035);
}
.is-hidden { display: none !important; }
.order-product-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  margin: 10px 0 20px;
  padding: 18px;
  border: 1px solid rgba(124, 247, 230, 0.25);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(124, 247, 230, 0.09), rgba(255, 255, 255, 0.035));
}
.order-product-card strong { display: block; font-size: 22px; }
.order-product-card p { margin: 6px 0 0; color: var(--muted); }
.price-stack {
  min-width: 170px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(5, 8, 14, 0.54);
  text-align: right;
}
.price-stack b { display: block; color: var(--cyan); font-size: 24px; }
.price-stack span,
.price-stack small { display: block; color: var(--muted); font-size: 12px; }
.choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 8px; }
.choice-card {
  display: flex !important;
  gap: 12px;
  align-items: flex-start;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--text) !important;
  cursor: pointer;
}
.choice-card:hover { border-color: rgba(124, 247, 230, 0.45); background: rgba(124, 247, 230, 0.06); }
.choice-card input { width: auto !important; margin: 5px 0 0 !important; }
.choice-card strong { display: block; }
.choice-card small { display: block; color: var(--muted); font-size: 13.5px; font-weight: 650; line-height: 1.4; }

.page-section { min-height: 64vh; }
.status-form { margin-bottom: 22px; }
.status-card { padding: 24px; margin-top: 22px; }
.status-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
.status-top strong { display: block; font-size: 22px; }
.muted { display: block; color: var(--muted); }
.status-badge { color: var(--green); }
.order-meta { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 16px 0 26px; }
.order-meta div { padding: 12px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255, 255, 255, 0.04); }
.order-meta span { display: block; color: var(--muted); font-size: 12px; }
.timeline { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.timeline li { padding: 13px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255, 255, 255, 0.04); }
.timeline time { display: block; color: var(--muted-2); font-size: 12px; }
.timeline strong { display: block; color: var(--cyan); }
.timeline span { color: var(--muted); }
.status-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.debug-box { min-height: 100px; margin-top: 16px; border: 1px solid var(--line); border-radius: 16px; background: #05080e; color: #d6e8ff; }
.prose-card { padding: 28px; }
.prose-card p { color: var(--muted); }

.footer { border-top: 1px solid var(--line); padding: 32px 0; background: rgba(0, 0, 0, 0.18); color: var(--muted); }
.footer-grid { display: flex; justify-content: space-between; gap: 20px; }
.footer a { display: inline-block; margin-left: 16px; color: var(--text); }
.footer p { margin: 6px 0 0; }

.reveal { opacity: 0; transform: translateY(14px); transition: 0.55s ease; }
.reveal.visible { opacity: 1; transform: none; }

@media (max-width: 1180px) {
  .offer-grid { grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); gap: 26px; }
  .plans-grid { grid-template-columns: 1fr; }
  .product-card-main { padding: 24px; }
  .price-card-head { grid-template-columns: 1fr; }
  .main-price { width: 100%; text-align: left; }
}

@media (max-width: 980px) {
  body { font-size: 16px; }
  .section { padding: 62px 0; }
  .hero { padding: 56px 0 38px; }
  .hero-grid,
  .split,
  .form-grid,
  .form-grid.wide { grid-template-columns: 1fr; }
  .metrics-grid,
  .cards,
  .arch,
  .use-cases { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .status { position: static; margin-top: 12px; }
  .hero-photo { min-height: 260px; }
  .order-meta { grid-template-columns: repeat(2, 1fr); }
  .nav-links { display: none; }
  .navbar.open .nav-links {
    position: absolute;
    top: 76px;
    left: 22px;
    right: 22px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #0b101a;
  }
  .mobile-toggle { display: inline-flex; }
  .offer-grid { grid-template-columns: 1fr; gap: 24px; }
  .offer-sticky-box { position: static; grid-template-columns: 1fr 1fr; }
  .plans-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .price-card-head { grid-template-columns: minmax(0, 1fr) auto; }
  .main-price { width: auto; text-align: right; }
}

@media (max-width: 760px) {
  .container { padding: 0 18px; }
  .section { padding: 52px 0; }
  h1,
  .page-title { font-size: clamp(36px, 10vw, 52px); line-height: 1.05; }
  h2 { font-size: clamp(28px, 7.6vw, 40px); }
  h3 { font-size: 21px; }
  .lead,
  .section-head p { font-size: 16.5px; }
  .metrics-grid,
  .cards,
  .arch,
  .use-cases,
  .flow,
  .form-two,
  .status-top,
  .order-meta,
  .visual-grid,
  .choice-grid,
  .offer-sticky-box,
  .plans-grid,
  .clean-lines { grid-template-columns: 1fr; }
  .price-card-head,
  .order-product-card { grid-template-columns: 1fr; }
  .main-price,
  .price-stack { width: 100%; text-align: left; }
  .product-card-main,
  .plans-grid .price-card,
  .form-card { padding: 20px; }
  .visual-shot { border-radius: 20px; }
  .visual-shot figcaption { font-size: 13.5px; }
  .software-note { display: block; }
  .software-note strong { display: block; margin-bottom: 6px; }
  .nip-row { grid-template-columns: 1fr; }
  .nav-inner { min-height: 68px; }
  .navbar.open .nav-links { top: 70px; }
  .status { padding: 12px; }
  .status-code { font-size: 11px; }
  .footer-grid { display: block; }
  .footer a { margin: 8px 14px 0 0; }
  .lang-switch { display: none; }
  .nav-actions .btn.primary { display: none; }
}

@media (max-width: 420px) {
  body { font-size: 15.5px; }
  .container { padding: 0 15px; }
  .btn { width: 100%; }
  .hero-actions .btn { width: auto; flex: 1 1 180px; }
  .hero-points { gap: 7px; }
  .pill { padding: 7px 9px; font-size: 12px; }
  .form-card input,
  .form-card textarea,
  .form-card select { font-size: 15.5px; }
  .price-card,
  .card,
  .arch-box { padding: 18px; }
  .main-price strong { font-size: 28px; }
  .visual-shot figcaption { padding: 10px 12px; }
}

/* v2 UX/CRO readability refactor */
body{font-size:16px;letter-spacing:0}.container{max-width:1180px}h1,.page-title{font-size:clamp(38px,5.4vw,68px);line-height:1.04;letter-spacing:-.045em}h2{font-size:clamp(28px,3.2vw,44px);line-height:1.1;letter-spacing:-.032em}h3{font-size:clamp(18px,1.45vw,22px);line-height:1.22;letter-spacing:-.015em}.lead{font-size:clamp(17px,1.6vw,20px);line-height:1.58}.section.compact-section{padding:70px 0}.section-head{max-width:860px}.section-head p,.card p,.arch-box p,.price-card p{font-size:15.5px;line-height:1.65}.card,.arch-box,.price-card,.form-card{padding:22px}.btn{font-size:14.5px;min-height:46px}.tag{letter-spacing:.08em;line-height:1.25}

.security-split{align-items:start}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.security-card .icon{margin-bottom:14px}.visual-panel img{aspect-ratio:16/9;object-fit:cover;width:100%}

.offer-section{padding-top:78px}.offer-grid{grid-template-columns:minmax(285px,.72fr) minmax(0,1.28fr);gap:30px}.offer-sticky-box{top:96px}.offer-content{min-width:0}.product-offer-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.34fr);gap:20px;align-items:center;border:1px solid rgba(124,247,230,.36);border-radius:26px;background:linear-gradient(145deg,rgba(124,247,230,.12),rgba(255,255,255,.045));padding:26px;box-shadow:var(--shadow);margin-bottom:20px}.product-offer-card h3{font-size:clamp(25px,3vw,36px);margin-bottom:8px}.product-offer-card p{color:var(--muted);margin:0;line-height:1.62}.product-offer-card .btn{grid-column:1/-1;justify-self:start}.main-price{text-align:right;border:1px solid var(--line);border-radius:20px;background:rgba(5,8,14,.55);padding:16px}.main-price strong{display:block;color:var(--cyan);font-size:clamp(28px,3vw,38px);line-height:1.05;white-space:nowrap}.main-price span,.main-price small{display:block;color:var(--muted);font-size:13px;line-height:1.45}.main-price small{margin-top:8px}.action-definition{display:grid;gap:6px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.045);padding:18px;margin-bottom:18px;color:var(--muted)}.action-definition strong{color:var(--cyan);font-size:16px}.action-definition span{line-height:1.65}.plans-grid.clean-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plans-grid.clean-plans .price-card{min-height:100%;justify-content:space-between}.plans-grid.clean-plans .price-card strong{font-size:19px;line-height:1.3}.card-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.software-note{line-height:1.6}.sticky-shot{border-radius:22px}.sticky-shot img{aspect-ratio:16/9;object-fit:cover}.sticky-shot figcaption{font-size:13px;line-height:1.4}

.order-layout{display:grid;grid-template-columns:minmax(285px,.75fr) minmax(0,1.25fr);gap:34px;align-items:start}.order-side{position:sticky;top:96px}.order-side .lead{font-size:17px}.order-summary{border:1px solid rgba(124,247,230,.28);border-radius:24px;background:linear-gradient(180deg,rgba(124,247,230,.09),rgba(255,255,255,.035));padding:22px;margin-top:22px;box-shadow:var(--shadow)}.order-summary h3{margin-bottom:16px}.order-summary dl{display:grid;gap:10px;margin:0}.order-summary dl div{display:grid;grid-template-columns:120px 1fr;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px}.order-summary dt{color:var(--muted2);font-size:13px}.order-summary dd{margin:0;color:var(--text);font-weight:800;line-height:1.35}.summary-total{margin:18px 0 12px;border:1px solid rgba(124,247,230,.28);border-radius:18px;background:rgba(5,8,14,.56);padding:16px}.summary-total span{display:block;color:var(--muted);font-size:13px}.summary-total strong{display:block;color:var(--cyan);font-size:clamp(24px,3vw,34px)}.order-summary p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.order-form{max-width:100%}.compact-choice{grid-template-columns:1fr 1fr}.form-section-title{margin-top:26px}.choice-card{line-height:1.35}.choice-card small{margin-top:4px}.form-card input,.form-card textarea,.form-card select{font-size:16px;line-height:1.45}.warning-box{line-height:1.58}.inline-result{line-height:1.55}.conditional-panel{padding:18px}.form-result a{color:var(--cyan);font-weight:800;text-decoration:underline;text-underline-offset:3px}

@media(max-width:1100px){.offer-grid,.order-layout{grid-template-columns:1fr}.offer-sticky,.order-side{position:static}.offer-sticky-box{position:static;grid-template-columns:1fr 1fr}.plans-grid.clean-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.order-summary dl div{grid-template-columns:150px 1fr}.product-offer-card{grid-template-columns:1fr}}
@media(max-width:820px){body{font-size:15.5px}.hero{padding:58px 0 40px}.section,.section.compact-section{padding:54px 0}.hero-actions .btn{width:100%;justify-content:center}.metrics-grid,.cards,.arch,.use-cases,.security-grid,.plans-grid.clean-plans,.flow{grid-template-columns:1fr}.offer-sticky-box{grid-template-columns:1fr}.form-grid,.form-grid.wide,.order-layout{gap:22px}.form-card,.card,.arch-box,.price-card,.product-offer-card,.order-summary{border-radius:20px;padding:18px}.choice-grid,.compact-choice,.form-two{grid-template-columns:1fr}.main-price{text-align:left}.order-summary dl div{grid-template-columns:1fr;gap:3px}.nav-inner{min-height:66px}.navbar.open .nav-links{top:68px}.status-code{display:none}}
@media(max-width:520px){.container{padding:0 14px}h1,.page-title{font-size:clamp(34px,10vw,46px);letter-spacing:-.035em}h2{font-size:clamp(26px,8vw,34px)}.hero-photo{min-height:auto}.status{padding:12px}.metric strong{font-size:24px}.pill{font-size:12px}.product-offer-card .btn,.order-form .btn.primary{width:100%}.main-price strong{font-size:28px}.sticky-shot figcaption{font-size:12px}.form-card label{font-size:13.5px}.order-summary{margin-top:16px}}

/* UX checkout simplification v3: calmer typography, fewer colors, clearer mobile/tablet flow */
:root{--cyan:#83e6d8;--blue:#9fb3cc;--orange:#83e6d8;--text:#edf4fb;--muted:#aeb8c7;--line:rgba(255,255,255,.12);--r:20px;--container:1120px}
body{font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,.page-title{font-size:clamp(40px,5.4vw,68px);line-height:1.04;letter-spacing:-.045em}h2{font-size:clamp(28px,3.3vw,44px);line-height:1.12;letter-spacing:-.03em}h3{font-size:clamp(19px,2vw,24px);line-height:1.22;letter-spacing:-.015em}.lead{font-size:clamp(17px,1.65vw,20px);line-height:1.58;color:#c6d1df}.eyebrow{letter-spacing:.1em;font-size:12px;color:var(--cyan)}.section{padding:70px 0}.compact-section{padding:62px 0}.btn{font-size:14px;padding:11px 17px}.card,.arch-box,.price-card,.form-card,.status-card,.prose-card{box-shadow:0 14px 42px rgba(0,0,0,.16)}

.order-section-v2{padding:74px 0 88px;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.03),rgba(255,255,255,.016))}.order-simple{max-width:980px}.order-head{max-width:720px;margin-bottom:22px}.order-head h2{margin-bottom:12px}.order-head p{max-width:680px;color:var(--muted);font-size:18px;line-height:1.7}.checkout-card{border-radius:28px;padding:0;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));border-color:rgba(255,255,255,.14)}.checkout-summary{display:grid;grid-template-columns:minmax(190px,.42fr) 1fr;gap:0;border-bottom:1px solid var(--line);background:rgba(8,12,19,.58)}.summary-main{padding:22px 24px;border-right:1px solid var(--line)}.summary-main span,.summary-main small{display:block;color:var(--muted);font-size:13px}.summary-main strong{display:block;margin:6px 0 2px;color:var(--text);font-size:28px;line-height:1.05;letter-spacing:-.02em}.summary-compact{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0}.summary-compact div{padding:18px 18px;border-right:1px solid var(--line)}.summary-compact div:last-child{border-right:0}.summary-compact dt{font-size:12px;color:var(--muted2);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.summary-compact dd{margin:6px 0 0;color:var(--text);font-weight:800;font-size:14px;line-height:1.35}.checkout-block{padding:24px;border-bottom:1px solid var(--line)}.checkout-block:last-child{border-bottom:0}.checkout-block h3{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:20px}.checkout-block h3 span{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:999px;background:rgba(131,230,216,.12);border:1px solid rgba(131,230,216,.3);color:var(--cyan);font-size:13px;font-weight:900}.order-form-v2 .form-section-title{display:none}.order-form-v2 .form-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.order-form-v2 label{margin-bottom:0;color:#cdd6e1;font-size:14px}.order-form-v2 input,.order-form-v2 textarea,.order-form-v2 select{border-radius:12px;padding:12px 13px;background:rgba(4,7,12,.56);font-size:15px;color:var(--text)}.order-form-v2 textarea{resize:vertical}.simple-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.choice-card{min-height:92px;border-radius:18px;padding:16px!important;background:rgba(255,255,255,.035);transition:border-color .18s,background .18s}.choice-card strong{font-size:16px;line-height:1.25}.choice-card small{margin-top:5px;font-size:14px;line-height:1.45;color:var(--muted)}.choice-card input{accent-color:var(--cyan)}.choice-card:has(input:checked){border-color:rgba(131,230,216,.65);background:rgba(131,230,216,.075)}.buyer-inline{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 0}.buyer-inline>span{color:var(--muted);font-size:14px;margin-right:2px}.buyer-inline label{display:inline-flex!important;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:9px 12px!important;background:rgba(255,255,255,.035);cursor:pointer;color:var(--text)!important}.buyer-inline input{width:auto!important;margin:0!important;accent-color:var(--cyan)}.buyer-inline label:has(input:checked){border-color:rgba(131,230,216,.6);background:rgba(131,230,216,.08)}.company-panel{margin-top:16px;padding:16px;background:rgba(255,255,255,.026);border-radius:18px}.compact-message{font-size:13px;line-height:1.5;padding:11px 12px;margin:10px 0 14px;background:rgba(255,255,255,.035)}.optional-fields input,.optional-field input{opacity:.9}.payment-note{margin:0 0 14px;border:1px solid rgba(131,230,216,.22);border-radius:14px;background:rgba(131,230,216,.055);padding:13px 14px;color:#cbd7e8;font-size:14px;line-height:1.55}.checkout-submit{width:100%;margin-top:4px;padding:14px 20px;font-size:15px}.submit-note{margin:12px 0 0;color:var(--muted);font-size:13px;text-align:center}.order-form-v2 .check{margin-top:12px;color:#cdd6e1!important}.order-form-v2 .form-result{margin-top:14px}

/* Reduce visual noise in the order area */
.order-section-v2 .warning-box{border-color:rgba(131,230,216,.22);background:rgba(131,230,216,.055)}.order-section-v2 .inline-result.success{border-color:rgba(131,230,216,.24);background:rgba(131,230,216,.065)}.order-section-v2 .tag,.order-section-v2 .soft-tag{letter-spacing:.08em}.order-section-v2 .btn.primary{background:var(--cyan);box-shadow:0 14px 42px rgba(131,230,216,.18)}

@media(max-width:980px){body{font-size:15.8px}.section{padding:58px 0}.compact-section{padding:52px 0}.order-section-v2{padding:58px 0 68px}.order-simple{max-width:760px}.checkout-summary{grid-template-columns:1fr}.summary-main{border-right:0;border-bottom:1px solid var(--line)}.summary-compact{grid-template-columns:repeat(2,1fr)}.summary-compact div:nth-child(2){border-right:0}.summary-compact div:nth-child(1),.summary-compact div:nth-child(2){border-bottom:1px solid var(--line)}.order-form-v2 .form-two,.simple-choice{grid-template-columns:1fr}.choice-card{min-height:auto}.checkout-block{padding:20px}}
@media(max-width:640px){h1,.page-title{font-size:40px}h2{font-size:30px}.lead,.order-head p{font-size:16px}.checkout-card{border-radius:22px;margin-left:-2px;margin-right:-2px}.summary-main{padding:18px}.summary-main strong{font-size:24px}.summary-compact{grid-template-columns:1fr}.summary-compact div{border-right:0!important;border-bottom:1px solid var(--line);padding:14px 18px}.summary-compact div:last-child{border-bottom:0}.checkout-block{padding:18px}.checkout-block h3{font-size:18px}.buyer-inline{display:grid;grid-template-columns:1fr;gap:8px}.buyer-inline>span{margin-bottom:0}.order-form-v2 input,.order-form-v2 textarea,.order-form-v2 select{font-size:16px}.hero-actions .btn{width:100%}.hero-points{gap:8px}.pill{font-size:12px}}