/* ════════════════════════════════════════════════════════════════
   Korumiapay — Payments without the small print
   Warm editorial · cream/sand canvas · forest ink · amber + coral
   Display serif (Fraunces) + grotesk body (Hanken Grotesk)
   ════════════════════════════════════════════════════════════════ */

:root {
  --paper:#f7f3ec;
  --paper-2:#f1ebdf;
  --paper-3:#eae0d0;
  --card:#fffdf8;
  --card-2:#fbf6ec;
  --ink:#16241c;
  --ink-2:#4a5a4e;
  --ink-3:#8a9488;
  --amber:#ef8f1c;
  --amber-dk:#d9760a;
  --amber-soft:#fbe6c8;
  --coral:#e8694e;
  --coral-soft:#f8d8cd;
  --forest:#1f7a52;
  --line:rgba(22,36,28,.10);
  --line-2:rgba(22,36,28,.17);
  --r:18px;
  --r-s:11px;
  --disp:"Fraunces", "Georgia", "Times New Roman", serif;
  --sans:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono:"Hanken Grotesk", ui-monospace, "SF Mono", Menlo, monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
  --shell:1220px;
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html, body { overflow-x:hidden; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body {
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.62;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  min-height:100vh;
  position:relative;
}
/* subtle paper-grain + warm radial wash */
body::before {
  content:""; position:fixed; inset:0; z-index:-2;
  background:
    radial-gradient(1100px 680px at 8% -10%, rgba(239,143,28,.13), transparent 58%),
    radial-gradient(820px 560px at 96% 4%, rgba(232,105,78,.09), transparent 62%),
    radial-gradient(900px 640px at 60% 112%, rgba(31,122,82,.07), transparent 60%),
    var(--paper);
  pointer-events:none;
}
body::after {
  content:""; position:fixed; inset:0; z-index:-1; opacity:.5; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
}
img,svg { display:block; max-width:100%; }
button { background:none; border:none; cursor:pointer; font:inherit; color:inherit; }
a { color:inherit; text-decoration:none; }
input,textarea,select,button { font:inherit; }
::selection { background:var(--amber); color:#fff; }

.lp-shell { width:100%; max-width:var(--shell); margin:0 auto; padding:0 34px; }

h1,h2,h3,h4 { font-family:var(--disp); font-weight:500; line-height:1.06; letter-spacing:-.012em; }
p { font-family:var(--sans); }

/* ── Reveal animation ─────────────────────────────────────── */
[data-rise] { opacity:0; transform:translateY(22px); transition:opacity .85s var(--ease), transform .85s var(--ease); }
[data-rise].is-in { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){ [data-rise]{ opacity:1; transform:none; transition:none; } }

/* ── Eyebrow: editorial label with index + rule ───────────── */
.lp-eyebrow {
  display:inline-flex; align-items:center; gap:13px;
  font-family:var(--sans); font-size:12px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; color:var(--ink-2);
  max-width:100%;
}
.lp-eyebrow b {
  display:inline-flex; align-items:center; gap:9px;
  font-family:var(--sans); font-weight:700; font-size:11.5px;
  color:var(--amber-dk); letter-spacing:.14em; flex:none;
}
.lp-eyebrow b::before {
  content:""; width:9px; height:9px; border-radius:50%;
  background:var(--amber);
  box-shadow:0 0 0 4px var(--amber-soft);
  animation:lp-pulse 2.2s ease-in-out infinite;
}
.lp-eyebrow b::after {
  content:""; display:inline-block; width:34px; height:2px; border-radius:2px;
  background:linear-gradient(90deg, var(--amber), transparent);
  margin-left:5px;
}
.lp-eyebrow > span { color:var(--ink); letter-spacing:.11em; font-size:11.5px; }
@keyframes lp-pulse {
  0%, 100% { box-shadow:0 0 0 4px var(--amber-soft); }
  50% { box-shadow:0 0 0 7px rgba(251,230,200,.45); }
}
@media (max-width:580px){
  .lp-eyebrow { gap:8px; font-size:11px; }
  .lp-eyebrow b::after { width:20px; margin-left:3px; }
}

.lp-h1 { font-size:clamp(2.8rem, 6.4vw, 5.4rem); }
.lp-h2 { font-size:clamp(2.1rem, 4.4vw, 3.6rem); }
.lp-h3 { font-size:clamp(1.5rem, 2.2vw, 2rem); }
.lp-h1 i, .lp-h2 i, .lp-h3 i {
  font-style:italic; color:var(--amber-dk);
  font-optical-sizing:auto;
}
.lp-h1 em, .lp-h2 em {
  font-style:italic; color:var(--coral);
}

.lp-sec { padding:118px 0; position:relative; }
.lp-sec--alt { background:linear-gradient(180deg, transparent, var(--paper-2) 18%, var(--paper-2) 82%, transparent); }
.lp-sechead { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; flex-wrap:wrap; margin-bottom:58px; }
.lp-sechead > div:first-child { flex:1 1 30em; min-width:0; }
.lp-sechead .lp-eyebrow { margin-bottom:20px; }
.lp-seclink {
  font-family:var(--sans); font-size:14px; font-weight:600; color:var(--ink);
  display:inline-flex; align-items:center; gap:7px; padding:10px 18px;
  border:1.5px solid var(--line-2); border-radius:999px;
  background:var(--card);
  transition:background .2s, border-color .2s, transform .2s var(--ease);
}
.lp-seclink:hover { background:var(--amber-soft); border-color:var(--amber); transform:translateY(-1px); }
.lp-seclink svg { width:15px; height:15px; }

/* ════════════════ BUTTONS ════════════════ */
.lp-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  font-family:var(--sans); font-weight:600; font-size:15px;
  height:50px; padding:0 24px; border-radius:999px; white-space:nowrap;
  transition:background .2s, color .2s, border-color .2s, transform .25s var(--ease), box-shadow .25s var(--ease);
  position:relative;
}
.lp-btn--solid {
  background:linear-gradient(135deg, var(--amber), var(--amber-dk));
  color:#fff;
  box-shadow:0 8px 20px rgba(239,143,28,.34), inset 0 1px 0 rgba(255,255,255,.32);
}
.lp-btn--solid:hover { transform:translateY(-2px); box-shadow:0 14px 32px rgba(239,143,28,.46), inset 0 1px 0 rgba(255,255,255,.4); }
.lp-btn--ghost {
  background:var(--card); color:var(--ink); border:1.5px solid var(--line-2);
}
.lp-btn--ghost:hover { background:var(--card-2); border-color:var(--ink); transform:translateY(-2px); }
.lp-btn--glow {
  background:linear-gradient(135deg, var(--coral), var(--amber-dk));
  color:#fff; box-shadow:0 8px 24px rgba(232,105,78,.4);
}
.lp-btn--glow:hover { transform:translateY(-2px); box-shadow:0 14px 36px rgba(232,105,78,.52); }
.lp-btn--lg { height:58px; padding:0 30px; font-size:16px; }
.lp-btn--sm { height:42px; padding:0 18px; font-size:14px; }
.lp-btn--wide { width:100%; }
.lp-btn svg { width:15px; height:15px; }

/* ════════════════ HEADER ════════════════ */
.lp-head {
  position:sticky; top:0; z-index:100;
  padding:16px 0;
  transition:background .3s, padding .3s;
}
.lp-head__bar {
  display:flex; align-items:center; gap:24px; height:58px;
  padding:7px 7px 7px 24px; border:1.5px solid var(--line);
  border-radius:999px; background:rgba(255,253,248,.78);
  -webkit-backdrop-filter:blur(18px) saturate(135%); backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 2px 0 rgba(22,36,28,.02);
}
.lp-head.is-stuck .lp-head__bar { background:rgba(255,253,248,.94); border-color:var(--line-2); box-shadow:0 14px 40px rgba(22,36,28,.10); }
.lp-logo { display:inline-flex; align-items:center; gap:11px; flex:none; }
.lp-logo__mark {
  width:30px; height:30px; border-radius:9px;
  background:linear-gradient(135deg, var(--amber), var(--coral));
  position:relative; box-shadow:0 6px 14px rgba(239,143,28,.38);
}
.lp-logo__mark::before {
  content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:13px; height:13px; border-radius:50%;
  border:2px solid rgba(255,255,255,.92);
}
.lp-logo__mark::after {
  content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:4px; height:4px; border-radius:50%; background:#fff;
}
.lp-logo__word { font-family:var(--disp); font-weight:600; font-size:23px; letter-spacing:-.02em; color:var(--ink); }
.lp-logo__word em { font-style:italic; color:var(--amber-dk); }

.lp-nav { display:flex; gap:2px; flex:1; justify-content:center; }
.lp-nav a {
  font-size:14.5px; font-weight:500; color:var(--ink-2); padding:9px 15px; border-radius:999px;
  transition:color .2s, background .2s;
}
.lp-nav a:hover { color:var(--ink); background:var(--paper-2); }
.lp-nav a.is-on { color:var(--ink); background:var(--amber-soft); }

.lp-head__act { display:flex; align-items:center; gap:9px; flex:none; }
.lp-head__act .lp-login {
  font-size:14.5px; font-weight:500; color:var(--ink-2); padding:8px 13px;
  transition:color .2s;
}
.lp-head__act .lp-login:hover { color:var(--ink); }

/* language */
.lp-lang { position:relative; }
.lp-lang__btn {
  display:inline-flex; align-items:center; gap:6px;
  font-size:13px; font-weight:600; color:var(--ink-2); padding:7px 11px;
  border:1.5px solid var(--line); border-radius:999px;
  transition:border-color .2s, color .2s, background .2s;
}
.lp-lang__btn:hover { color:var(--ink); border-color:var(--line-2); background:var(--card); }
.lp-lang__btn svg { width:13px; height:13px; }
.lp-lang__chev { width:10px !important; height:10px !important; transition:transform .25s; }
.lp-lang.open .lp-lang__chev { transform:rotate(180deg); }
.lp-lang__menu {
  position:absolute; top:calc(100% + 9px); right:0;
  background:var(--card); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  border:1.5px solid var(--line-2); border-radius:16px;
  padding:6px; min-width:166px; box-shadow:0 24px 60px rgba(22,36,28,.18);
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .2s, transform .2s, visibility .2s;
  z-index:120;
}
.lp-lang.open .lp-lang__menu { opacity:1; visibility:visible; transform:none; }
.lp-lang--up .lp-lang__menu { top:auto; bottom:calc(100% + 9px); }
.lp-lang__menu button {
  display:block; width:100%; text-align:left; font-size:13.5px; font-weight:500;
  color:var(--ink-2); padding:10px 13px; border-radius:9px; transition:background .15s, color .15s;
}
.lp-lang__menu button:hover { background:var(--paper-2); color:var(--ink); }
.lp-lang__menu button.is-on { color:var(--amber-dk); background:var(--amber-soft); }

.lp-burger { display:none; flex-direction:column; gap:5px; width:42px; height:42px; align-items:center; justify-content:center; flex:none; border:1.5px solid var(--line-2); border-radius:999px; background:var(--card); }
.lp-burger span { width:16px; height:2px; border-radius:2px; background:var(--ink); transition:transform .25s var(--ease), opacity .2s; }
.lp-burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.lp-burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.lp-burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
.lp-mobile {
  display:none; flex-direction:column; gap:2px; padding:16px 22px 22px; margin-top:10px;
  background:var(--card); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  border:1.5px solid var(--line-2); border-radius:22px;
  box-shadow:0 24px 60px rgba(22,36,28,.14);
}
.lp-mobile[hidden]{ display:none; }
.lp-mobile.is-open { display:flex; }
.lp-mobile a { font-size:15px; font-weight:500; color:var(--ink-2); padding:12px 4px; }
.lp-mobile .lp-btn { margin-top:12px; }

/* ════════════════ HERO ════════════════ */
.lp-hero { padding:72px 0 104px; position:relative; overflow:hidden; }
.lp-hero__halo {
  position:absolute; top:-160px; left:50%; transform:translateX(-50%);
  width:min(760px, 140vw); height:min(620px, 120vw); pointer-events:none;
  background:radial-gradient(circle, rgba(239,143,28,.22), rgba(232,105,78,.08) 42%, transparent 70%);
  filter:blur(10px); z-index:0; max-width:none;
}
.lp-hero__in { position:relative; z-index:2; text-align:center; max-width:920px; margin:0 auto; }
.lp-hero__badge {
  display:inline-flex; align-items:center; gap:9px;
  padding:7px 9px 7px 16px; border-radius:999px;
  background:var(--card); border:1.5px solid var(--line-2);
  font-size:13px; font-weight:500; color:var(--ink-2);
  box-shadow:0 4px 14px rgba(22,36,28,.05);
}
.lp-hero__badge b { font-weight:700; color:var(--amber-dk); }
.lp-hero__badge span {
  display:inline-flex; align-items:center; gap:6px;
  background:var(--amber-soft); color:var(--amber-dk); font-weight:700; font-size:11px;
  letter-spacing:.04em; padding:4px 10px; border-radius:999px;
}
.lp-hero__h1 {
  font-size:clamp(2.9rem, 7vw, 5.8rem); margin:26px auto 0;
  line-height:1.02; letter-spacing:-.025em; max-width:13em;
}
.lp-hero__h1 i { font-style:italic; color:var(--amber-dk); }
.lp-hero__h1 em { font-style:italic; color:var(--coral); }
.lp-hero__lede {
  margin:28px auto 0; max-width:33em; font-size:18.5px; color:var(--ink-2); line-height:1.6;
}
.lp-hero__cta { display:inline-flex; gap:13px; margin-top:38px; flex-wrap:wrap; justify-content:center; }
.lp-hero__small {
  margin-top:20px; display:inline-flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:center;
  font-size:13px; font-weight:500; color:var(--ink-3); letter-spacing:.01em;
}

.lp-hero__mock { margin:78px auto 0; max-width:1000px; position:relative; z-index:2; }
.lp-hero__mock-frame {
  border:1.5px solid var(--line-2); border-radius:26px;
  background:var(--card);
  padding:26px; box-shadow:0 50px 110px rgba(22,36,28,.18), 0 8px 24px rgba(22,36,28,.06);
  overflow:hidden;
  position:relative;
}
.lp-hero__mock-frame::before {
  content:""; position:absolute; top:0; left:0; right:0; height:42px;
  background:var(--card-2); border-bottom:1.5px solid var(--line);
}
.lp-hero__mock-dots { position:absolute; top:15px; left:22px; display:flex; gap:7px; z-index:3; }
.lp-hero__mock-dots i { width:11px; height:11px; border-radius:50%; }
.lp-hero__mock-dots i:nth-child(1){ background:var(--coral); }
.lp-hero__mock-dots i:nth-child(2){ background:var(--amber); }
.lp-hero__mock-dots i:nth-child(3){ background:var(--forest); }

/* Friendly branded-checkout mock (phone + receipt) */
.lp-checkout { display:grid; grid-template-columns:1fr .92fr; gap:26px; margin-top:34px; align-items:stretch; }
.lp-checkout__pane {
  background:var(--card-2); border:1.5px solid var(--line); border-radius:18px;
  padding:24px; display:flex; flex-direction:column;
}
.lp-checkout__brand { display:flex; align-items:center; gap:10px; margin-bottom:20px; }
.lp-checkout__brand .lp-cm {
  width:30px; height:30px; border-radius:9px; flex:none;
  background:linear-gradient(135deg, var(--forest), #2fa06d);
}
.lp-checkout__brand b { font-family:var(--disp); font-weight:600; font-size:17px; }
.lp-checkout__brand span { font-size:11.5px; color:var(--ink-3); margin-left:auto; font-weight:600; }
.lp-checkout__line { display:flex; align-items:center; justify-content:space-between; padding:11px 0; border-bottom:1px dashed var(--line); font-size:14px; }
.lp-checkout__line span:first-child { color:var(--ink-2); }
.lp-checkout__line b { font-weight:600; }
.lp-checkout__total { display:flex; align-items:baseline; justify-content:space-between; margin-top:16px; }
.lp-checkout__total span { font-size:13px; color:var(--ink-3); font-weight:600; text-transform:uppercase; letter-spacing:.06em; }
.lp-checkout__total b { font-family:var(--disp); font-weight:600; font-size:2rem; }
.lp-checkout__field {
  margin-top:18px; height:46px; border-radius:11px; border:1.5px solid var(--line-2);
  background:var(--card); display:flex; align-items:center; gap:10px; padding:0 14px;
  font-size:13.5px; color:var(--ink-3);
}
.lp-checkout__field svg { width:18px; height:18px; color:var(--ink-3); flex:none; }
.lp-checkout__field .lp-dot3 { margin-left:auto; letter-spacing:.18em; color:var(--ink-2); font-weight:600; }
.lp-checkout__pay {
  margin-top:18px; height:50px; border-radius:12px;
  background:linear-gradient(135deg, var(--amber), var(--amber-dk)); color:#fff;
  display:flex; align-items:center; justify-content:center; gap:9px; font-weight:700; font-size:15px;
  box-shadow:0 8px 18px rgba(239,143,28,.32);
}
.lp-checkout__pay svg { width:16px; height:16px; }
.lp-checkout__trust { margin-top:14px; display:flex; align-items:center; justify-content:center; gap:7px; font-size:11.5px; color:var(--ink-3); font-weight:600; }
.lp-checkout__trust svg { width:13px; height:13px; color:var(--forest); }

.lp-checkout__side { justify-content:space-between; }
.lp-checkout__stat { margin-bottom:16px; }
.lp-checkout__stat span { font-size:11.5px; color:var(--ink-3); font-weight:700; text-transform:uppercase; letter-spacing:.07em; }
.lp-checkout__stat b { font-family:var(--disp); font-weight:600; font-size:1.7rem; display:block; margin-top:4px; line-height:1; }
.lp-checkout__stat em { font-style:normal; font-size:12px; font-weight:600; color:var(--forest); display:inline-flex; align-items:center; gap:4px; margin-top:5px; }
.lp-checkout__spark { display:flex; align-items:flex-end; gap:5px; height:70px; margin:8px 0 18px; }
.lp-checkout__spark i { flex:1; background:linear-gradient(180deg, var(--amber), var(--amber-soft)); border-radius:5px 5px 0 0; min-height:8px; }
.lp-checkout__spark i:nth-child(7), .lp-checkout__spark i:nth-child(11){ background:linear-gradient(180deg, var(--coral), var(--coral-soft)); }
.lp-checkout__rows { display:flex; flex-direction:column; gap:8px; }
.lp-checkout__row { display:flex; align-items:center; gap:10px; font-size:12.5px; padding:9px 11px; background:var(--card); border:1px solid var(--line); border-radius:10px; }
.lp-checkout__row b { font-weight:600; }
.lp-checkout__row em { font-style:normal; margin-left:auto; font-weight:600; color:var(--forest); }
.lp-pill {
  display:inline-flex; align-items:center; font-size:10px; font-weight:700; letter-spacing:.05em;
  padding:3px 8px; border-radius:999px; text-transform:uppercase; flex:none;
}
.lp-pill--ok { background:rgba(31,122,82,.12); color:var(--forest); }
.lp-pill--amber { background:var(--amber-soft); color:var(--amber-dk); }
.lp-pill--coral { background:var(--coral-soft); color:var(--coral); }

/* ════════════════ TRUST STRIP ════════════════ */
.lp-trust { padding:48px 0; border-top:1.5px solid var(--line); border-bottom:1.5px solid var(--line); }
.lp-trust__lbl {
  display:block; text-align:center; font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ink-3); margin-bottom:30px;
}
.lp-trust__row { display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:wrap; }
.lp-trust__logo {
  font-family:var(--disp); font-weight:600; font-size:22px; color:var(--ink-2); letter-spacing:-.01em;
  opacity:.78; transition:opacity .25s, color .25s;
  display:inline-flex; align-items:center; gap:9px;
}
.lp-trust__logo:hover { opacity:1; color:var(--ink); }
.lp-trust__logo i { width:9px; height:9px; border-radius:3px; background:var(--amber); transform:rotate(45deg); }

/* ════════════════ FEATURE GRID ════════════════ */
.lp-features { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; }
.lp-feat {
  position:relative; padding:34px 30px 32px;
  background:var(--card); border:1.5px solid var(--line); border-radius:var(--r);
  transition:border-color .25s, transform .35s var(--ease), box-shadow .35s var(--ease);
  overflow:hidden;
}
.lp-feat::after {
  content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:linear-gradient(180deg, var(--amber), var(--coral)); opacity:0; transition:opacity .3s;
}
.lp-feat:hover { border-color:var(--line-2); transform:translateY(-4px); box-shadow:0 24px 50px rgba(22,36,28,.10); }
.lp-feat:hover::after { opacity:1; }
.lp-feat__icon {
  width:48px; height:48px; border-radius:13px;
  background:linear-gradient(135deg, var(--amber-soft), var(--coral-soft));
  border:1.5px solid var(--line);
  display:flex; align-items:center; justify-content:center; margin-bottom:22px;
}
.lp-feat__icon svg { width:22px; height:22px; color:var(--amber-dk); }
.lp-feat h3 { font-size:1.45rem; margin-bottom:11px; }
.lp-feat p { font-size:15px; color:var(--ink-2); line-height:1.62; }
.lp-feat__meta {
  display:inline-flex; align-items:center; gap:7px; margin-top:18px;
  font-family:var(--sans); font-size:12.5px; font-weight:600; color:var(--forest); letter-spacing:.01em;
}
.lp-feat__meta::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--forest); }

