/* GT America is a licensed face (Grilli Type). Install / self-host it and it is used first;
     Inter Tight stands in until then. */
  :root{
    --ink:#1f1f1f; --ink-2:#5c5c5c; --paper:#f4f4f3;
    --font:"GT America","GT America Standard","Inter Tight",system-ui,sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{height:100%}
  body{font-family:var(--font);color:var(--ink);background:#0b0b0b;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}

  .hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}
  .hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
  .hero__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,0) 55%),linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,0) 26%,rgba(0,0,0,0) 42%,rgba(0,0,0,.62) 100%)}

  nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(20px,4vw,56px)}
  .logo{height:30px;width:auto;display:block;color:#2b2b2b}
  .links{display:flex;align-items:center;gap:clamp(16px,2.6vw,40px);font-size:15px;letter-spacing:-.005em}
  .links a:not(.pill){color:var(--ink-2);transition:color .15s}
  .links a:not(.pill):hover{color:var(--ink)}
  .pill{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:500}
  .pill:hover{background:#000}

  .copy{position:relative;z-index:2;margin-top:auto;padding:0 clamp(20px,4vw,56px) clamp(40px,7vh,88px);max-width:1100px}
  h1{font-weight:400;font-size:clamp(44px,7vw,112px);line-height:.98;letter-spacing:-.035em}
  .sub{margin-top:24px;max-width:460px;font-size:clamp(16px,1.3vw,19px);line-height:1.45;color:var(--ink-2);letter-spacing:-.005em}
  .ctas{margin-top:36px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
  .ctas .pill{height:48px;padding:0 24px;font-size:15px}
  .text-link{font-size:15px;border-bottom:1px solid currentColor;padding-bottom:2px}

  @media (max-width:720px){
    .links a:not(.pill){display:none}
    .logo{height:24px}
  }


  /* ---------- block 2: yields, counting up ---------- */
  .yields{background:#0b0b0b;color:#f2f1f0;padding:clamp(88px,12vw,168px) clamp(20px,4vw,56px) clamp(64px,8vw,112px)}
  .yields__inner{max-width:1320px;margin:0 auto}
  .yields__head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:end}
  .yields h2{font-weight:400;font-size:clamp(36px,4.8vw,72px);line-height:1;letter-spacing:-.035em;max-width:14ch}
  .yields__lede{font-size:clamp(16px,1.3vw,19px);line-height:1.5;color:#9a9897;max-width:38ch}
  .stats{margin-top:clamp(72px,10vw,140px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .stat{border-top:1px solid #2a2a2a;padding:28px clamp(0px,2vw,32px) 0 0}
  .stat + .stat{padding-left:clamp(0px,2vw,32px);border-left:1px solid #2a2a2a}
  .stat__num{display:flex;align-items:baseline;font-weight:300;font-size:clamp(72px,10vw,168px);line-height:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
  .stat__num small{font-size:.38em;letter-spacing:-.02em;margin-left:.08em;color:#9a9897}
  .stat__label{margin-top:20px;display:flex;justify-content:space-between;gap:16px;font-size:15px;color:#9a9897}
  .stat__label b{font-weight:500;color:#f2f1f0}
  .yields__note{margin-top:56px;font-size:13px;color:#5f5d5c}
  @media (max-width:820px){
    .yields__head{grid-template-columns:1fr;align-items:start}
    .stats{grid-template-columns:1fr}
    .stat + .stat{border-left:0;padding-left:0}
    .stat{padding-bottom:40px}
  }

  /* ---------- card-rise on scroll ---------- */
  .hero{position:sticky;top:0;z-index:0;transform-origin:50% 100%;will-change:transform,filter;overflow:hidden}
  .yields{position:relative;z-index:2;border-radius:32px 32px 0 0;box-shadow:0 -24px 60px rgba(0,0,0,.18)}
  .reveal{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}
  .stat.reveal:nth-child(2){transition-delay:.08s}.stat.reveal:nth-child(3){transition-delay:.16s}
  @media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
  .cur{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:10px;border:1px solid #3a3a3a;border-radius:50%;font-size:14px}
  .stat__label b{display:inline-flex;align-items:center}

  .eyebrow{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-2)}
  .eyebrow i{width:8px;height:8px;background:#6f6b69;display:block}
  /* ---------- block 3: the app ---------- */
  .app{position:relative;z-index:3;margin-top:-32px;background:var(--paper);color:var(--ink);border-radius:32px 32px 0 0;box-shadow:0 -24px 60px rgba(0,0,0,.25);padding:clamp(88px,11vw,150px) clamp(20px,4vw,56px)}
  .app__inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,6vw,96px);align-items:center}
  .app h2{font-weight:400;font-size:clamp(36px,4.8vw,72px);line-height:1;letter-spacing:-.035em;max-width:12ch}
  .app__lede{margin-top:24px;font-size:clamp(16px,1.3vw,19px);line-height:1.5;color:var(--ink-2);max-width:36ch}
  .app__list{margin-top:40px;list-style:none;border-top:1px solid #d6d5d3}
  .app__list li{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #d6d5d3;font-size:16px}
  .app__list li span{color:var(--ink-2)}
  .phone-wrap{display:flex;justify-content:center}
  .phone{position:relative;width:min(340px,78vw);aspect-ratio:964/2000;container-type:inline-size;filter:drop-shadow(0 40px 60px rgba(0,0,0,.18))}
  .phone__frame{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
  .screen{position:absolute;left:3.94%;right:3.84%;top:1.7%;bottom:1.65%;border-radius:12.6cqw;overflow:hidden;background:#fbfbfa;z-index:1;
          padding:15cqw 6.5cqw 6cqw;display:flex;flex-direction:column;font-family:var(--font)}
  .s-top{display:flex;align-items:center;justify-content:space-between}
  .app-logo{height:6.2cqw;width:auto;color:#2b2b2b}
  .s-av{width:8.5cqw;height:8.5cqw;border-radius:50%;background:#e4e3e1;display:grid;place-items:center;font-size:3.2cqw;color:#5c5c5c}
  .s-label{margin-top:10cqw;font-size:3.6cqw;color:#7a7876}
  .s-bal{margin-top:1.6cqw;font-size:11.5cqw;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
  .s-bal small{font-size:.5em;color:#7a7876;letter-spacing:-.02em}
  .s-today{margin-top:2.4cqw;font-size:3.6cqw;color:#2b2b2b;display:flex;gap:1.5cqw;align-items:center}
  .s-today i{width:2.2cqw;height:2.2cqw;background:#6f6b69;display:block}
  .s-chart{margin:6cqw -6.5cqw 0;height:34cqw}
  .s-chart path.line{fill:none;stroke:#2b2b2b;stroke-width:1.6;stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 2.2s cubic-bezier(.3,.7,.2,1)}
  .s-chart path.area{opacity:0;transition:opacity 1.2s .9s}
  .phone.in .s-chart path.line{stroke-dashoffset:0}.phone.in .s-chart path.area{opacity:1}
  .s-rows{margin-top:5cqw;border-top:1px solid #e6e5e3}
  .s-row{display:flex;align-items:center;gap:3cqw;padding:3.6cqw 0;border-bottom:1px solid #e6e5e3;font-size:3.7cqw}
  .s-cur{width:8cqw;height:8cqw;border-radius:50%;border:1px solid #d6d5d3;display:grid;place-items:center;font-size:3.6cqw}
  .s-row b{font-weight:500}
  .s-row .r{margin-left:auto;text-align:right}
  .s-row .r span{display:block;font-size:3.1cqw;color:#7a7876;margin-top:.6cqw}
  .s-cta{margin-top:auto;display:flex;gap:3cqw}
  .s-cta span{flex:1;height:12cqw;border-radius:999px;display:grid;place-items:center;font-size:3.8cqw;font-weight:500}
  .s-cta .d{background:#1f1f1f;color:#fff}.s-cta .l{background:#ebeae8}
  @media (max-width:820px){.app__inner{grid-template-columns:1fr}.phone-wrap{order:-1}}

  /* hero over video: light type */
  .hero{color:#fff}
  .hero .logo{color:#ffffff}
  .hero .links a:not(.pill){color:rgba(255,255,255,.82)}
  .hero .links a:not(.pill):hover{color:#fff}
  .hero .pill{background:#fff;color:#1f1f1f}
  .hero .pill:hover{background:#ecebea}
  .hero .sub{color:rgba(255,255,255,.82)}
  .hero h1{text-shadow:0 2px 30px rgba(0,0,0,.18)}

  /* screenshot inside the phone */
  .screen--shot{padding:0;background:#ededec}
  .screen--shot img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}

  /* top bar, above the hero */
  .topbar{position:relative;z-index:5;display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;
    background:#FBFBFB;color:#5c5c5c;font-size:15px;letter-spacing:-.005em;
    padding:calc(12px + env(safe-area-inset-top,0px)) 20px 12px;text-align:center}
  .topbar__link{color:#1f1f1f;font-weight:500;display:inline-flex;gap:6px;white-space:nowrap}
  .topbar:hover .topbar__link span{transform:translateX(3px)}
  .topbar__link span{transition:transform .2s}
  .hero{min-height:calc(100svh - 46px)}
  .hero .pill--ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
  .hero .pill--ghost:hover{background:rgba(255,255,255,.12)}

  /* currency chips: round flag + code */
  .fchip{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px 0 4px;margin-right:12px;border-radius:14px;
    background:#1a1a1a;border:1px solid #2e2e2e;color:#f2f1f0;font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:12px;letter-spacing:.06em;font-weight:500}
  .fchip img{width:20px;height:20px;display:block}

  /* fine-print footer */
  .foot{position:relative;z-index:3;overflow-x:clip;background:var(--paper);color:#8a8886;font-size:12px;line-height:1.6;
    padding:28px clamp(20px,4vw,56px) calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid #e2e1df}
  .foot__inner{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;gap:12px 32px;flex-wrap:wrap}

  /* ---------- cards: stack on scroll, then fan ---------- */
  .cards{position:relative;z-index:3;background:var(--paper);height:280vh}
  .cards__pin{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,3vh,36px);padding:0 20px;overflow:hidden}
  .cards h2{font-weight:400;font-size:clamp(36px,4.8vw,72px);line-height:1;letter-spacing:-.035em;text-align:center}
  .cards__stage{position:relative;width:100%;max-width:900px;height:clamp(200px,34vh,320px)}
  .gcard{position:absolute;left:50%;top:50%;width:min(56vw,340px);aspect-ratio:85.6/53.98;border-radius:4.2%/6.6%;
    background-size:cover;background-position:center;box-shadow:0 18px 36px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.12);will-change:transform}
  .cards__tiers{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:760px;text-align:center}
  .cards__tiers li{display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateY(12px);transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1)}
  .cards__tiers li:nth-child(2){transition-delay:.08s}.cards__tiers li:nth-child(3){transition-delay:.16s}
  .cards.fanned .cards__tiers li{opacity:1;transform:none}
  .cards__tiers b{font-weight:500;font-size:17px}
  .cards__tiers span{color:var(--ink-2);font-size:14px;font-variant-numeric:tabular-nums}
  .cards__cta{height:48px;padding:0 24px;font-size:15px;opacity:0;transition:opacity .6s .25s}
  .cards.fanned .cards__cta{opacity:1}
  @media (max-width:600px){.cards__tiers b{font-size:15px}.cards__tiers span{font-size:12px}}
  @media (prefers-reduced-motion:reduce){.cards{height:auto}.cards__pin{position:relative;height:auto;padding-block:96px}.cards__tiers li,.cards__cta{opacity:1;transform:none}}

  .topbar__link{color:#3A3A39}
  .app__inner--solo{grid-template-columns:1fr;justify-items:center}

  /* ---------- the app home screen, drawn in HTML inside the phone (sizes in cqw of the phone) ---------- */
  .screen--app{padding:14cqw 5.4cqw 3.4cqw;background:#f4f4f3;color:#232323;font-family:Outfit,var(--font);gap:0}
  .screen--app .ic{width:4.6cqw;height:4.6cqw;flex:none}
  .screen--app .ic--sm{width:3.4cqw;height:3.4cqw}
  .a-top{display:flex;justify-content:space-between;align-items:center}
  .a-av{width:9cqw;height:9cqw;border-radius:50%;background:#e6e5e3;display:grid;place-items:center;font-size:3.3cqw;color:#6a6866}
  .a-word{font-size:8cqw;letter-spacing:-.03em;line-height:1;color:#2b2b2b}
  .a-label{text-align:center;margin-top:5cqw;font-size:3.6cqw;color:#7a7876}
  .a-bal{text-align:center;font-size:11.6cqw;letter-spacing:-.04em;line-height:1.05;margin-top:.6cqw;font-variant-numeric:tabular-nums}
  .a-bal span{color:#9a9897}
  .a-today{margin:2.2cqw auto 0;display:flex;align-items:center;gap:1.4cqw;height:7.6cqw;padding:0 3.6cqw;border-radius:99px;background:#e9e8e6;font-size:3.3cqw;color:#7a7876}
  .a-today b{color:#2b2b2b;font-weight:500}
  .a-today .ic{width:3.6cqw;height:3.6cqw;color:#2b2b2b}
  .a-add{margin-top:4cqw;height:12cqw;border-radius:99px;background:linear-gradient(#2c2c2c,#1d1d1d);color:#f4f4f3;display:flex;align-items:center;justify-content:center;gap:2cqw;font-size:4.2cqw;box-shadow:0 1.6cqw 3.2cqw rgba(0,0,0,.18)}
  .a-rails{margin-top:2.6cqw;display:flex;justify-content:center;align-items:center;gap:1.4cqw;font-size:3.1cqw;color:#8a8886}
  .a-rails i{font-style:normal;opacity:.6}
  .a-head{margin-top:5cqw;display:flex;justify-content:space-between;align-items:baseline}
  .a-head b{font-weight:400;font-size:4.6cqw;letter-spacing:-.02em}
  .a-head span{display:flex;align-items:center;gap:1cqw;font-size:3.1cqw;color:#7a7876}
  .a-blocks{margin-top:2.4cqw;background:#fdfdfc;border-radius:5cqw;padding:0 3.8cqw}
  .a-row{display:flex;align-items:center;gap:3cqw;padding:3cqw 0}
  .a-row+.a-row{border-top:1px solid #ecebe9}
  .a-row b{display:block;font-weight:400;font-size:3.7cqw}
  .a-row small{display:block;font-size:2.9cqw;color:#8a8886;margin-top:.3cqw}
  .a-row .r{margin-left:auto;text-align:right;font-variant-numeric:tabular-nums}
  .a-badge{width:9.4cqw;height:9.4cqw;border-radius:50%;background:#efeeec;display:grid;place-items:center;color:#2b2b2b;flex:none}
  .a-badge--usdc{background:#2775ca;color:#fff;font-size:4.4cqw;font-weight:500;box-shadow:inset 0 0 0 1cqw #2775ca,inset 0 0 0 1.35cqw #fff}
  .a-earn{margin-top:3cqw;border-radius:5cqw;padding:3.6cqw 4cqw;background:linear-gradient(#efeeec,#e7e5e2);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
  .a-eh{display:flex;justify-content:space-between;align-items:baseline}
  .a-eh b{font-weight:400;font-size:3.8cqw}
  .a-eh small{font-size:2.7cqw;color:#8a8886}
  .a-eh--amt{margin-top:2.4cqw}.a-eh--amt b{font-size:5.2cqw;font-variant-numeric:tabular-nums}
  .a-slider{position:relative;height:1cqw;margin-top:3cqw;border-radius:99px;background:#d4d2cf}
  .a-slider i{position:absolute;left:0;top:0;bottom:0;width:49%;border-radius:99px;background:#232323}
  .a-slider span{position:absolute;left:49%;top:50%;width:4.6cqw;height:4.6cqw;margin:-2.3cqw 0 0 -2.3cqw;border-radius:50%;background:#232323;box-shadow:0 0 0 1.1cqw #fdfdfc,0 .6cqw 1.6cqw rgba(0,0,0,.2)}
  .a-eh--range{margin-top:2.4cqw}
  .a-eh--res{margin-top:2cqw}.a-eh--res b{font-size:7cqw;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
  .a-seg{margin-top:2.6cqw;display:grid;grid-template-columns:repeat(3,1fr);padding:.7cqw;border-radius:99px;background:rgba(0,0,0,.05);font-size:2.9cqw;color:#8a8886;text-align:center}
  .a-seg span{padding:1.5cqw 0;border-radius:99px}
  .a-seg .on{background:#fdfdfc;color:#232323;box-shadow:0 .3cqw 1cqw rgba(0,0,0,.06)}
  .a-tabs{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);padding:1.2cqw;border-radius:99px;background:#e9e8e6;font-size:2.9cqw;color:#8a8886;text-align:center}
  .a-tabs span{display:flex;flex-direction:column;align-items:center;gap:.6cqw;padding:1.8cqw 0;border-radius:99px}
  .a-tabs .on{background:#fdfdfc;color:#232323}

  /* huge wordmark closing the page */
  .foot__word{font-family:Outfit,var(--font);font-weight:400;font-size:48vw;line-height:.82;letter-spacing:-.03em;color:#2b2b2b;
    display:flex;justify-content:center;white-space:nowrap;margin-inline:calc(-1 * clamp(20px,4vw,56px));margin:clamp(24px,4vw,48px) 0 0;padding-bottom:.08em}

  /* ---------- calculator: minimal ---------- */
  .calc,.plans{position:relative;z-index:3;background:var(--paper);color:var(--ink);padding:clamp(80px,10vw,140px) clamp(20px,4vw,56px)}
  .calc{border-top:1px solid #e2e1df}
  .calc__inner{max-width:760px;margin:0 auto}
  .calc h2,.plans h2{font-weight:400;font-size:clamp(36px,4.8vw,72px);line-height:1;letter-spacing:-.035em}
  .calc__row{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px 28px}
  .seg{display:flex;gap:18px}
  .seg button{font:inherit;font-size:15px;background:none;border:0;padding:6px 0;color:#9a9897;cursor:pointer;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
  .seg button[aria-checked="true"]{color:var(--ink);border-bottom-color:var(--ink)}
  .seg button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
  .calc__amt{margin-top:48px;display:flex;justify-content:space-between;align-items:baseline;font-size:15px;color:var(--ink-2)}
  .calc__amt b{font-weight:400;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
  #calc-amount{-webkit-appearance:none;appearance:none;width:100%;height:24px;margin-top:14px;background:transparent;cursor:pointer}
  #calc-amount::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,var(--ink) var(--p,10%),#cfcdca var(--p,10%))}
  #calc-amount::-moz-range-track{height:1px;background:#cfcdca}
  #calc-amount::-moz-range-progress{height:1px;background:var(--ink)}
  #calc-amount::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ink);margin-top:-6.5px;border:0}
  #calc-amount::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ink);border:0}
  #calc-amount:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
  .calc__out{margin-top:44px;display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-top:1px solid #d6d5d3;padding-top:20px;font-size:15px;color:var(--ink-2)}
  .calc__out b{font-weight:300;font-size:clamp(56px,9vw,128px);line-height:.9;letter-spacing:-.05em;color:var(--ink);font-variant-numeric:tabular-nums}
  .calc__note{margin-top:14px;font-size:13px;color:#8a8886;text-align:right}

  /* ---------- flexible or fixed ---------- */
  .plans{padding-top:0}
  .plans__inner{max-width:1240px;margin:0 auto}
  .plans__grid{margin-top:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .plan{border-top:1px solid #d6d5d3;padding:28px 32px 0 0}
  .plan+.plan{padding-left:32px;border-left:1px solid #d6d5d3}
  .plan b{font-weight:500;font-size:17px}
  .plan__rate{margin-top:18px;font-weight:300;font-size:clamp(56px,8vw,120px);line-height:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
  .plan__rate small{font-size:.36em;color:#9a9897;margin-left:.06em}
  .plan p{margin-top:16px;color:var(--ink-2);font-size:16px;line-height:1.5;max-width:30ch}
  @media (max-width:720px){.plans__grid{grid-template-columns:1fr}.plan+.plan{border-left:0;padding-left:0;margin-top:40px}}

  /* ---------- one rhythm for every section ---------- */
  :root{--sec:clamp(96px,10vw,140px);--side:clamp(20px,4vw,56px);--wide:1240px;--g1:12px;--g2:24px;--g3:48px;--g4:96px}
  .yields,.calc,.plans,.app{padding:var(--sec) var(--side);min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
  .yields__inner,.calc__inner,.plans__inner,.app__inner{width:100%;max-width:var(--wide);margin:0 auto}
  .calc__inner{max-width:var(--wide)}
  .calc__inner > *:not(h2){max-width:760px}
  .yields__head{gap:var(--g3)}
  .stats,.plans__grid{margin-top:var(--g4)}
  .calc__row{margin-top:var(--g3)} .calc__amt{margin-top:var(--g3)} .calc__out{margin-top:var(--g3)} .calc__note{margin-top:var(--g1)}
  .yields__note{margin-top:var(--g3)}
  /* the light block now slides over the pinned yields */
  .calc{border-top:0;border-radius:32px 32px 0 0;box-shadow:0 -24px 60px rgba(0,0,0,.25)}
  .plans{padding-top:var(--sec);border-top:1px solid #e2e1df}
  .app{margin-top:0;border-radius:0;box-shadow:none;border-top:1px solid #e2e1df}
  .cards{border-top:1px solid #e2e1df}
  .phone{width:min(340px,78vw,calc((100svh - 2 * var(--sec)) * .482))}