/* Homepage marketing components shared by Forje public guides. */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root{--bg:#080806;--surface:#0f0e0b;--surface2:#181510;--border:rgba(201,169,110,0.12);--border-dim:rgba(255,255,255,0.06);--text:#f0ede8;--muted:rgba(240,237,232,0.42);--accent:#c9a96e;--accent-dim:rgba(201,169,110,0.08);--accent-border:rgba(201,169,110,0.22);--green:         #4ade80;--red:           #f87171;}

    html { scroll-behavior: smooth; }

    body {
      background: var(--bg);
      color: var(--text);
      font-family: "DM Sans", sans-serif;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }

    /* ══ NAV ══ */
    nav {
      position: fixed; top: 0; left: 0; right: 0; z-index: 100;
      display: flex; align-items: center; justify-content: space-between;
      padding: 0 32px; height: 64px;
      background: rgba(8,8,6,0.88);
      backdrop-filter: blur(14px);
      border-bottom: 1px solid var(--border-dim);
      transition: padding 0.3s;
    }

    .nav-logo {
      font-family: "Syne", sans-serif;
      font-size: 19px; font-weight: 800;
      letter-spacing: 0; text-transform: none;
      color: var(--accent); text-decoration: none;
    }

    .nav-links { display: flex; align-items: center; gap: 36px; list-style: none; }
    .nav-links a { font-size: 13px; color: var(--muted); text-decoration: none; letter-spacing: 0.03em; transition: color 0.18s; }
    .nav-links a:hover { color: var(--text); }

    .nav-cta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      padding: 9px 22px !important;
      background: var(--accent) !important;
      color: var(--bg) !important;
      border-radius: 100px;
      font-weight: 600 !important;
      transition: filter 0.2s !important;
    }
    .nav-links li:has(.nav-cta) { display: flex; align-items: center; }
    .nav-cta:hover { filter: brightness(1.1); color: var(--bg) !important; }

    .hamburger { display: none; background: none; border: none; cursor: pointer; color: var(--muted); }

    /* ══ HERO ══ */
    .hero {
      min-height: 100vh;
      display: flex; flex-direction: column;
      align-items: center; justify-content: center;
      text-align: center;
      padding: 130px 24px 80px;
      position: relative; overflow: hidden;
    }

    /* animated ambient glow */
    .hero-glow {
      position: absolute; top: 15%; left: 50%;
      transform: translateX(-50%);
      width: 800px; height: 600px;
      background: radial-gradient(ellipse at center, rgba(201,169,110,0.07) 0%, transparent 65%);
      animation: breathe 7s ease-in-out infinite;
      pointer-events: none;
    }

    @keyframes breathe {
      0%,100% { transform: translateX(-50%) scale(1); opacity: 0.7; }
      50% { transform: translateX(-50%) scale(1.2); opacity: 1; }
    }

    /* grid pattern */
    .hero-grid {
      position: absolute; inset: 0;
      background-image:
        linear-gradient(rgba(201,169,110,0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(201,169,110,0.025) 1px, transparent 1px);
      background-size: 52px 52px;
      pointer-events: none;
    }

    /* vignette */
    .hero-vignette {
      position: absolute; inset: 0;
      background: radial-gradient(ellipse at center, transparent 40%, rgba(8,8,6,0.8) 100%);
      pointer-events: none;
    }

    .hero-eyebrow {
      display: inline-flex; align-items: center; gap: 8px;
      padding: 6px 18px;
      background: var(--accent-dim);
      border: 1px solid var(--accent-border);
      border-radius: 100px;
      font-size: 11px; color: var(--accent);
      letter-spacing: 0.12em; text-transform: uppercase; font-weight: 600;
      margin-bottom: 30px;
      position: relative; z-index: 2;
      animation: fadeUp 0.7s cubic-bezier(0.16,1,0.3,1) both;
    }

    .pulse-dot {
      width: 6px; height: 6px; border-radius: 50%;
      background: var(--accent);
      animation: pulseDot 2s ease-in-out infinite;
    }

    @keyframes pulseDot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.3;transform:scale(0.7)} }

    h1 {
      font-family: "Syne", sans-serif;
      font-size: clamp(28px, 7.5vw, 88px);
      font-weight: 800;
      letter-spacing: -0.035em;
      line-height: 0.95;
      margin-bottom: 28px;
      position: relative; z-index: 2;
      animation: fadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.1s both;
    }

    h1 .gold { color: var(--accent); }
    h1 .dim { color: rgba(240,237,232,0.3); font-weight: 400; }

    .hero-sub {
      font-size: clamp(15px, 2.2vw, 18px);
      color: var(--muted);
      max-width: 500px; line-height: 1.75;
      margin-bottom: 44px;
      position: relative; z-index: 2;
      animation: fadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.2s both;
    }

    .hero-btns {
      display: flex; gap: 12px; flex-wrap: wrap; justify-content: center;
      position: relative; z-index: 2;
      animation: fadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.3s both;
    }

    .hero-product-photo {
      width: min(760px, calc(100vw - 40px));
      margin: 42px auto 0;
      position: relative;
      z-index: 2;
      border-radius: 18px;
      overflow: hidden;
      border: 1px solid rgba(201,169,110,0.22);
      box-shadow: 0 34px 110px rgba(0,0,0,0.55);
      background: #111;
      animation: fadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.4s both;
    }
    .hero-product-photo img {
      width: 100%;
      display: block;
      aspect-ratio: 16 / 10;
      object-fit: cover;
      object-position: 50% 58%;
    }
    @media(max-width:700px){
      .hero-product-photo { width: min(100%, calc(100vw - 28px)); margin-top: 32px; border-radius: 14px; }
      .hero-product-photo img { aspect-ratio: 4 / 3; object-position: 52% 58%; }
    }

    .btn-gold {
      display: inline-flex; align-items: center; gap: 9px;
      padding: 15px 30px;
      background: var(--accent); color: var(--bg);
      border: none; border-radius: 100px;
      font-family: "Syne", sans-serif;
      font-size: 14px; font-weight: 700; letter-spacing: 0.04em;
      text-decoration: none; cursor: pointer;
      transition: filter 0.2s, transform 0.15s;
    }
    .btn-gold:hover { filter: brightness(1.1); transform: translateY(-1px); }
    .btn-gold svg { width: 15px; height: 15px; }

    .btn-outline {
      display: inline-flex; align-items: center; gap: 8px;
      padding: 15px 30px;
      background: transparent; color: var(--text);
      border: 1px solid var(--border-dim);
      border-radius: 100px;
      font-size: 14px; font-weight: 400;
      text-decoration: none;
      transition: border-color 0.2s, color 0.2s;
    }
    .btn-outline:hover { border-color: var(--accent-border); color: var(--accent); }

    /* NFC Animation */
    .nfc-visual {
      position: relative; width: 130px; height: 130px;
      margin: 64px auto 0;
      z-index: 2;
      animation: fadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.4s both;
    }

    .ring {
      position: absolute; border-radius: 50%;
      border: 1.5px solid rgba(201,169,110,0.5);
      top: 50%; left: 50%;
      transform: translate(-50%,-50%);
      animation: ringExpand 3s ease-out infinite;
    }
    .ring:nth-child(1) { width: 24px;  height: 24px;  animation-delay: 0s; }
    .ring:nth-child(2) { width: 52px;  height: 52px;  animation-delay: 0.5s; }
    .ring:nth-child(3) { width: 82px;  height: 82px;  animation-delay: 1s; }
    .ring:nth-child(4) { width: 112px; height: 112px; animation-delay: 1.5s; }

    @keyframes ringExpand {
      0%   { opacity: 0.8; transform: translate(-50%,-50%) scale(0.7); }
      100% { opacity: 0;   transform: translate(-50%,-50%) scale(1.4); }
    }

    .nfc-core {
      position: absolute; top: 50%; left: 50%;
      transform: translate(-50%,-50%);
      width: 18px; height: 18px;
      border-radius: 50%; background: var(--accent);
      box-shadow: 0 0 20px rgba(201,169,110,0.5);
    }

    /* ══ DIVIDER ══ */
    .hr {
      width: 100%; height: 1px;
      background: linear-gradient(90deg, transparent, var(--accent-border), transparent);
    }

    /* ══ SECTIONS ══ */
    .section {
      max-width: 1080px; margin: 0 auto;
      padding: 96px 32px;
    }

    .eyebrow {
      font-size: 10.5px; text-transform: uppercase;
      letter-spacing: 0.14em; color: var(--accent);
      font-weight: 600; margin-bottom: 14px;
    }

    h2 {
      font-family: "Syne", sans-serif;
      font-size: clamp(28px, 4.5vw, 46px);
      font-weight: 800; letter-spacing: -0.025em;
      line-height: 1.08; margin-bottom: 16px;
    }

    .section-sub {
      font-size: 16px; color: var(--muted);
      max-width: 480px; line-height: 1.75;
      margin-bottom: 56px;
    }

    /* ══ HOW IT WORKS ══ */
    .steps {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 2px;
      background: var(--border-dim);
      border: 1px solid var(--border-dim);
      border-radius: 22px; overflow: hidden;
    }

    .step {
      background: var(--surface);
      padding: 36px 28px;
      transition: background 0.2s;
    }
    .step:hover { background: var(--surface2); }

    .step-num {
      font-family: "Syne", sans-serif;
      font-size: 44px; font-weight: 800;
      color: rgba(201,169,110,0.18);
      line-height: 1; margin-bottom: 18px;
    }

    .step-icon {
      width: 44px; height: 44px; border-radius: 12px;
      background: var(--accent-dim);
      border: 1px solid var(--accent-border);
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 18px;
    }
    .step-icon svg { width: 22px; height: 22px; color: var(--accent); }

    .step-title {
      font-family: "Syne", sans-serif;
      font-size: 17px; font-weight: 700;
      margin-bottom: 10px;
    }

    .step-body { font-size: 14px; color: var(--muted); line-height: 1.65; }

    /* ══ FEATURES ══ */
    .features-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 14px;
    }
    /* 5-item features grid: 3 on top, 2 centered below */
    .features-grid .feat { grid-column: span 2; }
    .features-grid.grid-5 .feat:nth-child(4) { grid-column: 2 / span 2; }
    .features-grid.grid-5 .feat:nth-child(5) { grid-column: 4 / span 2; }
    /* 4-item grid: 2x2 */
    .features-grid.grid-4 { grid-template-columns: repeat(2, 1fr); }
    .features-grid.grid-4 .feat { grid-column: span 1; }

    .feat {
      background: var(--surface);
      border: 1px solid var(--border-dim);
      border-radius: 20px; padding: 32px;
      transition: border-color 0.2s, transform 0.2s;
    }
    .feat:hover { border-color: var(--accent-border); transform: translateY(-2px); }
    .feat.star {
      border-color: var(--accent-border);
      background: linear-gradient(140deg, var(--surface) 0%, rgba(201,169,110,0.05) 100%);
    }

    .feat-icon {
      width: 48px; height: 48px; border-radius: 13px;
      background: var(--accent-dim);
      border: 1px solid var(--accent-border);
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 20px;
    }
    .feat-icon svg { width: 24px; height: 24px; color: var(--accent); }

    .feat-title {
      font-family: "Syne", sans-serif;
      font-size: 18px; font-weight: 700; margin-bottom: 10px;
    }
    .feat-body { font-size: 14px; color: var(--muted); line-height: 1.65; }

    .feat-badge {
      display: inline-flex; align-items: center; gap: 5px;
      margin-top: 14px; padding: 4px 12px;
      background: var(--accent-dim);
      border: 1px solid var(--accent-border);
      border-radius: 100px;
      font-size: 11px; color: var(--accent); font-weight: 500;
    }

    /* ══ COMPARISON ══ */
    .comp-table {
      background: var(--surface);
      border: 1px solid var(--border-dim);
      border-radius: 20px; overflow: hidden;
    }

    .comp-head {
      display: grid; grid-template-columns: 1.4fr 1fr 1fr;
      border-bottom: 1px solid var(--border-dim);
    }

    .ch {
      padding: 18px 24px;
      font-family: "Syne", sans-serif;
      font-size: 13px; font-weight: 700;
      border-right: 1px solid var(--border-dim);
    }
    .ch:last-child { border-right: none; }
    .ch.hi { background: var(--accent-dim); color: var(--accent); }

    .comp-row {
      display: grid; grid-template-columns: 1.4fr 1fr 1fr;
      border-bottom: 1px solid var(--border-dim);
    }
    .comp-row:last-child { border-bottom: none; }

    .cc {
      padding: 15px 24px;
      font-size: 13.5px; color: var(--muted);
      border-right: 1px solid var(--border-dim);
      display: flex; align-items: center; gap: 8px;
    }
    .cc:last-child { border-right: none; }
    .cc.hi { background: rgba(201,169,110,0.025); color: var(--text); }
    .cc.label { font-weight: 500; color: var(--text); }

    .ck { color: var(--green); font-size: 15px; }
    .cx { color: var(--red);   font-size: 15px; }
    .cm { color: var(--accent); font-size: 13px; }

    /* ══ PERSONAS ══ */
    .personas {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .persona {
      background: var(--surface);
      border: 1px solid var(--border-dim);
      border-radius: 18px; padding: 28px 22px;
      text-align: center;
      transition: border-color 0.2s, transform 0.2s;
    }
    .persona:hover { border-color: var(--accent-border); transform: translateY(-2px); }
    .persona-icon {
      width: 44px; height: 44px;
      margin: 0 auto 16px;
      background: rgba(201,169,110,0.08);
      border: 1px solid rgba(201,169,110,0.18);
      border-radius: 12px;
      display: flex; align-items: center; justify-content: center;
    }
    .persona-icon svg { width: 20px; height: 20px; }
    .persona-title { font-family: "Syne", sans-serif; font-size: 15px; font-weight: 700; margin-bottom: 8px; }
    .persona-body { font-size: 13px; color: var(--muted); line-height: 1.55; }
    .persona-tags { display:flex; flex-wrap:wrap; gap:6px; justify-content:center; margin-top:14px; }
    .persona-tag { font-size:10px; line-height:1; color:var(--accent); background:var(--accent-dim); border:1px solid var(--accent-border); border-radius:999px; padding:6px 8px; white-space:nowrap; }

    /* ══ STATS ══ */
    .stats {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 2px;
      background: var(--border-dim);
      border: 1px solid var(--border-dim);
      border-radius: 20px; overflow: hidden;
      margin-top: 64px;
    }

    .stat {
      background: var(--surface);
      padding: 36px 28px; text-align: center;
    }

    .stat-num {
      font-family: "Syne", sans-serif;
      font-size: 42px; font-weight: 800;
      color: var(--accent); line-height: 1;
      margin-bottom: 8px;
    }

    .stat-label { font-size: 13px; color: var(--muted); }

    /* ══ CTA / CONTACT ══ */
    .cta-wrap {
      text-align: center;
      padding: 100px 24px;
      position: relative; overflow: hidden;
    }

    .cta-glow {
      position: absolute; top: 50%; left: 50%;
      transform: translate(-50%,-50%);
      width: 600px; height: 400px;
      background: radial-gradient(ellipse, rgba(201,169,110,0.08) 0%, transparent 65%);
      pointer-events: none;
    }

    .cta-wrap h2 { position: relative; z-index: 1; margin-bottom: 16px; }
    .cta-wrap .section-sub { margin: 0 auto 40px; position: relative; z-index: 1; }

    .contact-form {
      max-width: 440px; margin: 0 auto;
      display: flex; flex-direction: column; gap: 10px;
      position: relative; z-index: 1;
    }

    .f-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

    .f-in {
      width: 100%;
      background: var(--surface);
      border: 1px solid var(--border-dim);
      border-radius: 12px;
      padding: 13px 16px;
      font-size: 14px; color: var(--text);
      font-family: "DM Sans", sans-serif;
      outline: none;
      transition: border-color 0.18s;
    }
    .f-in:focus { border-color: var(--accent); }
    .f-in::placeholder { color: var(--muted); }
    textarea.f-in { resize: vertical; min-height: 90px; }

    .btn-submit {
      width: 100%; padding: 15px;
      background: var(--accent); color: var(--bg);
      border: none; border-radius: 12px;
      font-family: "Syne", sans-serif;
      font-size: 14px; font-weight: 700;
      letter-spacing: 0.04em; cursor: pointer;
      transition: filter 0.2s;
    }
    .btn-submit:hover { filter: brightness(1.1); }

    /* ══ COLORS ══ */
    .color-strip {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      max-width: 680px;
      margin: 0 auto;
    }
    @media (max-width: 540px) {
      .color-strip {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
      }
    }

    .color-tile {
      background: var(--surface);
      border: 1px solid var(--border-dim);
      border-radius: 20px;
      padding: 28px 20px;
      text-align: center;
      cursor: pointer;
      transition: border-color 0.2s, transform 0.2s;
    }
    .color-tile:hover { border-color: var(--accent-border); transform: translateY(-2px); }

    .color-puck {
      width: 56px; height: 56px; border-radius: 50%;
      margin: 0 auto 16px;
      border: 2px solid rgba(255,255,255,0.1);
      box-shadow: 0 8px 20px rgba(0,0,0,0.3);
    }

    .color-name {
      font-family: "Syne", sans-serif;
      font-size: 14px; font-weight: 700;
      margin-bottom: 8px;
    }

    .color-desc { font-size: 12px; color: var(--muted); line-height: 1.55; }

    /* ══ FOOTER ══ */
    .footer {
      border-top: 1px solid var(--border-dim);
      padding: 36px 48px;
      display: flex; align-items: center;
      justify-content: space-between; flex-wrap: wrap; gap: 14px;
      max-width: 1080px; margin: 0 auto;
    }

    .footer-logo {
      font-family: "Syne", sans-serif;
      font-size: 16px; font-weight: 800;
      letter-spacing: 0.12em; color: var(--accent);
      text-transform: uppercase;
    }

    .footer-links { display: flex; gap: 24px; }
    .footer-links a { font-size: 12px; color: var(--muted); text-decoration: none; transition: color 0.18s; }
    .footer-links a:hover { color: var(--text); }

    .footer-copy { font-size: 12px; color: rgba(240,237,232,0.18); }

    /* ══ SCROLL REVEAL ══ */
    .reveal { opacity: 1; transform: none; }
    .reveal.in { opacity: 1; transform: none; }
    .reveal-d1, .reveal-d2, .reveal-d3 { transition-delay: 0s; }

    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(22px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    /* ══ TOAST ══ */
    .toast {
      position: fixed; bottom: 24px; left: 50%;
      transform: translateX(-50%) translateY(60px);
      background: var(--surface);
      border: 1px solid var(--accent-border);
      border-radius: 100px;
      padding: 10px 22px;
      font-size: 13px; color: var(--accent);
      opacity: 0;
      transition: all 0.3s cubic-bezier(0.16,1,0.3,1);
      pointer-events: none; z-index: 500; white-space: nowrap;
    }
    .toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

    /* ══ MOBILE ══ */
    @media (max-width: 720px) {
      nav { padding: 16px 22px; }
      .nav-links { display: none; flex-direction: column; position: absolute; top: 60px; left: 0; right: 0; background: rgba(8,8,6,0.97); border-bottom: 1px solid var(--border-dim); padding: 20px 24px; gap: 20px; }
      .nav-links.open { display: flex; }
      .hamburger { display: block; }
      .section { padding: 64px 20px; }
      .footer { padding: 28px 20px; flex-direction: column; align-items: flex-start; }
      .footer-links { flex-wrap: wrap; gap: 16px; }
      .comp-head, .comp-row { grid-template-columns: 1.2fr 1fr 1fr; }
      .ch, .cc { padding: 12px 10px; font-size: 12px; }
      .f-row { grid-template-columns: 1fr; }
      h1 { font-size: clamp(26px, 9.5vw, 48px); letter-spacing: -0.025em; }
      .hero { overflow-x: hidden; }
      /* Flatten all grids to single column on mobile */
      .features-grid,
      .features-grid.grid-4,
      .features-grid.grid-5 { grid-template-columns: 1fr; }
      .features-grid .feat,
      .features-grid.grid-5 .feat:nth-child(4),
      .features-grid.grid-5 .feat:nth-child(5) { grid-column: span 1; }
      .personas { grid-template-columns: 1fr 1fr; }
      .personas .persona:nth-child(7) { grid-column: span 1; }
    }

    /* ── CONTACT MODAL ── */
    .contact-overlay {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(8,8,6,0.8);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      z-index: 500;
      align-items: flex-end;
      justify-content: center;
      padding: 0;
    }
    .contact-overlay.open { display: flex; }
    @media(min-width:600px) {
      .contact-overlay { align-items: center; }
      .contact-sheet { border-radius: 20px !important; max-width: 440px; margin: 0 auto; }
    }
    .contact-sheet {
      width: 100%;
      background: #121210;
      border: 1px solid rgba(240,237,232,0.1);
      border-radius: 24px 24px 0 0;
      padding: 28px 24px 40px;
      transform: translateY(100%);
      transition: transform 0.35s cubic-bezier(0.16,1,0.3,1);
    }
    .contact-overlay.open .contact-sheet { transform: translateY(0); }
    .contact-sheet-handle {
      width: 36px; height: 4px;
      background: rgba(240,237,232,0.15);
      border-radius: 100px;
      margin: 0 auto 22px;
    }
    .contact-sheet h3 {
      font-family: 'Syne', sans-serif;
      font-size: 20px;
      font-weight: 800;
      color: var(--text);
      margin-bottom: 4px;
    }
    .contact-sheet p {
      font-size: 13px;
      color: rgba(240,237,232,0.45);
      margin-bottom: 20px;
    }
    .cs-field {
      width: 100%;
      background: rgba(240,237,232,0.05);
      border: 1px solid rgba(240,237,232,0.1);
      border-radius: 12px;
      padding: 12px 14px;
      font-size: 14px;
      color: var(--text);
      font-family: 'DM Sans', sans-serif;
      outline: none;
      box-sizing: border-box;
      margin-bottom: 10px;
      transition: border-color 0.15s;
    }
    .cs-field:focus { border-color: rgba(201,169,110,0.5); }
    .cs-field::placeholder { color: rgba(240,237,232,0.3); }
    .cs-submit {
      width: 100%;
      padding: 14px;
      background: var(--accent);
      color: var(--bg);
      border: none;
      border-radius: 12px;
      font-family: 'Syne', sans-serif;
      font-size: 14px;
      font-weight: 700;
      cursor: pointer;
      margin-top: 4px;
      transition: opacity 0.15s;
    }
    .cs-submit:hover { opacity: 0.88; }
    .cs-submit:disabled { opacity: 0.4; cursor: not-allowed; }
      .forje-brand{display:inline-flex;align-items:center;gap:7px;text-decoration:none}
    .forje-brand svg{width:18px;height:18px;flex:0 0 18px;display:block}
    .forje-wordmark{font-family:"Syne",sans-serif!important;font-size:19px!important;font-weight:800!important;letter-spacing:0!important;line-height:1!important;display:inline-flex!important;align-items:baseline!important;white-space:nowrap!important;text-transform:none!important}
  
    /* FORJE HOMEPAGE V2 - product-first cleanup */
    .v2-page {
      background: var(--bg);
      color: var(--text);
    }
    .v2-shell {
      width: min(1180px, calc(100vw - 40px));
      margin: 0 auto;
    }
    .v2-hero {
      min-height: auto;
      padding: 108px 0 54px;
      text-align: left;
      position: relative;
    }
    .v2-hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 0.95fr) minmax(360px, 1.05fr);
      gap: 48px;
      align-items: center;
    }
    .v2-eyebrow {
      font-size: 11px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--accent);
      font-weight: 800;
      margin-bottom: 14px;
    }
    .v2-hero h1 {
      font-family: "Syne", sans-serif;
      font-size: clamp(42px, 6.3vw, 82px);
      line-height: 0.94;
      letter-spacing: 0;
      margin: 0 0 22px;
      max-width: 720px;
    }
    .v2-hero h1 span { color: var(--accent); }
    .v2-lede {
      font-size: clamp(16px, 1.6vw, 20px);
      line-height: 1.55;
      color: rgba(240,237,232,0.74);
      max-width: 620px;
      margin-bottom: 28px;
    }
    .v2-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 12px;
      margin-bottom: 20px;
    }
    .v2-proof-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      color: rgba(240,237,232,0.72);
      font-size: 13px;
    }
    .v2-proof-row span {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 8px 11px;
      border: 1px solid rgba(255,255,255,0.08);
      background: rgba(255,255,255,0.035);
      border-radius: 999px;
    }
    .v2-proof-row b { color: var(--accent); font-weight: 800; }
    .v2-product-visual {
      border-radius: 18px;
      overflow: hidden;
      border: 1px solid rgba(201,169,110,0.24);
      background: #16130f;
      box-shadow: 0 34px 90px rgba(0,0,0,0.42);
    }
    .v2-product-visual img {
      display: block;
      width: 100%;
      aspect-ratio: 4 / 5;
      object-fit: cover;
      object-position: center 48%;
    }
    .v2-caption {
      display: flex;
      justify-content: space-between;
      gap: 20px;
      padding: 14px 16px;
      border-top: 1px solid rgba(255,255,255,0.06);
      color: rgba(240,237,232,0.68);
      font-size: 13px;
      background: rgba(8,8,6,0.9);
    }
    .v2-caption strong { color: var(--text); }
    .v2-band {
      padding: 72px 0;
      border-top: 1px solid rgba(255,255,255,0.07);
    }
    .v2-band.light {
      background: #f4f1ea;
      color: #11100d;
    }
    .v2-band.light .v2-eyebrow { color: #8a6d34; }
    .v2-band.light .v2-section-head p,
    .v2-band.light .v2-card p,
    .v2-band.light .v2-list li,
    .v2-band.light .v2-faq p {
      color: rgba(17,16,13,0.66);
    }
    .v2-section-head {
      display: flex;
      justify-content: space-between;
      align-items: end;
      gap: 32px;
      margin-bottom: 28px;
    }
    .v2-section-head h2 {
      font-family: "Syne", sans-serif;
      font-size: clamp(30px, 4vw, 52px);
      line-height: 1.02;
      letter-spacing: 0;
      margin: 0;
      max-width: 740px;
    }
    .v2-section-head p {
      max-width: 420px;
      color: rgba(240,237,232,0.66);
      line-height: 1.6;
      font-size: 15px;
    }
    .v2-product-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    .v2-card {
      border: 1px solid rgba(255,255,255,0.09);
      background: #100f0c;
      border-radius: 8px;
      padding: 24px;
      min-height: 300px;
      display: flex;
      flex-direction: column;
      gap: 14px;
    }
    .v2-band.light .v2-card {
      background: #fffdf8;
      border-color: rgba(17,16,13,0.12);
      box-shadow: 0 12px 40px rgba(17,16,13,0.06);
    }
    .v2-card.featured { border-color: rgba(201,169,110,0.42); }
    .v2-card-kicker {
      color: var(--accent);
      text-transform: uppercase;
      letter-spacing: 0.14em;
      font-size: 10.5px;
      font-weight: 800;
    }
    .v2-band.light .v2-card-kicker { color: #8a6d34; }
    .v2-card h3 {
      font-family: "Syne", sans-serif;
      font-size: 24px;
      line-height: 1.08;
      letter-spacing: 0;
      margin: 0;
    }
    .v2-price {
      font-family: "Syne", sans-serif;
      font-size: 34px;
      line-height: 1;
      color: var(--accent);
      font-weight: 800;
    }
    .v2-price small {
      font-family: "DM Sans", sans-serif;
      color: rgba(240,237,232,0.48);
      font-size: 13px;
      font-weight: 500;
    }
    .v2-band.light .v2-price small { color: rgba(17,16,13,0.48); }
    .v2-list {
      list-style: none;
      display: grid;
      gap: 9px;
      margin: 0;
      padding: 0;
    }
    .v2-list li {
      color: rgba(240,237,232,0.66);
      font-size: 14px;
      line-height: 1.45;
      padding-left: 18px;
      position: relative;
    }
    .v2-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.58em;
      width: 7px;
      height: 7px;
      background: var(--accent);
      border-radius: 50%;
    }
    .v2-card .btn-gold,
    .v2-card .btn-outline { margin-top: auto; justify-content: center; }
    .v2-steps {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }
    .v2-step {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 8px;
      padding: 24px;
    }
    .v2-step-num {
      width: 36px;
      height: 36px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: var(--accent);
      color: var(--bg);
      font-family: "Syne", sans-serif;
      font-weight: 800;
      margin-bottom: 20px;
    }
    .v2-step h3 {
      font-family: "Syne", sans-serif;
      font-size: 20px;
      margin: 0 0 8px;
      letter-spacing: 0;
    }
    .v2-step p {
      color: rgba(240,237,232,0.66);
      line-height: 1.55;
      font-size: 14.5px;
    }
    .v2-profile-grid {
      display: grid;
      grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);
      gap: 36px;
      align-items: center;
    }
    .v2-phone-demo {
      max-width: 330px;
      margin: 0 auto;
      border: 10px solid #111;
      border-radius: 34px;
      background: #fff;
      overflow: hidden;
      box-shadow: 0 30px 70px rgba(0,0,0,0.18);
    }
    .v2-phone-cover {
      height: 130px;
      background: linear-gradient(135deg, #11100d, #c9a96e);
      display: flex;
      align-items: end;
      padding: 18px;
      color: #fff;
      font-family: "Syne", sans-serif;
      font-weight: 800;
      font-size: 28px;
    }
    .v2-phone-body { padding: 18px; }
    .v2-phone-pill {
      height: 48px;
      border-radius: 8px;
      background: #f2f2f2;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      padding: 0 14px;
      color: #111;
      font-size: 12px;
      font-weight: 700;
    }
    .v2-phone-socials {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 8px;
      margin-top: 18px;
    }
    .v2-phone-socials span {
      aspect-ratio: 1;
      border-radius: 8px;
      background: #f2f2f2;
      display: grid;
      place-items: center;
      color: #8a6d34;
      font-size: 12px;
      font-weight: 800;
    }
    .v2-mini-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }
    .v2-mini {
      background: #fffdf8;
      border: 1px solid rgba(17,16,13,0.12);
      border-radius: 8px;
      padding: 18px;
    }
    .v2-mini h3 {
      font-family: "Syne", sans-serif;
      font-size: 18px;
      margin: 0 0 7px;
      letter-spacing: 0;
    }
    .v2-mini p {
      color: rgba(17,16,13,0.66);
      font-size: 14px;
      line-height: 1.5;
    }
    .v2-use-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }
    .v2-use {
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 8px;
      background: rgba(255,255,255,0.04);
      padding: 18px;
    }
    .v2-use h3 {
      font-family: "Syne", sans-serif;
      font-size: 17px;
      margin: 0 0 8px;
      letter-spacing: 0;
    }
    .v2-use p {
      color: rgba(240,237,232,0.62);
      font-size: 13.5px;
      line-height: 1.5;
    }
    .v2-faq-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }
    .v2-faq {
      background: #fffdf8;
      border: 1px solid rgba(17,16,13,0.12);
      border-radius: 8px;
      padding: 20px;
    }
    .v2-faq h3 {
      font-family: "Syne", sans-serif;
      font-size: 17px;
      margin: 0 0 8px;
      letter-spacing: 0;
    }
    .v2-faq p {
      font-size: 14px;
      line-height: 1.55;
    }
    .v2-final {
      padding: 70px 0;
      text-align: center;
      border-top: 1px solid rgba(255,255,255,0.07);
    }
    .v2-final h2 {
      font-family: "Syne", sans-serif;
      font-size: clamp(34px, 5vw, 64px);
      line-height: 1;
      letter-spacing: 0;
      margin: 0 0 16px;
    }
    .v2-final p {
      color: rgba(240,237,232,0.66);
      line-height: 1.6;
      font-size: 16px;
      max-width: 560px;
      margin: 0 auto 24px;
    }
    @media (max-width: 920px) {
      .v2-shell { width: min(100% - 28px, 1180px); }
      .v2-hero { padding-top: 92px; }
      .v2-hero-grid,
      .v2-profile-grid,
      .v2-section-head {
        grid-template-columns: 1fr;
        display: grid;
      }
      .v2-product-grid,
      .v2-steps,
      .v2-use-grid,
      .v2-faq-grid {
        grid-template-columns: 1fr;
      }
      .v2-mini-grid { grid-template-columns: 1fr; }
      .v2-section-head { gap: 12px; }
      .v2-caption { flex-direction: column; gap: 6px; }
      .nav-links { gap: 18px; }
    }
    @media (max-width: 760px) {
      .nav-links {
        position: fixed;
        top: 64px;
        left: 0;
        right: 0;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 10px 18px 18px;
        background: rgba(8,8,6,0.98);
        border-bottom: 1px solid var(--border-dim);
      }
      .nav-links.open { display: flex; }
      .nav-links li a {
        display: block;
        padding: 13px 0;
      }
      .hamburger { display: block; }
      .v2-hero h1 { font-size: clamp(38px, 12vw, 56px); }
      .v2-band { padding: 54px 0; }
      .footer { padding: 28px 20px; }
    }

  
    /* FORJE HOMEPAGE V2 - spacing refinement */
    .v2-shell {
      width: min(1080px, calc(100vw - 56px));
    }
    .v2-hero {
      padding-bottom: 82px;
    }
    .v2-band {
      padding: 104px 0;
      border-top-color: rgba(255,255,255,0.055);
    }
    .v2-band.light {
      box-shadow: inset 0 1px 0 rgba(17,16,13,0.06), inset 0 -1px 0 rgba(17,16,13,0.06);
    }
    .v2-section-head {
      margin-bottom: 42px;
      gap: 48px;
    }
    .v2-product-grid,
    .v2-steps,
    .v2-mini-grid,
    .v2-use-grid,
    .v2-faq-grid {
      gap: 20px;
    }
    .v2-card {
      padding: 30px;
      min-height: 342px;
    }
    .v2-step,
    .v2-mini,
    .v2-use,
    .v2-faq {
      padding: 26px;
    }
    .v2-profile-grid {
      gap: 64px;
    }
    .v2-final {
      padding: 96px 0;
    }
    @media (min-width: 1180px) {
      .v2-band.light .v2-shell {
        width: min(1040px, calc(100vw - 120px));
      }
    }
    @media (max-width: 920px) {
      .v2-shell,
      .v2-band.light .v2-shell {
        width: min(100% - 32px, 1080px);
      }
      .v2-band {
        padding: 72px 0;
      }
      .v2-section-head {
        margin-bottom: 28px;
        gap: 16px;
      }
      .v2-product-grid,
      .v2-steps,
      .v2-mini-grid,
      .v2-use-grid,
      .v2-faq-grid {
        gap: 14px;
      }
      .v2-card,
      .v2-step,
      .v2-mini,
      .v2-use,
      .v2-faq {
        padding: 20px;
      }
    }

    /* FORJE HOMEPAGE V2 - photo refresh */
    .v2-product-visual { position: relative; }
    .v2-product-visual img { aspect-ratio: 4 / 5; object-position: center 48%; }
    .v2-product-visual .v2-caption { display: none; }
    .v2-color-photo-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
    }
    .v2-color-photo {
      overflow: hidden;
      border-radius: 10px;
      background: #fffdf8;
      border: 1px solid rgba(17,16,13,0.12);
      box-shadow: 0 12px 40px rgba(17,16,13,0.06);
    }
    .v2-color-photo img {
      display: block;
      width: 100%;
      aspect-ratio: 4 / 5;
      object-fit: cover;
      object-position: center;
      background: #f4f1ea;
    }
    .v2-color-photo figcaption {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 16px 18px;
      color: #11100d;
      font-size: 14px;
      font-weight: 700;
    }
    .v2-photo-strip {
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: 20px;
      align-items: stretch;
      margin-top: 34px;
    }
    .v2-photo-card {
      overflow: hidden;
      border-radius: 10px;
      border: 1px solid rgba(255,255,255,0.08);
      background: rgba(255,255,255,0.04);
      min-height: 300px;
    }
    .v2-photo-card img {
      display: block;
      width: 100%;
      height: 100%;
      min-height: 300px;
      object-fit: cover;
      object-position: center;
    }
    .v2-photo-card.tall img { object-position: center 44%; }
    .v2-photo-notes {
      display: grid;
      gap: 14px;
    }
    .v2-photo-note {
      border: 1px solid rgba(255,255,255,0.08);
      background: rgba(255,255,255,0.04);
      border-radius: 10px;
      padding: 20px;
    }
    .v2-photo-note h3 {
      font-family: "Syne", sans-serif;
      font-size: 18px;
      margin: 0 0 8px;
      letter-spacing: 0;
    }
    .v2-photo-note p {
      color: rgba(240,237,232,0.64);
      font-size: 14px;
      line-height: 1.55;
    }
    .v2-product-grid .btn-outline { color: #11100d; border-color: rgba(17,16,13,0.16); }
    .v2-product-grid .btn-outline:hover { border-color: rgba(201,169,110,0.5); color: #8a6d34; }
    @media (max-width: 920px) {
      .v2-color-photo-grid,
      .v2-photo-strip {
        grid-template-columns: 1fr;
      }
      .v2-color-photo img { aspect-ratio: 4 / 5; }
      .v2-photo-card,
      .v2-photo-card img { min-height: 240px; }
    }

    /* FORJE HOMEPAGE V2 - nav color sample cleanup */
    .v2-card:nth-child(1) { border-top: 4px solid #c9a96e; }
    .v2-card:nth-child(2) { border-top: 4px solid #b86f4b; }
    .v2-card:nth-child(3) { border-top: 4px solid #76856a; }
    .v2-step:nth-child(1) .v2-step-num { background: var(--accent); }
    .v2-step:nth-child(2) .v2-step-num { background: #b86f4b; }
    .v2-step:nth-child(3) .v2-step-num { background: #76856a; }
    .v2-mini:nth-child(1) { border-top: 4px solid #c9a96e; }
    .v2-mini:nth-child(2) { border-top: 4px solid #b86f4b; }
    .v2-mini:nth-child(3) { border-top: 4px solid #76856a; }
    .v2-mini:nth-child(4) { border-top: 4px solid #6d7890; }
    .v2-use:nth-child(1) { border-color: rgba(184,111,75,0.28); }
    .v2-use:nth-child(2) { border-color: rgba(201,169,110,0.28); }
    .v2-use:nth-child(3) { border-color: rgba(109,120,144,0.28); }
    .v2-use:nth-child(4) { border-color: rgba(118,133,106,0.28); }
    .v2-phone-demo-real {
      border-color: #11100d;
      background: #faf8f1;
    }
    .v2-phone-demo-real .v2-phone-cover {
      min-height: 154px;
      height: auto;
      align-items: flex-end;
      gap: 12px;
      background:
        radial-gradient(circle at 18% 20%, rgba(255,255,255,0.25), transparent 28%),
        linear-gradient(135deg, #14110d 0%, #8f6f3a 52%, #b86f4b 100%);
    }
    .v2-avatar {
      width: 54px;
      height: 54px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      flex: 0 0 54px;
      background: rgba(8,8,6,0.9);
      color: #f8f3df;
      border: 1px solid rgba(255,255,255,0.28);
      font-family: "Syne", sans-serif;
      font-size: 18px;
      font-weight: 800;
    }
    .v2-sample-name {
      color: #fff;
      font-family: "Syne", sans-serif;
      font-size: 21px;
      line-height: 1.02;
      font-weight: 800;
    }
    .v2-sample-role {
      margin-top: 5px;
      color: rgba(255,255,255,0.78);
      font-family: "DM Sans", sans-serif;
      font-size: 11px;
      line-height: 1.35;
      font-weight: 600;
    }
    .v2-phone-demo-real .v2-phone-body {
      background: #fffdf8;
    }
    .v2-phone-demo-real .v2-phone-pill {
      justify-content: space-between;
      background: #f0ede5;
      color: #11100d;
    }
    .v2-phone-demo-real .v2-phone-pill strong {
      font-size: 11px;
      font-weight: 800;
    }
    .v2-phone-demo-real .v2-phone-pill span {
      color: rgba(17,16,13,0.56);
      font-size: 10.5px;
      font-weight: 700;
    }
    .v2-phone-demo-real .v2-phone-save {
      background: #11100d;
      color: #fffdf8;
    }
    .v2-phone-demo-real .v2-phone-socials span:nth-child(1) { background: #f4ead4; color: #8a6d34; }
    .v2-phone-demo-real .v2-phone-socials span:nth-child(2) { background: #f4e4db; color: #9a5638; }
    .v2-phone-demo-real .v2-phone-socials span:nth-child(3) { background: #e8ece1; color: #5f6c55; }
    .v2-phone-demo-real .v2-phone-socials span:nth-child(4) { background: #e7eaf0; color: #536077; }
    .v2-phone-demo-real .v2-phone-socials span:nth-child(5) { background: #f0ede5; color: #11100d; }
    .v2-phone-demo-real.v2-alex-preview {
      max-width: 390px;
      width: min(390px, 100%);
      border: 9px solid #11100d;
      border-radius: 34px;
      background: #fff;
      color: #191816;
      pointer-events: auto;
    }
    .v2-alex-scroll {
      max-height: 650px;
      overflow-y: auto;
      background: #fff;
      scrollbar-width: none;
    }
    .v2-alex-scroll::-webkit-scrollbar { display: none; }
    .v2-alex-banner {
      height: 156px;
      background: #e9e3d8 center/cover no-repeat;
      border-bottom: 1px solid #ece7df;
    }
    .v2-alex-card-body {
      padding: 18px 16px 24px;
    }
    .v2-alex-profile-row {
      display: grid;
      grid-template-columns: 58px minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
      margin-bottom: 16px;
    }
    .v2-alex-photo {
      width: 58px;
      height: 58px;
      border-radius: 50%;
      border: 2px solid #c9a96e;
      overflow: hidden;
      background: #f7f2e8;
    }
    .v2-alex-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .v2-alex-name {
      font-family: Georgia, serif;
      font-size: 23px;
      line-height: 1.05;
      font-weight: 700;
      color: #11100d;
    }
    .v2-alex-role {
      margin-top: 4px;
      color: #8e8b84;
      font-size: 12px;
      line-height: 1.25;
    }
    .v2-alex-share {
      border: 1px solid #dedbd4;
      background: #f2eee8;
      border-radius: 999px;
      padding: 8px 12px;
      color: #8e8b84;
      font-size: 12px;
      font-weight: 700;
    }
    .v2-alex-bio {
      color: #8e8b84;
      font-size: 13px;
      font-style: italic;
      margin: 0 0 16px;
    }
    .v2-alex-save {
      height: 48px;
      border-radius: 999px;
      background: var(--accent);
      color: #fff;
      display: grid;
      place-items: center;
      font-weight: 800;
      margin-bottom: 14px;
    }
    .v2-alex-actions,
    .v2-alex-socials,
    .v2-alex-pay {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 7px;
      margin-bottom: 18px;
    }
    .v2-alex-action,
    .v2-alex-socials span,
    .v2-alex-pay span {
      min-height: 56px;
      border: 1px solid #ddd8d0;
      border-radius: 10px;
      background: #ebe8e1;
      display: grid;
      place-items: center;
      color: #8e8b84;
      font-size: 10px;
      font-weight: 800;
      text-align: center;
    }
    .v2-alex-action span {
      display: block;
      color: #c9a96e;
      font-size: 15px;
      margin-bottom: 4px;
    }
    .v2-alex-socials span,
    .v2-alex-pay span {
      min-height: 46px;
      background: #fff;
      color: #11100d;
      font-size: 12px;
    }
    .v2-alex-pay { grid-template-columns: repeat(3, 1fr); }
    .v2-alex-pay span:nth-child(1) { color: #3b98d3; background: #f8fbff; }
    .v2-alex-pay span:nth-child(2) { color: #053087; background: #f7f9ff; }
    .v2-alex-pay span:nth-child(3) { color: #6d24d9; background: #faf7ff; }
    .v2-alex-section-title {
      display: flex;
      align-items: center;
      gap: 10px;
      margin: 16px 0 10px;
      color: #a09d97;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .v2-alex-section-title:after {
      content: "";
      height: 1px;
      background: #e5e1da;
      flex: 1;
    }
    .v2-alex-contact {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
      border: 1px solid #e7e2db;
      border-radius: 12px;
      padding: 10px;
      margin-bottom: 7px;
      background: #fff;
    }
    .v2-alex-contact-icon {
      width: 42px;
      height: 42px;
      border-radius: 10px;
      background: #faf6ef;
      color: #c9a96e;
      display: grid;
      place-items: center;
      font-weight: 900;
      font-size: 13px;
    }
    .v2-alex-contact small {
      display: block;
      color: #a09d97;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .v2-alex-contact strong {
      color: #191816;
      font-size: 14px;
      font-weight: 700;
      overflow-wrap: anywhere;
    }
    .v2-alex-chevron { color: #aaa49b; }
    .v2-alex-property,
    .v2-alex-video,
    .v2-alex-about {
      border: 1px solid #e7e2db;
      border-radius: 12px;
      overflow: hidden;
      background: #fff;
      margin-bottom: 12px;
    }
    .v2-alex-property img {
      width: 100%;
      height: 132px;
      object-fit: cover;
      display: block;
    }
    .v2-alex-property-copy,
    .v2-alex-about {
      padding: 10px 12px 12px;
      font-size: 11px;
      color: #a09d97;
      font-weight: 900;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .v2-alex-property-copy strong {
      display: block;
      margin-top: 4px;
      color: #191816;
      font-size: 16px;
      letter-spacing: 0;
    }
    .v2-alex-video {
      min-height: 116px;
      display: grid;
      place-items: center;
      background: linear-gradient(rgba(0,0,0,0.14), rgba(0,0,0,0.34)), linear-gradient(135deg, #d8c29d, #eff2e7 42%, #4e6c4d);
      color: #fff;
      font-weight: 900;
      position: relative;
    }
    .v2-alex-video:before {
      content: "Play";
      font-size: 11px;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: rgba(255,255,255,0.9);
      color: #11100d;
      display: grid;
      place-items: center;
      margin-bottom: 8px;
    }
    .v2-alex-about {
      color: #2f2d28;
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 1.55;
      text-transform: none;
    }
    .v2-live-card-demo {
      width: min(390px, 100%);
      margin: 0 auto;
    }
    .v2-live-card-label {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin: 0 0 12px;
      color: rgba(17,16,13,0.52);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .v2-live-card-label span:last-child {
      color: #8a6d34;
    }
    .v2-live-phone {
      border: 11px solid #11100d;
      border-radius: 36px;
      background: #11100d;
      overflow: hidden;
      box-shadow: 0 34px 80px rgba(17,16,13,0.22);
    }
    .v2-live-phone iframe {
      width: 100%;
      height: 650px;
      border: 0;
      display: block;
      background: #fffdf8;
    }
    .v2-live-card-note {
      margin-top: 12px;
      color: rgba(17,16,13,0.56);
      font-size: 13px;
      line-height: 1.45;
      text-align: center;
    }
  

    /* FORJE HOMEPAGE PHOTO + OUTCOME REWRITE */
    .v2-action-photo-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 32px;
    }
    .v2-action-photo {
      overflow: hidden;
      border-radius: 10px;
      border: 1px solid rgba(255,255,255,0.08);
      background: rgba(255,255,255,0.04);
    }
    .v2-action-photo img {
      display: block;
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover;
      object-position: center;
    }
    .v2-action-photo figcaption {
      padding: 13px 14px 14px;
      color: rgba(240,237,232,0.74);
      font-size: 13px;
      line-height: 1.35;
      border-top: 1px solid rgba(255,255,255,0.08);
    }
    .v2-demo-grid {
      grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1.18fr);
      gap: 48px;
    }
    .v2-profile-photo-card {
      max-width: 410px;
      margin: 0 auto;
      padding: 10px;
      border-radius: 14px;
      border: 1px solid rgba(17,16,13,0.12);
      background: #fffdf8;
      box-shadow: 0 26px 70px rgba(17,16,13,0.12);
    }
    .v2-profile-photo-card img {
      display: block;
      width: 100%;
      max-height: 760px;
      object-fit: contain;
      border-radius: 10px;
      background: #f4f1ea;
    }
    .v2-profile-photo-card figcaption {
      padding: 12px 4px 2px;
      color: rgba(17,16,13,0.58);
      font-size: 12px;
      font-weight: 700;
      text-align: center;
    }
    .v2-card .btn-gold,
    .v2-card .btn-outline {
      min-height: 48px;
    }
    @media (max-width: 920px) {
      .v2-action-photo-grid,
      .v2-demo-grid {
        grid-template-columns: 1fr;
      }
      .v2-profile-photo-card {
        max-width: 360px;
      }
      .v2-profile-photo-card img {
        max-height: 680px;
      }
    }

    /* FORJE HOMEPAGE OUTCOME CLARITY FIX */
    .v2-hero {
      padding: 78px 0 48px;
      overflow: hidden;
    }
    .v2-hero-grid {
      grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
      gap: clamp(30px, 4.4vw, 64px);
      align-items: center;
    }
    .v2-hero-grid > * {
      min-width: 0;
    }
    .v2-hero h1 {
      font-size: clamp(54px, 4.2vw, 62px);
      line-height: 1;
      max-width: 100%;
      text-wrap: pretty;
    }
    .v2-hero .v2-lede {
      max-width: 700px;
    }
    .v2-product-visual {
      width: min(100%, 500px);
      justify-self: end;
    }
    .v2-section-head h2 {
      font-size: clamp(34px, 4vw, 58px);
      line-height: 1.02;
    }
    .v2-product-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .v2-product-grid .v2-card {
      min-height: 0;
    }
    .v2-logo-addon {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      border: 1px solid rgba(17,16,13,0.12);
      border-radius: 12px;
      padding: 18px 22px;
      margin: 22px 0 0;
      background: rgba(255,255,255,0.76);
      box-shadow: 0 18px 42px rgba(17,16,13,0.07);
    }
    .v2-logo-addon strong {
      display: block;
      color: #11100d;
      font-family: "Syne", sans-serif;
      font-size: 20px;
      line-height: 1.1;
      letter-spacing: 0;
    }
    .v2-logo-addon p {
      max-width: 650px;
      margin: 0;
      color: rgba(17,16,13,0.64);
      font-size: 15px;
      line-height: 1.5;
    }
    .v2-logo-addon .v2-logo-price {
      color: var(--accent);
      font-family: "Syne", sans-serif;
      font-size: 24px;
      font-weight: 800;
      white-space: nowrap;
    }
    .v2-logo-addon-photo {
      width: 104px;
      height: 104px;
      flex: 0 0 104px;
      border-radius: 10px;
      object-fit: cover;
      object-position: center 57%;
      border: 1px solid rgba(17,16,13,0.12);
    }
    .v2-price-note {
      display: block;
      margin-top: 6px;
      color: rgba(17,16,13,0.52);
      font-size: 13px;
      font-weight: 700;
    }
    .v2-process-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      margin-top: 32px;
    }
    .v2-process-card {
      display: grid;
      grid-template-rows: 330px 1fr;
      overflow: hidden;
      border-radius: 10px;
      border: 1px solid rgba(255,255,255,0.09);
      background: rgba(255,255,255,0.045);
    }
    .v2-process-media {
      display: grid;
      height: 330px;
      background: #11100d;
      border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .v2-process-media.split {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1px;
    }
    .v2-process-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      display: block;
    }
    .v2-process-body {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr);
      gap: 16px;
      align-items: start;
      padding: 20px;
      min-height: 148px;
      background: #0d0d0b;
    }
    .v2-process-num {
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: var(--accent);
      color: var(--bg);
      font-family: "Syne", sans-serif;
      font-weight: 800;
      font-size: 16px;
    }
    .v2-process-body h3 {
      font-family: "Syne", sans-serif;
      font-size: 21px;
      line-height: 1.05;
      margin: 0 0 8px;
      letter-spacing: 0;
    }
    .v2-process-body p {
      color: rgba(240,237,232,0.66);
      font-size: 14.5px;
      line-height: 1.55;
      margin: 0;
    }
    .v2-demo-wide {
      display: block;
    }
    .v2-demo-copy {
      max-width: 820px;
      margin: 0 auto 28px;
      text-align: center;
    }
    .v2-demo-scroll {
      display: grid;
      grid-template-columns: minmax(170px, 0.5fr) minmax(360px, 560px) minmax(170px, 0.5fr);
      gap: clamp(20px, 3vw, 42px);
      align-items: start;
      max-width: 1180px;
      margin: 0 auto;
    }
    .v2-profile-photo-card.wide {
      max-width: 560px;
      padding: 6px;
      margin: 0 auto;
      overflow: hidden;
    }
    .v2-profile-photo-card.wide img {
      max-height: none;
      width: 108%;
      max-width: none;
      height: auto;
      margin-left: -4%;
      display: block;
    }
    .v2-demo-rail {
      display: grid;
      gap: clamp(72px, 10vw, 150px);
      padding-top: 84px;
    }
    .v2-demo-rail.right {
      padding-top: 178px;
      gap: clamp(80px, 11vw, 168px);
    }
    .v2-callout {
      border: 1px solid rgba(17,16,13,0.12);
      border-radius: 12px;
      background: rgba(255,255,255,0.72);
      box-shadow: 0 18px 42px rgba(17,16,13,0.08);
      padding: 18px;
    }
    .v2-callout span {
      display: inline-flex;
      margin-bottom: 10px;
      color: #9b7230;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .v2-callout h3 {
      color: #11100d;
      font-family: "Syne", sans-serif;
      font-size: 19px;
      line-height: 1.1;
      margin: 0 0 8px;
      letter-spacing: 0;
    }
    .v2-callout p {
      color: rgba(17,16,13,0.64);
      font-size: 14px;
      line-height: 1.5;
      margin: 0;
    }
    @media (max-width: 1100px) {
      .v2-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .v2-process-card {
        grid-template-rows: 300px 1fr;
      }
      .v2-process-media {
        height: 300px;
      }
    }
    @media (max-width: 920px) {
      .v2-hero {
        padding-top: 64px;
      }
      .v2-hero-grid,
      .v2-process-grid {
        grid-template-columns: 1fr;
      }
      .v2-demo-scroll {
        grid-template-columns: 1fr;
        max-width: 560px;
      }
      .v2-demo-rail,
      .v2-demo-rail.right {
        padding-top: 0;
      }
      .v2-demo-rail {
        order: 2;
      }
      .v2-profile-photo-card.wide {
        order: 1;
      }
      .v2-product-visual {
        justify-self: stretch;
        width: 100%;
      }
      .v2-process-media {
        height: 320px;
      }
      .v2-process-media img {
        aspect-ratio: 4 / 3;
        height: 100%;
      }
    }
    @media (max-width: 680px) {
      .v2-product-grid {
        grid-template-columns: 1fr;
      }
      .v2-hero h1 {
        font-size: clamp(36px, 11vw, 52px);
      }
      .v2-process-media.split {
        grid-template-columns: 1fr;
      }
      .v2-process-card {
        grid-template-rows: auto 1fr;
      }
      .v2-process-media.split {
        height: auto;
      }
      .v2-process-media.split img {
        height: auto;
      }
      .v2-logo-addon {
        align-items: flex-start;
        flex-direction: column;
      }
      .v2-logo-addon .v2-logo-price {
        white-space: normal;
      }
      .v2-logo-addon-photo {
        width: 100%;
        height: 190px;
        flex-basis: auto;
      }
    }
    /* FORJE HOMEPAGE LIGHT BALANCE PATCH START */
    body {
      background: #f4f1ea;
    }
    nav {
      background: rgba(8,8,6,0.9);
      border-bottom-color: rgba(255,255,255,0.08);
      box-shadow: none;
    }
    .nav-links a,
    .nav-links a[style] {
      color: rgba(240,237,232,0.62) !important;
    }
    .nav-links a:hover {
      color: var(--text) !important;
    }
    .hamburger {
      color: rgba(240,237,232,0.74);
    }
    .v2-page {
      background: #f4f1ea;
      color: #11100d;
    }
    .v2-hero {
      background:
        radial-gradient(circle at 78% 18%, rgba(201,169,110,0.12), transparent 32%),
        #080806;
      color: var(--text);
      border-bottom: 1px solid rgba(255,255,255,0.08);
    }
    .v2-hero h1 {
      color: var(--text);
    }
    .v2-hero h1 span {
      color: #c9a96e;
    }
    .v2-hero .v2-lede {
      color: rgba(240,237,232,0.74);
    }
    .v2-hero .btn-outline {
      color: var(--text);
      border-color: rgba(255,255,255,0.12);
      background: transparent;
    }
    .v2-proof-row {
      color: rgba(240,237,232,0.72);
    }
    .v2-proof-row span {
      background: rgba(255,255,255,0.035);
      border-color: rgba(255,255,255,0.08);
      box-shadow: none;
    }
    .v2-product-visual {
      background: #16130f;
      border-color: rgba(201,169,110,0.24);
      box-shadow: 0 34px 90px rgba(0,0,0,0.42);
    }
    .v2-caption {
      background: rgba(8,8,6,0.9);
      border-top-color: rgba(255,255,255,0.06);
      color: rgba(240,237,232,0.68);
    }
    .v2-caption strong {
      color: var(--text);
    }
    .btn-outline {
      color: #11100d;
      border-color: rgba(17,16,13,0.16);
      background: rgba(255,253,248,0.56);
    }
    #how,
    #options,
    #finishes,
    #demo,
    #who,
    #faq {
      color: #11100d;
      border-top-color: rgba(17,16,13,0.1);
    }
    #how {
      background: #eee9df;
    }
    #options,
    #finishes,
    #faq {
      background: #f4f1ea;
    }
    #demo {
      background: #f7f3eb;
    }
    #who {
      background: #e8ece1;
    }
    .v2-band .v2-eyebrow,
    .v2-band.light .v2-eyebrow {
      color: #8a6d34;
    }
    .v2-section-head p,
    .v2-band .v2-section-head p,
    .v2-band.light .v2-section-head p {
      color: rgba(17,16,13,0.68);
    }
    .v2-process-card,
    .v2-use,
    .v2-card,
    .v2-faq,
    .v2-logo-addon,
    .v2-callout {
      background: #fffdf8;
      border-color: rgba(17,16,13,0.12);
      box-shadow: 0 18px 46px rgba(17,16,13,0.07);
    }
    .v2-process-media {
      background: #ddd6c8;
      border-bottom-color: rgba(17,16,13,0.1);
    }
    .v2-process-body {
      background: #fffdf8;
      color: #11100d;
    }
    .v2-process-body h3,
    .v2-use h3,
    .v2-card h3,
    .v2-faq h3,
    .v2-callout h3 {
      color: #11100d;
    }
    .v2-process-body p,
    .v2-use p,
    .v2-band.light .v2-card p,
    .v2-list li,
    .v2-faq p,
    .v2-callout p {
      color: rgba(17,16,13,0.66);
    }
    .v2-process-num {
      color: #11100d;
    }
    .v2-profile-photo-card,
    .v2-profile-photo-card.wide {
      background: #fffdf8;
      border-color: rgba(17,16,13,0.12);
      box-shadow: 0 24px 70px rgba(17,16,13,0.1);
    }
    .v2-profile-photo-card figcaption {
      color: rgba(17,16,13,0.64);
    }
    .v2-final {
      background:
        radial-gradient(circle at 50% 0%, rgba(201,169,110,0.12), transparent 34%),
        #080806;
      color: #f8f4ec;
      border-top: 1px solid rgba(201,169,110,0.22);
    }
    .v2-final p {
      color: rgba(248,244,236,0.7);
    }
    .v2-final .btn-outline {
      color: #f8f4ec;
      border-color: rgba(248,244,236,0.18);
      background: rgba(248,244,236,0.04);
    }
    .footer,
    footer.footer {
      background: var(--bg);
      color: rgba(248,244,236,0.72);
    }
    .footer-links a {
      color: rgba(248,244,236,0.62);
    }
    .footer-links a:hover {
      color: #f8f4ec;
    }
    .v2-final,
    .footer-band {
      background: var(--bg);
    }
    .v2-final {
      border-bottom: 1px solid rgba(201,169,110,0.18);
    }
    .footer-band {
      width: 100%;
      border-top: 1px solid rgba(201,169,110,0.18);
    }
    .footer-band .hr {
      display: none;
    }
    footer.footer {
      width: min(1180px, calc(100vw - 48px));
      max-width: none;
      border-top: 0;
      padding: 34px 0 38px;
    }
    .footer-copy,
    .footer-copy a {
      color: #fffdf7 !important;
      opacity: 1 !important;
      font-weight: 600;
    }
    @media (max-width: 760px) {
      .v2-final {
        padding: 78px 0 68px;
        overflow: hidden;
      }
      .v2-final .v2-shell {
        width: min(100% - 36px, 1180px);
      }
      .v2-final h2 {
        font-size: clamp(36px, 13vw, 52px);
        line-height: 0.98;
        max-width: 11ch;
        margin-left: auto;
        margin-right: auto;
        overflow-wrap: normal;
      }
      .v2-final p {
        max-width: 34ch;
      }
      footer.footer {
        width: min(100% - 48px, 1180px);
      }
    }
    .hr {
      border-color: rgba(17,16,13,0.1);
    }
    @media(max-width: 860px) {
      .nav-links.open {
        background: rgba(8,8,6,0.98);
        border-bottom-color: rgba(255,255,255,0.08);
      }
      .v2-hero {
        background: var(--bg);
      }
    }
    /* FORJE HOMEPAGE LIGHT BALANCE PATCH END */

    /* FORJE MOBILE SCALE PATCH START */
    @media (max-width: 760px) {
      html,
      body,
      .v2-page {
        max-width: 100%;
        overflow-x: hidden;
      }
      nav {
        height: 76px;
        padding: 0 20px;
      }
      .logo-wordmark {
        max-width: min(64vw, 260px);
      }
      .v2-shell,
      .v2-band.light .v2-shell {
        width: calc(100% - 32px) !important;
        max-width: 560px !important;
      }
      .v2-hero {
        min-height: auto !important;
        padding: 58px 0 42px !important;
      }
      .v2-hero-grid {
        gap: 28px !important;
      }
      .v2-hero h1 {
        max-width: 10.5ch;
        font-size: clamp(38px, 10.2vw, 46px) !important;
        line-height: 0.98 !important;
        overflow-wrap: normal;
      }
      .v2-hero .v2-lede {
        max-width: 34ch;
        font-size: 16px !important;
        line-height: 1.55 !important;
      }
      .v2-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }
      .v2-actions .btn-gold,
      .v2-actions .btn-outline {
        width: 100%;
        min-width: 0;
        padding: 14px 12px;
        font-size: 14px;
        justify-content: center;
        white-space: nowrap;
      }
      .v2-proof-row {
        gap: 8px;
      }
      .v2-proof-row span {
        padding: 9px 12px;
        font-size: 12px;
      }
      .v2-product-visual {
        margin-top: 8px;
        border-radius: 15px;
      }
      .v2-product-visual img {
        width: 100%;
        aspect-ratio: 4 / 5;
        object-fit: cover;
      }
      .v2-band {
        padding: 50px 0 !important;
      }
      .v2-section-head {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-bottom: 24px !important;
      }
      .v2-section-head h2,
      .v2-demo-copy h2,
      .v2-final h2 {
        font-size: clamp(30px, 8.5vw, 40px) !important;
        line-height: 1.04 !important;
      }
      #demo .v2-demo-wide {
        gap: 24px !important;
      }
      #demo .v2-demo-copy {
        max-width: 100%;
        text-align: center;
      }
      #demo .v2-demo-copy h2 {
        max-width: 11.5ch;
        margin-left: auto;
        margin-right: auto;
      }
      #demo .v2-lede {
        max-width: 34ch !important;
        margin-left: auto;
        margin-right: auto;
        font-size: 15px !important;
      }
      .v2-demo-scroll {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        max-width: 100% !important;
        margin-top: 18px !important;
      }
      .v2-demo-rail,
      .v2-demo-rail.right {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 10px !important;
        padding-top: 0 !important;
      }
      .v2-demo-rail {
        order: 2 !important;
      }
      .v2-demo-rail.right {
        order: 3 !important;
      }
      .v2-profile-photo-card.wide {
        max-width: 100% !important;
        border-radius: 16px !important;
        order: 1 !important;
      }
      .v2-profile-photo-card.wide img {
        width: 116% !important;
        max-width: none !important;
        max-height: none !important;
        height: auto !important;
        margin-left: -8% !important;
        object-fit: initial !important;
      }
      .v2-callout {
        padding: 13px !important;
        box-shadow: 0 12px 28px rgba(17,16,13,0.06) !important;
      }
      .v2-callout span {
        font-size: 10px !important;
        margin-bottom: 7px !important;
      }
      .v2-callout h3 {
        font-size: 14.5px !important;
        line-height: 1.08 !important;
        margin-bottom: 6px !important;
      }
      .v2-callout p {
        font-size: 12.5px !important;
        line-height: 1.38 !important;
      }
      .v2-product-grid,
      .v2-steps,
      .v2-use-grid,
      .v2-faq-grid,
      .v2-process-grid {
        gap: 14px !important;
      }
      .v2-card,
      .v2-step,
      .v2-use,
      .v2-faq,
      .v2-logo-addon {
        border-radius: 14px !important;
        padding: 18px !important;
      }
    }
    @media (max-width: 430px) {
      .v2-shell,
      .v2-band.light .v2-shell {
        width: calc(100% - 28px) !important;
      }
      .v2-hero h1 {
        font-size: 40px !important;
      }
      .v2-hero .v2-lede {
        font-size: 15.5px !important;
      }
      .v2-actions .btn-gold,
      .v2-actions .btn-outline {
        font-size: 13.5px;
      }
      .v2-demo-rail,
      .v2-demo-rail.right {
        grid-template-columns: 1fr;
      }
      .v2-profile-photo-card.wide img {
        width: 122% !important;
        margin-left: -11% !important;
      }
    }

    /* FORJE HOMEPAGE POLISH PATCH START */
    .v2-after-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    .v2-after-step {
      display: flex;
      flex-direction: column;
      gap: 8px;
      padding: 20px;
      border: 1px solid rgba(17,16,13,0.12);
      border-radius: 12px;
      background: #fffdf8;
      box-shadow: 0 14px 34px rgba(17,16,13,0.06);
    }
    .v2-after-step strong {
      font-family: "Syne", sans-serif;
      font-size: 18px;
      line-height: 1.1;
      color: #11100d;
      letter-spacing: 0;
    }
    .v2-after-step span {
      color: rgba(17,16,13,0.66);
      font-size: 14px;
      line-height: 1.5;
    }
    @media (max-width: 920px) {
      .v2-after-grid {
        grid-template-columns: 1fr;
      }
    }
    @media (max-width: 760px) {
      .v2-hero {
        padding: 56px 0 36px !important;
      }
      .v2-hero-grid {
        gap: 22px !important;
      }
      .v2-hero h1 {
        max-width: 12.5ch !important;
        font-size: clamp(34px, 9vw, 42px) !important;
        line-height: 1.03 !important;
      }
      .v2-hero .v2-lede {
        max-width: 35ch !important;
        font-size: 15.5px !important;
      }
      .v2-product-visual {
        margin-top: 2px !important;
      }
      .v2-section-head h2,
      .v2-demo-copy h2,
      .v2-final h2 {
        font-size: clamp(28px, 7.8vw, 38px) !important;
      }
      .v2-profile-photo-card.wide {
        padding: 4px !important;
      }
      .v2-profile-photo-card.wide img {
        width: 118% !important;
        margin-left: -9% !important;
      }
      .v2-after-step {
        padding: 17px !important;
      }
      .v2-after-step strong {
        font-size: 16px;
      }
    }
    @media (max-width: 430px) {
      .v2-hero h1 {
        font-size: 36px !important;
      }
      .v2-profile-photo-card.wide img {
        width: 124% !important;
        margin-left: -12% !important;
      }
    }
    /* FORJE HOMEPAGE POLISH PATCH END */
    /* FORJE MOBILE SCALE PATCH END */
    /* FORJE DESKTOP SCALE PATCH START */
    @media (min-width: 921px) {
      .v2-shell,
      .v2-band.light .v2-shell {
        width: min(1240px, calc(100vw - 64px));
      }
      .v2-hero {
        padding: 92px 0 70px;
      }
      .v2-hero-grid {
        grid-template-columns: minmax(0, 1.06fr) minmax(440px, 0.94fr);
        gap: clamp(44px, 5vw, 78px);
      }
      .v2-hero h1 {
        font-size: clamp(62px, 5vw, 78px);
      }
      .v2-hero .v2-lede {
        max-width: 720px;
        font-size: clamp(18px, 1.35vw, 21px);
      }
      .v2-product-visual {
        width: min(100%, 560px);
      }
      .v2-actions .btn-gold,
      .v2-actions .btn-outline {
        min-height: 52px;
        padding: 15px 30px;
        font-size: 15px;
      }
      .v2-band {
        padding: 108px 0;
      }
      .v2-section-head {
        margin-bottom: 46px;
      }
      .v2-section-head h2,
      .v2-demo-copy h2,
      .v2-final h2 {
        font-size: clamp(44px, 4.2vw, 66px);
      }
      .v2-section-head p,
      .v2-demo-copy > p,
      .v2-final > p {
        font-size: 17px;
      }
      .v2-process-grid {
        gap: 24px;
      }
      .v2-process-card {
        grid-template-rows: clamp(375px, 27vw, 425px) 1fr;
      }
      .v2-process-media {
        height: clamp(375px, 27vw, 425px);
      }
      .v2-process-body {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 18px;
        min-height: 166px;
        padding: 24px;
      }
      .v2-process-num {
        width: 44px;
        height: 44px;
        font-size: 18px;
      }
      .v2-process-body h3 {
        font-size: 24px;
      }
      .v2-process-body p {
        font-size: 16px;
      }
      .v2-product-grid,
      .v2-color-photo-grid {
        gap: 24px;
      }
      .v2-card {
        padding: 34px;
      }
      .v2-card h3 {
        font-size: 27px;
      }
      .v2-card p,
      .v2-list li,
      .v2-use p,
      .v2-faq p {
        font-size: 15.5px;
      }
      .v2-color-photo figcaption {
        padding: 18px 20px;
        font-size: 16px;
      }
      .v2-demo-scroll {
        max-width: 1240px;
        grid-template-columns: minmax(210px, 0.55fr) minmax(460px, 620px) minmax(210px, 0.55fr);
      }
      .v2-callout,
      .v2-use {
        padding: 22px;
      }
      .v2-callout h3 {
        font-size: 21px;
      }
      .v2-callout p {
        font-size: 15px;
      }
      .v2-use h3,
      .v2-faq h3 {
        font-size: 19px;
      }
    }
    #demo .v2-profile-photo-card.real-profile {
      width: 100%;
    }
    #demo .v2-profile-photo-card.real-profile img {
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      margin-left: 0 !important;
      object-fit: contain !important;
    }
    @media (min-width: 1100px) {
      #demo .v2-shell {
        width: min(1340px, calc(100vw - 48px));
      }
      #demo .v2-demo-scroll {
        max-width: 1280px;
        grid-template-columns: minmax(170px, 1fr) minmax(620px, 694px) minmax(170px, 1fr);
        gap: clamp(18px, 2vw, 28px);
      }
      #demo .v2-profile-photo-card.wide {
        width: 100%;
        max-width: 694px;
      }
    }
    /* FORJE PROCESS READABILITY PATCH START */
    #how .v2-process-grid {
      grid-template-columns: 1fr;
      gap: 20px;
    }
    #how .v2-process-card {
      grid-template-rows: auto 1fr;
    }
    #how .v2-process-media {
      width: 100%;
      height: auto;
      aspect-ratio: 1 / 1;
      background: #eee9df;
    }
    #how .v2-process-media img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
    }
    @media (min-width: 921px) {
      #how .v2-shell {
        width: min(1760px, calc(100vw - 48px));
      }
      #how .v2-process-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: clamp(18px, 1.7vw, 26px);
      }
      #how .v2-process-card {
        grid-template-rows: auto 1fr;
      }
      #how .v2-process-media {
        height: clamp(360px, 25vw, 440px);
        max-height: 440px;
        aspect-ratio: auto;
      }
      #how .v2-process-body {
        min-height: 154px;
        padding: 22px;
      }
    }
    @media (max-width: 920px) {
      #how .v2-process-grid {
        width: min(100%, 680px);
        margin-left: auto;
        margin-right: auto;
      }
    }
    /* FORJE PROCESS READABILITY PATCH END */

    /* FORJE OPTIONS PHOTO START */
    .v2-options-showcase {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
      min-height: 480px;
      margin: 42px 0 36px;
      overflow: hidden;
      border: 1px solid rgba(17,16,13,0.14);
      border-radius: 12px;
      background: #11100d;
      box-shadow: 0 24px 64px rgba(17,16,13,0.12);
    }
    .v2-options-showcase img {
      display: block;
      width: 100%;
      height: 100%;
      min-height: 480px;
      object-fit: cover;
      object-position: center;
    }
    .v2-options-showcase figcaption {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: clamp(30px, 4vw, 58px);
      color: #f0ede8;
    }
    .v2-options-showcase .v2-photo-kicker {
      margin-bottom: 14px;
      color: var(--accent);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .v2-options-showcase strong {
      display: block;
      margin-bottom: 16px;
      font-family: "Syne", sans-serif;
      font-size: clamp(27px, 2.8vw, 42px);
      line-height: 1.02;
      letter-spacing: -0.02em;
    }
    .v2-options-showcase p {
      max-width: 34ch;
      color: rgba(240,237,232,0.7);
      font-size: 16px;
      line-height: 1.6;
    }
    @media (max-width: 820px) {
      .v2-options-showcase {
        grid-template-columns: 1fr;
        min-height: 0;
        margin-top: 30px;
      }
      .v2-options-showcase img {
        min-height: 0;
        aspect-ratio: 4 / 3;
        object-fit: contain;
        background: #e7dfd3;
      }
      .v2-options-showcase figcaption {
        padding: 26px;
      }
    }
    /* FORJE OPTIONS PHOTO END */

    /* FORJE HERO CAROUSEL START */
    .v2-product-visual.v2-hero-carousel {
      position: relative;
      aspect-ratio: 1 / 1;
      overflow: hidden;
      isolation: isolate;
      touch-action: pan-y;
      background: #16130f;
    }
    .v2-hero-slides {
      position: absolute;
      inset: 0;
    }
    .v2-hero-slide {
      position: absolute;
      inset: 0;
      opacity: 0;
      transform: scale(0.985);
      transition: opacity 420ms ease, transform 520ms cubic-bezier(0.2, 0.75, 0.2, 1);
      pointer-events: none;
    }
    .v2-hero-slide.is-active {
      opacity: 1;
      transform: scale(1);
      pointer-events: auto;
      z-index: 1;
    }
    .v2-product-visual .v2-hero-slide img {
      width: 100%;
      height: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover;
      object-position: center;
      cursor: pointer;
      user-select: none;
      -webkit-user-drag: none;
    }
    .v2-hero-slide:first-child img {
      object-position: center 48%;
    }
    .v2-carousel-arrow {
      position: absolute;
      top: 50%;
      z-index: 3;
      width: 44px;
      height: 44px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,0.2);
      border-radius: 999px;
      background: rgba(8,8,6,0.7);
      color: #fff;
      box-shadow: 0 8px 24px rgba(0,0,0,0.28);
      backdrop-filter: blur(10px);
      transform: translateY(-50%);
      cursor: pointer;
      transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
    }
    .v2-carousel-arrow:hover,
    .v2-carousel-arrow:focus-visible {
      background: rgba(201,169,110,0.95);
      border-color: rgba(201,169,110,1);
      color: #11100d;
      outline: none;
    }
    .v2-carousel-arrow:active { transform: translateY(-50%) scale(0.94); }
    .v2-carousel-prev { left: 14px; }
    .v2-carousel-next { right: 14px; }
    .v2-carousel-dots {
      position: absolute;
      left: 50%;
      bottom: 14px;
      z-index: 3;
      display: flex;
      gap: 7px;
      padding: 7px 9px;
      border-radius: 999px;
      background: rgba(8,8,6,0.68);
      backdrop-filter: blur(10px);
      transform: translateX(-50%);
    }
    .v2-carousel-dot {
      width: 8px;
      height: 8px;
      padding: 0;
      border: 0;
      border-radius: 999px;
      background: rgba(255,255,255,0.48);
      cursor: pointer;
      transition: width 180ms ease, background 180ms ease;
    }
    .v2-carousel-dot.is-active {
      width: 24px;
      background: var(--accent);
    }
    .v2-carousel-dot:focus-visible {
      outline: 2px solid #fff;
      outline-offset: 3px;
    }
    .v2-sr-only {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0,0,0,0) !important;
      white-space: nowrap !important;
      border: 0 !important;
    }
    @media (max-width: 760px) {
      .v2-product-visual.v2-hero-carousel {
        aspect-ratio: 1 / 1;
        margin-top: 2px !important;
      }
      .v2-carousel-arrow {
        width: 40px;
        height: 40px;
      }
      .v2-carousel-prev { left: 10px; }
      .v2-carousel-next { right: 10px; }
      .v2-carousel-dots { bottom: 10px; }
    }
    @media (prefers-reduced-motion: reduce) {
      .v2-hero-slide { transition: none; }
    }
    /* FORJE HERO CAROUSEL END */
    /* FORJE DESKTOP SCALE PATCH END */