/* ════════════════ HOW IT WORKS ════════════════ */
.lp-how { display:grid; grid-template-columns:repeat(4, 1fr); gap:0; border:1.5px solid var(--line); border-radius:var(--r); overflow:hidden; background:var(--card); }
.lp-step {
  padding:36px 28px; border-right:1.5px solid var(--line);
  position:relative;
}
.lp-step:last-child { border-right:none; }
.lp-step__n {
  font-family:var(--disp); font-style:italic; font-weight:500; font-size:2.6rem; line-height:.9;
  color:var(--amber-dk);
}
.lp-step h3 { font-size:1.3rem; margin:22px 0 12px; }
.lp-step p { font-size:14.5px; color:var(--ink-2); line-height:1.62; }
.lp-step__line {
  margin-top:20px; display:flex; align-items:center; gap:9px;
  font-family:var(--sans); font-size:12px; font-weight:600; color:var(--ink-3); letter-spacing:.02em;
}
.lp-step__line::before { content:""; width:20px; height:2px; border-radius:2px; background:var(--amber); }

/* ════════════════ SPLIT ════════════════ */
.lp-split { display:grid; grid-template-columns:1fr 1fr; gap:62px; align-items:center; }
.lp-split--rev { direction:rtl; }
.lp-split--rev > * { direction:ltr; }
.lp-split__art {
  position:relative; aspect-ratio:5/4;
  border:1.5px solid var(--line); border-radius:22px;
  background:
    radial-gradient(circle at 30% 25%, rgba(239,143,28,.14), transparent 55%),
    radial-gradient(circle at 75% 80%, rgba(232,105,78,.10), transparent 55%),
    var(--card);
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 30px 70px rgba(22,36,28,.10);
}
.lp-split__art-glow {
  position:absolute; width:58%; height:58%; border-radius:50%;
  background:radial-gradient(circle, rgba(239,143,28,.30), transparent 66%);
  filter:blur(6px);
}
.lp-split p { font-size:16.5px; color:var(--ink-2); line-height:1.7; margin:18px 0; }
.lp-split p em { font-style:italic; color:var(--coral); }
.lp-split ul { list-style:none; margin-top:18px; }
.lp-split li {
  position:relative; padding-left:28px; margin:13px 0; font-size:15px; color:var(--ink-2);
  line-height:1.62;
}
.lp-split li::before {
  content:""; position:absolute; left:0; top:7px; width:15px; height:9px;
  border-left:2.2px solid var(--amber); border-bottom:2.2px solid var(--amber);
  transform:rotate(-45deg);
}
.lp-split li b { color:var(--ink); font-weight:600; }

