
    *, *::before, *::after { box-sizing: border-box; }
    :root {
      --green: #c8e89e;
      --black: #151515;
      --panel: #151515;
      --panel-2: #151515;
      --off-white: #fafafa;
      --muted: #bfbfbf;
      --dim: #bfbfbf;
      --border: rgba(200, 232, 158, 0.18);
      --red: #ff4b3e;
      --max: 1180px;
    }
    body {
      margin: 0;
      min-height: 100vh;
      background:
        linear-gradient(90deg, rgba(200, 232, 158, 0.035) 1px, transparent 1px),
        linear-gradient(rgba(200, 232, 158, 0.03) 1px, transparent 1px),
        linear-gradient(180deg, #151515, #151515 48%, #151515);
      background-size: 44px 44px, 44px 44px, auto;
      color: var(--off-white);
      font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height: 1.6;
    }
    a { color: inherit; }
    .nav {
      border-bottom: 1px solid var(--border);
      background: rgba(21, 21, 21, 0.92);
      backdrop-filter: blur(16px);
    }
    .nav-inner {
      width: min(100%, var(--max));
      margin: 0 auto;
      padding: 18px 24px;
      display: flex;
      justify-content: space-between;
      gap: 18px;
      align-items: center;
    }
    .logo {
      font-family: "Barlow Condensed", Impact, sans-serif;
      font-size: 24px;
      font-weight: 900;
      line-height: 1;
      text-decoration: none;
      text-transform: uppercase;
    }
    .logo span { color: var(--green); }
    .lang {
      color: var(--muted);
      font-family: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
      font-size: 12px;
      text-decoration: none;
      text-transform: uppercase;
    }
    .checkout-shell {
      width: min(100%, var(--max));
      margin: 0 auto;
      padding: 54px 24px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(360px, 0.82fr);
      gap: 28px;
      align-items: start;
    }
    .checkout-panel,
    .summary-panel {
      border: 1px solid var(--border);
      background:
        linear-gradient(180deg, rgba(21, 21, 21, 0.96), rgba(21, 21, 21, 0.96)),
        linear-gradient(90deg, rgba(200, 232, 158, 0.03) 1px, transparent 1px);
      background-size: auto, 28px 28px;
      box-shadow: 0 22px 60px rgba(21, 21, 21, 0.32);
    }
    .checkout-panel { padding: 34px; }
    .summary-panel {
      position: sticky;
      top: 24px;
      padding: 28px;
    }
    .eyebrow,
    .secure-note,
    .summary-kicker {
      font-family: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
      text-transform: uppercase;
      letter-spacing: 0.12em;
    }
    .eyebrow {
      margin: 0 0 14px;
      color: var(--green);
      font-size: 12px;
    }
    h1,
    h2,
    h3 {
      margin: 0;
      font-family: "Barlow Condensed", Impact, sans-serif;
      font-weight: 900;
      line-height: 0.98;
      text-transform: uppercase;
    }
    h1 { max-width: 620px; font-size: 68px; }
    h2 { font-size: 38px; }
    h3 { font-size: 24px; }
    .accent { color: var(--green); }
    .subtext {
      max-width: 680px;
      margin: 18px 0 0;
      color: var(--muted);
      font-size: 18px;
      font-weight: 700;
      line-height: 1.55;
    }
    .checkout-access {
      margin-top: 34px;
      padding: 18px 20px;
      border-left: 4px solid var(--green);
      background: rgba(200, 232, 158, 0.08);
    }
    .checkout-access p {
      margin: 0;
      color: var(--off-white);
      font-size: 18px;
      font-weight: 800;
      line-height: 1.45;
    }
    .checkout-access strong {
      display: block;
      margin-bottom: 6px;
      color: var(--green);
      font-family: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
      font-size: 12px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .pay-box {
      margin-top: 28px;
      padding: 22px;
      border: 1px solid rgba(200, 232, 158, 0.32);
      background: rgba(200, 232, 158, 0.06);
    }
    .price-row {
      display: flex;
      justify-content: space-between;
      gap: 16px;
      align-items: baseline;
      margin-bottom: 18px;
      color: var(--off-white);
      font-weight: 800;
    }
    .price { color: var(--green); font-size: 28px; }
    .btn {
      display: flex;
      width: 100%;
      min-height: 56px;
      align-items: center;
      justify-content: center;
      border: 0;
      background: var(--green);
      color: var(--black);
      font-family: "Barlow Condensed", Impact, sans-serif;
      font-size: 22px;
      font-weight: 900;
      text-decoration: none;
      text-transform: uppercase;
      box-shadow: 5px 5px 0 rgba(200, 232, 158, 0.2);
    }
    .secure-note {
      margin: 14px 0 0;
      color: var(--dim);
      font-size: 11px;
      line-height: 1.6;
    }
    .checkout-progress {
      display: flex;
      flex-wrap: wrap;
      gap: 8px 14px;
      margin: 0 0 28px;
      color: var(--dim);
      font-family: "DM Mono", ui-monospace, monospace;
      font-size: 10px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .checkout-progress strong { color: var(--green); }
    .goal-confirmation,
    .checkout-reassurance {
      margin-top: 18px;
      padding: 16px 18px;
      border: 1px solid rgba(200, 232, 158, 0.24);
      background: rgba(200, 232, 158, 0.045);
      color: #bfbfbf;
      font-size: 13px;
      line-height: 1.55;
    }
    .goal-confirmation strong,
    .checkout-reassurance strong { color: var(--off-white); }
    .checkout-reassurance { display: grid; gap: 8px; }
    .product-card {
      padding-bottom: 22px;
      border-bottom: 1px solid var(--border);
    }
    .summary-kicker {
      margin: 0 0 6px;
      color: var(--dim);
      font-size: 11px;
    }
    .summary-sub {
      margin: 10px 0 0;
      color: var(--muted);
      font-size: 14px;
      font-weight: 700;
      line-height: 1.5;
    }
    .summary-heading {
      margin: 24px 0 0;
      color: var(--green);
      font-family: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
    }
    .summary-list {
      display: grid;
      gap: 12px;
      margin: 18px 0 26px;
      padding: 0;
      list-style: none;
    }
    .summary-list li {
      display: grid;
      grid-template-columns: 20px minmax(0, 1fr);
      gap: 10px;
      color: #bfbfbf;
      font-size: 15px;
      font-weight: 700;
      line-height: 1.5;
    }
    .summary-list li::before {
      content: ">";
      color: var(--green);
      font-family: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
      font-weight: 700;
    }
    .totals {
      border-top: 1px solid var(--border);
      padding-top: 20px;
      display: grid;
      gap: 10px;
      color: var(--muted);
      font-weight: 700;
    }
    .totals div {
      display: flex;
      justify-content: space-between;
      gap: 12px;
    }
    .totals div[hidden] {
      display: none;
    }

    .total {
      color: var(--off-white);
      font-size: 20px;
    }
    @media (max-width: 900px) {
      .checkout-shell { grid-template-columns: 1fr; }
      .summary-panel { position: static; }
      h1 { font-size: 48px; }
    }
    @media (max-width: 520px) {
      .checkout-shell { padding: 32px 18px; }
      .checkout-panel,
      .summary-panel { padding: 22px; }
      h1 { font-size: 39px; }
    }
  
.funnel-actions {display:grid;gap:18px;margin-top:28px;}
.funnel-actions .btn {width:100%;white-space:normal;text-align:center;line-height:1.2;}
.funnel-skip {color:var(--muted);font:600 15px/1.6 Inter,sans-serif;text-align:center;text-underline-offset:5px;padding:10px;}
.funnel-skip:hover {color:var(--green);}
.funnel-price {display:block;color:var(--green);font:900 clamp(38px,6vw,62px)/1.1 'Barlow Condensed',sans-serif;margin:24px 0 8px;}
.funnel-note {color:var(--muted);font:14px/1.7 Inter,sans-serif;margin:16px 0;}
.funnel-includes {padding-left:20px;color:var(--muted);font:16px/1.7 Inter,sans-serif;}
.funnel-includes li {margin:14px 0;}
.funnel-cart {margin:22px 0;}
.funnel-page .btn-green {display:inline-block;border:1px solid var(--green);background:var(--green);color:var(--black);padding:16px 22px;font:900 22px/1.2 'Barlow Condensed',sans-serif;cursor:pointer;text-decoration:none;white-space:normal;}
.funnel-page .btn-ghost {display:inline-block;border:1px solid var(--green);background:transparent;color:var(--green);padding:14px 20px;font:700 17px/1.4 Inter,sans-serif;cursor:pointer;text-decoration:none;}
.funnel-page :focus-visible {outline:2px solid var(--green);outline-offset:5px;}
.funnel-page .learning-product-grid {grid-template-columns:1fr;}
.funnel-page .learning-product {padding:0;border:0;background:transparent;}
.funnel-page .learning-product h3 {font-size:30px;margin:0;}
.funnel-page .learning-product .path-badge {text-transform:none;letter-spacing:normal;}
.funnel-page .learning-product .path-price {margin:12px 0 20px;font-size:30px;}
.funnel-page .summary-panel {position:static;}
@media(max-width:520px){.price-row {flex-wrap:wrap;}.funnel-page .checkout-shell {padding:24px 16px;}.funnel-page .checkout-panel,.funnel-page .summary-panel {padding:22px 18px;}}
