/* Trial v39. Extend the approved piano-black surface; retain all artwork and motion. */
.capacity .capacity-copy{display:block}
.capacity #capacity-title strong,.capacity #capacity-title span{display:inline;white-space:normal}
.capacity #capacity-title strong::after{content:" "}
.capacity>.merge-demo{margin-top:10px}
.hero-copy>p.trial-entry-note{max-width:535px;font-size:14px!important;line-height:1.55!important;letter-spacing:0;margin:13px 0 0!important;color:#d9d0e6}
.trial-dialog{box-sizing:border-box;width:min(900px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;margin:auto;border:1px solid #bca0df57;border-radius:23px;background:#05070b;color:#f5f1fa;box-shadow:0 30px 110px #000b,inset 0 1px 0 #e7d8fc20;overflow:hidden}
.trial-dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}
.trial-surface{display:flex;flex-direction:column;max-height:calc(100dvh - 42px);background:radial-gradient(ellipse at 5% 0,#ac82de12,transparent 55%),radial-gradient(ellipse at 100% 100%,#77d9e00a,transparent 60%)}
.trial-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 20px 10px 28px;border-bottom:1px solid #bca0df24;flex:none}
.trial-bar .eyebrow{margin:0;font-size:12px;color:#c3abd9;letter-spacing:.12em}
.trial-close{flex:none;display:grid;place-items:center;min-height:44px;min-width:44px;padding:0;border:1px solid transparent;border-radius:12px;background:transparent;color:#ece5f8;font:400 29px/1 var(--font-body);cursor:pointer}
.trial-close:hover{background:#ad91cf14;border-color:#ad91cf40}
.trial-close:focus-visible,.trial-return:focus-visible{outline:2px solid #b6ebf3;outline-offset:3px}
.trial-scroll{overflow:auto;overscroll-behavior:contain;padding:25px 28px 28px;scrollbar-color:#786b87 #080b11;scrollbar-gutter:stable}
.trial-heading h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.035em;font-weight:500}
.trial-heading>p{margin:12px 0 22px;color:#d0c8da;font-size:16px;line-height:1.6;max-width:56ch}
.trial-products{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.trial-product{min-width:0;border:1px solid #bba3d539;border-radius:17px;padding:22px;background:linear-gradient(135deg,#160f2070,#07101450);box-shadow:inset 0 1px 0 #eedafa0b}
.trial-product h3{font-size:25px;line-height:1.15;letter-spacing:-.025em;font-weight:500;margin:7px 0 17px;color:#f5f1fa}
.trial-product p,.trial-product li,.trial-next p,.trial-next li{font-size:16px;line-height:1.6;color:#ded8e7}
.trial-product p{margin:12px 0 0}
.trial-product .trial-purpose{margin:0;color:#bca3d5;font-size:14px;line-height:1.4}
.trial-product .trial-limit{font-size:18px;line-height:1.4;color:#eef8f9;font-weight:550;margin:0}
.trial-product ul,.trial-next ul{padding-left:20px;margin:15px 0 0}
.trial-product li+li,.trial-next li+li{margin-top:5px}
.trial-product .trial-count{padding-top:15px;margin-top:18px;border-top:1px solid #bca0df24;font-size:14px;line-height:1.6;color:#c5bacf}
.trial-next{margin-top:25px}
.trial-next h3{margin:0;font-size:20px;font-weight:500;letter-spacing:-.025em}
.trial-next ul{margin-top:10px}.trial-next>p{margin:17px 0 0}.trial-next strong{font-weight:550;color:#e9dff2}
.trial-preview{font-size:14px;line-height:1.6;color:#c5bdce;margin:22px 0 0;padding-top:18px;border-top:1px solid #bca0df24}
.trial-scroll .trial-return{margin-top:19px;min-height:48px;font-size:15px}
@media(max-width:760px){
 .capacity>.merge-demo{margin-top:6px}
 .hero-copy>p.trial-entry-note{font-size:13px!important}
 .trial-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:18px}
 .trial-surface{max-height:calc(100dvh - 26px)}
 .trial-bar{padding:9px 12px 8px 19px}
 .trial-scroll{padding:21px 19px 22px;scrollbar-gutter:auto}
 .trial-products{grid-template-columns:1fr;gap:13px}
 .trial-product{padding:19px}
 .trial-heading>p{margin-bottom:18px}
 .trial-scroll .trial-return{width:100%}
}
@media(prefers-reduced-motion:reduce){.trial-dialog *{scroll-behavior:auto!important}}
@media(forced-colors:active){.trial-dialog,.trial-product,.trial-close{border-color:CanvasText}.trial-close:focus-visible,.trial-return:focus-visible{outline-color:Highlight}}

/* Share the desktop heading row with the existing playback control. */
@media(min-width:761px){
 .capacity .capacity-copy{padding-right:132px}
 .capacity>.merge-demo{position:relative;margin-top:20px}
 .merge-demo .merge-demo__toolbar{position:absolute;right:0;top:-64px;padding:0}
}