/* ════════════════ NUMBERS STRIP ════════════════ */
.lp-numbers {
  border-top:1.5px solid var(--line); border-bottom:1.5px solid var(--line);
  padding:64px 0; background:var(--paper-2);
}
.lp-numbers__grid {
  display:grid; grid-template-columns:repeat(4, 1fr); gap:1.5px;
  background:var(--line);
  border:1.5px solid var(--line); border-radius:var(--r); overflow:hidden;
}
.lp-num {
  padding:28px 26px; background:var(--card);
  display:flex; flex-direction:column; gap:9px;
}
.lp-num__n {
  font-family:var(--disp); font-weight:600; font-size:clamp(2.5rem, 4.6vw, 3.6rem); line-height:1;
  color:var(--ink); letter-spacing:-.02em;
}
.lp-num__n b { color:var(--amber-dk); font-weight:600; }
.lp-num__l {
  font-family:var(--sans); font-size:12px; font-weight:700; letter-spacing:.07em; color:var(--ink-3);
  text-transform:uppercase;
}
.lp-num__d { font-size:14px; color:var(--ink-2); line-height:1.56; }

/* ════════════════ QUOTES ════════════════ */
.lp-quotes { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }
.lp-quote {
  padding:34px 30px;
  background:var(--card); border:1.5px solid var(--line); border-radius:var(--r);
  display:flex; flex-direction:column; gap:18px;
  position:relative;
}
.lp-quote::before {
  content:"\201C"; position:absolute; top:14px; right:24px;
  font-family:var(--disp); font-size:5rem; line-height:1; color:var(--amber-soft);
}
.lp-quote__text { font-family:var(--disp); font-weight:400; font-size:1.4rem; line-height:1.34; color:var(--ink); position:relative; z-index:1; }
.lp-quote__text em { font-style:italic; color:var(--amber-dk); }
.lp-quote__by {
  display:flex; align-items:center; gap:13px;
  padding-top:18px; border-top:1.5px solid var(--line); margin-top:auto;
}
.lp-quote__av {
  width:46px; height:46px; border-radius:50%; flex:none;
  background:linear-gradient(135deg, var(--amber), var(--coral));
  border:1.5px solid var(--line-2);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--disp); font-weight:600; color:#fff; font-size:18px;
}
.lp-quote__name { font-size:14.5px; color:var(--ink); font-weight:700; }
.lp-quote__role { font-family:var(--sans); font-size:12.5px; color:var(--ink-3); font-weight:500; margin-top:2px; }
.lp-quote__metric {
  display:inline-flex; align-items:center; gap:7px; margin-top:14px;
  font-family:var(--sans); font-size:12.5px; font-weight:600; color:var(--forest);
  padding:6px 11px; border:1.5px solid rgba(31,122,82,.25); border-radius:999px;
  background:rgba(31,122,82,.07); align-self:flex-start;
}

