/* StoryByte365 surgical polish v3: existing 9:16 production visibility. */
.hd-page .v3-hero-format-line {display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:18px 0 11px;font-size:11px;color:#c6dff9;}
.hd-page .v3-hero-format-line strong{font-size:11px;letter-spacing:.12em;color:#bfeaff}
.hd-page .v3-hero-format-line span:last-child{color:#9eafcf}
.hd-page .v3-format-pip,.hd-page .v3-live-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#61e1c2;box-shadow:0 0 0 4px rgba(63,203,179,.14)}
.hd-page .v3-vertical-section{position:relative;padding:73px 0;background:linear-gradient(130deg,#08142a,#090b20 58%,#15102c);border-top:1px solid rgba(134,185,235,.25);border-bottom:1px solid rgba(134,185,235,.24)}
.hd-page .v3-vertical-layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);align-items:center;gap:7%}
.hd-page .v3-vertical-copy{max-width:660px}
.hd-page .v3-vertical-copy h2{font-size:clamp(35px,4vw,56px);line-height:1.09;margin-bottom:21px}
.hd-page .v3-vertical-copy>p{font-size:16px;line-height:1.77;color:#c7d8ee;max-width:580px}
.hd-page .v3-inline-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0 26px}
.hd-page .v3-inline-benefits span{padding:7px 11px;border:1px solid rgba(94,205,236,.42);border-radius:99px;background:rgba(31,78,116,.25);font-size:12px;font-weight:750;color:#c8f4ff}
.hd-page .v3-dual-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:17px}
.hd-page .v3-light-link{color:#a8ebff;font-weight:800;font-size:13px;text-decoration:underline;text-underline-offset:5px}
.hd-page .v3-vertical-copy .v3-verification-line{margin-top:16px;font-size:11px;line-height:1.5;color:#8da7c7}
.hd-page .v3-portrait-showcase{position:relative;max-width:255px;width:100%;margin:0 auto;aspect-ratio:9/16;border:7px solid #182c4b;border-radius:29px;overflow:hidden;background:#0d1226;box-shadow:0 28px 70px #000c,0 0 48px #7b3cca2c}
.hd-page .v3-portrait-showcase>img{width:100%;height:100%;object-fit:cover;object-position:48% center}
.hd-page .v3-portrait-showcase:before{position:absolute;content:'';inset:0;background:linear-gradient(0deg,#040814ed,transparent 42%);z-index:1;pointer-events:none}
.hd-page .v3-screen-top{position:absolute;top:10px;left:10px;right:10px;z-index:2;display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.12em;font-weight:850;color:#e7f9ff}
.hd-page .v3-screen-top .v3-live-dot{width:6px;height:6px;flex-basis:6px}
.hd-page .v3-top-right{margin-left:auto;color:#b1d9f3;font-size:7px}
.hd-page .v3-phone-caption{position:absolute;bottom:15px;left:15px;right:15px;display:grid;z-index:2;gap:7px}
.hd-page .v3-phone-caption strong{font-size:21px;line-height:1.1;color:#fff}
.hd-page .v3-phone-caption small{font-size:10px;line-height:1.5;color:#c2d3e9}
.hd-page .v3-hero-capability{border-left:3px solid #4bdbdc;background:rgba(6,29,60,.48);padding:12px 14px;font-size:13px!important;max-width:550px;color:#bdeaff!important;border-radius:0 8px 8px 0}
.hd-page .v3-compact-feature{background:linear-gradient(110deg,#080f24,#08192c 70%,#1a1032);border-block:1px solid rgba(119,195,230,.24)}
.hd-page .v3-compact-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:12%}
.hd-page .v3-compact-layout h2{margin-bottom:19px}
.hd-page .v3-compact-layout p{margin-bottom:22px;font-size:16px;line-height:1.7}
.hd-page .v3-mini-frame{justify-self:center;position:relative;aspect-ratio:9/16;height:380px;max-height:380px;border:5px solid #183654;border-radius:24px;overflow:hidden;box-shadow:0 22px 45px #0008}
.hd-page .v3-mini-frame img{width:100%;height:100%;object-fit:cover}
.hd-page .v3-mini-frame span{position:absolute;bottom:8px;left:8px;right:8px;padding:7px;background:#03152dd9;border-radius:8px;color:#cbf4ff;font-size:9px;letter-spacing:.07em;text-align:center;font-weight:800}
.hd-page .v3-process-bridge{padding:26px 0;background:linear-gradient(90deg,#112348,#101331);border-block:1px solid rgba(123,179,218,.32)}
.hd-page .v3-process-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.hd-page .v3-process-inner strong{font-size:18px;line-height:1.35;color:#f1f7ff}
.hd-page .v3-process-inner p{font-size:13px;margin-top:5px;max-width:730px}
.hd-page .v3-plan-capability{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid rgba(75,199,231,.34);background:rgba(6,45,71,.43);padding:16px 20px;margin:0 0 26px;border-radius:13px}
.hd-page .v3-plan-capability div{display:grid;gap:4px}
.hd-page .v3-plan-capability strong{font-size:13px;color:#d8f8ff}
.hd-page .v3-plan-capability span{font-size:11px;color:#acc7de}
.hd-page .v3-plan-capability>a{font-size:12px;font-weight:800;color:#9ae6fc;white-space:nowrap}
.hd-page .v3-pricing-faq{border-top:1px solid #35547190;padding:18px 0;color:#e4f2ff}
.hd-page .v3-pricing-faq summary{cursor:pointer;font-weight:750;list-style:disclosure-closed;font-size:15px}
.hd-page .v3-pricing-faq p{margin-top:11px;font-size:13px;line-height:1.7}
.hd-page .v3-auth-feature{display:flex;gap:12px;align-items:center;border-radius:10px;padding:12px 14px;background:rgba(19,54,83,.54);border:1px solid rgba(93,204,231,.31);margin:14px 0 17px}
.hd-page .v3-auth-feature>div{display:grid;gap:1px}
.hd-page .v3-auth-feature strong{font-size:13px;color:#e0f8ff}
.hd-page .v3-auth-feature small{font-size:11px;color:#bcd2eb}
.hd-page .v3-login-feature{font-size:12px!important;margin:15px 0!important}
.hd-page .v3-showcase-production{padding:55px 0}
@media(max-width:900px){.hd-page .v3-vertical-layout{gap:6%;grid-template-columns:minmax(0,1fr) minmax(0,270px)}.hd-page .v3-portrait-showcase{max-width:220px}}
@media(max-width:760px){
 .hd-page .v3-vertical-section{padding:43px 0 48px}
 .hd-page .v3-vertical-layout{grid-template-columns:1fr;gap:28px}
 .hd-page .v3-vertical-copy h2{font-size:clamp(31px,8vw,42px);margin-bottom:14px}
 .hd-page .v3-vertical-copy>p{font-size:14px}
 .hd-page .v3-portrait-showcase{max-width:180px;width:54%;justify-self:center}
 .hd-page .v3-compact-layout{grid-template-columns:1fr;gap:23px}
 .hd-page .v3-mini-frame{height:285px;justify-self:center}
 .hd-page .v3-process-inner{align-items:flex-start;flex-direction:column}
 .hd-page .v3-plan-capability{flex-direction:column;align-items:flex-start;gap:10px}
 .hd-page .v3-dual-actions .button{white-space:normal;text-align:center}
 .hd-page .v3-hero-format-line{margin:12px 0}
}
@media(max-width:460px){
 .hd-page .v3-portrait-showcase{max-width:188px;width:62%}
 .hd-page .v3-vertical-copy .v3-verification-line{font-size:10px}
 .hd-page .v3-hero-format-line span:last-child{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){.hd-page .v3-portrait-showcase{transition:none}}

/* ===== STAGING APPENDIX (merge-v3, NOT in the v3 package) =====
   - .v3-real-frame: portrait player for REAL 9:16 exports (replaces the
     v3 illustrative portrait crop per the audit delta: real examples lead).
   - .v3-storyboard: minimal layout for the illustrative 12s storyboard
     block on merged showcase (copy/disclaimers verbatim from v3).
   - .hero-pricing mobile tightening per the audit delta (live .page-hero
     is 100px desktop / 71-78px tablet; phones tighten to 44/48px). */
.v3-real-frame{position:relative;max-width:280px;width:100%;margin:0 auto;aspect-ratio:9/16;border:7px solid #182c4b;border-radius:29px;overflow:hidden;background:#0d1226;box-shadow:0 28px 70px #000c,0 0 48px #7b3cca2c}
.v3-real-frame video{width:100%;height:100%;object-fit:cover;display:block}
.v3-real-caption{margin:14px auto 0;max-width:300px;font-size:12px;line-height:1.6;color:#c2d3e9;text-align:center}
.v3-real-caption a{color:#a8ebff;font-weight:800}
.v3-storyboard{padding:56px 0}
.v3-storyboard-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.v3-storyboard video{width:100%;aspect-ratio:16/9;border-radius:16px;display:block;background:#000}
.v3-storyboard-meta{font-size:11px;letter-spacing:.12em;color:#9eafcf;margin-top:10px}
.v3-storyboard .proof-disclaimer{font-size:13px;line-height:1.7;color:#c7d8ee}
@media(max-width:760px){.v3-storyboard-grid{grid-template-columns:1fr}.hero-pricing{padding:44px 0 48px!important}.hero-pricing h1{margin-bottom:10px!important}}