:root {
    --paper: #f6f3ec;
    --paper-2: #efeae0;
    --paper-3: #fbf9f3;
    --ink: #1a1916;
    --ink-soft: #4a463d;
    --ink-mute: #8a8478;
    --ink-pale: #b8b3a5;
    --ink-line: #d8d2c4;

    --honey-50: #fff9ec;
    --honey-100: #fdebb3;
    --honey-200: #fcd874;
    --honey-300: #facc4b;
    --honey-400: #f5b733;
    --honey-500: #e9a523;
    --honey-600: #d99318;
    --honey-700: #b87a12;
    --honey-pale: #fdebb3;

    --coral-100: #fcd9cd;
    --coral-500: #d94a2b;
    --coral-600: #b73a1f;
    --coral-700: #922e18;

    --moss: #4a7a3a;
    --info: #2a6fdb;

    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;

    --ff-display: 'Unbounded', system-ui, sans-serif;
    --ff-body:    'Onest', system-ui, sans-serif;
    --ff-mono:    'IBM Plex Mono', ui-monospace, monospace;
    --ff-label:   'Onest', system-ui, sans-serif;
  }

  * { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; }
  body {
    font-family: var(--ff-body);
    background: var(--paper);
    color: var(--ink);
    font-size: 16px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
  }

  /* ============================================
     PLASHKA (B2 behavior)
     ============================================ */
  .topbar {
    background: var(--ink);
    color: var(--paper);
    padding: 12px 0;
    position: relative;
    z-index: 100;
    transition: max-height 0.4s, opacity 0.3s, padding 0.3s;
    overflow: hidden;
    max-height: 60px;
  }
  .topbar.is-collapsed {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
  .topbar .inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    font-size: 14px;
  }
  .topbar .pill {
    display: inline-flex;
    background: rgba(246,243,236,0.1);
    border-radius: 99px;
    padding: 3px;
  }
  .topbar .pill .opt {
    padding: 6px 16px;
    border-radius: 99px;
    font-size: 13px; font-weight: 500;
    cursor: pointer;
    color: rgba(246,243,236,0.7);
    transition: 0.15s;
  }
  .topbar .pill .opt.active {
    background: var(--honey-400);
    color: var(--ink);
    font-weight: 600;
  }
  .topbar .pill .opt:not(.active):hover { color: var(--paper); }
  .topbar .close {
    background: transparent; border: 0; cursor: pointer;
    color: rgba(246,243,236,0.5);
    font-size: 20px; padding: 0 6px; line-height: 1;
  }
  .topbar .close:hover { color: var(--paper); }

  /* HEADER */
  .header {
    background: var(--paper);
    border-bottom: 1px solid var(--ink-line);
    position: sticky; top: 0; z-index: 50;
  }
  .header .inner {
    max-width: 1280px; margin: 0 auto;
    padding: 18px 32px;
    display: flex; align-items: center; justify-content: space-between;
    gap: 32px;
  }
  .header .left {
    display: flex; align-items: center; gap: 14px; flex-shrink: 0;
  }
  .header .brand {
    display: flex; align-items: center; gap: 10px;
    text-decoration: none; color: var(--ink);
  }
  .header .brand svg { width: 40px; height: 40px; }
  .header .brand .word {
    font-family: var(--ff-display); font-weight: 800;
    font-size: 22px; line-height: 1;
  }
  .header .brand .desc {
    font-size: 11px; color: var(--ink-mute);
    letter-spacing: 0.18em; text-transform: uppercase;
    margin-top: 3px;
  }
  .header .mini-switcher {
    display: none;
    background: var(--paper-2);
    border-radius: 99px; padding: 3px;
  }
  .header .mini-switcher.is-visible { display: inline-flex; }
  .header .mini-switcher .opt {
    padding: 4px 12px; border-radius: 99px;
    font-family: var(--ff-label); font-size: 11px;
    font-weight: 600; color: var(--ink-mute);
    cursor: pointer;
    letter-spacing: 0.06em; text-transform: uppercase;
  }
  .header .mini-switcher .opt.active {
    background: var(--ink); color: var(--paper);
  }
  .header .nav {
    display: flex; gap: 26px; flex: 1; justify-content: center;
  }
  .header .nav a {
    font-size: 14.5px; color: var(--ink-soft);
    text-decoration: none; padding: 6px 0;
    border-bottom: 2px solid transparent;
    transition: 0.15s;
  }
  .header .nav a:hover { border-bottom-color: var(--coral-500); color: var(--ink); }
  .header .nav a.active { color: var(--ink); border-bottom-color: var(--honey-400); font-weight: 600; }
  .header .right {
    display: flex; align-items: center; gap: 14px; flex-shrink: 0;
  }
  .header .right .phone {
    font-family: var(--ff-body); font-size: 14px;
    color: var(--ink); text-decoration: none;
    font-weight: 500; font-variant-numeric: tabular-nums;
  }
  .header .right .phone:hover { color: var(--coral-500); }

  /* BUTTONS */
  .btn {
    display: inline-flex; align-items: center; justify-content: center;
    gap: 8px;
    font-family: var(--ff-body); font-weight: 600; font-size: 15px;
    padding: 12px 22px;
    border-radius: var(--r-sm);
    border: 1.5px solid transparent;
    cursor: pointer; text-decoration: none;
    transition: 0.15s; line-height: 1; white-space: nowrap;
  }
  .btn-primary { background: var(--ink); color: var(--paper); border-color: var(--ink); }
  .btn-primary:hover { background: #0d0c0a; }
  .btn-honey {
    background: var(--honey-400); color: var(--ink);
    border-color: var(--ink);
    box-shadow: 3px 3px 0 var(--ink);
  }
  .btn-honey:hover { transform: translate(-1px,-1px); box-shadow: 4px 4px 0 var(--ink); }
  .btn-outline {
    background: transparent; color: var(--ink); border-color: var(--ink);
  }
  .btn-outline:hover { background: var(--paper-2); }
  .btn-lg { font-size: 16px; padding: 16px 28px; }
  .btn-sm { font-size: 13px; padding: 8px 14px; }

  /* TYPE */
  .section { padding: 96px 32px; }
  .section .inner { max-width: 1280px; margin: 0 auto; }
  .section.compact { padding: 64px 32px; }
  .eyebrow {
    font-family: var(--ff-label); font-size: 12.5px;
    letter-spacing: 0.16em; text-transform: uppercase;
    color: var(--coral-500); font-weight: 600;
    margin-bottom: 12px;
  }
  .display {
    font-family: var(--ff-display); font-weight: 800;
    font-size: clamp(36px, 4.2vw, 58px);
    line-height: 1.05; letter-spacing: -0.02em;
    margin: 0 0 20px;
  }
  .hero .display {
    font-size: clamp(32px, 3.3vw, 46px);
    text-wrap: balance;
  }
  .h1 {
    font-family: var(--ff-display); font-weight: 700;
    font-size: 44px; line-height: 1.08; letter-spacing: -0.01em;
    margin: 0 0 16px;
  }
  .h2 {
    font-family: var(--ff-display); font-weight: 700;
    font-size: 32px; line-height: 1.15; margin: 0 0 14px;
  }
  .h3 {
    font-family: var(--ff-display); font-weight: 700;
    font-size: 20px; line-height: 1.2; margin: 0 0 8px;
  }
  .lede {
    font-size: 18px; color: var(--ink-soft);
    max-width: 60ch; line-height: 1.55; margin: 0;
  }
  .body-l { font-size: 17px; color: var(--ink-soft); }
  .body { font-size: 15px; color: var(--ink-soft); }
  .honey-underline {
    background: linear-gradient(transparent 62%, var(--honey-400) 62%, var(--honey-400) 92%, transparent 92%);
    padding: 0 4px;
  }

  /* HERO */
  .hero {
    padding: 80px 32px 64px;
    position: relative; overflow: visible;
  }
  .hero::before {
    content: '';
    position: absolute;
    right: -120px; top: -120px;
    width: 360px; height: 360px;
    background: radial-gradient(circle, rgba(245,183,51,0.18) 0%, transparent 70%);
    pointer-events: none;
  }
  .hero .inner {
    max-width: 1280px; margin: 0 auto;
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 48px;
    align-items: center;
    position: relative; z-index: 2;
  }
  .hero .visual {
    position: relative;
    aspect-ratio: 1 / 1;
    max-width: 420px;
    width: 100%; margin: 0 auto;
  }
  .hero .visual .bg-hex {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 88%; aspect-ratio: 0.866 / 1;
    background: var(--honey-400);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    z-index: 1;
  }
  .hero .visual .character {
    position: absolute; inset: 0; z-index: 3;
    display: grid; place-items: center;
  }
  .hero .visual .character svg { width: 75%; height: 75%; }

  /* JUMP NAV (anchors to services) */
  .jumpnav {
    background: var(--paper-2);
    padding: 24px 32px;
    border-top: 1px solid var(--ink-line);
    border-bottom: 1px solid var(--ink-line);
    position: sticky; top: 78px; z-index: 40;
    backdrop-filter: blur(8px);
    transition: transform 0.35s ease, opacity 0.3s ease;
    transform: translateY(0);
  }
  .jumpnav.is-hidden {
    transform: translateY(-110%);
    opacity: 0;
    pointer-events: none;
  }
  .jumpnav .inner {
    max-width: 1280px; margin: 0 auto;
    display: flex; gap: 8px; flex-wrap: wrap;
    align-items: center;
  }
  .jumpnav .label {
    font-family: var(--ff-label); font-size: 11px;
    letter-spacing: 0.14em; text-transform: uppercase;
    color: var(--ink-mute); margin-right: 8px;
    font-weight: 600;
  }
  .jumpnav a {
    font-size: 13px;
    padding: 8px 14px;
    background: var(--paper-3);
    border: 1px solid var(--ink-line);
    border-radius: 99px;
    color: var(--ink-soft);
    text-decoration: none;
    transition: 0.15s;
    white-space: nowrap;
  }
  .jumpnav a:hover {
    background: var(--ink); color: var(--paper);
    border-color: var(--ink);
  }
  .jumpnav a.is-active {
    background: var(--honey-400); color: var(--ink);
    border-color: var(--ink);
    font-weight: 600;
  }

  /* SERVICE BLOCK */
  .svc {
    padding: 80px 32px;
    border-bottom: 1px dashed var(--ink-line);
    scroll-margin-top: 168px; /* высота sticky-хрома: шапка ~78 + jumpnav ~70 + воздух 20 */
  }
  .svc:nth-child(odd) {
    background: var(--paper-3);
  }
  .svc .inner {
    max-width: 1280px; margin: 0 auto;
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 64px;
    align-items: center;
  }
  .svc.reverse .inner {
    direction: rtl;
  }
  .svc.reverse .inner > * {
    direction: ltr;
  }
  .svc .copy h2 {
    font-family: var(--ff-display); font-weight: 700;
    font-size: 36px; line-height: 1.1;
    letter-spacing: -0.01em;
    margin: 0 0 16px;
  }
  .svc .copy .lead {
    font-size: 17px; color: var(--ink-soft);
    line-height: 1.55;
    margin: 0 0 24px;
    max-width: 50ch;
  }
  .svc .copy .checklist {
    display: grid; gap: 10px;
    margin: 0 0 24px;
  }
  .svc .copy .checklist li {
    list-style: none;
    display: flex; gap: 10px;
    align-items: flex-start;
    font-size: 15px;
    color: var(--ink);
  }
  .svc .copy .checklist li svg {
    width: 22px; height: 22px;
    color: var(--moss);
    flex-shrink: 0;
    margin-top: 2px;
  }
  .svc .copy ul.checklist { padding: 0; }
  .svc .copy .for {
    display: flex; gap: 12px;
    align-items: flex-start;
    background: var(--paper-2);
    border-left: 3px solid var(--honey-400);
    padding: 14px 18px;
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    font-size: 14.5px;
    color: var(--ink-soft);
  }
  .svc .copy .for b {
    color: var(--ink);
    font-weight: 600;
  }

  .svc .visual {
    position: relative;
    aspect-ratio: 1 / 1;
    max-width: 460px;
    margin: 0 auto;
  }
  .svc .visual .hex-bg {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 88%; aspect-ratio: 0.866 / 1;
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    background: var(--honey-pale);
  }
  .svc:nth-child(odd) .visual .hex-bg { background: var(--honey-400); }
  .svc .visual .icon-bg {
    position: absolute; inset: 0;
    display: grid; place-items: center;
    z-index: 2;
  }
  .svc .visual .icon-bg svg {
    width: 50%; height: 50%;
    color: var(--ink);
    opacity: 0.92;
  }
  .svc .visual .floater {
    position: absolute;
    background: var(--paper);
    border: 1.5px solid var(--ink);
    padding: 12px 16px;
    border-radius: var(--r-sm);
    box-shadow: 3px 3px 0 var(--ink);
    z-index: 5;
    font-size: 13px;
  }
  .svc .visual .floater.top-right {
    top: 5%; right: -8%;
  }
  .svc .visual .floater.bottom-left {
    bottom: 8%; left: -6%;
  }
  .svc .visual .floater .lbl {
    font-family: var(--ff-label);
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-mute);
    font-weight: 600;
    margin-bottom: 4px;
  }
  .svc .visual .floater .val {
    font-family: var(--ff-display);
    font-weight: 700;
    font-size: 18px;
    color: var(--ink);
  }
  .svc .visual .floater .val.success { color: var(--moss); }

  /* ============================================
     HIVE visual (honeycomb composition)
     ============================================ */
  .svc .visual.hive {
    position: relative;
    aspect-ratio: 1 / 1;
    max-width: 460px;
    margin: 0 auto;
  }
  .svc .visual.hive .hive-shapes {
    width: 100%; height: 100%;
    display: block;
    overflow: visible;
  }
  .svc .visual.hive .hex-main {
    fill: var(--honey-400);
  }
  .svc .visual.hive .hive-cells polygon {
    fill: none;
    stroke: rgba(26, 25, 22, 0.18);
    stroke-width: 1.5;
    stroke-linejoin: round;
  }
  .svc .visual.hive .hive-cells polygon.filled {
    fill: var(--honey-300);
    fill-opacity: 0.95;
  }
  .svc .visual.hive .hex-center {
    fill: var(--honey-pale);
    stroke: rgba(26, 25, 22, 0.22);
    stroke-width: 1.5;
    stroke-linejoin: round;
  }
  .svc .visual.hive .hex-outline {
    fill: none;
    stroke: var(--honey-400);
    stroke-width: 2.5;
  }
  .svc .visual.hive .hex-paper {
    fill: var(--paper-3);
    stroke: var(--ink);
    stroke-width: 2;
  }
  .svc .visual.hive .hex-stamp {
    fill: var(--ink);
  }
  .svc .visual.hive .hex-stamp.coral {
    fill: var(--coral-500);
  }
  .svc .visual.hive .stamp-label {
    fill: var(--paper);
    font-family: var(--ff-label);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.18em;
  }
  .svc .visual.hive .stamp-label.stamp-large {
    font-family: var(--ff-display);
    font-size: 56px;
    font-weight: 700;
    letter-spacing: 0;
  }
  .svc .visual.hive .hive-icon {
    position: absolute;
    top: 50%; left: 50%;
    width: 13%; height: 13%;
    transform: translate(-50%, -50%);
    color: var(--ink);
    display: grid; place-items: center;
  }
  .svc .visual.hive .hive-icon svg {
    width: 100%; height: 100%;
  }

  /* SECTION: Other services teaser at end (CTA) */
  .final-cta {
    background: var(--ink); color: var(--paper);
    padding: 96px 32px;
    position: relative; overflow: hidden;
  }
  .final-cta::after {
    content: '';
    position: absolute; right: -160px; bottom: -160px;
    width: 480px; height: 480px;
    background: radial-gradient(circle, rgba(245,183,51,0.15) 0%, transparent 70%);
    pointer-events: none;
  }
  .final-cta .inner {
    max-width: 1280px; margin: 0 auto;
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 60px; align-items: center;
    position: relative; z-index: 2;
  }
  .final-cta h2 {
    font-family: var(--ff-display); font-weight: 800;
    font-size: 48px; line-height: 1.05;
    margin: 0 0 16px; max-width: 22ch;
    text-wrap: balance;
  }
  .final-cta h2 .honey { color: var(--honey-400); }
  .final-cta p {
    font-size: 17px; color: rgba(246,243,236,0.75);
    max-width: 42ch; margin: 0;
  }
  .final-cta .cta-buttons {
    display: flex; gap: 12px; flex-wrap: wrap;
    margin-top: 28px;
  }
  .final-cta .btn-honey { background: var(--honey-400); border-color: var(--honey-400); box-shadow: 3px 3px 0 var(--paper); }
  .final-cta .btn-honey:hover { box-shadow: 4px 4px 0 var(--paper); }
  .final-cta .btn-outline-light {
    background: transparent;
    color: var(--paper);
    border-color: rgba(246,243,236,0.4);
  }
  .final-cta .btn-outline-light:hover {
    background: rgba(246,243,236,0.08);
  }
  .final-cta .visual {
    display: grid; place-items: center;
  }
  .final-cta .visual svg { width: 320px; max-width: 100%; }

  /* FOOTER */
  .footer {
    background: var(--paper-2);
    padding: 56px 32px 24px;
    border-top: 1px solid var(--ink-line);
  }
  .footer .inner { max-width: 1280px; margin: 0 auto; }
  .footer .top {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 40px;
  }
  .footer .col h4 {
    font-family: var(--ff-display); font-weight: 700; font-size: 13px;
    margin: 0 0 14px;
    text-transform: uppercase; letter-spacing: 0.06em;
  }
  .footer .col a, .footer .col p {
    display: block; color: var(--ink-soft);
    text-decoration: none; font-size: 13.5px;
    line-height: 1.7; margin-bottom: 4px;
  }
  .footer .col a:hover { color: var(--ink); }
  .footer .brand-block svg { width: 40px; height: 40px; }
  .footer .brand-block .word { font-family: var(--ff-display); font-weight: 800; font-size: 22px; }
  .footer .brand-block .row {
    display: flex; align-items: center; gap: 10px; margin-bottom: 14px;
  }
  .footer .brand-block p { max-width: 32ch; margin-bottom: 14px; }
  .footer .bottom {
    border-top: 1px solid var(--ink-line);
    padding-top: 20px;
    display: flex; justify-content: space-between;
    font-family: var(--ff-body); font-size: 12.5px;
    color: var(--ink-mute);
    font-weight: 500;
    flex-wrap: wrap; gap: 16px;
  }

  /* CHAT WIDGET */
  .chat-widget {
    position: fixed;
    bottom: 24px; right: 24px;
    width: 56px; height: 56px;
    border-radius: 50%;
    background: var(--honey-400);
    border: 1.5px solid var(--ink);
    box-shadow: 3px 3px 0 var(--ink);
    cursor: pointer;
    display: grid; place-items: center;
    z-index: 80;
    transition: 0.15s;
  }
  .chat-widget:hover { transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--ink); }
  .chat-widget svg { width: 26px; height: 26px; color: var(--ink); }
  .chat-widget::after {
    content: '';
    position: absolute;
    top: 4px; right: 4px;
    width: 12px; height: 12px;
    border-radius: 50%;
    background: var(--coral-500);
    border: 2px solid var(--paper);
  }

  @media (max-width: 1100px) {
    .hero .inner { grid-template-columns: 1fr; }
    .hero .visual { max-width: 340px; }
    .svc .inner { grid-template-columns: 1fr; gap: 32px; }
    .svc.reverse .inner { direction: ltr; }
    .svc .visual { max-width: 320px; }
    .final-cta .inner { grid-template-columns: 1fr; }
    .footer .top { grid-template-columns: 1fr 1fr; }
    .header .nav { display: none; }
    .jumpnav .inner { gap: 6px; }
    .jumpnav { top: 78px; }
  }
  @media (max-width: 640px) {
    .section, .svc, .final-cta { padding: 64px 20px; }
    .header .inner, .footer, .topbar .inner, .hero, .jumpnav { padding-left: 20px; padding-right: 20px; }
    .h1, .svc .copy h2 { font-size: 28px; }
    .display { font-size: 36px; }
    .footer .top { grid-template-columns: 1fr; }
    .final-cta h2 { font-size: 32px; }
  }