/* ════════════════ PRICING TEASER ════════════════ */
.lp-tiers { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; align-items:stretch; }
.lp-tier {
  background:var(--card); border:1.5px solid var(--line); border-radius:22px;
  padding:36px 32px; display:flex; flex-direction:column; gap:0;
  transition:border-color .25s, transform .25s var(--ease), box-shadow .25s var(--ease);
}
.lp-tier:hover { border-color:var(--line-2); transform:translateY(-4px); box-shadow:0 24px 50px rgba(22,36,28,.10); }
.lp-tier--pop {
  border:2px solid var(--amber); position:relative;
  background:linear-gradient(180deg, var(--card), var(--card-2));
  box-shadow:0 24px 56px rgba(239,143,28,.16);
}
.lp-tier__tag {
  position:absolute; top:-13px; left:50%; transform:translateX(-50%);
  font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  padding:6px 14px; border-radius:999px;
  background:linear-gradient(135deg, var(--amber), var(--coral)); color:#fff;
  box-shadow:0 6px 16px rgba(239,143,28,.34);
}
.lp-tier__name { font-family:var(--sans); font-size:12.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); }
.lp-tier__price { font-family:var(--disp); font-weight:600; font-size:3.4rem; line-height:1; margin:14px 0 6px; letter-spacing:-.02em; }
.lp-tier__price em { font-style:italic; color:var(--amber-dk); }
.lp-tier__per { font-family:var(--sans); font-size:13px; font-weight:500; color:var(--ink-3); }
.lp-tier__desc { font-size:14.5px; color:var(--ink-2); line-height:1.6; margin:20px 0 22px; padding:20px 0 0; border-top:1.5px solid var(--line); }
.lp-tier__list { list-style:none; flex:1; display:flex; flex-direction:column; gap:12px; margin-bottom:24px; }
.lp-tier__list li {
  position:relative; padding-left:26px; font-size:14px; color:var(--ink-2); line-height:1.5;
}
.lp-tier__list li::before {
  content:""; position:absolute; left:0; top:6px; width:15px; height:8px;
  border-left:2px solid var(--forest); border-bottom:2px solid var(--forest); transform:rotate(-45deg);
}

