/* Customer-story styles reused from /lp/creative and scoped to pricing. */
.pricing-stories, #pricing-story-dialog{--deep:#0f2b22;--paper:#fbfaf6;--lime:#c9f34b}
.pricing-stories{padding:clamp(88px,9vw,144px) 0;background:var(--deep);color:var(--paper)}
.pricing-stories h2{margin:0;font-size:clamp(42px,4.8vw,70px);font-weight:500;letter-spacing:-.055em;line-height:1.03}
.pricing-stories blockquote{margin:0}
.pricing-stories [hidden]{display:none!important}
.pricing-stories :focus-visible, #pricing-story-dialog :focus-visible{outline:3px solid var(--lime);outline-offset:5px}
.pricing-stories img,.pricing-stories video{display:block;max-width:100%}
.pricing-stories .person{display:flex;align-items:center;gap:13px;margin-top:25px}
.pricing-stories .person img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.pricing-stories .person cite{font-size:13px;font-style:normal;font-weight:500;line-height:1.45}
.pricing-stories .person cite span{display:block;color:var(--soft);font-size:12px;font-weight:400}
.pricing-stories .story-head{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:54px}
.pricing-stories .story-controls{display:flex;gap:8px}
.pricing-stories .story-controls button{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:transparent;color:var(--paper);cursor:pointer;transition:background .18s ease,color .18s ease}
.pricing-stories .story-controls button:hover{background:var(--lime);color:var(--deep)}
.pricing-stories .story-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:center}
.pricing-stories .story-copy blockquote{font-size:clamp(28px,3vw,43px);line-height:1.3;letter-spacing:-.04em}
.pricing-stories .person-light cite span{color:#aebdb2}
.pricing-stories .watch-story{display:inline-flex;gap:10px;margin-top:28px;padding:0 0 6px;border:0;border-bottom:1px solid rgba(255,255,255,.55);background:none;color:var(--paper);font-size:13px;cursor:pointer}
.pricing-stories .story-media{position:relative;min-width:0}
.pricing-stories .story-poster{position:relative;display:block;width:100%;overflow:hidden;aspect-ratio:16/10;padding:0;border:0;background:#071a14;color:white;cursor:pointer}
.pricing-stories .story-poster img,.pricing-stories .story-poster video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pricing-stories .story-poster video{opacity:0;transition:opacity .3s ease}
.pricing-stories .story-poster video.is-playing{opacity:1}
.pricing-stories .poster-shade{position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(5,17,13,.72))}
.pricing-stories .play{position:absolute;top:50%;left:50%;display:grid;width:78px;height:78px;place-items:center;border-radius:50%;background:var(--lime);color:var(--deep);font-size:23px;transform:translate(-50%,-50%);transition:transform .2s ease}
.pricing-stories .story-poster:hover .play{transform:translate(-50%,-50%) scale(1.07)}
.pricing-stories .poster-label{position:absolute;bottom:23px;left:25px;font-size:17px;text-align:left}
.pricing-stories .poster-label small{display:block;margin-top:5px;font-size:11px}
.pricing-stories .story-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}
.pricing-stories .story-tabs button{position:relative;padding:17px 0 15px;border:0;border-top:1px solid rgba(255,255,255,.24);background:none;color:#a9b8ad;text-align:left;cursor:pointer}
.pricing-stories .story-tabs button strong,.pricing-stories .story-tabs button span{display:block;font-weight:400}
.pricing-stories .story-tabs button strong{font-size:13px}
.pricing-stories .story-tabs button span{margin-top:4px;font-size:11px}
.pricing-stories .story-tabs button i{position:absolute;top:-1px;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:var(--lime)}
.pricing-stories .story-tabs button.is-active{color:var(--paper)}
.pricing-stories .story-tabs button.is-active i{transform:scaleX(var(--story-progress,0));transition:none}
#pricing-story-dialog{width:min(1080px,calc(100% - 36px));max-width:none;max-height:calc(100dvh - 36px);padding:0;border:0;border-radius:14px;background:var(--deep);color:var(--paper)}
#pricing-story-dialog::backdrop{background:rgba(5,17,13,.9)}
#pricing-story-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:13px}
#pricing-story-dialog .dialog-close{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:transparent;color:white;font-size:24px;cursor:pointer}
#pricing-story-dialog .video-frame{aspect-ratio:16/9;background:#000}
#pricing-story-dialog .video-frame iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:1100px){.pricing-stories .story-layout{gap:46px}}
@media(max-width:800px){.pricing-stories .story-layout{grid-template-columns:1fr;gap:35px}.pricing-stories .story-media{grid-row:1}.pricing-stories .story-head{align-items:flex-end}}
@media(max-width:620px){.pricing-stories{padding:72px 0}.pricing-stories h2{font-size:39px}.pricing-stories .story-head{display:block}.pricing-stories .story-controls{margin-top:28px}.pricing-stories .story-copy blockquote{font-size:28px}.pricing-stories .story-poster{aspect-ratio:4/3}.pricing-stories .play{width:62px;height:62px;font-size:18px}.pricing-stories .story-tabs{grid-template-columns:1fr 1fr;gap:9px 20px;margin-top:26px}.pricing-stories .story-tabs button{padding-top:13px}#pricing-story-dialog{width:calc(100% - 20px)}#pricing-story-dialog .video-frame{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.pricing-stories *,#pricing-story-dialog *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.pricing-stories .story-tabs button.is-active i{transform:scaleX(1)}}