.pricing-page{max-width:1200px;margin:auto;padding:70px 5% 90px}.pricing-intro{text-align:center;margin-bottom:55px}.pricing-intro h1{font-size:clamp(38px,5vw,60px);margin:16px 0 22px;line-height:1.08}.pricing-intro h1 span{color:#777f8c}.pricing-intro>p{color:var(--muted);font-size:16px}.pricing-draft{display:inline-block;margin-top:24px;background:#f4f6f9;border-radius:30px;padding:8px 15px;font-size:11px;color:#596374}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.plan-card{position:relative;border:1px solid var(--line);border-radius:16px;padding:32px 27px;background:white}.plan-card.featured{background:#f3f7ff;border-color:#b8d0fa;box-shadow:0 12px 40px #2467df09}.plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--accent);color:white;font-size:9px;font-weight:600;letter-spacing:.09em;padding:5px 14px;border-radius:30px}.plan-card h2{font-size:29px;margin:14px 0 10px}.plan-card>p{color:var(--muted);font-size:12px}.plan-price{font-size:48px;font-weight:500;letter-spacing:-.05em;margin-top:26px}.plan-price span{font-size:12px;letter-spacing:0;color:var(--muted);font-weight:400}.plan-card .plan-caption{min-height:40px;font-size:10px}.plan-card .button{margin:16px 0 20px;font-size:12px}.plan-card button:disabled{opacity:1;background:#e9edf3;color:#697283;border-color:transparent}.plan-card ul{list-style:none;padding:20px 0 0;margin:0;border-top:1px solid #dde3ec}.plan-card li{font-size:12px;margin:13px 0;padding-left:20px;position:relative}.plan-card li:before{content:'✓';position:absolute;left:0;color:var(--accent)}.pricing-footnote{font-size:11px;color:var(--muted);max-width:850px;text-align:center;margin:28px auto 0}.pricing-promise{text-align:center;padding:80px 0;border-bottom:1px solid var(--line)}.pricing-promise h2{font-size:36px;margin:15px 0 20px}.pricing-promise>p{max-width:590px;margin:auto;color:var(--muted)}.pricing-promise>div{display:flex;justify-content:center;gap:30px;font-size:11px;margin-top:28px;color:var(--accent)}.pricing-faq{max-width:760px;margin:60px auto 0}.pricing-faq h2{margin-bottom:28px}.pricing-faq details{border-bottom:1px solid var(--line);padding:20px 0}.pricing-faq summary{cursor:pointer;font-size:14px;font-weight:500}.pricing-faq p{font-size:13px;color:var(--muted);margin:14px 0 0}@media(max-width:760px){.plan-grid{grid-template-columns:1fr;gap:28px}.pricing-page{padding-top:40px}.pricing-intro{margin-bottom:40px}.pricing-promise>div{flex-direction:column;gap:10px}.pricing-promise h2{font-size:30px}.plan-card .plan-caption{min-height:0}}

.billing-switch{display:flex;justify-content:center;gap:10px;margin:-15px 0 45px}.billing-switch .button{min-width:130px}

.annual-offer{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 24px;margin:-25px auto 28px;max-width:580px;border:1px solid #b9dbc9;background:#eff8f2;border-radius:14px;color:#205b3c;text-align:center}.annual-offer strong{font-size:23px;letter-spacing:-.03em;font-weight:500}.annual-offer>span:last-child{font-size:12px}.annual-offer .eyebrow{font-size:9px}.billing-switch{margin:0 0 45px}.billing-switch .annual-choice{background:#216644;border-color:#216644;color:#fff;box-shadow:0 4px 14px #21664420}.annual-pricing .plan-card.featured{background:#f0f8f3;border-color:#a9d1ba}.annual-pricing .plan-badge{background:#216644}.annual-pricing .plan-caption strong{color:#216644;font-weight:600}.annual-pricing .plan-price{color:#205b3c}.annual-pricing .plan-card:first-child .plan-price{color:var(--ink)}@media(max-width:760px){.annual-offer strong{font-size:21px}.annual-offer{margin-top:-15px}.billing-switch{gap:8px}.billing-switch .button{min-width:0}}

.annual-offer .annual-prices{font-size:16px;font-weight:600}.pricing-page{padding-top:48px}.pricing-intro{margin-bottom:40px}
.plan-symbol{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#2867df;background:#eaf1ff;flex:none}.plan-symbol svg{width:23px;height:23px}.plan-symbol.violet{color:#7542cf;background:#f0e9ff}.plan-symbol.pink{color:#b93b83;background:#fbe8f3}.plan-symbol.green{color:#168267;background:#e0f4ec}.plan-capacity{display:flex;flex-direction:column;gap:6px;margin:0 0 22px;padding:17px 0;border-top:1px solid var(--line)}.plan-capacity strong{font-size:23px;letter-spacing:-.03em}.plan-capacity>span{font-size:13px;color:var(--muted)}.plan-card .standout{padding:14px 0;display:flex;gap:12px;align-items:flex-start}.plan-card .standout:before{display:none}.standout .plan-symbol{height:34px;width:34px;border-radius:9px}.standout .plan-symbol svg{width:19px;height:19px}.standout strong{display:block;font-size:14px}.standout small{display:block;font-size:12px;color:var(--muted);line-height:1.6;margin-top:5px}.plan-upgrade-note{padding-top:20px;border-top:1px solid var(--line);line-height:1.7}.pro-plan{background:linear-gradient(145deg,#f6fbf9,white)}.paid-feature-spotlight{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:70px 0;align-items:center}.paid-feature-spotlight h2{font-size:35px;letter-spacing:-.04em;margin:15px 0}.paid-feature-spotlight p{font-size:14px;color:var(--muted);line-height:1.8}.feature-visual{padding:30px;border:1px solid #d9e4fa;border-radius:14px;background:#f5f8fe}.feature-visual-track{display:flex;gap:4px;margin:0 0 25px}.feature-visual-track i{height:6px;flex:1;background:#d8dce4;border-radius:3px}.feature-visual-track i:nth-child(2){flex:2;background:#2867ed}.feature-visual>div:not(.feature-visual-track){display:flex;justify-content:space-between;margin:20px 0}.feature-visual strong{font-size:22px}.feature-visual>div>span{font-size:12px;color:var(--accent)}@media(max-width:760px){.paid-feature-spotlight{grid-template-columns:1fr;padding:45px 0;gap:20px}}

.original-playback-pricing{text-align:center;background:var(--accent-soft);border:1px solid var(--line);border-radius:14px;padding:25px 20px;margin:0 0 40px}.original-playback-pricing h2{font-size:clamp(20px,3vw,28px);line-height:1.25;margin:12px 0}.original-playback-pricing p{font-size:14px;line-height:1.7;margin:0 0 9px}.original-playback-pricing small{display:block;font-size:12px;line-height:1.6;color:var(--muted)}

.two-plan-pricing .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin:auto}.two-plan-pricing .pricing-intro p{line-height:1.8}@media(max-width:760px){.two-plan-pricing .plan-grid{grid-template-columns:1fr}}

/* Give the two defining Pro features their own visual hierarchy. */
.plan-card .pro-includes{font-size:12px;color:#40506b;margin:0 0 14px;padding-top:22px;border-top:1px solid #dde3ec}
.pro-highlights{display:grid;gap:12px;margin-bottom:22px}
.pro-highlight{display:flex;gap:12px;align-items:flex-start;padding:17px 15px;border:1px solid #d6dff2;border-radius:12px;background:#fff}
.pro-highlight-shots{background:#f7f2ff;border-color:#ddd0f4}
.pro-highlight-style{background:#edf4ff;border-color:#ccdcf7}
.pro-highlight .plan-symbol{width:34px;height:34px;border-radius:9px}
.pro-highlight .plan-symbol svg{width:20px;height:20px}
.pro-highlight h3{font-size:16px;line-height:1.35;letter-spacing:-.02em;margin:0 0 7px;color:#17243b}
.pro-highlight p{font-size:12px;line-height:1.65;margin:0;color:#43526b}
.plan-card .pro-extra-features{padding-top:8px}
@media(max-width:400px){.pro-highlight{padding:14px 12px;gap:10px}.pro-highlight h3{font-size:15px}}

/* Public beta: the same quiet colour, typography and generous space as the home page. */
.beta-page{max-width:1240px;margin:auto;padding:72px 5% 0}.beta-page h1,.beta-page h2,.beta-page h3{letter-spacing:-.045em;line-height:1.12}.beta-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding:12px 0 82px}.beta-hero h1{font-size:clamp(42px,4.7vw,64px);margin:20px 0 25px}.beta-hero h1 span{color:#7d8797}.beta-hero-copy>p{max-width:490px;color:var(--muted);font-size:16px;line-height:1.85}.beta-hero .hero-actions{margin:28px 0 22px}.beta-reassurance{display:flex;gap:8px 18px;flex-wrap:wrap;color:#637087;font-size:10px}.beta-reassurance span:before{content:'✓';color:var(--accent);margin-right:6px}.beta-preview{background:#f0f4fc;border:1px solid #dce5f5;border-radius:16px;padding:14px;box-shadow:0 20px 60px #243e6510;transform:rotate(1.5deg)}.beta-preview-top{display:flex;gap:8px;align-items:center;font-size:8px;letter-spacing:.09em;color:#65748d;padding:2px 2px 14px}.beta-preview-top>span:last-child{margin-left:auto;font-size:14px}.beta-live-dot{width:6px;height:6px;background:#4e9c84;border-radius:50%}.beta-preview img{display:block;width:100%;border:1px solid #dce3ed;border-radius:7px}.beta-preview-foot{text-align:center;padding:14px 0 2px;color:#66758e;font-size:11px}.beta-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:32px}.beta-page h2{font-size:clamp(30px,3.2vw,43px);margin:17px 0}.beta-section-heading>p{max-width:350px;font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:18px}.beta-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.beta-feature{padding:30px 26px;border-radius:15px;min-width:0;display:flex;flex-direction:column}.beta-blue{background:#eef4ff}.beta-lilac{background:#f3effa}.beta-sage{background:#eef5f0}.beta-feature-number{font-size:9px;letter-spacing:.12em;color:#5a6a85}.beta-feature h3{font-size:27px;margin:28px 0 18px}.beta-feature p{font-size:13px;line-height:1.85;color:#657084;margin:0 0 28px}.beta-feature-detail{margin-top:auto;border-top:1px solid #263f5915;padding-top:17px;color:#596a82;font-size:10px;line-height:1.7}.beta-promise{display:grid;grid-template-columns:1fr 1fr;gap:85px;margin:82px 0;padding:58px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.beta-promise p{font-size:14px;line-height:1.9;color:var(--muted)}.beta-promise-details{display:grid;gap:28px}.beta-promise-details h3{font-size:21px;margin:10px 0}.beta-promise-details p{font-size:13px;margin:0}.beta-small-number{font-size:9px;letter-spacing:.14em;color:var(--accent)}.beta-quality{display:grid;grid-template-columns:1fr 1.15fr;gap:55px;background:#f5f6f9;border-radius:16px;padding:42px}.beta-quality p{font-size:15px;line-height:1.85;color:#58657a;margin:0 0 18px}.beta-quality p.beta-quality-note{font-size:12px;color:var(--muted)}.beta-quality .text-link{font-size:12px}.beta-final{text-align:center;padding:85px 20px 80px}.beta-final h2{font-size:clamp(35px,4vw,50px);margin:20px 0 28px}.beta-final p{font-size:11px;color:var(--muted);margin-top:17px}
@media(max-width:850px){.beta-hero{gap:32px}.beta-reassurance{font-size:9px;gap:8px}.beta-feature-grid{gap:12px}.beta-feature{padding:25px 19px}.beta-feature h3{font-size:23px}.beta-promise{gap:40px}}
@media(max-width:650px){.beta-page{padding:40px 6% 0}.beta-hero{grid-template-columns:1fr;gap:35px;padding:0 0 55px}.beta-hero h1{font-size:43px}.beta-hero-copy>p{font-size:14px}.beta-preview{transform:none;max-width:450px}.beta-reassurance{font-size:10px;gap:8px 16px}.beta-section-heading{display:block;margin-bottom:24px}.beta-section-heading>p{max-width:none;font-size:13px}.beta-feature-grid{grid-template-columns:1fr;gap:16px}.beta-feature{padding:27px}.beta-feature h3{font-size:29px;margin:23px 0 15px}.beta-feature p{margin-bottom:22px}.beta-promise{grid-template-columns:1fr;gap:24px;margin:48px 0;padding:36px 0}.beta-quality{grid-template-columns:1fr;gap:18px;padding:28px 23px}.beta-quality h2{margin-bottom:0}.beta-quality p{font-size:14px}.beta-final{padding:60px 0}.beta-page h2{font-size:33px}}

/* Current beta overview: native type and real feature descriptions, no old artist screenshot. */
.beta-launch-card{padding:32px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--paper) 92%,#86a9db 8%);box-shadow:0 18px 50px #243e6510}.beta-personal-url{font-size:clamp(17px,2.1vw,26px);font-weight:650;letter-spacing:-.04em;margin:26px 0;overflow-wrap:anywhere}.beta-personal-url>span{color:var(--accent)}.beta-launch-card h2{font-size:clamp(32px,3vw,44px);margin:0 0 20px}.beta-launch-card>p{font-size:15px;line-height:1.8;color:var(--muted)}.beta-launch-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}.beta-launch-features span{font-size:12px;line-height:1.6;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:9px}.beta-launch-card>.button{margin-top:4px}.beta-feature h3{font-size:25px;line-height:1.2}.beta-feature-grid{row-gap:20px}@media(max-width:650px){.beta-launch-card{padding:24px}.beta-launch-card h2{font-size:34px}.beta-launch-features{gap:10px}.beta-launch-features span{padding:10px;font-size:11px}.beta-hero h1{font-size:clamp(35px,10.7vw,46px)}.beta-hero-copy>p{font-size:15px}.beta-feature h3{font-size:27px}}