/* ════════════════ FAQ ════════════════ */
.lp-faq { max-width:880px; margin:0 auto; display:flex; flex-direction:column; gap:14px; }
.lp-faq details {
  border:1.5px solid var(--line); border-radius:var(--r); padding:4px 26px;
  background:var(--card); transition:border-color .2s, box-shadow .2s;
}
.lp-faq details[open] { border-color:var(--amber); box-shadow:0 12px 30px rgba(239,143,28,.10); }
.lp-faq summary {
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  font-family:var(--disp); font-weight:500; font-size:1.3rem; cursor:pointer; list-style:none;
  padding:22px 0; transition:color .2s;
}
.lp-faq summary::-webkit-details-marker { display:none; }
.lp-faq summary::after {
  content:""; width:22px; height:22px; flex:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23ef8f1c' stroke-width='2' stroke-linecap='round'><path d='M5 11h12M11 5v12'/></svg>");
  background-repeat:no-repeat; background-position:center; transition:transform .25s;
}
.lp-faq details[open] summary::after { transform:rotate(135deg); }
.lp-faq details[open] summary { color:var(--amber-dk); }
.lp-faq p { margin:0 0 22px; font-size:15.5px; color:var(--ink-2); line-height:1.7; max-width:62em; }

/* ════════════════ CTA / FINAL ════════════════ */
.lp-cta {
  padding:118px 0; text-align:center;
  background:
    radial-gradient(circle at 28% 40%, rgba(239,143,28,.16), transparent 56%),
    radial-gradient(circle at 74% 60%, rgba(232,105,78,.12), transparent 56%),
    var(--paper-2);
  border-top:1.5px solid var(--line); border-bottom:1.5px solid var(--line);
  overflow:hidden;
}
.lp-cta h2 { font-size:clamp(2.4rem, 5.2vw, 4.4rem); margin:18px auto 22px; max-width:14em; }
.lp-cta h2 i { font-style:italic; color:var(--amber-dk); }
.lp-cta h2 em { font-style:italic; color:var(--coral); }
.lp-cta p { font-size:17.5px; color:var(--ink-2); max-width:36em; margin:0 auto 32px; }
.lp-cta__row { display:inline-flex; gap:13px; flex-wrap:wrap; justify-content:center; }

