/* A warm, tactile illustration and one clear offer, scoped to the pricing section. */
.price.price-v2 {grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,112px);align-items:center;padding-block:100px 110px}
.price-v2 .price-copy>.eyebrow {font-size:11px;letter-spacing:.11em;margin-bottom:24px}
.price-v2 h2 {font-size:clamp(38px,3.8vw,60px);line-height:1.12;letter-spacing:-.045em}
.price-v2 h2 .muted-heading {color:#2c7fc7}
.price-v2 .price-copy>p:not(.eyebrow) {font-size:15px;line-height:1.85;max-width:430px;margin-top:24px}
.price-v2 .price-card {position:relative;isolation:isolate;overflow:hidden;border-radius:30px;padding:36px;background:linear-gradient(135deg,#254f9c 0%,#17376f 57%,#142c57 100%);border:1px solid #305daa;color:white;box-shadow:0 26px 60px -30px #123c7b65}
.price-v2 .price-card:before {content:'';position:absolute;z-index:-1;width:330px;height:330px;border:1px solid #ffffff0e;border-radius:50%;right:-170px;top:-160px;box-shadow:0 0 0 42px #ffffff04,0 0 0 84px #ffffff03;pointer-events:none}
.price-v2 .price-card-top {font-size:13px;gap:16px;line-height:1.4}
.price-v2 .trial-badge {display:inline-flex;align-items:center;gap:6px;border:1px solid #ffe89f60;background:#ffe078;color:#283b5f;border-radius:100px;padding:7px 12px;font-size:10px;letter-spacing:.02em;box-shadow:0 3px 12px #101e3a12}
.price-v2 .trial-badge:before {content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.price-v2 .price-amount {display:flex;align-items:baseline;gap:12px;font-size:96px;line-height:1;letter-spacing:-.065em;margin:29px 0 0;font-weight:800}
.price-v2 .price-amount>span {font-size:50px;letter-spacing:-.04em}
.price-v2 .price-amount>small {font-size:13px;font-weight:400;color:#cbdaf0;margin:0 0 0 5px;letter-spacing:0;white-space:normal;max-width:100px;line-height:1.6}
.price-v2 .price-subtitle {font-size:13px;line-height:1.7;color:#d3e2f7;margin-top:16px;max-width:350px}
.price-future {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:15px 17px;border:1px solid #a8c9ff26;border-radius:13px;background:#ffffff09}
.price-future>span {font-size:12px;color:#cfdef4}
.price-future strong {font-size:23px;letter-spacing:-.035em;white-space:nowrap}
.price-future small {font-size:11px;letter-spacing:0;font-weight:400;color:#cbdaf0;margin-left:3px}
.price-v2 .price-card ul {border:0;padding:0;margin:25px 0 28px;gap:15px}
.price-v2 .price-card li {font-size:12px;line-height:1.6;gap:12px}
.price-v2 .price-card li svg {width:21px;height:21px;flex-shrink:0;padding:4px;border-radius:6px;background:#b0d0ff14;color:#92bcff;stroke-width:2.2}
.price-v2 .price-card>.button {justify-content:center;min-height:57px;padding:17px 20px;border:1px solid #ffe69e;background:#ffe075;color:#173564;box-shadow:inset 0 1px #fff4bf,0 5px 18px #00133418;font-size:14px;font-weight:800;border-radius:13px;transition:background .25s,box-shadow .25s,transform .25s}
.price-v2 .price-card>.button:hover {background:#ffe99b;box-shadow:0 7px 24px #00133430;transform:translateY(-2px)}
.price-v2 .price-card>.small-note {color:#bccfe9;font-size:10px;margin-top:14px;line-height:1.7;justify-content:center}
.coffee-scene {position:relative;width:100%;max-width:440px;aspect-ratio:440/270;margin-top:25px}
.coffee-canvas {position:absolute;left:50%;top:50%;width:440px;height:270px;transform:translate(-50%,-50%) scale(var(--coffee-scale,1));transform-origin:center;pointer-events:none}
.coffee-halo {position:absolute;left:24px;top:26px;width:370px;height:206px;border:1px solid #e4ebf5;border-radius:50%;transform:rotate(-12deg)}
.coffee-halo:after {content:'';position:absolute;inset:22px -16px;border:1px solid #e4ebf580;border-radius:50%;transform:rotate(24deg)}
.ceramic-set {position:absolute;left:76px;top:70px;width:124px;height:158px;transform:rotate(-12deg)}
.ceramic-set.ceramic-gold {left:264px;top:52px;transform:rotate(12deg)}
.ceramic-saucer {position:absolute;left:-28px;bottom:-3px;width:176px;height:45px;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#fdfefe 30%,#e0e6ef 67%,#c7d0dc 73%,#f4f6f9 77%);box-shadow:0 15px 17px -12px #18385c45}
.ceramic-handle {position:absolute;right:-29px;top:27px;width:49px;height:65px;border:13px solid #234985;border-left-width:9px;border-radius:48%;box-shadow:inset 3px 2px 4px #0d204954,3px 2px 3px #1d377c1a}
.ceramic-body {position:absolute;inset:0 0 11px;border-radius:14px 14px 45px 45px;background:linear-gradient(100deg,#244780 0%,#3463a6 23%,#214980 65%,#112c5b 100%);box-shadow:inset 2px -4px 5px #142b6640,0 15px 22px -13px #0b274c70;overflow:visible}
.ceramic-lip {position:absolute;left:0;top:-10px;width:124px;height:41px;border-radius:50%;background:linear-gradient(160deg,#e7f0fc,#b6cbe6);box-shadow:0 3px 4px #10275450;overflow:hidden;border:5px solid #e8eff6}
.ceramic-coffee {position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 45% 30%,#b48761 0%,#775035 58%,#3b281e 100%);box-shadow:inset 0 3px 5px #2b1b1660}
.ceramic-coffee svg {position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#edd6ae;stroke-width:1.6;opacity:.9}
.ceramic-mark {position:absolute;left:45px;top:69px;width:32px;height:32px;color:#ffe078;filter:drop-shadow(0 1px 1px #0f1d4040)}
.ceramic-mark svg {width:100%;height:100%;stroke-width:1.4}
.ceramic-gold .ceramic-body {background:linear-gradient(100deg,#e7b834,#ffe797 24%,#f4ce61 67%,#d3a331);box-shadow:inset 2px -4px 6px #af7d2440,0 15px 22px -13px #805e2440}
.ceramic-gold .ceramic-handle {border-color:#ebc256;box-shadow:inset 3px 2px 4px #b5832454,3px 2px 3px #be94231a}
.ceramic-gold .ceramic-lip {background:#fff4d4;border-color:#fff1bf}
.ceramic-gold .ceramic-mark {color:#304875;filter:none}
.coffee-steam {position:absolute;left:26px;top:-68px;width:66px;height:60px;opacity:.48;fill:none;stroke:#91a5bd;stroke-width:1.6;stroke-linecap:round}
.coffee-steam path:nth-child(2) {opacity:.6}
.coffee-spark {position:absolute;left:221px;top:100px;width:23px;height:23px;color:#2c7fc7;transform:rotate(8deg)}
.coffee-dot {position:absolute;left:57px;top:36px;width:8px;height:8px;border-radius:50%;background:#f0ca5f;box-shadow:337px 137px 0 -1px #c7d9ef}
.coffee-motion {position:absolute;right:0;bottom:0;display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#758aa6;font-size:10px;padding:8px;border-radius:8px;cursor:pointer}
.coffee-motion:hover {color:#245eb8;background:#eaf1fb}
.coffee-motion svg {width:13px;height:13px}
.coffee-motion[hidden] {display:none}
.price-v2 .button:focus-visible,.coffee-motion:focus-visible {outline:3px solid #74a5ef;outline-offset:4px}
/* Beta notes must wrap naturally on narrow screens. */
.trial-note {flex-wrap:wrap;row-gap:5px}
@media(min-width:1600px) {
  .price.price-v2 {gap:120px;padding-block:120px}
  .price-v2 h2 {font-size:68px}
  .price-v2 .price-card {padding:44px}
  .price-v2 .price-card li {font-size:14px}
  .price-v2 .price-copy>p:not(.eyebrow) {font-size:17px}
  .price-v2 .price-subtitle {font-size:14px}
  .price-v2 .price-card>.button {min-height:64px;font-size:16px}
}
@media(max-width:900px) and (min-width:681px) {
  .price.price-v2 {gap:28px}
  .price-v2 .price-card {padding:25px}
  .price-v2 h2 {font-size:39px}
  .price-v2 .price-amount {font-size:82px}
  .price-v2 .price-card-top {font-size:11px}
}
@media(max-width:680px) {
  .price.price-v2 {grid-template-columns:1fr;gap:25px;padding-block:64px}
  .price-v2 h2 {font-size:clamp(34px,8.7vw,48px);line-height:1.13}
  .price-v2 .price-copy>.eyebrow {font-size:10px;margin-bottom:18px}
  .price-v2 .price-copy>p:not(.eyebrow) {font-size:14px;margin-top:20px;max-width:420px}
  .coffee-scene {max-width:360px;margin:14px auto 0}
  .price-v2 .price-card {padding:28px 24px;border-radius:25px}
  .price-v2 .price-card-top {font-size:12px}
  .price-v2 .price-amount {font-size:88px;gap:10px;margin-top:27px}
  .price-v2 .price-amount>span {font-size:46px}
  .price-v2 .price-amount>small {font-size:12px}
  .price-v2 .price-card li {font-size:12px}
  .price-future {padding:13px 14px}
  .price-future strong {font-size:22px}
  .price-v2 .price-card>.button {min-height:56px;font-size:14px}
}
@media(max-width:360px) {
  .price-v2 .price-card {padding:24px 20px}
  .price-v2 .price-card-top {font-size:11px}
  .price-v2 .trial-badge {font-size:9px;padding:6px 9px}
  .price-future {gap:8px;padding:12px}
  .price-future>span {font-size:10px}
  .price-future strong {font-size:20px}
  .price-future small {font-size:10px}
}