/* ════════════════════════════════════════════════════════════════
   DEALT mobile home (v9) — design CSS namespaced under .home-mobile
   and gated to <=760px. Generated from _design-reference/mobile-home-v9.html
   via postcss-prefixwrap; do not hand-edit — regenerate from the source.
   ════════════════════════════════════════════════════════════════ */
@media (max-width: 760px){
  /* ============================================================
     DEALT — MOBILE HOME (clean-room redesign)
     Brand locked: navy #0B0E14/#0F141C · dot-grid · Archivo + DM Sans
     Copper #CC8B5E = money ONLY · Jade #45B888 = brand + action
     Goal: light, paced, genuinely shorter — one idea per screen.
     ============================================================ */
  .home-mobile{
    /* surfaces — matched exactly to the home/index page (home.css :root) */
    --navy:#0D1119;         /* --bg */
    --panel:#151C26;        /* --bg-card */
    --elev:#1D2530;         /* --bg-elevated */
    --elev-2:#11161E;       /* --bg-input */
    --line:rgba(255,255,255,.08);
    --line-2:rgba(255,255,255,.12);

    --jade:#45B888;
    --jade-ink:#0B0E14;
    --jade-bg:rgba(69,184,136,.12);
    --jade-line:rgba(69,184,136,.35);
    --jade-muted:#2F8F69;

    --copper:#CC8B5E;
    --copper-ink:#1A0F08;
    --copper-bg:rgba(204,139,94,.12);
    --copper-line:rgba(204,139,94,.35);

    --gold:#E0B84C;

    --ink:#F2EFE6;          /* --text */
    --ink-2:#B3B6BC;        /* --text-dim */
    --ink-3:#7A7E86;        /* --text-muted */
    --ink-4:#4A4E58;        /* --text-faint */

    --f-display:'Archivo',system-ui,sans-serif;
    --f-body:'DM Sans',system-ui,sans-serif;

    --col:440px;
    --pad:24px;
    --rhythm:84px;
    --r:14px;              /* --r-card */
  }
  .home-mobile *{margin:0;padding:0;box-sizing:border-box}
  .home-mobile .html{-webkit-text-size-adjust:100%}
  .home-mobile .body{
    font-family:var(--f-body);
    background:var(--navy);
    color:var(--ink);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  /* dot-grid — the only allowed background treatment */
  .home-mobile .bg-dots{
    position:fixed;inset:0;z-index:0;pointer-events:none;
    background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:26px 26px;
  }
  .home-mobile img{display:block;max-width:100%}
  .home-mobile a{color:inherit;text-decoration:none}
  .home-mobile button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer}

  /* The mobile column, centred on desktop so it reads as a phone */
  .home-mobile .shell{position:relative;z-index:1;max-width:var(--col);margin:0 auto;width:100%}
  @media (min-width:560px){
    .home-mobile .body{background:#06080C}
    .home-mobile .shell{
      margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);
      background:var(--navy);min-height:100vh;
      box-shadow:0 0 0 1px rgba(255,255,255,.02), 0 40px 120px rgba(0,0,0,.5);
    }
    .home-mobile .bg-dots{background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:26px 26px,26px 26px}
  }

  /* ---------- shared type ---------- */
  .home-mobile .eyebrow{
    display:flex;align-items:center;gap:12px;
    font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
    color:var(--ink-3);margin-bottom:24px;
  }
  .home-mobile .eyebrow::after{content:"";flex:1;height:1px;background:var(--line)}
  .home-mobile h1, .home-mobile h2, .home-mobile h3{font-family:var(--f-display);font-weight:800;letter-spacing:-.022em;line-height:1.02;color:#fff}
  .home-mobile .serif{font-style:italic;font-weight:500;color:var(--jade);letter-spacing:-.015em}
  .home-mobile .lead{font-size:17px;color:var(--ink-2);line-height:1.62;text-wrap:pretty}

  /* ---------- buttons (3 roles) ---------- */
  .home-mobile .btn{
    display:flex;align-items:center;justify-content:center;gap:9px;width:100%;
    font-family:var(--f-body);font-size:16.5px;font-weight:600;
    padding:18px 22px;border-radius:14px;border:1px solid transparent;
    transition:transform .15s ease,background .15s ease,border-color .15s ease;
  }
  .home-mobile .btn:active{transform:scale(.985)}
  .home-mobile .btn-primary{background:var(--jade);color:var(--jade-ink)}
  .home-mobile .btn-copper{background:var(--copper);color:var(--copper-ink)}
  .home-mobile .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}

  /* ---------- sections ---------- */
  .home-mobile section{position:relative;padding:var(--rhythm) var(--pad)}
  .home-mobile .beat-line{height:1px;background:var(--line);margin:0 var(--pad)}

  /* ============================================================
     AMBIENT BACKGROUND — drifting jade + copper light pools
     (ported from the home page .ambient-bg, scoped to the column)
     ============================================================ */
  .home-mobile .ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
  .home-mobile .amb{position:absolute;border-radius:50%}
  .home-mobile .amb.jade{width:90vw;height:90vw;max-width:520px;max-height:520px;top:0;left:-26vw;
    background:radial-gradient(circle,rgba(69,184,136,.13),transparent 60%);animation:ambA 38s ease-in-out infinite alternate}
  .home-mobile .amb.copper{width:80vw;height:80vw;max-width:460px;max-height:460px;top:34%;right:-30vw;
    background:radial-gradient(circle,rgba(204,139,94,.10),transparent 60%);animation:ambB 46s ease-in-out infinite alternate}
  .home-mobile .amb.jade2{width:86vw;height:86vw;max-width:500px;max-height:500px;top:70%;left:4vw;
    background:radial-gradient(circle,rgba(69,184,136,.08),transparent 60%);animation:ambC 42s ease-in-out infinite alternate}
  @keyframes ambA{to{transform:translate(8vw,6vh) scale(1.15)}}
  @keyframes ambB{to{transform:translate(-10vw,-4vh) scale(1.1)}}
  @keyframes ambC{to{transform:translate(6vw,-8vh) scale(1.2)}}
  @media (prefers-reduced-motion:reduce){.home-mobile .amb{animation:none!important}}

  /* Hero background illustration — masked, from the home hero-bg-image */
  .home-mobile .hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;
    background:url(/assets/hero-bg-wide.png) no-repeat 72% 56%/cover;
    opacity:.62;filter:saturate(1.08) contrast(1.02);
    -webkit-mask-image:radial-gradient(ellipse 135% 84% at 62% 54%,#000 36%,transparent 92%);
            mask-image:radial-gradient(ellipse 135% 84% at 62% 54%,#000 36%,transparent 92%)}
  .home-mobile .hero>*:not(.hero-bg){position:relative;z-index:1}
  /* layering: ambient sits at z0 inside the column; real content rides above it
     (nav keeps its own sticky z-index, so it's excluded here) */
  .home-mobile .shell>section, .home-mobile .shell>.beat-line, .home-mobile .shell>footer{position:relative;z-index:1}

  /* hero scrim — darkens the lower hero so the ghost CTA stays legible over the art
     (no change to layout, button styling, or image position) */
  .home-mobile .hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    background:linear-gradient(to bottom,transparent 36%,rgba(13,17,25,.5) 70%,var(--navy) 100%)}

  /* PRODUCT — phone fan (after hero) */
  .home-mobile .product h2{font-size:clamp(30px,8.4vw,38px);margin-bottom:14px}
  .home-mobile .product h2 .serif{color:var(--jade)}
  .home-mobile .product .lead{margin-bottom:42px;max-width:34ch}
  .home-mobile .phones{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:360px}
  .home-mobile .ph{border-radius:28px;background:#05070B;border:1px solid var(--line-2);padding:5px;box-shadow:0 26px 60px rgba(0,0,0,.5)}
  .home-mobile .ph img{border-radius:24px;width:100%;display:block}
  .home-mobile .ph.back{position:absolute;bottom:16px;width:142px;opacity:.55}
  .home-mobile .ph.back.l{left:8px;transform:rotate(-8deg)}
  .home-mobile .ph.back.r{right:8px;transform:rotate(8deg)}
  .home-mobile .ph.front{position:relative;width:206px;z-index:2}

  /* CAROUSEL (shared) */
  .home-mobile .carousel{position:relative}
  .home-mobile .track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 0 4px;scrollbar-width:none}
  .home-mobile .track::-webkit-scrollbar{display:none}
  .home-mobile .slide{flex:0 0 84%;scroll-snap-align:start}
  @media(min-width:560px){.home-mobile .slide{flex:0 0 360px}}
  .home-mobile .track{scroll-padding-left:var(--pad)}
  .home-mobile .dots{display:flex;justify-content:center;gap:8px;margin-top:24px}
  .home-mobile .dots button{width:8px;height:8px;border-radius:50%;background:var(--line-2);border:none;padding:0;cursor:pointer;transition:background .2s,width .2s}
  .home-mobile .dots button.on{background:var(--jade);width:22px;border-radius:4px}

  /* STATE OF THE HUNT — side-by-side carousel cards + compact visuals */
  .home-mobile .hunt-h{font-size:clamp(24px,6.6vw,30px);line-height:1.14;letter-spacing:-.02em;margin-bottom:30px;max-width:24ch}
  .home-mobile .hunt-h .serif{color:var(--jade)}
  .home-mobile .hunt2-card{display:flex;align-items:center;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px;width:100%;min-height:212px}
  .home-mobile .problem .slide{display:flex}
  .home-mobile .mini{flex:none;width:104px;height:104px}
  .home-mobile .mini svg{width:100%;height:100%;overflow:visible}
  .home-mobile .minigrid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;width:100%;height:100%}
  .home-mobile .minigrid i{border-radius:50%;background:var(--jade);box-shadow:0 0 4px rgba(69,184,136,.3)}
  .home-mobile .minigrid i.rej{background:var(--ink-4);box-shadow:none;opacity:.55}
  .home-mobile .hunt2-card .tx{flex:1;min-width:0}
  .home-mobile .hunt2-card .k{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:9px}
  .home-mobile .hunt2-card h3{font-family:var(--f-display);font-weight:800;font-size:18px;line-height:1.14;letter-spacing:-.02em;margin-bottom:9px;color:var(--ink)}
  .home-mobile .hunt2-card h3.num{font-size:32px;line-height:1}
  .home-mobile .hunt2-card h3.num .u{font-size:.5em;color:var(--ink-2)}
  .home-mobile .hunt2-card p{font-size:12.5px;color:var(--ink-2);line-height:1.45}
  .home-mobile .hunt2-card p b{color:var(--ink);font-weight:600}
  .home-mobile .hunt-src{margin-top:18px;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);text-align:center}

  /* WHY DEALT cards */
  .home-mobile .why-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;min-height:300px;display:flex;flex-direction:column}
  .home-mobile .why-card.money{border-color:var(--copper-line)}
  .home-mobile .why-card .ic{width:46px;height:46px;border-radius:12px;background:var(--jade-bg);border:1px solid var(--jade-line);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
  .home-mobile .why-card.money .ic{background:var(--copper-bg);border-color:var(--copper-line)}
  .home-mobile .why-card .ic svg{width:22px;height:22px}
  .home-mobile .why-card h3{font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.14;margin-bottom:12px;color:var(--ink)}
  .home-mobile .why-card.money h3{color:var(--copper)}
  .home-mobile .why-card p{font-size:15px;color:var(--ink-2);line-height:1.55}
  .home-mobile .why-card p b{color:var(--ink);font-weight:600}
  .home-mobile .why-card .k{margin-top:auto;padding-top:20px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
  .home-mobile .why-card.money .k{color:var(--copper)}

  /* ============================================================
     NAV
     ============================================================ */
  .home-mobile .nav{
    position:sticky;top:0;z-index:40;
    display:flex;align-items:center;justify-content:space-between;
    padding:16px var(--pad);
    background:rgba(11,14,20,.72);backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
  }
  .home-mobile .wordmark{height:24px}
  .home-mobile .wordmark svg{height:100%;width:auto}
  .home-mobile .burger{width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-right:-10px}
  .home-mobile .burger span{width:22px;height:2px;background:var(--ink);border-radius:2px;transition:.25s}
  .home-mobile .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .home-mobile .burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .home-mobile .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* full-screen overlay menu (rendered at end of body) */
  .home-mobile .menu{
    position:fixed;inset:0;z-index:60;
    background:var(--navy);
    background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px);
    background-size:26px 26px;
    display:flex;flex-direction:column;
    padding:16px var(--pad) calc(30px + env(safe-area-inset-bottom));
    opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
    transition:transform .32s cubic-bezier(.2,.7,.2,1);
  }
  .home-mobile .menu.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .home-mobile .menu>*{width:100%;max-width:var(--col);margin-inline:auto}
  .home-mobile .menu-top{display:flex;align-items:center;justify-content:space-between;height:40px}
  .home-mobile .menu-top .wordmark{height:24px}
  .home-mobile .menu-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;
    border:1px solid var(--line-2);border-radius:12px;color:var(--ink-2);background:var(--panel);
    transition:color .15s,border-color .15s}
  .home-mobile .menu-close:active{color:var(--ink);border-color:var(--line-2)}
  .home-mobile .menu-links{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
  .home-mobile .menu-links a{font-family:var(--f-display);font-weight:700;font-size:clamp(28px,8vw,34px);letter-spacing:-.025em;
    color:var(--ink);padding:16px;text-align:center;transition:color .15s}
  .home-mobile .menu-links a:active{color:var(--jade)}
  .home-mobile .menu-cta{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
  .home-mobile .menu-foot{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--ink-2);font-size:13.5px}

  /* ============================================================
     HERO
     ============================================================ */
  .home-mobile .hero{padding-top:46px;padding-bottom:60px}
  .home-mobile .hero h1{font-size:clamp(38px,11vw,50px);margin-bottom:24px}
  .home-mobile .hero .lead{margin-bottom:32px;max-width:34ch}
  .home-mobile .hero-cta{display:flex;flex-direction:column;gap:12px;margin-bottom:26px}
  .home-mobile .hero-trust{display:flex;align-items:center;gap:10px;color:var(--ink-2);font-size:14px}
  .home-mobile .dot-live{width:8px;height:8px;border-radius:50%;background:var(--jade);box-shadow:0 0 0 4px var(--jade-bg);flex:none}

  /* folded micro-trust strip (replaces the old 4-cell trust bar) */
  .home-mobile .proof{display:flex;gap:10px;margin-top:34px}
  .home-mobile .proof .p{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 14px}
  .home-mobile .proof .v{font-family:var(--f-display);font-weight:800;font-size:21px;line-height:1;letter-spacing:-.02em;color:#fff}
  .home-mobile .proof .p.money .v{color:var(--copper)}
  .home-mobile .proof .l{margin-top:8px;font-size:11.5px;color:var(--ink-3);line-height:1.35}

  /* ============================================================
     PROBLEM — one tight beat
     ============================================================ */
  .home-mobile .problem h2{font-size:clamp(31px,8.6vw,38px);margin-bottom:22px}
  .home-mobile .problem h2 .serif{color:var(--jade)}
  .home-mobile .problem .lead{margin-bottom:40px;max-width:36ch}
  .home-mobile .stat-big{border-top:1px solid var(--line-2);padding-top:26px}
  .home-mobile .stat-big .n{font-family:var(--f-display);font-weight:800;font-size:clamp(56px,18vw,76px);line-height:.9;letter-spacing:-.03em;color:#fff}
  .home-mobile .stat-big .n .u{font-size:.42em;color:var(--ink-2);font-weight:700}
  .home-mobile .stat-big .cap{margin-top:16px;font-size:16.5px;color:var(--ink-2);line-height:1.5;max-width:32ch}
  .home-mobile .stat-big .cap b{color:#fff;font-weight:600}
  .home-mobile .stat-big .src{margin-top:18px;font-size:11.5px;letter-spacing:.04em;color:var(--ink-3);text-transform:uppercase}

  /* ============================================================
     CONNECTED PILLAR TIMELINE — "What makes DEALT different"
     A continuous left rail links three nodes; each step pairs a
     copy block with a real product-UI mock. Step 2 = pay-reveal.
     ============================================================ */
  .home-mobile .flow-h{font-size:clamp(30px,8.4vw,40px);margin-bottom:16px}
  .home-mobile .flow .lead{margin-bottom:48px;max-width:34ch}

  .home-mobile .steps{position:relative;padding-left:44px;display:block}
  .home-mobile .problem{border-top:0;border-bottom:0}
  .home-mobile .pricing{border-top:0}
  .home-mobile .steps::before{content:"";position:absolute;left:13px;top:14px;bottom:14px;width:2px;
    background:linear-gradient(180deg,var(--jade-line),var(--copper-line) 40%,var(--jade-line) 66%,var(--line))}
  .home-mobile .step{position:relative;padding:0 0 30px;background:none;border:0;border-radius:0}
  .home-mobile .step:hover{transform:none}
  .home-mobile .step:last-child{padding-bottom:0}
  .home-mobile .node{position:absolute;left:-44px;top:0;width:28px;height:28px;border-radius:50%;
    background:var(--navy);border:2px solid var(--jade-line);
    display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 0 5px var(--jade-bg)}
  .home-mobile .node svg{width:15px;height:15px}
  .home-mobile .step.money .node{border-color:var(--copper-line);box-shadow:0 0 0 5px var(--copper-bg)}

  .home-mobile .step-k{font-family:var(--f-body);font-size:11.5px;font-weight:600;letter-spacing:.12em;
    text-transform:uppercase;color:var(--jade);margin:3px 0 12px}
  .home-mobile .step-k.money{color:var(--copper)}
  .home-mobile .step-h{font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.12;margin-bottom:11px;color:var(--ink)}
  .home-mobile .step-p{font-size:14.5px;color:var(--ink-2);line-height:1.5;margin-bottom:16px;max-width:38ch}

  /* product-UI mock cards — kept compact so they don't dominate the step */
  .home-mobile .ui-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
    padding:14px;position:relative;overflow:hidden}
  .home-mobile .ui-stripe{position:absolute;top:0;left:0;right:0;height:3px}
  .home-mobile .ui-stripe.j{background:var(--jade)}
  .home-mobile .ui-stripe{display:none}
  .home-mobile .ui-head{display:flex;align-items:center;gap:10px;margin:2px 0 12px}
  .home-mobile .ui-logo{width:32px;height:32px;flex:none;border-radius:8px;background:var(--elev);border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:800;font-size:13px;color:var(--ink-2)}
  .home-mobile .ui-id{flex:1;min-width:0}
  .home-mobile .ui-org{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);line-height:1.3}
  .home-mobile .ui-name{font-family:var(--f-display);font-weight:700;font-size:15px;color:var(--ink);line-height:1.3}
  .home-mobile .ui-verify, .home-mobile .ui-fit{flex:none;font-size:11px;font-weight:600;color:var(--jade);background:var(--jade-bg);
    border:1px solid var(--jade-line);padding:4px 10px;border-radius:999px;white-space:nowrap}
  .home-mobile .ui-org{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);line-height:1.3}
  .home-mobile .ui-name{font-family:var(--f-display);font-weight:700;font-size:14px;color:var(--ink);line-height:1.3}
  .home-mobile .ui-verify, .home-mobile .ui-fit{flex:none;font-size:10.5px;font-weight:600;color:var(--jade);background:var(--jade-bg);
    border:1px solid var(--jade-line);padding:3px 9px;border-radius:999px;white-space:nowrap}
  .home-mobile .ui-role{font-family:var(--f-display);font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--ink);line-height:1.05}
  .home-mobile .ui-meta{font-size:12.5px;color:var(--ink-2);margin-top:5px}
  .home-mobile .ui-swipe{display:flex;gap:9px;margin-top:11px}
  .home-mobile .sw{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:10px;font-size:13px;font-weight:600;border:1px solid var(--line-2)}
  .home-mobile .sw.skip{color:var(--ink-3)}
  .home-mobile .sw.apply{color:var(--jade);background:var(--jade-bg);border-color:var(--jade-line)}

  /* pay box — reused by step 2's signature reveal */
  .home-mobile .pay-box{margin:14px 0 0;padding:14px;background:var(--navy);border:1px solid var(--copper-line);border-radius:11px}
  .home-mobile .pay-label{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:7px}
  .home-mobile .pay-amount{font-family:var(--f-display);font-weight:800;font-size:clamp(26px,8vw,34px);letter-spacing:-.02em;color:var(--copper);line-height:1}
  .home-mobile .pay-amount .blurwrap{display:inline-block;transition:filter 1s cubic-bezier(.2,.7,.2,1),opacity 1s ease;filter:none;opacity:1}
  .home-mobile .html.js .pay-amount .blurwrap{filter:blur(13px);opacity:.5}
  .home-mobile .job.revealed .pay-amount .blurwrap{filter:blur(0);opacity:1}
  .home-mobile .pay-amount .per{font-size:.42em;font-weight:700;color:var(--copper);opacity:.78;margin-left:4px}
  .home-mobile .pay-foot{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:11.5px;color:var(--copper)}
  .home-mobile .pay-foot .ico{flex:none}

  /* ranked applicants — step 3 */
  .home-mobile .ui-list-head{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding-bottom:9px;margin-bottom:2px;border-bottom:1px solid var(--line)}
  .home-mobile .ui-app{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
  .home-mobile .ui-app:last-child{border-bottom:none}
  .home-mobile .av{width:32px;height:32px;flex:none;border-radius:8px;background:var(--elev);display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:700;font-size:12px;color:var(--ink-2)}
  .home-mobile .av.j{background:var(--jade-bg);color:var(--jade)}
  .home-mobile .ui-app-id{flex:1;min-width:0}
  .home-mobile .ui-app-id .nm{font-weight:600;font-size:14.5px;color:var(--ink);display:flex;align-items:center;gap:6px}
  .home-mobile .ui-app-id .vf{font-size:11px;color:var(--jade)}
  .home-mobile .ui-app-id .sk{font-size:12px;color:var(--ink-3);margin-top:1px}
  .home-mobile .pc{flex:none;font-family:var(--f-display);font-weight:800;font-size:18px}
  .home-mobile .pc.s{color:var(--jade)}
  .home-mobile .pc.g{color:var(--gold)}
  .home-mobile .pc.m{color:var(--ink-3)}
  .home-mobile .ui-app.dim{opacity:.6}

  .home-mobile .flow .btn-primary{box-shadow:0 0 40px rgba(69,184,136,.16)}
  .home-mobile .gp{text-align:center;margin-top:14px;font-size:13px;color:var(--ink-3)}

  /* ============================================================
     PRICING — condensed
     ============================================================ */
  .home-mobile .pricing h2{font-size:clamp(30px,8.2vw,38px);margin-bottom:14px}
  .home-mobile .pricing .lead{margin-bottom:36px;max-width:34ch}
  .home-mobile .tiers{display:flex;flex-direction:column;gap:14px}
  .home-mobile .tier{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px}
  .home-mobile .tier.found{border-color:var(--copper-line)}
  .home-mobile .tier-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}
  .home-mobile .tier-name{font-family:var(--f-display);font-weight:800;font-size:20px;color:#fff}
  .home-mobile .tier.found .tier-name{color:var(--copper)}
  .home-mobile .tier-tag{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--elev);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap}
  .home-mobile .tier.start .tier-tag{background:var(--jade-bg);color:var(--jade);border-color:var(--jade-line)}
  .home-mobile .tier.found .tier-tag{background:var(--copper-bg);color:var(--copper);border-color:var(--copper-line)}
  .home-mobile .tier-price{display:flex;align-items:baseline;gap:4px;margin:14px 0 4px}
  .home-mobile .tier-price .cur{font-family:var(--f-display);font-weight:700;font-size:22px;color:#fff}
  .home-mobile .tier-price .amt{font-family:var(--f-display);font-weight:800;font-size:40px;letter-spacing:-.02em;color:#fff;line-height:1}
  .home-mobile .tier.start .tier-price .cur, .home-mobile .tier.start .tier-price .amt{color:var(--jade)}
  .home-mobile .tier.found .tier-price .cur, .home-mobile .tier.found .tier-price .amt{color:var(--copper)}
  .home-mobile .tier-price .per{font-size:14px;color:var(--ink-3);margin-left:4px}
  .home-mobile .tier-sub{font-size:14.5px;color:var(--ink-2);margin-bottom:18px}
  .home-mobile .tier-sub b{color:var(--ink)}
  .home-mobile .tier .btn{padding:14px}
  .home-mobile .tier.start .btn{background:var(--jade);color:var(--jade-ink)}
  .home-mobile .tier.found .btn{background:var(--copper);color:var(--copper-ink)}
  .home-mobile .price-more{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;font-size:14.5px;color:var(--ink-2);font-weight:600}
  .home-mobile .price-more .ar{color:var(--jade)}

  /* ============================================================
     CLOSING
     ============================================================ */
  .home-mobile .closing{text-align:center;padding-top:90px;padding-bottom:70px}
  .home-mobile .closing h2{font-size:clamp(40px,13vw,58px);line-height:1.04;margin-bottom:30px}
  .home-mobile .closing h2 .serif{display:block;color:var(--copper)}
  .home-mobile .closing-cta{display:flex;flex-direction:column;gap:12px;margin-bottom:26px}
  .home-mobile .closing-note{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-2);justify-content:center;width:100%}

  .home-mobile footer{padding:34px var(--pad) calc(40px + env(safe-area-inset-bottom));border-top:1px solid var(--line);text-align:center}
  .home-mobile .foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-bottom:22px}
  .home-mobile .foot-links a{font-size:14px;color:var(--ink-2)}
  .home-mobile .foot-meta{font-size:11.5px;color:var(--ink-3);line-height:1.7}

  /* ---------- motion: restrained scroll reveal ----------
     Content is VISIBLE BY DEFAULT. The hidden start-state is applied only when
     JS is active (html.js), and a hard failsafe (html.force-show) force-paints
     everything with no transition after ~1.4s — so a throttled/stalled
     transition or a dead rAF can never leave the page blank. */
  .home-mobile .reveal{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
  .home-mobile .html.js .reveal{opacity:0;transform:translateY(20px)}
  .home-mobile .html.js .reveal.in{opacity:1;transform:none}
  .home-mobile .html.force-show .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .home-mobile .html.force-show .pay-amount .blurwrap{filter:none!important;opacity:1!important;transition:none!important}
  @media (prefers-reduced-motion:reduce){
    .home-mobile .html.js .reveal{opacity:1;transform:none;transition:none}
    .home-mobile .html.js .pay-amount .blurwrap{filter:none;opacity:1}
  }

}