/* ════════════════ FOOTER ════════════════ */
.lp-foot {
  padding:84px 0 32px; border-top:1.5px solid var(--line);
  position:relative; background:var(--paper-2);
}
.lp-foot__top {
  display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr 1fr; gap:36px; padding-bottom:48px;
}
.lp-foot__brand .lp-logo { margin-bottom:18px; }
.lp-foot__blurb { font-size:14px; color:var(--ink-2); max-width:25em; line-height:1.6; margin-bottom:20px; }
.lp-foot__badges { display:flex; flex-wrap:wrap; gap:9px; }
.lp-foot__badge {
  display:inline-flex; align-items:center; gap:7px;
  font-family:var(--sans); font-size:11.5px; font-weight:600; padding:6px 12px;
  border:1.5px solid var(--line-2); border-radius:999px; background:var(--card);
  color:var(--ink-2); letter-spacing:.02em;
}
.lp-foot__badge::before {
  content:""; width:7px; height:7px; border-radius:50%; background:var(--forest);
}
.lp-foot__col h4 {
  font-family:var(--sans); font-size:12px; text-transform:uppercase; letter-spacing:.1em;
  color:var(--ink-3); margin-bottom:16px; font-weight:700;
}
.lp-foot__col a {
  display:block; font-size:14px; color:var(--ink-2); padding:6px 0; transition:color .2s, padding-left .2s;
}
.lp-foot__col a:hover { color:var(--amber-dk); padding-left:4px; }
.lp-foot__base {
  display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
  padding-top:26px; border-top:1.5px solid var(--line);
  font-family:var(--sans); font-size:13px; font-weight:500; color:var(--ink-3);
}
.lp-foot__base a { color:var(--ink-2); }
.lp-foot__base a:hover { color:var(--amber-dk); }
.lp-foot__big {
  font-family:var(--disp); font-style:italic; font-weight:500;
  font-size:clamp(5rem, 16vw, 13rem); line-height:.82;
  color:transparent; -webkit-text-stroke:1.5px var(--line-2);
  text-align:center; padding:18px 0; user-select:none;
}

/* ════════════════ INNER PAGE HEAD ════════════════ */
.lp-phead { padding:76px 0 30px; }
.lp-phead__in { max-width:60em; }
.lp-phead h1 { font-size:clamp(2.4rem, 5.2vw, 4.6rem); margin:20px 0 24px; line-height:1.05; }
.lp-phead h1 i { font-style:italic; color:var(--amber-dk); }
.lp-phead h1 em { font-style:italic; color:var(--coral); }
.lp-phead p { font-size:18px; color:var(--ink-2); max-width:34em; }
.lp-phead--c { text-align:center; }
.lp-phead--c .lp-phead__in { max-width:none; margin:0 auto; }
.lp-phead--c p { margin:0 auto; }

