:root{
    --bg: #0A0A0F;
    --bg-2: #0E0E14;
    --surface: #14141C;
    --surface-2: #1A1A24;
    --hair: rgba(255,255,255,0.06);
    --hair-2: rgba(255,255,255,0.1);
    --ink: #FFFFFF;
    --dim: rgba(255,255,255,0.62);
    --dim-2: rgba(255,255,255,0.4);
    --blue: #5B7FFF;
    --purple: #A37BFF;
    --pink: #FF4ECD;
    --green: #2EE5A0;
    --gold: #FFC857;
    --grad-1: linear-gradient(135deg, #FF4ECD 0%, #A37BFF 50%, #5B7FFF 100%);
    --grad-2: linear-gradient(135deg, #5B7FFF 0%, #A37BFF 100%);
    --grad-text: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0.55) 100%);
  }

  *{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
  html,body{margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    background:var(--bg);color:var(--ink);
    font-family:'Geist','Helvetica Neue',sans-serif;
    font-size:16px;line-height:1.5;letter-spacing:-0.005em;
    overflow-x:hidden;
  }
  img{display:block;max-width:100%}
  a{color:inherit;text-decoration:none}
  button{font:inherit;color:inherit;cursor:pointer}

  /* ─── Utilities ─── */
  .container{max-width:1320px;margin:0 auto;padding:0 32px}
  .wide{max-width:1480px}
  .mono{font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:0.14em;font-size:11px;font-weight:500}
  .grad-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .grad-accent{background:var(--grad-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;border:1px solid var(--hair-2);background:rgba(255,255,255,0.03)}
  .pill .dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
  .pill.accent{border-color:rgba(255,78,205,0.4);background:rgba(255,78,205,0.07);color:#FFB8E8}
  .pill.accent .dot{background:var(--pink);box-shadow:0 0 12px var(--pink)}

  /* Buttons */
  .btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:13px 22px;border-radius:10px;
    font-size:14px;font-weight:500;
    transition:transform .15s, background .2s, border-color .2s, color .2s;
    border:1px solid transparent;
    background:transparent;
  }
  .btn:hover{transform:translateY(-1px)}
  .btn-primary{background:#fff;color:#0a0a0f}
  .btn-primary:hover{background:rgba(255,255,255,0.92)}
  .btn-glow{
    background:var(--grad-2);color:#fff;
    box-shadow:0 0 0 1px rgba(255,255,255,0.08), 0 12px 32px -8px rgba(91,127,255,0.55), inset 0 1px 0 rgba(255,255,255,0.18);
  }
  .btn-glow:hover{filter:brightness(1.08)}
  .btn-ghost{color:#fff;border-color:var(--hair-2)}
  .btn-ghost:hover{background:rgba(255,255,255,0.05);border-color:var(--hair-2)}
  .btn-sm{padding:9px 16px;font-size:13px;border-radius:8px}

  .arrow{display:inline-block;width:9px;height:9px;border-top:1.6px solid currentColor;border-right:1.6px solid currentColor;transform:rotate(45deg);transition:transform .15s}
  .btn:hover .arrow{transform:rotate(45deg) translate(2px,-2px)}

  /* ─── Nav ─── */
  nav.top{
    position:fixed;top:0;left:0;right:0;z-index:90;
    padding:14px 24px;
    transition:background .25s, border-color .25s, padding .2s;
    border-bottom:1px solid transparent;
  }
  nav.top.scrolled{
    background:rgba(10,10,15,0.72);
    backdrop-filter:saturate(140%) blur(18px);
    -webkit-backdrop-filter:saturate(140%) blur(18px);
    border-bottom-color:var(--hair);
  }
  nav.top .inner{
    max-width:1320px;margin:0 auto;
    display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;
  }
  .brand{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:600;letter-spacing:-0.02em}
  .brand .mark{
    width:22px;height:26px;background:#fff;
    -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 70'><path d='M30 4 Q12 4 12 22 L12 46 Q12 60 26 66 L26 56 Q22 53 22 46 L22 22 Q22 12 30 12 Q38 12 38 22 L38 46 Q38 53 34 56 L34 66 Q48 60 48 46 L48 22 Q48 4 30 4 Z'/></svg>") center/contain no-repeat;
    mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 70'><path d='M30 4 Q12 4 12 22 L12 46 Q12 60 26 66 L26 56 Q22 53 22 46 L22 22 Q22 12 30 12 Q38 12 38 22 L38 46 Q38 53 34 56 L34 66 Q48 60 48 46 L48 22 Q48 4 30 4 Z'/></svg>") center/contain no-repeat;
  }
  nav.top .links{display:flex;gap:6px;justify-content:center}
  nav.top .links a{
    padding:8px 14px;border-radius:8px;
    font-size:14px;color:var(--dim);
    transition:color .2s, background .2s;
  }
  nav.top .links a:hover{color:var(--ink);background:rgba(255,255,255,0.04)}
  nav.top .right{display:flex;justify-content:flex-end;gap:8px;align-items:center}
  nav.top .signin{font-size:14px;padding:8px 14px;color:var(--dim);border-radius:8px;transition:color .2s, background .2s}
  nav.top .signin:hover{color:var(--ink);background:rgba(255,255,255,0.04)}

  /* ─── Section spacing ─── */
  section{padding:120px 0;position:relative}
  section.tight{padding:80px 0}

  /* ─── Hero ─── */
  .hero{
    position:relative;padding:160px 0 80px;
    text-align:center;overflow:hidden;
  }
  .hero-bg{
    position:absolute;inset:-100px 0 0;pointer-events:none;
    background:
      radial-gradient(ellipse 70% 50% at 50% 0%, rgba(163,123,255,0.22) 0%, transparent 60%),
      radial-gradient(ellipse 40% 30% at 70% 20%, rgba(255,78,205,0.15) 0%, transparent 50%),
      radial-gradient(ellipse 50% 40% at 25% 30%, rgba(91,127,255,0.18) 0%, transparent 55%);
  }
  .hero-bg::before{
    content:'';position:absolute;inset:0;
    background-image:
      linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size:48px 48px;
    mask-image:radial-gradient(ellipse 70% 50% at 50% 0%, black 30%, transparent 70%);
    -webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 0%, black 30%, transparent 70%);
  }
  .hero-content{position:relative;max-width:980px;margin:0 auto;padding:0 32px}
  .hero .badge{margin-bottom:32px;display:inline-flex}
  .hero h1{
    font-size:96px;line-height:0.96;font-weight:700;
    letter-spacing:-0.04em;margin:0;
  }
  .hero h1 span.grad{
    background:var(--grad-1);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    display:inline-block;
  }
  .hero .sub{
    margin:28px auto 0;max-width:620px;
    font-size:19px;line-height:1.5;color:var(--dim);
  }
  .hero-ctas{margin-top:36px;display:flex;justify-content:center;gap:12px}
  .hero-cta-meta{
    margin-top:18px;display:flex;justify-content:center;gap:20px;
    font-size:12px;color:var(--dim-2);
  }
  .hero-cta-meta span{display:inline-flex;align-items:center;gap:6px}
  .hero-cta-meta .check{color:var(--green)}

  /* Hero product showcase */
  .hero-showcase{
    position:relative;margin:80px auto 0;max-width:1240px;padding:0 32px;
  }
  .showcase-frame{
    position:relative;height:600px;
    background:linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0) 100%);
    border:1px solid var(--hair);border-radius:20px;
    padding:32px;overflow:hidden;
    box-shadow:0 60px 120px -40px rgba(91,127,255,0.25), 0 0 0 1px rgba(255,255,255,0.04) inset;
  }
  .showcase-frame::before{
    content:'';position:absolute;inset:-1px;border-radius:20px;padding:1px;
    background:linear-gradient(135deg, rgba(255,78,205,0.4) 0%, rgba(163,123,255,0) 30%, rgba(91,127,255,0.3) 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
  }
  .showcase-row{display:grid;grid-template-columns:1.2fr 1.8fr 1fr;gap:32px;height:100%;align-items:center}

  /* Phone mockup */
  .phone{
    position:relative;border-radius:38px;padding:8px;background:#000;
    box-shadow:0 30px 80px -20px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.08);
  }
  .phone-screen{
    width:100%;height:100%;
    border-radius:30px;overflow:hidden;background:#0F0F16;color:#fff;
    position:relative;display:flex;flex-direction:column;
  }
  .phone-status{display:flex;justify-content:space-between;padding:14px 22px;font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(255,255,255,0.85)}
  .phone-notch{
    position:absolute;top:8px;left:50%;transform:translateX(-50%);
    width:80px;height:22px;background:#000;border-radius:100px;z-index:5;
  }

  /* Showcase 1: Browse grid */
  .ph-browse{width:280px;height:560px;transform:rotate(-4deg) translateY(20px)}
  .ph-header{padding:0 18px 12px}
  .ph-header .crumb{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:var(--purple);margin-bottom:6px}
  .ph-header .title{font-size:24px;font-weight:700;letter-spacing:-0.02em}
  .ph-header .subtitle{font-size:11px;color:var(--dim);margin-top:4px}
  .chip-row{padding:0 18px;display:flex;gap:6px;margin-bottom:12px}
  .chip{padding:6px 12px;font-size:10px;border-radius:100px;border:1px solid var(--hair-2);background:rgba(255,255,255,0.04);color:var(--dim)}
  .chip.active{background:#fff;color:#0a0a0f;border-color:#fff}
  .browse-grid{padding:0 18px;display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}
  .browse-card{aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:#222;position:relative}
  .browse-card img{width:100%;height:100%;object-fit:cover}
  .browse-card .tags{position:absolute;bottom:6px;left:6px;display:flex;gap:4px;flex-wrap:wrap}
  .browse-card .tag-mini{
    padding:2px 6px;font-size:8px;border-radius:100px;
    background:rgba(91,127,255,0.2);color:#9DB0FF;font-weight:600;
    letter-spacing:0.04em;backdrop-filter:blur(6px);
  }
  .browse-card .tag-mini.alt{background:rgba(46,229,160,0.18);color:#7BF0C5}
  .browse-card .label{position:absolute;top:6px;left:6px;font-size:9px;background:rgba(0,0,0,0.5);padding:3px 6px;border-radius:4px;font-family:'JetBrains Mono',monospace;letter-spacing:0.06em}

  /* Showcase 2: Order tracking (centerpiece) */
  .ph-order{width:300px;height:600px;margin:0 auto}
  .order-progress{padding:0 18px}
  .progress-card{
    background:linear-gradient(180deg, rgba(91,127,255,0.12) 0%, rgba(255,255,255,0.02) 100%);
    border:1px solid rgba(91,127,255,0.2);border-radius:14px;padding:16px;margin-bottom:14px;
  }
  .progress-card .lbl{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:#9DB0FF;margin-bottom:8px}
  .progress-card .ord{font-size:18px;font-weight:600;letter-spacing:-0.015em;margin-bottom:14px}
  .progress-bar{height:5px;background:rgba(255,255,255,0.06);border-radius:3px;overflow:hidden;margin-bottom:8px}
  .progress-bar .fill{height:100%;background:var(--grad-2);border-radius:3px;width:64%}
  .progress-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--dim)}
  .progress-meta b{color:var(--green);font-family:'JetBrains Mono',monospace;font-weight:600}
  .step-list{padding:0 18px}
  .step-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--hair)}
  .step-row:last-child{border-bottom:none}
  .step-dot{width:18px;height:18px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}
  .step-dot.done{background:var(--green);color:#003622}
  .step-dot.active{background:var(--grad-2);color:#fff;box-shadow:0 0 0 4px rgba(91,127,255,0.18)}
  .step-dot.pending{background:rgba(255,255,255,0.08);color:var(--dim-2)}
  .step-text{flex:1;display:flex;flex-direction:column}
  .step-text .name{font-size:13px;font-weight:500}
  .step-text .when{font-size:10px;color:var(--dim-2);margin-top:2px;font-family:'JetBrains Mono',monospace;letter-spacing:0.08em;text-transform:uppercase}

  /* Showcase 3: Wallet card */
  .wallet-stack{display:flex;flex-direction:column;gap:14px}
  .wallet-card{
    background:var(--grad-1);
    border-radius:18px;padding:22px;color:#fff;position:relative;overflow:hidden;
    box-shadow:0 24px 60px -20px rgba(255,78,205,0.4), 0 0 0 1px rgba(255,255,255,0.12) inset;
    transform:rotate(3deg);
  }
  .wallet-card::before{
    content:'';position:absolute;width:240px;height:240px;border-radius:50%;
    top:-100px;right:-80px;background:radial-gradient(circle, rgba(255,255,255,0.25) 0%, transparent 60%);
  }
  .wallet-card .top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
  .wallet-card .nm{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:0.18em;text-transform:uppercase;opacity:0.85}
  .wallet-card .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.95)}
  .wallet-card .bal{font-size:10px;opacity:0.85;letter-spacing:0.08em;text-transform:uppercase}
  .wallet-card .amt{font-size:36px;font-weight:700;letter-spacing:-0.025em;margin-top:4px;line-height:1}
  .wallet-card .ref{margin-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:10px;opacity:0.85}
  .wallet-list{
    background:var(--surface);border:1px solid var(--hair);border-radius:14px;padding:14px;
    transform:rotate(-2deg);
  }
  .wallet-list h5{font-size:11px;color:var(--dim-2);font-weight:500;margin:0 0 10px;letter-spacing:0.08em;text-transform:uppercase;font-family:'JetBrains Mono',monospace}
  .wallet-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed var(--hair)}
  .wallet-row:last-child{border:none}
  .wallet-row .what{font-size:11px}
  .wallet-row .amt{font-size:12px;color:var(--green);font-family:'JetBrains Mono',monospace;font-weight:600;letter-spacing:0.04em}
  .wallet-row .neg{color:var(--dim)}

  /* ─── Trust bar ─── */
  .trust{padding:48px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
  .trust-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .trust .lbl{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--dim-2)}
  .city-row{display:flex;gap:36px;flex-wrap:wrap;color:var(--dim)}
  .city-row span{font-size:15px;font-weight:500;letter-spacing:-0.01em;display:inline-flex;align-items:center;gap:8px}
  .city-row .pulse{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}

  /* ─── Section head ─── */
  .sec-head{max-width:780px;margin:0 auto 64px;text-align:center}
  .sec-head .eyebrow{margin-bottom:20px;display:inline-flex}
  .sec-head h2{font-size:60px;line-height:1;font-weight:700;letter-spacing:-0.035em;margin:0}
  .sec-head h2 .grad{background:var(--grad-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .sec-head .sub{margin:20px auto 0;font-size:17px;color:var(--dim);line-height:1.55;max-width:560px}

  /* ─── Bento ─── */
  .bento{
    display:grid;grid-template-columns:repeat(12,1fr);
    grid-auto-rows:minmax(0,auto);
    gap:14px;
  }
  .bento-card{
    background:var(--surface);border:1px solid var(--hair);
    border-radius:22px;
    position:relative;overflow:hidden;
    display:flex;flex-direction:column;
    transition:border-color .25s, transform .25s;
  }
  .bento-card:hover{border-color:var(--hair-2);transform:translateY(-2px)}
  .bento-card .head{padding:28px 28px 0;flex:0 0 auto;position:relative;z-index:2}
  .bento-card .head .label{
    font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.18em;
    text-transform:uppercase;color:var(--dim-2);display:inline-flex;align-items:center;gap:8px;
    margin-bottom:14px;
  }
  .bento-card .head .label::before{
    content:'';width:6px;height:6px;border-radius:50%;background:currentColor;
  }
  .bento-card h3{font-size:24px;font-weight:600;letter-spacing:-0.02em;margin:0 0 10px;line-height:1.15}
  .bento-card p.desc{font-size:14.5px;color:var(--dim);margin:0;line-height:1.55;max-width:360px}
  .bento-card .visual{
    flex:1 1 auto;position:relative;margin-top:24px;min-height:0;
  }

  /* Grid positions */
  .b-browse  { grid-column:span 7; grid-row:span 2; min-height:520px }
  .b-aitry   { grid-column:span 5; grid-row:span 2; min-height:520px }
  .b-wallet  { grid-column:span 4; grid-row:span 1; min-height:280px }
  .b-track   { grid-column:span 4; grid-row:span 1; min-height:280px }
  .b-meas    { grid-column:span 4; grid-row:span 1; min-height:280px }
  .b-refit   { grid-column:span 4; grid-row:span 1; min-height:280px }
  .b-special { grid-column:span 8; grid-row:span 1; min-height:260px }

  /* Accent washes */
  .b-browse  { background:radial-gradient(ellipse 70% 60% at 100% 0%, rgba(163,123,255,0.12) 0%, transparent 60%), var(--surface) }
  .b-aitry   { background:radial-gradient(ellipse 70% 60% at 100% 100%, rgba(255,78,205,0.14) 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 0% 0%, rgba(91,127,255,0.1) 0%, transparent 50%), var(--surface); border-color:rgba(255,78,205,0.22) }
  .b-wallet  { background:radial-gradient(ellipse 100% 100% at 100% 100%, rgba(255,78,205,0.12) 0%, transparent 60%), var(--surface); border-color:rgba(255,78,205,0.18) }
  .b-track   { background:radial-gradient(ellipse 100% 80% at 100% 50%, rgba(91,127,255,0.1) 0%, transparent 60%), var(--surface) }
  .b-refit   { background:radial-gradient(ellipse 100% 80% at 100% 100%, rgba(46,229,160,0.1) 0%, transparent 60%), var(--surface) }
  .b-special { background:radial-gradient(ellipse 50% 100% at 100% 50%, rgba(255,200,87,0.08) 0%, transparent 70%), var(--surface) }

  /* Label colors per card */
  .b-browse  .head .label  { color:#C2A8FF }
  .b-aitry   .head .label  { color:#FFB8E8 }
  .b-wallet  .head .label  { color:#FF9DDC }
  .b-track   .head .label  { color:#A8C0FF }
  .b-meas    .head .label  { color:var(--dim-2) }
  .b-refit   .head .label  { color:#7BF0C5 }
  .b-special .head .label  { color:#FFD789 }

  /* ── B-BROWSE: phone "screen" embedded ── */
  .browse-canvas{
    position:absolute;left:28px;right:28px;bottom:-24px;top:0;
    background:#080810;
    border-radius:18px 18px 0 0;
    border:1px solid var(--hair-2);border-bottom:none;
    padding:18px 18px 0;
    overflow:hidden;
    display:flex;flex-direction:column;
    box-shadow:0 -30px 60px -30px rgba(163,123,255,0.25) inset, 0 30px 60px -20px rgba(0,0,0,0.5);
  }
  .browse-bar{
    display:flex;justify-content:space-between;align-items:center;
    margin-bottom:14px;font-family:'JetBrains Mono',monospace;
    font-size:10px;color:var(--dim-2);letter-spacing:0.14em;text-transform:uppercase;
  }
  .browse-bar .dots{display:flex;gap:5px}
  .browse-bar .dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.12);display:inline-block}
  .browse-chips{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
  .bc{padding:6px 12px;border-radius:100px;font-size:11px;border:1px solid var(--hair);background:rgba(255,255,255,0.03);color:var(--dim)}
  .bc.active{background:#fff;color:#0a0a0f;border-color:#fff;font-weight:500}
  .browse-row{
    display:grid;grid-template-columns:repeat(4,1fr);gap:8px;
    flex:1;min-height:0;
  }
  .bc-item{
    aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#222;position:relative;
  }
  .bc-item img{width:100%;height:100%;object-fit:cover}
  .bc-item .mini-tags{
    position:absolute;bottom:6px;left:6px;display:flex;gap:4px;
  }
  .bc-item .mini-tag{
    padding:2px 6px;font-size:8px;border-radius:100px;
    background:rgba(91,127,255,0.22);color:#A8C0FF;font-weight:600;
    letter-spacing:0.04em;backdrop-filter:blur(4px);
  }
  .bc-item .mini-tag.alt{background:rgba(46,229,160,0.22);color:#7BF0C5}
  .bc-item .n-label{
    position:absolute;top:6px;left:6px;
    font-size:8px;background:rgba(0,0,0,0.55);
    color:rgba(255,255,255,0.9);padding:2px 5px;border-radius:4px;
    font-family:'JetBrains Mono',monospace;letter-spacing:0.08em;
  }

  /* ── B-WALLET: compact gradient card ── */
  .wallet-visual{padding:0 24px 24px;padding-top:0}
  .wallet-hero{
    position:relative;border-radius:14px;
    background:var(--grad-1);padding:16px 18px;color:#fff;overflow:hidden;
    box-shadow:0 18px 40px -14px rgba(255,78,205,0.45), inset 0 1px 0 rgba(255,255,255,0.18);
  }
  .wallet-hero::before{
    content:'';position:absolute;width:200px;height:200px;border-radius:50%;
    top:-100px;right:-80px;
    background:radial-gradient(circle, rgba(255,255,255,0.28) 0%, transparent 60%);
  }
  .wallet-hero::after{
    content:'';position:absolute;width:160px;height:160px;border-radius:50%;
    bottom:-80px;left:-50px;
    background:radial-gradient(circle, rgba(91,127,255,0.4) 0%, transparent 60%);
  }
  .wallet-hero .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;position:relative}
  .wallet-hero .nm{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;opacity:0.9}
  .wallet-hero .pulse{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px rgba(255,255,255,0.8)}
  .wallet-hero .bal{font-size:10px;opacity:0.85;letter-spacing:0.1em;text-transform:uppercase;position:relative}
  .wallet-hero .amt{font-size:30px;font-weight:700;letter-spacing:-0.025em;margin-top:4px;line-height:1;position:relative}
  .wallet-hero .bottom{margin-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:10.5px;position:relative}
  .wallet-hero .bottom b{font-weight:600}

  /* ── B-AITRY: AI try-on side-by-side preview ── */
  .ai-visual{
    padding:0 28px 28px;display:flex;flex-direction:column;gap:14px;justify-content:flex-end;
  }
  .ai-canvas-row{
    display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:stretch;
    position:relative;height:240px;
  }
  .ai-pane{
    position:relative;border-radius:12px;overflow:hidden;background:#222;
    border:1px solid rgba(255,255,255,0.08);
  }
  .ai-pane img{width:100%;height:100%;object-fit:cover;display:block}
  .ai-pane .label{
    position:absolute;top:8px;left:8px;
    font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:0.16em;
    background:rgba(0,0,0,0.55);backdrop-filter:blur(6px);
    padding:4px 8px;border-radius:5px;color:#fff;text-transform:uppercase;
  }
  .ai-pane.right{
    box-shadow:0 0 0 1px rgba(255,78,205,0.4), 0 0 28px -8px rgba(255,78,205,0.6);
    border-color:rgba(255,78,205,0.4);
  }
  .ai-pane.right .label{background:linear-gradient(90deg, #FF4ECD, #A37BFF);color:#fff}
  .ai-pane.right .scan{
    position:absolute;inset:0;
    background:linear-gradient(180deg, transparent 0%, transparent 40%, rgba(163,123,255,0.35) 50%, transparent 60%, transparent 100%);
    animation:ai-scan 2.6s ease-in-out infinite;
    pointer-events:none;
  }
  @keyframes ai-scan{
    0%{transform:translateY(-100%)}
    100%{transform:translateY(100%)}
  }
  .ai-pane.right img{animation:ai-cycle 9s infinite}
  @keyframes ai-cycle{
    0%, 38%{opacity:1;transform:scale(1)}
    42%, 58%{opacity:0.3;transform:scale(1.03)}
    62%, 100%{opacity:1;transform:scale(1)}
  }
  .ai-arrow{
    align-self:center;display:flex;flex-direction:column;align-items:center;gap:6px;
    color:#FFB8E8;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:0.14em;
  }
  .ai-arrow .iconly{
    width:30px;height:30px;border-radius:50%;
    background:rgba(255,78,205,0.18);color:#FFB8E8;
    display:flex;align-items:center;justify-content:center;
    font-size:15px;border:1px solid rgba(255,78,205,0.3);
    animation:ai-pulse 2.4s ease-in-out infinite;
  }
  @keyframes ai-pulse{50%{box-shadow:0 0 0 6px rgba(255,78,205,0.12)}}
  .ai-tray{
    display:flex;gap:6px;align-items:center;justify-content:space-between;
    padding:8px 10px;background:rgba(0,0,0,0.25);border:1px solid var(--hair);
    border-radius:10px;
  }
  .ai-tray .lhs{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.1em;color:var(--dim);text-transform:uppercase}
  .ai-tray .styles{display:flex;gap:5px}
  .ai-tray .style-dot{
    width:24px;height:24px;border-radius:50%;background:#333;
    overflow:hidden;cursor:pointer;
    border:2px solid transparent;transition:border-color .2s;
  }
  .ai-tray .style-dot img{width:100%;height:100%;object-fit:cover}
  .ai-tray .style-dot.active{border-color:var(--pink);box-shadow:0 0 0 1px var(--pink),0 0 12px rgba(255,78,205,0.5)}
  .ai-sparkle{
    position:absolute;width:6px;height:6px;background:#FFB8E8;border-radius:50%;
    box-shadow:0 0 8px #FFB8E8;
    pointer-events:none;animation:sparkle 3s ease-in-out infinite;
  }
  .ai-sparkle:nth-child(2){top:18%;right:45%;animation-delay:0.4s}
  .ai-sparkle:nth-child(3){bottom:24%;right:25%;animation-delay:1.2s}
  .ai-sparkle:nth-child(4){top:40%;right:10%;animation-delay:2.1s}
  @keyframes sparkle{
    0%, 100%{opacity:0;transform:scale(0)}
    50%{opacity:1;transform:scale(1)}
  }

  /* ── B-TRACK: horizontal timeline ── */
  .track-visual{padding:0 28px 28px;display:flex;flex-direction:column;justify-content:flex-end;gap:18px}
  .track-row{
    display:flex;align-items:center;gap:6px;position:relative;
  }
  .track-row::before{
    content:'';position:absolute;left:14px;right:14px;top:14px;height:2px;
    background:var(--hair);z-index:0;
  }
  .track-row .progress{
    position:absolute;left:14px;top:14px;height:2px;width:62%;
    background:var(--grad-2);z-index:1;
    box-shadow:0 0 12px rgba(91,127,255,0.4);
  }
  .track-step{
    position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;
  }
  .track-dot{
    width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-size:11px;font-weight:600;border:2px solid var(--bg);
  }
  .td-done{background:var(--green);color:#003622}
  .td-active{background:var(--grad-2);color:#fff;box-shadow:0 0 0 4px rgba(91,127,255,0.22), 0 0 16px rgba(91,127,255,0.6)}
  .td-pending{background:rgba(255,255,255,0.06);color:var(--dim-2)}
  .track-label{font-size:10px;color:var(--dim-2);font-family:'JetBrains Mono',monospace;letter-spacing:0.08em;text-transform:uppercase;text-align:center;line-height:1.3}
  .track-step.active .track-label{color:#A8C0FF}
  .track-eta{
    margin-top:6px;padding:10px 14px;background:rgba(91,127,255,0.08);
    border:1px solid rgba(91,127,255,0.25);border-radius:10px;
    display:flex;justify-content:space-between;align-items:center;
    font-size:12px;
  }
  .track-eta .eta-lbl{color:var(--dim);font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.14em;text-transform:uppercase}
  .track-eta .eta-val{color:#A8C0FF;font-weight:600}

  /* ── B-MEAS: body silhouette + callouts ── */
  .meas-visual{padding:0 28px 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
  .silhouette{position:relative;flex:0 0 110px;height:200px}
  .silhouette svg{width:100%;height:100%;display:block}
  .silhouette .pt{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px rgba(91,127,255,0.25), 0 0 10px rgba(91,127,255,0.5)}
  .silhouette .pt::after{
    content:attr(data-l);position:absolute;left:14px;top:-4px;
    font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:0.08em;
    color:var(--dim);white-space:nowrap;
  }
  .meas-table{flex:1;min-width:0}
  .meas-tabs{display:flex;gap:6px;margin-bottom:12px}
  .meas-tab{font-size:10px;padding:5px 10px;border-radius:100px;border:1px solid var(--hair);color:var(--dim)}
  .meas-tab.active{background:#fff;color:#0a0a0f;border-color:#fff}
  .meas-row{
    display:flex;justify-content:space-between;align-items:center;
    padding:8px 0;font-size:13px;border-bottom:1px dashed var(--hair);
  }
  .meas-row:last-child{border:0}
  .meas-row .k{color:var(--dim)}
  .meas-row .v{font-family:'JetBrains Mono',monospace;font-weight:600;color:#fff;letter-spacing:0.04em}

  /* ── B-REFIT: deltas ── */
  .refit-visual{padding:0 28px 28px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}
  .refit-row{
    display:flex;justify-content:space-between;align-items:center;
    padding:11px 0;font-size:13px;border-bottom:1px dashed var(--hair);
  }
  .refit-row:last-of-type{border:0}
  .refit-row .k{color:var(--dim)}
  .refit-row .delta{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;letter-spacing:0.06em;display:inline-flex;align-items:center;gap:6px}
  .refit-row .delta.up{color:var(--gold)}
  .refit-row .delta.down{color:var(--green)}
  .refit-row .delta.flat{color:var(--dim-2)}
  .refit-row .delta i{width:0;height:0;display:inline-block;border-left:4px solid transparent;border-right:4px solid transparent}
  .refit-row .delta.up i{border-bottom:6px solid var(--gold)}
  .refit-row .delta.down i{border-top:6px solid var(--green)}
  .refit-row .delta.flat i{width:8px;height:1.5px;background:var(--dim-2);border:0}
  .refit-stamp{
    margin-top:8px;padding:10px 12px;
    background:rgba(46,229,160,0.08);border:1px solid rgba(46,229,160,0.25);
    border-radius:8px;font-family:'JetBrains Mono',monospace;
    font-size:10px;letter-spacing:0.1em;color:#7BF0C5;
  }

  /* ── B-SPECIAL: side-by-side ── */
  .b-special{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
  .b-special .head{padding:32px 36px 36px;display:flex;flex-direction:column;justify-content:center}
  .b-special .head h3{font-size:32px;letter-spacing:-0.025em}
  .b-special .head p.desc{max-width:420px;font-size:15px}
  .b-special .req-form{
    margin:18px 32px 32px 0;padding:24px;
    background:rgba(0,0,0,0.25);border:1px solid var(--hair-2);border-radius:14px;
    align-self:center;
  }
  .req-form .form-label{
    font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.14em;
    text-transform:uppercase;color:var(--dim-2);margin-bottom:6px;display:flex;align-items:center;gap:6px;
  }
  .req-form .form-label .ok{color:var(--green)}
  .req-form .field{
    border:1px solid var(--hair);border-radius:10px;padding:11px 14px;
    font-size:13px;color:var(--dim-2);margin-bottom:10px;background:rgba(255,255,255,0.02);
    display:flex;justify-content:space-between;align-items:center;
  }
  .req-form .field.fill{color:#fff;border-color:rgba(91,127,255,0.4);background:rgba(91,127,255,0.06)}
  .req-form .field .ico{opacity:0.6;font-size:11px}
  .req-form .quote-row{
    display:flex;justify-content:space-between;align-items:baseline;
    padding:12px 0 16px;border-top:1px dashed var(--hair);margin-top:8px;
  }
  .req-form .quote-row .lbl{font-size:12px;color:var(--dim)}
  .req-form .quote-row .amt{font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:700;color:var(--green);letter-spacing:-0.01em}
  .req-form .btn-pay{
    width:100%;padding:13px;background:var(--grad-2);color:#fff;
    border-radius:10px;border:0;font-size:13px;font-weight:600;cursor:pointer;
    display:flex;justify-content:center;align-items:center;gap:8px;
    box-shadow:0 8px 24px -6px rgba(91,127,255,0.5);
  }

  /* Live "pulse" indicator chip on browse card */
  .live-chip{
    position:absolute;top:24px;right:24px;z-index:3;
    background:rgba(0,0,0,0.5);backdrop-filter:blur(10px);
    border:1px solid var(--hair-2);border-radius:100px;
    padding:6px 12px;font-family:'JetBrains Mono',monospace;
    font-size:10px;letter-spacing:0.12em;color:var(--green);
    display:inline-flex;align-items:center;gap:8px;
  }
  .live-chip i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}

  /* ─── Steps row ─── */
  .steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
  .step-card{
    background:var(--surface);border:1px solid var(--hair);border-radius:16px;
    padding:24px;display:flex;flex-direction:column;gap:14px;min-height:240px;
    transition:border-color .25s, background .25s;
  }
  .step-card:hover{border-color:var(--hair-2)}
  .step-num{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.16em;color:var(--blue);font-weight:600}
  .step-card h3{font-size:20px;font-weight:600;letter-spacing:-0.015em;margin:0;line-height:1.2}
  .step-card p{font-size:14px;color:var(--dim);line-height:1.55;margin:0}
  .step-time{
    margin-top:auto;font-family:'JetBrains Mono',monospace;font-size:10px;
    color:var(--dim-2);letter-spacing:0.14em;text-transform:uppercase;
    padding-top:14px;border-top:1px solid var(--hair);
  }

  /* ─── Pricing ─── */
  .pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1120px;margin:0 auto}
  .price-card{
    background:var(--surface);border:1px solid var(--hair);border-radius:18px;
    padding:32px;display:flex;flex-direction:column;
    position:relative;transition:border-color .25s, transform .25s;
  }
  .price-card.featured{
    background:linear-gradient(180deg, rgba(163,123,255,0.08) 0%, var(--surface) 60%);
    border-color:rgba(163,123,255,0.4);
    box-shadow:0 30px 80px -30px rgba(163,123,255,0.35);
  }
  .price-card:hover{transform:translateY(-2px)}
  .price-card .ribbon{
    position:absolute;top:-10px;right:24px;
    padding:5px 12px;background:var(--grad-2);color:#fff;
    border-radius:100px;font-size:10px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;
  }
  .price-card .tier{font-size:14px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:8px;color:var(--dim)}
  .price-card .tier .grad{background:var(--grad-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .price-card h3{font-size:28px;font-weight:700;letter-spacing:-0.02em;margin:0;line-height:1.1}
  .price-card .blurb{font-size:14px;color:var(--dim);margin-top:8px}
  .price-card .price{margin:24px 0 8px;display:flex;align-items:baseline;gap:8px}
  .price-card .price .num{font-size:48px;font-weight:700;letter-spacing:-0.03em}
  .price-card .price .per{font-size:14px;color:var(--dim)}
  .price-card .meta{font-size:13px;color:var(--dim-2);margin-bottom:24px}
  .price-card .price-cta{margin-bottom:24px}
  .price-card .price-cta a{
    width:100%;justify-content:center;display:flex;
  }
  .price-card ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair);padding-top:20px;flex:1}
  .price-card ul li{display:flex;gap:10px;font-size:14px;padding:7px 0;line-height:1.4;align-items:flex-start}
  .price-card ul li::before{
    content:'';width:14px;height:14px;border-radius:50%;
    background:rgba(46,229,160,0.15);color:var(--green);
    display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%232EE5A0' stroke-width='2'><path d='M3 7 L6 10 L11 4'/></svg>");
    background-repeat:no-repeat;background-position:center;background-size:10px;
  }

  /* ─── Testimonials ─── */
  .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .quote-card{
    background:var(--surface);border:1px solid var(--hair);border-radius:16px;
    padding:28px;display:flex;flex-direction:column;gap:18px;
    transition:border-color .2s;
  }
  .quote-card:hover{border-color:var(--hair-2)}
  .quote-card .stars{color:var(--gold);letter-spacing:2px;font-size:14px}
  .quote-card p{font-size:16px;line-height:1.55;color:var(--ink);margin:0;flex:1;letter-spacing:-0.005em}
  .quote-card .who{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--hair)}
  .quote-card .who .pic{
    width:38px;height:38px;border-radius:50%;
    background:var(--grad-1);flex-shrink:0;
    font-weight:600;font-size:14px;color:#fff;
    display:flex;align-items:center;justify-content:center;
  }
  .quote-card .who .name{font-size:14px;font-weight:500}
  .quote-card .who .meta{font-size:12px;color:var(--dim);font-family:'JetBrains Mono',monospace;letter-spacing:0.06em;text-transform:uppercase;margin-top:2px}

  /* ─── FAQ ─── */
  .faq-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;max-width:1200px;margin:0 auto}
  .faq h2{font-size:48px;line-height:1.02;font-weight:700;letter-spacing:-0.03em;margin:0}
  .faq h2 .grad{background:var(--grad-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .faq .blurb{color:var(--dim);margin-top:20px;max-width:340px;line-height:1.55;font-size:15px}
  .faq-item{
    border:1px solid var(--hair);border-radius:14px;padding:0 24px;margin-bottom:8px;
    background:var(--surface);transition:border-color .2s, background .2s;
  }
  .faq-item:hover{border-color:var(--hair-2)}
  .faq-item.open{border-color:rgba(163,123,255,0.35);background:linear-gradient(180deg, rgba(163,123,255,0.05) 0%, var(--surface) 100%)}
  .faq-q{
    width:100%;padding:20px 0;background:none;border:none;text-align:left;
    display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;
    color:inherit;font-size:16px;font-weight:500;letter-spacing:-0.01em;font-family:inherit;
  }
  .faq-q .qn{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.14em;color:var(--purple)}
  .faq-q .plus{font-size:22px;color:var(--dim-2);line-height:1;transition:transform .25s, color .25s}
  .faq-item.open .faq-q .plus{transform:rotate(45deg);color:var(--purple)}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.2,.7,.3,1)}
  .faq-item.open .faq-a{max-height:400px;padding:0 0 22px 56px}
  .faq-a p{margin:0;color:var(--dim);line-height:1.65;font-size:14.5px;max-width:600px}

  /* ─── Final CTA ─── */
  .final{
    position:relative;padding:140px 0;overflow:hidden;text-align:center;
    background:
      radial-gradient(ellipse 70% 50% at 50% 100%, rgba(255,78,205,0.16) 0%, transparent 60%),
      radial-gradient(ellipse 50% 40% at 50% 0%, rgba(91,127,255,0.14) 0%, transparent 60%);
  }
  .final::before{
    content:'';position:absolute;inset:0;
    background-image:
      linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size:48px 48px;
    mask-image:radial-gradient(ellipse 60% 50% at 50% 50%, black 30%, transparent 70%);
    -webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%, black 30%, transparent 70%);
    pointer-events:none;
  }
  .final-inner{position:relative}
  .final .badge{margin-bottom:32px}
  .final h2{font-size:128px;line-height:0.94;font-weight:800;letter-spacing:-0.045em;margin:0;max-width:1080px;margin-inline:auto}
  .final h2 .grad{background:var(--grad-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .final p{margin:28px auto 0;max-width:520px;color:var(--dim);font-size:18px;line-height:1.55}
  .final-cta{margin-top:36px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

  /* ─── Footer ─── */
  footer{padding:80px 0 32px;border-top:1px solid var(--hair);background:var(--bg-2)}
  .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:64px}
  .foot-col h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--dim-2);margin:0 0 18px;font-weight:500}
  .foot-col ul{list-style:none;margin:0;padding:0}
  .foot-col li{font-size:14px;line-height:2;color:var(--dim);cursor:pointer;transition:color .2s}
  .foot-col li:hover{color:var(--ink)}
  .foot-brand-info{font-size:14px;color:var(--dim);margin:18px 0 24px;max-width:320px;line-height:1.55}
  .badge-app{display:flex;gap:8px;flex-wrap:wrap}
  .badge-app a{
    padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid var(--hair);border-radius:8px;
    font-size:12px;color:var(--dim);
    display:inline-flex;align-items:center;gap:8px;
  }
  .foot-bottom{
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;
    padding-top:32px;border-top:1px solid var(--hair);
    font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--dim-2);
  }

  .img-fallback{
    width:100%;height:100%;
    background:
      repeating-linear-gradient(45deg,transparent 0,transparent 10px,rgba(255,255,255,0.04) 10px,rgba(255,255,255,0.04) 11px),
      linear-gradient(135deg, #1a1622 0%, #100c18 100%);
    display:flex;align-items:center;justify-content:center;
    color:rgba(255,255,255,0.4);
    font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:0.16em;text-transform:uppercase;
  }

  /* Reveal */
  .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease, transform .8s ease}
  .reveal.in{opacity:1;transform:none}

  /* ─── Responsive ─── */
  @media (max-width: 1100px){
    .hero h1{font-size:64px}
    .sec-head h2{font-size:42px}
    .final h2{font-size:64px}
    .showcase-row{grid-template-columns:1fr;gap:24px}
    .showcase-frame{height:auto;padding:24px}
    .ph-browse, .ph-order{transform:none;margin:0 auto}
    .bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}
    .b-browse, .b-aitry, .b-wallet, .b-track, .b-meas, .b-refit, .b-special{grid-column:span 2;grid-row:span 1;min-height:auto}
    .b-special{grid-template-columns:1fr}
    .steps-row{grid-template-columns:1fr 1fr}
    .pricing, .quotes{grid-template-columns:1fr}
    .faq-grid{grid-template-columns:1fr;gap:32px}
    .foot-grid{grid-template-columns:1fr 1fr}
    nav.top .links{display:none}
    nav.top .inner{grid-template-columns:1fr auto}
  }

  /* ─── Tablet portrait & small ─── */
  @media (max-width: 720px){
    .container{padding:0 20px}
    section{padding:72px 0}
    section.tight{padding:48px 0}

    /* Nav */
    nav.top{padding:10px 16px}
    nav.top.scrolled{padding:10px 16px}
    nav.top .inner{gap:12px}
    nav.top .right{gap:6px}
    nav.top .signin{display:none}
    .brand{font-size:15px}
    .brand .mark{width:20px;height:22px}

    /* Hero */
    .hero{padding:110px 0 56px}
    .hero h1{font-size:42px;line-height:1.0}
    .hero .sub{font-size:15px;margin-top:20px;max-width:none}
    .hero .badge.pill{font-size:10px;padding:5px 11px}
    .hero-ctas{flex-direction:column;gap:8px;margin-top:24px;align-items:stretch}
    .hero-ctas .btn{justify-content:center;padding:14px 18px;font-size:13.5px}
    .hero-cta-meta{flex-wrap:wrap;gap:10px 16px;font-size:11px}
    .hero-content{padding:0 20px}
    .hero-showcase{margin-top:48px;padding:0 16px}
    .showcase-frame{padding:18px;border-radius:14px}
    .showcase-row{gap:18px}
    .phone, .ph-browse, .ph-order{width:240px !important;height:480px !important;transform:none !important;margin:0 auto !important}
    .wallet-stack{width:240px;margin:0 auto}

    /* Trust */
    .trust{padding:32px 0}
    .trust-inner{flex-direction:column;align-items:flex-start;gap:14px}
    .city-row{gap:14px 20px;font-size:13px}

    /* Section heads */
    .sec-head{margin-bottom:40px}
    .sec-head h2{font-size:30px;line-height:1.08}
    .sec-head .sub{font-size:14.5px;margin-top:14px}
    .sec-head .eyebrow, .sec-head .pill, .badge.pill{font-size:10px}

    /* Bento */
    .bento{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}
    .b-browse, .b-aitry, .b-wallet, .b-track, .b-meas, .b-refit, .b-special{grid-column:span 1;min-height:auto}
    .bento-card .head{padding:22px 22px 0}
    .bento-card h3{font-size:20px}
    .bento-card p.desc{font-size:13.5px}
    .browse-canvas{left:18px;right:18px;padding:14px 14px 0}
    .browse-row{gap:6px}
    .bc-item{aspect-ratio:1}
    .live-chip{top:14px;right:14px;padding:4px 9px;font-size:9px}
    .ai-visual{padding:0 22px 22px}
    .ai-canvas-row{height:200px;gap:6px}
    .ai-tray{padding:6px 8px}
    .wallet-visual{padding:0 22px 22px}
    .wallet-hero .amt{font-size:26px}
    .track-visual{padding:0 22px 22px;gap:14px}
    .track-dot{width:24px;height:24px;font-size:10px}
    .track-label{font-size:9px}
    .meas-visual{padding:0 22px 22px;gap:14px}
    .silhouette{flex:0 0 80px;height:160px}
    .refit-visual{padding:0 22px 22px}
    .b-special{display:flex;flex-direction:column;gap:0}
    .b-special .head{padding:22px 22px 8px}
    .b-special .head h3{font-size:22px}
    .b-special .req-form{margin:0 22px 22px}

    /* Steps row */
    .steps-row{grid-template-columns:1fr;gap:14px}
    .step-card{min-height:160px;padding:20px}
    .step-card h3{font-size:18px}

    /* Pricing */
    .pricing-compact, .pricing{grid-template-columns:1fr;gap:14px;max-width:none}
    .price-card{padding:24px}
    .price-card h3{font-size:22px}
    .price-card .price .num{font-size:34px}
    .price-card .price-cta a, .price-card .price-cta .btn{width:100%;justify-content:center}

    /* Quotes */
    .quote-card{padding:22px}
    .quote-card p{font-size:14.5px}

    /* Final */
    .final{padding:80px 0}
    .final h2{font-size:42px;line-height:1.0}
    .final p{font-size:15px;margin-top:18px}
    .final-cta{flex-direction:column;gap:10px;align-items:stretch}
    .final-cta .btn{justify-content:center}

    /* Footer */
    .foot-grid{grid-template-columns:1fr;gap:32px;margin-bottom:40px}
    .foot-bottom{flex-direction:column;align-items:flex-start;gap:8px;font-size:9px}
  }

  /* ─── Very narrow ─── */
  @media (max-width: 480px){
    .hero h1{font-size:36px;letter-spacing:-0.03em}
    .sec-head h2{font-size:26px}
    .final h2{font-size:34px}
    .hero-meta{gap:24px;flex-wrap:wrap}
    .hero-meta-item .n{font-size:30px}
    .stat .num{font-size:24px}
  }