/* FAQ (заимствовано с Главной) */
  .faq {
    padding: 96px 32px;
    background: var(--paper);
  }
  .faq .inner { max-width: 880px; margin: 0 auto; }
  .faq .head { margin-bottom: 40px; text-align: center; }
  .faq-list {
    background: var(--paper-3);
    border: 1.5px solid var(--ink-line);
    border-radius: var(--r-lg);
    overflow: hidden;
  }
  .faq-item { border-bottom: 1px solid var(--ink-line); }
  .faq-item:last-child { border-bottom: 0; }
  .faq-item summary {
    list-style: none;
    cursor: pointer;
    padding: 22px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    font-family: var(--ff-display);
    font-weight: 600;
    font-size: 16px;
    color: var(--ink);
    transition: 0.15s;
  }
  .faq-item summary:hover { background: var(--paper-2); }
  .faq-item summary::-webkit-details-marker { display: none; }
  .faq-item summary .sym {
    flex-shrink: 0;
    width: 28px; height: 28px;
    border-radius: 50%;
    border: 1.5px solid var(--ink);
    display: grid; place-items: center;
    font-size: 18px;
    background: var(--paper);
    transition: 0.25s;
    margin-left: auto;
  }
  .faq-item[open]:not(.is-closing) summary .sym {
    background: var(--ink); color: var(--honey-400); border-color: var(--ink);
    transform: rotate(45deg);
  }
  .faq-item .ans-wrap {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s ease;
  }
  .faq-item[open]:not(.is-closing) .ans-wrap {
    grid-template-rows: 1fr;
  }
  .faq-item .ans-inner { overflow: hidden; }
  .faq-item .ans {
    padding: 0 24px 22px;
    font-size: 14.5px;
    color: var(--ink-soft);
    line-height: 1.6;
  }