/* ════════════════ FORMS ════════════════ */
.lp-field { margin-top:20px; }
.lp-field:first-child { margin-top:0; }
.lp-label-row { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.lp-label { display:block; font-family:var(--sans); font-size:12.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-2); margin-bottom:9px; }
.lp-input, .lp-textarea, .lp-select {
  width:100%; font-family:var(--sans); font-size:15px; color:var(--ink);
  background:var(--card); border:1.5px solid var(--line-2); border-radius:12px; outline:none;
  transition:border-color .2s, box-shadow .2s;
}
.lp-input, .lp-select { height:52px; padding:0 16px; }
.lp-textarea { min-height:136px; padding:14px 16px; resize:vertical; line-height:1.6; }
.lp-input::placeholder, .lp-textarea::placeholder { color:var(--ink-3); }
.lp-input:focus, .lp-textarea:focus, .lp-select:focus { border-color:var(--amber); box-shadow:0 0 0 4px var(--amber-soft); }
.lp-select {
  appearance:none; cursor:pointer; padding-right:42px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%238a9488' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='3 5 7 9 11 5'/></svg>");
  background-repeat:no-repeat; background-position:right 16px center;
}
.lp-input-wrap { position:relative; }
.lp-input-wrap .lp-input { padding-right:46px; }
.lp-eye { position:absolute; right:7px; top:50%; transform:translateY(-50%); width:40px; height:40px; display:flex; align-items:center; justify-content:center; color:var(--ink-3); border-radius:9px; transition:color .2s, background .2s; }
.lp-eye:hover { color:var(--ink); background:var(--paper-2); }
.lp-eye svg { width:18px; height:18px; }
.lp-field-error { display:none; margin-top:8px; font-family:var(--sans); font-size:12.5px; font-weight:600; color:var(--coral); }
.lp-field.is-invalid .lp-input, .lp-field.is-invalid .lp-textarea { border-color:var(--coral); }
.lp-field.is-invalid .lp-field-error { display:block; }
.lp-forgot { font-family:var(--sans); font-size:12.5px; font-weight:600; color:var(--amber-dk); }
.lp-forgot:hover { text-decoration:underline; }
.lp-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.lp-check { display:flex; align-items:center; gap:12px; margin-top:20px; cursor:pointer; font-size:14px; color:var(--ink-2); }
.lp-check input { position:absolute; opacity:0; width:0; height:0; }
.lp-check__box {
  flex:none; width:20px; height:20px; border:1.5px solid var(--line-2); border-radius:6px;
  background:var(--card); display:flex; align-items:center; justify-content:center; color:#fff;
}
.lp-check__box svg { width:12px; height:12px; opacity:0; }
.lp-check input:checked + .lp-check__box {
  background:linear-gradient(135deg, var(--amber), var(--coral));
  border-color:transparent;
}
.lp-check input:checked + .lp-check__box svg { opacity:1; }
.lp-alert {
  display:none; align-items:center; gap:11px; margin-top:20px; padding:13px 16px;
  border:1.5px solid var(--coral-soft); border-radius:12px; font-size:13.5px; font-weight:500; color:var(--coral);
  background:rgba(232,105,78,.07);
}
.lp-alert.is-on { display:flex; }
.lp-alert svg { width:17px; height:17px; flex:none; }
.lp-spin { display:none; width:18px; height:18px; border-radius:999px; border:2.4px solid rgba(255,255,255,.4); border-top-color:#fff; animation:lp-sp .6s linear infinite; }
.lp-btn.is-loading .lp-btn-label { display:none; }
.lp-btn.is-loading .lp-spin { display:block; }
.lp-btn.is-loading { pointer-events:none; }
@keyframes lp-sp { to { transform:rotate(360deg); } }
.lp-divider { display:flex; align-items:center; gap:14px; margin:24px 0; color:var(--ink-3); }
.lp-divider::before, .lp-divider::after { content:""; flex:1; height:1.5px; background:var(--line); }
.lp-divider span { font-family:var(--sans); font-size:11.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.lp-oauth { display:flex; flex-direction:column; gap:11px; }
.lp-oauth__btn {
  display:flex; align-items:center; justify-content:center; gap:10px; height:50px;
  border:1.5px solid var(--line-2); border-radius:12px;
  font-size:14px; font-weight:600; color:var(--ink); background:var(--card);
  transition:border-color .2s, background .2s;
}
.lp-oauth__btn:hover { border-color:var(--amber); background:var(--card-2); }

/* ════════════════ AUTH ════════════════ */
.lp-auth { padding:80px 0 120px; }
.lp-auth__wrap { width:100%; max-width:470px; margin:0 auto; }
.lp-authcard {
  background:var(--card);
  border:1.5px solid var(--line-2); border-radius:24px;
  padding:40px 38px 34px;
  box-shadow:0 36px 90px rgba(22,36,28,.14);
}
.lp-auth__h { font-size:2.5rem; margin-top:10px; }
.lp-auth__h i { font-style:italic; color:var(--amber-dk); }
.lp-auth__sub { margin:12px 0 28px; font-size:15px; color:var(--ink-2); }
.lp-auth__submit { margin-top:22px; }
.lp-auth__foot { margin-top:24px; text-align:center; font-size:14px; color:var(--ink-2); }
.lp-auth__foot a { color:var(--amber-dk); font-weight:600; }
.lp-auth__foot a:hover { text-decoration:underline; }
.lp-auth__trust { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:24px; font-family:var(--sans); font-size:12px; font-weight:500; color:var(--ink-3); }
.lp-auth__trust svg { width:14px; height:14px; color:var(--forest); }
.lp-authdone { text-align:center; padding:8px 0; }
.lp-success {
  width:68px; height:68px; margin:0 auto 22px; border-radius:50%;
  background:linear-gradient(135deg, var(--forest), #2fa06d); color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 12px 30px rgba(31,122,82,.32);
}
.lp-success svg { width:30px; height:30px; }

/* ════════════════ MODAL ════════════════ */
.lp-modal { position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center; padding:24px; }
.lp-modal[hidden] { display:none; }
.lp-modal__scrim { position:absolute; inset:0; background:rgba(22,36,28,.5); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
.lp-modal__card {
  position:relative; width:100%; max-width:450px;
  background:var(--card);
  border:1.5px solid var(--line-2); border-radius:24px;
  padding:44px 40px; text-align:center;
  box-shadow:0 40px 100px rgba(22,36,28,.28);
}
.lp-modal__x {
  position:absolute; top:16px; right:16px; width:36px; height:36px;
  display:flex; align-items:center; justify-content:center; color:var(--ink-3);
  border-radius:9px; transition:color .2s, background .2s;
}
.lp-modal__x:hover { color:var(--ink); background:var(--paper-2); }
.lp-modal__x svg { width:17px; height:17px; }
.lp-modal__h { font-family:var(--disp); font-weight:500; font-size:1.9rem; }
.lp-modal__h i { font-style:italic; color:var(--amber-dk); }
.lp-modal__p { margin:12px 0 4px; font-size:15px; color:var(--ink-2); line-height:1.6; }
.lp-modal .lp-btn { margin-top:24px; }

/* ════════════════ CONTACT ════════════════ */
.lp-contact { padding:50px 0 120px; }
.lp-contact__in { display:grid; grid-template-columns:1.2fr .8fr; gap:60px; align-items:start; }
.lp-contact__form {
  background:var(--card); border:1.5px solid var(--line-2); border-radius:22px; padding:38px;
  box-shadow:0 24px 60px rgba(22,36,28,.08);
}
.lp-contact__aside { display:flex; flex-direction:column; gap:15px; }
.lp-info {
  border:1.5px solid var(--line); border-radius:var(--r); padding:24px;
  background:var(--card);
}
.lp-info svg { width:24px; height:24px; color:var(--amber-dk); margin-bottom:12px; }
.lp-info h3 { font-family:var(--disp); font-weight:600; font-size:1.35rem; }
.lp-info p { margin-top:9px; font-size:14px; color:var(--ink-2); line-height:1.6; }
.lp-info a { color:var(--amber-dk); font-weight:600; }
.lp-info a:hover { text-decoration:underline; }
.lp-info--accent {
  background:linear-gradient(135deg, var(--amber-soft), var(--coral-soft));
  border-color:var(--amber);
}

/* ════════════════ LEGAL ════════════════ */
.lp-legal { padding:50px 0 120px; }
.lp-legal__in { max-width:780px; margin:0 auto; }
.lp-legal h1 { font-size:clamp(2.2rem, 4.4vw, 3.2rem); margin-top:16px; }
.lp-legal h1 i { font-style:italic; color:var(--amber-dk); }
.lp-legal__meta { font-family:var(--sans); margin-top:14px; font-size:13px; font-weight:600; color:var(--ink-3); }
.lp-legal__toc {
  margin-top:34px; padding:26px 30px;
  background:var(--card); border:1.5px solid var(--line); border-radius:var(--r);
}
.lp-legal__toc h4 { font-family:var(--sans); font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); margin-bottom:14px; }
.lp-legal__toc ol { padding-left:22px; }
.lp-legal__toc li { font-size:14.5px; margin:7px 0; color:var(--ink-2); }
.lp-legal__toc a { transition:color .2s; }
.lp-legal__toc a:hover { color:var(--amber-dk); }
.lp-legal__body { margin-top:40px; }
.lp-legal__body h2 { font-family:var(--disp); font-weight:600; font-size:1.7rem; margin:40px 0 12px; scroll-margin-top:100px; }
.lp-legal__body h2:first-child { margin-top:0; }
.lp-legal__body h2 i { font-style:italic; color:var(--amber-dk); }
.lp-legal__body p { margin:12px 0; font-size:15.5px; color:var(--ink-2); line-height:1.75; }
.lp-legal__body ul { margin:12px 0; padding-left:0; }
.lp-legal__body li { position:relative; padding-left:24px; margin:9px 0; font-size:15.5px; color:var(--ink-2); list-style:none; line-height:1.7; }
.lp-legal__body li::before { content:""; position:absolute; left:0; top:10px; width:9px; height:9px; border-radius:50%; background:var(--amber); }
.lp-legal__body a { color:var(--amber-dk); font-weight:600; }
.lp-legal__body a:hover { text-decoration:underline; }
.lp-legal__body strong { color:var(--ink); font-weight:700; }

/* ════════════════ CODE BLOCK ════════════════ */
.lp-code {
  background:#16241c; border:1.5px solid var(--line-2); border-radius:var(--r);
  padding:26px 28px; font-family:var(--mono); font-size:13.5px; line-height:1.8;
  color:#cdd6cf; overflow-x:auto;
  position:relative; tab-size:2;
  box-shadow:0 20px 50px rgba(22,36,28,.18);
}
.lp-code__lbl {
  position:absolute; top:12px; right:16px;
  font-size:10.5px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:#6f7d72;
}
.lp-code .k { color:#f6b25a; }
.lp-code .s { color:#7fd4a6; }
.lp-code .c { color:#6f7d72; font-style:italic; }
.lp-code .n { color:#f0917a; }

/* generic helpers for inner mock rows on dark/light splits */
.lp-mockrow { display:grid; grid-template-columns:auto 1fr auto auto; gap:12px; align-items:center; padding:12px 14px; background:var(--card); border:1.5px solid var(--line); border-radius:12px; font-size:13px; }
.lp-mockrow b { font-weight:600; }
.lp-mockrow em { font-style:normal; color:var(--forest); font-weight:600; }
.lp-mockrow span { color:var(--ink-3); font-weight:500; }

/* table */
.lp-tablewrap { overflow-x:auto; border:1.5px solid var(--line); border-radius:var(--r); background:var(--card); }
.lp-table { width:100%; border-collapse:collapse; font-size:14.5px; min-width:760px; }
.lp-table thead tr { background:var(--paper-2); font-family:var(--sans); font-size:12px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-3); }
.lp-table th { text-align:left; padding:17px 24px; }
.lp-table th.lp-th-pop { color:var(--amber-dk); }
.lp-table tbody { color:var(--ink-2); }
.lp-table tbody tr { border-top:1.5px solid var(--line); }
.lp-table td { padding:15px 24px; }
.lp-table td.lp-td-key { color:var(--ink); font-weight:600; }
.lp-table td.lp-td-pop { color:var(--ink); }

/* about timeline / values */
.lp-values { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.lp-value {
  padding:30px 28px; background:var(--card); border:1.5px solid var(--line); border-radius:var(--r);
}
.lp-value__n { font-family:var(--disp); font-style:italic; font-weight:500; font-size:1.6rem; color:var(--amber-dk); }
.lp-value h3 { font-size:1.3rem; margin:14px 0 10px; }
.lp-value p { font-size:14.5px; color:var(--ink-2); line-height:1.62; }
.lp-team { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.lp-member { text-align:center; }
.lp-member__av {
  width:88px; height:88px; border-radius:50%; margin:0 auto 14px;
  background:linear-gradient(135deg, var(--amber-soft), var(--coral-soft));
  border:1.5px solid var(--line-2);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--disp); font-weight:600; font-size:1.8rem; color:var(--amber-dk);
}
.lp-member b { display:block; font-size:15px; font-weight:700; }
.lp-member span { display:block; font-size:13px; color:var(--ink-3); margin-top:3px; }

/* security badges grid */
.lp-certs { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.lp-cert {
  padding:24px; background:var(--card); border:1.5px solid var(--line); border-radius:var(--r);
  display:flex; flex-direction:column; gap:8px; align-items:flex-start;
}
.lp-cert svg { width:26px; height:26px; color:var(--forest); }
.lp-cert b { font-family:var(--disp); font-weight:600; font-size:1.15rem; }
.lp-cert span { font-size:13px; color:var(--ink-2); line-height:1.5; }

/* customers logos */
.lp-caserow { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.lp-case {
  padding:34px 32px; background:var(--card); border:1.5px solid var(--line); border-radius:var(--r);
  display:flex; flex-direction:column; gap:16px;
}
.lp-case__head { display:flex; align-items:center; gap:13px; }
.lp-case__logo { width:46px; height:46px; border-radius:12px; flex:none; background:linear-gradient(135deg,var(--amber),var(--coral)); display:flex; align-items:center; justify-content:center; font-family:var(--disp); font-weight:600; color:#fff; font-size:18px; }
.lp-case__head b { font-family:var(--disp); font-weight:600; font-size:1.3rem; }
.lp-case__head span { display:block; font-size:13px; color:var(--ink-3); font-weight:500; }
.lp-case p { font-size:15px; color:var(--ink-2); line-height:1.66; }
.lp-case__stats { display:flex; gap:24px; flex-wrap:wrap; padding-top:16px; border-top:1.5px solid var(--line); margin-top:auto; }
.lp-case__stat b { font-family:var(--disp); font-weight:600; font-size:1.5rem; color:var(--amber-dk); display:block; line-height:1; }
.lp-case__stat span { font-size:12px; color:var(--ink-3); font-weight:600; }

/* ════════════════ RESPONSIVE ════════════════ */
@media (max-width:1080px){
  .lp-features, .lp-quotes, .lp-values { grid-template-columns:1fr 1fr; }
  .lp-how { grid-template-columns:1fr 1fr; }
  .lp-step { border-right:none; border-bottom:1.5px solid var(--line); }
  .lp-step:nth-child(odd) { border-right:1.5px solid var(--line); }
  .lp-step:last-child { border-bottom:none; }
  .lp-team, .lp-certs { grid-template-columns:1fr 1fr; }
  .lp-foot__top { grid-template-columns:1fr 1fr 1fr; gap:28px; }
  .lp-foot__brand { grid-column:1 / -1; }
}
@media (max-width:860px){
  .lp-nav, .lp-head__act .lp-btn, .lp-head__act .lp-login, .lp-head__act .lp-lang { display:none; }
  .lp-burger { display:flex; }
  .lp-features, .lp-tiers, .lp-quotes, .lp-numbers__grid { grid-template-columns:1fr 1fr; }
  .lp-num { padding:22px; }
  .lp-split, .lp-contact__in, .lp-caserow { grid-template-columns:1fr; gap:40px; }
  .lp-sec { padding:80px 0; }
  .lp-checkout { grid-template-columns:1fr; }
}
@media (max-width:580px){
  .lp-shell { padding:0 18px; }
  .lp-sec { padding:64px 0; }
  .lp-hero { padding:40px 0 64px; }
  .lp-hero__mock { margin-top:48px; }
  .lp-hero__mock-frame { padding:18px; }
  .lp-features, .lp-tiers, .lp-quotes, .lp-numbers__grid, .lp-how, .lp-values, .lp-team, .lp-certs { grid-template-columns:1fr; }
  .lp-step { border-right:none !important; border-bottom:1.5px solid var(--line); }
  .lp-step:last-child { border-bottom:none; }
  .lp-foot__top { grid-template-columns:1fr; }
  .lp-head__bar { padding:7px 7px 7px 18px; gap:10px; }
  .lp-logo__word { font-size:20px; }
  .lp-row { grid-template-columns:1fr; }
  .lp-trust__row { gap:20px 26px; justify-content:flex-start; }
  .lp-tier__price { font-size:2.8rem; }
  .lp-foot__big { font-size:3.6rem; }
  .lp-checkout__spark { height:54px; }
}
