/* Word 7: one continuous Pro surface, with translucent dividing strips */
[data-pro-surface^=grid] .comparison:before{
 background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),radial-gradient(ellipse 110% 30% at 95% 20%,#78a4ff85,transparent),radial-gradient(ellipse 130% 25% at 0 58%,#a0ddff80,transparent),radial-gradient(ellipse 100% 30% at 95% 100%,#8cb3ff70,transparent);
 background-size:var(--grid-step) var(--grid-step),var(--grid-step) var(--grid-step),100% 100%,100% 100%,100% 100%;background-color:var(--grid-paper)
}
[data-pro-surface^=grid] .comparison .pro-cell{background:transparent}
.comparison .compare-row>h2{background:linear-gradient(90deg,#ffffff73,#f4f8ff38);backdrop-filter:blur(3px) saturate(1.1);-webkit-backdrop-filter:blur(3px) saturate(1.1);border-block:1px solid #cbd9f14d;box-shadow:inset 0 1px #ffffff66}
.compare-head{background:#ffffffb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
[data-pro-surface^=grid] .compare-head>div:last-child{background:linear-gradient(135deg,#dceaff80,#b9d7ff60)}
.comparison .compare-grid:after{background:#b5c9ec88}
/* A button stays under the finger, including when the bottom bar docks. */
.cta,.cta:active{transform:none}
.cta>*,.hero-video-control>*{pointer-events:none}
.choose-sticky.is-docked{position:absolute!important;top:var(--dock-top)!important;left:var(--dock-left)!important;width:var(--dock-width)!important;right:auto!important;bottom:auto!important;padding:0!important}
@media(hover:none){.cta:hover{background:linear-gradient(180deg,#245dff,#144cff)}}
/* Keep the original type scale; separate question, answer and explanation. */
.objections .heading{margin-bottom:28px}
.answers article{display:flex;flex-direction:column;padding:24px;gap:0}
.answers .question{margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid #dce3f6}
.answers h3{margin:0 0 12px}
.answers article>p:last-child{margin:0}
/* Four Trial Reels use the same 9:16 tile size as each Story. */
.social-map .social-reels{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:calc((92% - 12px)/3*2 + 6px);margin-inline:auto}
.social-map .social-reel:last-child{grid-column:auto}
.social-map .social-carousel{width:calc((92% - 12px)/3 + 8px)}
.repurpose-row .repurpose-map>.branch-lines{color:#668bce;opacity:.9}
.waitlist-panel h1 .waitlist-success-line{white-space:nowrap;color:inherit}
.waitlist-panel h1 .waitlist-check{display:inline-block;font-size:inherit;width:.62em;height:.62em;margin:0 0 0 .06em;vertical-align:.03em;color:#144cff}
.rail{user-select:none;-webkit-user-select:none;overscroll-behavior-x:contain}
.rail .gallery-track>figure{touch-action:pan-y pinch-zoom}
@media(max-width:700px){
 .answers article{padding:18px 12px 20px}
 .answers .question{margin-bottom:16px;padding-bottom:12px}
 .answers h3{margin-bottom:12px}
 .objections .heading{margin-bottom:24px}
 .social-map .social-reels{width:calc((100% - 6px)/3*2 + 3px);gap:3px}
 .social-map .social-carousel{width:calc((100% - 6px)/3 + 8px)}
 .waitlist-panel h1 .waitlist-success-line{font-size:1em;letter-spacing:-.04em}
 .waitlist-panel h1 .waitlist-check{width:.5em;height:.5em;margin-left:0}
}
@media(max-width:370px){.waitlist-panel h1{font-size:40px}}

/* Feature labels have the same readable scale in both columns. */
.comparison .compare-grid h3{font-size:20px;line-height:1.25;letter-spacing:-.02em;text-wrap:balance;white-space:normal;margin-bottom:16px}
/* Fade only the background, below the final Story labels. */
[data-pro-surface^=grid] .comparison:before{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 88px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 88px),transparent)}
.comparison .repurpose-row{padding-bottom:88px}
@media(max-width:700px){.comparison .compare-grid h3{font-size:15px;line-height:1.3;margin-bottom:14px}}