/* LANDING */
.lp-head{max-width:64ch;margin-bottom:36px}
.lp-head h2{font-family:var(--ff-display);font-weight:800;font-size:38px;line-height:1.1;letter-spacing:-.02em;margin:10px 0 14px}
.lp-head p{font-size:17px;line-height:1.6;color:var(--ink-soft);margin:0}
.lp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.lp-grid.three{grid-template-columns:repeat(3,1fr)}
.lp-card{background:var(--paper-3);border:1.5px solid var(--ink-line);border-radius:var(--r-lg);padding:24px 26px}
.lp-card h3{font-family:var(--ff-display);font-weight:700;font-size:18px;margin:0 0 8px;letter-spacing:-.01em}
.lp-card p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-soft)}
.lp-checks{display:grid;gap:13px;margin:0;padding:0;list-style:none;max-width:70ch}
.lp-checks li{display:flex;gap:13px;font-size:16.5px;line-height:1.5}
.lp-checks li svg{width:20px;height:20px;color:var(--honey-600);flex-shrink:0;margin-top:3px}
.lp-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1.5px solid var(--ink);margin-top:8px}
.lp-step{padding:24px 22px 26px;border-right:1px solid var(--ink-line)}
.lp-step:last-child{border-right:0}
.lp-step .n{font-family:var(--ff-mono);font-size:12px;color:var(--honey-700);margin-bottom:10px}
.lp-step h3{font-family:var(--ff-display);font-weight:700;font-size:17px;margin:0 0 6px}
.lp-step p{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink-soft)}
.lp-alt{background:var(--paper-2)}
.lp-price{display:flex;flex-wrap:wrap;align-items:center;gap:20px;justify-content:space-between;background:var(--ink);color:var(--paper);border-radius:var(--r-lg);padding:30px 34px}
.lp-price .v{font-family:var(--ff-display);font-weight:800;font-size:28px;letter-spacing:-.02em;margin:0 0 8px}
.lp-price p{font-size:15px;line-height:1.55;color:rgba(246,243,236,.72);max-width:56ch;margin:0}
.lp-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.lp-links a{font-size:14.5px;padding:10px 16px;border:1px solid var(--ink-line);border-radius:999px;background:var(--paper-3);color:var(--ink);text-decoration:none}
.lp-links a:hover{border-color:var(--ink);background:var(--paper)}
.lp-note{font-size:14.5px;color:var(--ink-mute);margin-top:22px;max-width:64ch;line-height:1.55}
@media (max-width:900px){.lp-grid,.lp-grid.three{grid-template-columns:1fr}.lp-steps{grid-template-columns:1fr}.lp-step{border-right:0;border-bottom:1px solid var(--ink-line)}.lp-step:last-child{border-bottom:0}}
@media (max-width:640px){.lp-head h2{font-size:28px}.lp-price{padding:22px 20px}.lp-price .v{font-size:24px}.lp-checks li{font-size:15.5px}}