:root{
      --sat: env(safe-area-inset-top, 0px);
      --sar: env(safe-area-inset-right, 0px);
      --sab: env(safe-area-inset-bottom, 0px);
      --sal: env(safe-area-inset-left, 0px);

      --bg:#0a1224;
      --bg-soft:#101b33;
      --bg-panel:rgba(16, 27, 51, .84);
      --bg-card:rgba(22, 35, 64, .94);
      --bg-card-soft:rgba(27, 42, 74, .82);
      --text:#eef4ff;
      --muted:#a8b6d3;
      --muted-2:#7d8caf;
      --border:rgba(157, 181, 230, .16);
      --border-strong:rgba(157, 181, 230, .24);
      --accent:#3b82f6;
      --accent-2:#2563eb;
      --accent-soft:rgba(59,130,246,.18);
      --success:#22c55e;
      --shadow:0 24px 56px rgba(2, 10, 24, .42);
      --shadow-soft:0 12px 28px rgba(6, 15, 33, .28);
      --radius-xl:30px;
      --radius-lg:24px;
      --radius-md:18px;
      --radius-sm:14px;
      --content-max:1360px;
    }

    html[data-theme="light"]{
      --bg:#edf2fb;
      --bg-soft:#f4f7fc;
      --bg-panel:rgba(255,255,255,.9);
      --bg-card:rgba(255,255,255,.96);
      --bg-card-soft:#f6f8fc;
      --text:#13233f;
      --muted:#617493;
      --muted-2:#7283a0;
      --border:rgba(143, 166, 205, .24);
      --border-strong:rgba(132, 158, 201, .34);
      --accent:#2f7cf6;
      --accent-2:#1f6feb;
      --accent-soft:rgba(47,124,246,.12);
      --success:#22c55e;
      --shadow:0 22px 48px rgba(31, 54, 98, .14);
      --shadow-soft:0 12px 24px rgba(33, 54, 94, .10);
    }

    *{ box-sizing:border-box; }
    html, body{ min-height:100%; }
    html{
      background:
        radial-gradient(900px 520px at 8% 0%, rgba(59,130,246,.22), transparent 58%),
        radial-gradient(780px 460px at 96% 8%, rgba(35, 211, 238, .15), transparent 56%),
        radial-gradient(680px 400px at 50% 100%, rgba(99,102,241,.12), transparent 58%),
        linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);
      background-attachment:fixed;
      background-repeat:no-repeat;
      color-scheme:dark;
    }
    html[data-theme="light"]{ color-scheme:light; }

    body{
      margin:0;
      min-height:100vh;
      font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
      color:var(--text);
      -webkit-tap-highlight-color:transparent;
    }
    a{ color:inherit; text-decoration:none; }
    button, input{ font:inherit; }

    .lp-shell{
      width:min(calc(100% - 32px), var(--content-max));
      margin:0 auto;
      padding:calc(14px + var(--sat)) calc(16px + var(--sar)) calc(40px + var(--sab)) calc(16px + var(--sal));
    }

    .lp-topbar{
      position:sticky;
      top:0;
      z-index:40;
      padding-bottom:14px;
    }
    .lp-topbar__inner{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto auto;
      align-items:center;
      gap:18px;
      padding:16px 18px;
      border-radius:28px;
      border:1px solid var(--border);
      background:var(--bg-panel);
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
      box-shadow:var(--shadow-soft);
    }
    .lp-brand{ display:flex; align-items:center; gap:14px; min-width:0; }
    .lp-brand__logo{
      width:48px; height:48px; border-radius:16px; flex:0 0 auto;
      border:1px solid var(--border-strong);
      box-shadow:0 12px 26px rgba(7,16,36,.22);
      object-fit:cover;
      background:#101b33;
    }
    .lp-brand__title{ font-size:18px; font-weight:800; line-height:1.05; letter-spacing:-.02em; }
    .lp-brand__sub{ margin-top:4px; color:var(--muted); font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

    .lp-nav{ display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; }
    .lp-nav a{
      padding:10px 14px; border-radius:999px; color:var(--muted); font-size:14px; font-weight:650;
      transition:.18s ease; border:1px solid transparent;
    }
    .lp-nav a:hover{ color:var(--text); background:rgba(255,255,255,.04); border-color:var(--border); }

    .lp-actions{ display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
    .lp-status{
      display:inline-flex; align-items:center; gap:10px; min-height:42px; padding:0 14px;
      border-radius:999px; border:1px solid var(--border); background:rgba(255,255,255,.04);
      color:var(--muted); font-size:14px; font-weight:650; white-space:nowrap;
    }
    .lp-status__dot{ width:10px; height:10px; border-radius:50%; background:#ef4444; box-shadow:0 0 0 5px rgba(239,68,68,.14); }
    .lp-status__dot.is-ok{ background:var(--success); box-shadow:0 0 0 5px rgba(34,197,94,.16); }

    .lp-btn{
      display:inline-flex; align-items:center; justify-content:center; gap:8px;
      min-height:44px; padding:0 18px; border-radius:14px; border:1px solid var(--border);
      background:rgba(255,255,255,.04); color:var(--text); font-size:14px; font-weight:800;
      transition:transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
      white-space:nowrap;
    }
    .lp-btn:hover{ transform:translateY(-1px); background:rgba(255,255,255,.07); border-color:var(--border-strong); }
    .lp-btn--primary{
      border-color:transparent;
      background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
      color:#fff; box-shadow:0 16px 34px rgba(37,99,235,.28);
    }
    .lp-btn--primary:hover{ background:linear-gradient(135deg, #428cff 0%, #2a74ef 100%); }

    .lp-mobile-btn{ display:none; }

    .lp-menu-backdrop{
      position:fixed; inset:0; background:rgba(2,6,16,.44); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
      opacity:0; pointer-events:none; transition:opacity .18s ease; z-index:59;
    }
    .lp-mobile-panel{
      position:fixed; top:calc(14px + var(--sat)); left:16px; right:16px; z-index:60;
      border-radius:24px; border:1px solid var(--border); background:rgba(12,20,37,.94);
      backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:var(--shadow);
      padding:14px; display:grid; gap:10px; opacity:0; pointer-events:none; transform:translateY(-8px); transition:.18s ease;
    }
    html[data-theme="light"] .lp-mobile-panel{ background:rgba(255,255,255,.97); }
    .lp-mobile-panel__head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:10px; border-bottom:1px solid var(--border); }
    .lp-mobile-panel__title{ font-size:15px; font-weight:800; }
    .lp-mobile-close{ min-height:40px; padding:0 14px; border-radius:12px; border:1px solid var(--border); background:transparent; color:var(--text); }
    .lp-mobile-links{ display:grid; gap:8px; }
    .lp-mobile-links a, .lp-mobile-actions a{
      min-height:46px; display:flex; align-items:center; padding:0 14px; border-radius:14px; border:1px solid var(--border); background:rgba(255,255,255,.04); color:var(--text); font-weight:700;
    }
    .lp-mobile-actions{ display:grid; gap:8px; }

    body.menu-open .lp-menu-backdrop{ opacity:1; pointer-events:auto; }
    body.menu-open .lp-mobile-panel{ opacity:1; pointer-events:auto; transform:translateY(0); }
    body.menu-open{ overflow:hidden; }

    .lp-main{ display:grid; gap:26px; }
    .lp-hero{
      display:grid; grid-template-columns:minmax(0, 1.22fr) minmax(340px, .78fr); gap:24px;
      padding:34px; border-radius:34px; border:1px solid var(--border); background:var(--bg-panel); box-shadow:var(--shadow);
    }
    .lp-hero__copy{ display:flex; flex-direction:column; gap:22px; min-width:0; }
    .lp-eyebrow{
      display:inline-flex; align-items:center; min-height:38px; width:max-content; max-width:100%;
      padding:0 14px; border-radius:999px; border:1px solid rgba(96,165,250,.36); background:rgba(37,99,235,.14);
      color:#8ab5ff; font-size:13px; font-weight:800; letter-spacing:.02em; text-transform:uppercase;
    }
    .lp-title{ margin:0; font-size:clamp(40px, 4.1vw, 72px); line-height:.98; letter-spacing:-.05em; max-width:11ch; }
    .lp-lead{ margin:0; max-width:24ch; color:var(--muted); font-size:25px; line-height:1.18; font-weight:700; letter-spacing:-.03em; }
    .lp-body{ margin:0; max-width:760px; color:var(--muted); font-size:18px; line-height:1.7; }
    .lp-hero__actions{ display:flex; flex-wrap:wrap; gap:12px; }

    .lp-metrics{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; }
    .lp-metric{
      padding:18px 18px 16px; border-radius:22px; border:1px solid var(--border); background:var(--bg-card-soft); box-shadow:var(--shadow-soft);
    }
    .lp-metric__label{ color:var(--muted-2); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
    .lp-metric__value{ margin-top:10px; font-size:20px; font-weight:800; line-height:1.2; }
    .lp-metric__text{ margin-top:8px; color:var(--muted); font-size:15px; line-height:1.5; }

    .lp-hero__aside{
      padding:28px; border-radius:30px; border:1px solid var(--border); background:var(--bg-card-soft); box-shadow:var(--shadow-soft);
      display:flex; flex-direction:column; gap:14px; min-width:0;
    }
    .lp-hero__aside h2{ margin:0 0 4px; font-size:22px; line-height:1.14; letter-spacing:-.03em; }
    .lp-feature{ padding:18px 18px 16px; border-radius:20px; border:1px solid var(--border); background:rgba(255,255,255,.03); }
    html[data-theme="light"] .lp-feature{ background:rgba(255,255,255,.82); }
    .lp-feature__title{ font-size:17px; font-weight:800; line-height:1.2; }
    .lp-feature__text{ margin-top:8px; color:var(--muted); font-size:15px; line-height:1.55; }

    .lp-section{
      padding:30px; border-radius:30px; border:1px solid var(--border); background:var(--bg-panel); box-shadow:var(--shadow-soft);
    }
    .lp-section__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:22px; }
    .lp-section__title{ margin:0; font-size:32px; line-height:1.04; letter-spacing:-.04em; }
    .lp-section__text{ margin:10px 0 0; color:var(--muted); font-size:16px; line-height:1.65; max-width:820px; }

    .lp-grid-3{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }
    .lp-grid-2{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; }
    .lp-card{ padding:22px; border-radius:24px; border:1px solid var(--border); background:var(--bg-card); box-shadow:var(--shadow-soft); min-width:0; }
    .lp-card__title{ margin:0; font-size:20px; font-weight:800; line-height:1.2; letter-spacing:-.02em; }
    .lp-card__text{ margin:12px 0 0; color:var(--muted); font-size:15px; line-height:1.65; }
    .lp-card__meta{ margin-top:14px; display:flex; flex-wrap:wrap; gap:8px; }
    .lp-tag{ display:inline-flex; align-items:center; min-height:34px; padding:0 12px; border-radius:999px; border:1px solid var(--border); background:rgba(255,255,255,.04); color:var(--muted); font-size:13px; font-weight:700; }

    .lp-steps{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; counter-reset:step; }
    .lp-step{ position:relative; padding:22px 22px 20px 74px; border-radius:24px; border:1px solid var(--border); background:var(--bg-card); box-shadow:var(--shadow-soft); }
    .lp-step::before{
      counter-increment:step; content:counter(step, decimal-leading-zero);
      position:absolute; top:22px; left:22px; width:36px; height:36px; border-radius:12px; display:grid; place-items:center;
      background:var(--accent-soft); border:1px solid rgba(96,165,250,.28); color:#8fb9ff; font-size:13px; font-weight:900;
    }
    .lp-step__title{ margin:0; font-size:18px; font-weight:800; line-height:1.2; }
    .lp-step__text{ margin:10px 0 0; color:var(--muted); font-size:15px; line-height:1.6; }

    .lp-footer{
      display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
      padding:6px 4px 0; color:var(--muted-2); font-size:14px;
    }
    .lp-footer__links{ display:flex; flex-wrap:wrap; gap:10px 14px; }
    .lp-footer__links a:hover{ color:var(--text); }

    @media (max-width: 1180px){
      .lp-topbar__inner{ grid-template-columns:minmax(0,1fr) auto; }
      .lp-nav{ display:none; }
      .lp-mobile-btn{ display:inline-flex; }
      .lp-hero{ grid-template-columns:1fr; }
      .lp-title{ max-width:none; }
      .lp-lead{ max-width:none; }
      .lp-grid-3, .lp-steps{ grid-template-columns:repeat(2, minmax(0,1fr)); }
    }

    @media (max-width: 760px){
      .lp-shell{ width:100%; padding-left:12px; padding-right:12px; }
      .lp-topbar__inner{ grid-template-columns:minmax(0,1fr) auto; gap:12px; padding:14px; }
      .lp-brand__title{ font-size:17px; }
      .lp-brand__sub{ max-width:42vw; font-size:13px; }
      .lp-actions > :not(.lp-mobile-btn){ display:none; }
      .lp-hero{ padding:22px; border-radius:26px; }
      .lp-eyebrow{ font-size:12px; }
      .lp-title{ font-size:clamp(34px, 8vw, 56px); }
      .lp-lead{ font-size:21px; }
      .lp-body{ font-size:16px; }
      .lp-metrics, .lp-grid-3, .lp-grid-2, .lp-steps{ grid-template-columns:1fr; }
      .lp-hero__aside, .lp-section{ padding:22px; border-radius:24px; }
      .lp-section__title{ font-size:28px; }
      .lp-step{ padding-left:68px; }
      .lp-btn, .lp-mobile-links a, .lp-mobile-actions a{ width:100%; }
      .lp-hero__actions{ display:grid; grid-template-columns:1fr; }
      .lp-footer{ padding-inline:2px; }
    }

    @media (prefers-reduced-motion: reduce){
      *, *::before, *::after{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }
      html{ background-attachment:scroll; }
    }