/* StoryByte365 V2 — conversion / product-proof polish only.
   Additive after conversion-polish.css. Retains all original type, colors, image assets, and navigation. */
:root{--v2-soft-border:rgba(140,197,251,.32);--v2-frost:#d7e8ff;--v2-cyan:#8fe7fa}
.hd-page a:focus-visible,.hd-page button:focus-visible,.hd-page summary:focus-visible{outline:3px solid #a6e9ff!important;outline-offset:4px}
.hd-page .button{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.hd-page .button-primary:hover{filter:brightness(1.1)}
.hd-page .cinematic-hero{border-bottom:1px solid rgba(116,168,240,.24)}
.hd-page[data-page="index"] .cinematic-copy>p{max-width:590px;line-height:1.58}
/* Bring existing cinematic motion sample forward without claiming it is platform output. */
.hd-page[data-page="index"] .cinema-proof{border-top:0;border-bottom:1px solid var(--v2-soft-border);padding:76px 0 78px;background:radial-gradient(circle at 28% 52%,rgba(52,80,167,.17),transparent 46%),#04091a}
.hd-page .cinema-proof-copy .concept-label,.hd-page .proof-disclaimer{padding:11px 13px;border-left:3px solid rgba(119,214,247,.9);background:rgba(9,27,52,.6);border-radius:0 9px 9px 0;color:#b8cce6;font-size:12px;line-height:1.55}
.hd-page .proof-steps{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0 21px}
.hd-page .proof-steps span{display:inline-flex;min-height:30px;align-items:center;padding:6px 11px;border:1px solid var(--v2-soft-border);border-radius:99px;background:rgba(22,47,85,.55);font-size:11px;letter-spacing:.02em;color:#d4e9ff}
.hd-page[data-page="index"] .cinema-proof .cinema-screen video{display:block;width:100%;aspect-ratio:16/9;background:#07132d;object-fit:contain}
/* Make Showcase hero's visual actually appear; keep original frame. */
.hd-page[data-page="showcase-ai-x-network"] .show-hero-visual{min-height:320px;background:#0a1533 url('hero-hd.webp') center/cover no-repeat}
.hd-page[data-page="showcase-ai-x-network"] .show-hero-visual>img{display:block;opacity:1;visibility:visible;min-height:325px;width:100%;height:100%;object-fit:cover;position:relative;z-index:1}
.hd-page[data-page="showcase-ai-x-network"] .show-hero-label{z-index:4}
.hd-page[data-page="showcase-ai-x-network"] .motion-section{padding:52px 0 68px;border-bottom:1px solid var(--v2-soft-border);background:linear-gradient(145deg,#071227,#070c1d)}
.hd-page[data-page="showcase-ai-x-network"] .motion-copy h2{font-size:clamp(29px,3.5vw,47px)}
.hd-page[data-page="showcase-ai-x-network"] .motion-frame video{width:100%;aspect-ratio:16/9;display:block;background:#071228;object-fit:contain}
.hd-page .story-trial-link{display:inline-block;margin-top:18px;color:#9deafa;font-size:12px;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(157,234,250,.45);padding-bottom:4px}
.hd-page .story-trial-link:hover{color:#fff;border-color:#fff}
/* Pricing: shorten above-the-fold billboard and show products sooner. */
.hd-page[data-page="pricing"] .pricing-hero{min-height:0!important;padding:42px 0 46px!important}
.hd-page[data-page="pricing"] .pricing-hero .shell{align-items:center}
.hd-page[data-page="pricing"] .pricing-intro{max-width:660px}
.hd-page[data-page="pricing"] .pricing-intro h1{font-size:clamp(42px,4.1vw,61px);line-height:1.09}
.hd-page[data-page="pricing"] .pricing-intro>p{margin:12px auto 16px;font-size:15px;line-height:1.65}
.hd-page[data-page="pricing"] .hd-pricing-scene{height:275px}
.hd-page[data-page="pricing"] .hd-pricing-frame{width:210px;height:270px}
.hd-page[data-page="pricing"] .hd-pricing-frame-2{left:135px}
.hd-page[data-page="pricing"] .hd-pricing-frame-3{left:270px}
.hd-page[data-page="pricing"] .pricing-hero-note{max-width:630px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;padding:11px 13px;font-size:12px;margin:0 auto}
.hd-page[data-page="pricing"] .pricing-quick-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:17px 0 0}
.hd-page[data-page="pricing"] .pricing-quick-actions .button{min-height:42px;padding:10px 19px;font-size:13px}
.hd-page[data-page="pricing"] .price-jump{font-size:13px;font-weight:800;color:#aceaff;text-decoration:none;border-bottom:1px solid #a3dff588;padding:5px 0}
.hd-page[data-page="pricing"] .price-section{padding-top:37px}
.hd-page[data-page="pricing"] .price-section .section-intro{margin-bottom:19px}
.hd-page[data-page="pricing"] .price-section .section-intro h2{font-size:clamp(30px,3.3vw,42px)}
.hd-page[data-page="pricing"] .price-section .section-intro p{margin-top:8px;font-size:13px}
.hd-page .trial-value-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 26px}
.hd-page .trial-value-strip>div{padding:13px 17px;background:rgba(13,34,65,.72);border:1px solid var(--v2-soft-border);border-radius:12px;display:flex;flex-direction:column;gap:4px}
.hd-page .trial-value-strip strong{font-size:13px;color:#e5f3ff}
.hd-page .trial-value-strip span{font-size:11px;color:#b5c9e6;line-height:1.45}
.hd-page .plan-status{font-size:9px;letter-spacing:.12em;font-weight:800;color:#aad6ee;display:block;margin:12px 0 1px}
.hd-page .pricing-footnote{font-size:12px;max-width:930px;color:#b3c6df}
/* Auth: lower friction in the message, transparent about staging integration. */
.hd-page[data-page="register"] .auth-section{padding:56px 0 85px}
.hd-page[data-page="register"] .auth-form-panel{padding:36px 40px}
.hd-page[data-page="register"] .auth-form-panel h1{font-size:clamp(34px,3.7vw,46px)}
.hd-page[data-page="register"] .auth-form-panel>p{margin:10px 0 17px}
.hd-page[data-page="register"] .auth-tabbar{margin-bottom:16px}
.hd-page[data-page="register"] .form-privacy-banner{margin:0 0 12px;padding:11px 13px;border:1px solid #d4a67e7a;border-left:3px solid #e8b77f;background:#3c241c7b;color:#f0d9c2;font-size:12px}
.hd-page .audience-hint{padding:11px 13px;margin:9px 0 14px;border:1px solid rgba(121,226,242,.48);border-radius:10px;background:rgba(25,79,102,.35);font-size:12px!important;color:#e0fbff!important}
.hd-page .brief-local-note{color:#bbd1e6;font-size:12px;margin:7px 0 0}
.hd-page .capability-note{font-size:12px!important;max-width:540px;color:#b8d9f0!important;border-left:3px solid #6ddcef;padding-left:12px}
.hd-page .tiny-proof-link{display:inline-block;margin-top:17px;font-size:13px;font-weight:800;color:#9fe5fa;border-bottom:1px solid rgba(159,229,250,.5);text-decoration:none;padding-bottom:5px}
/* Investor: proof bridge, not invented metrics. */
.hd-page .investor-proof-section{background:radial-gradient(circle at 78% 30%,rgba(97,47,172,.15),transparent 52%),#061025;border-block:1px solid var(--v2-soft-border)}
.hd-page .proof-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.hd-page .status-proof{border-radius:18px;border:1px solid var(--v2-soft-border);background:linear-gradient(145deg,#122846,#080f23);padding:25px;min-height:245px;display:flex;flex-direction:column;gap:11px}
.hd-page .status-index{font-size:10px;font-weight:850;letter-spacing:.11em;color:#9bdcfa}
.hd-page .status-proof h3{font-size:21px;line-height:1.25;margin:0;color:#f2f6ff}
.hd-page .status-proof p{font-size:13px;line-height:1.62;color:#bed1e8;margin:0 0 auto}
.hd-page .status-proof .story-link,.hd-page .proof-state{font-size:12px;font-weight:800;color:#99e6fb}
.hd-page .proof-state{color:#e8c995}
.hd-page .investor-email-note{margin:12px 0 0;font-size:11px;color:#b5c8e0;text-align:center}
/* Responsive refinements, do not replace original layout system. */
@media(max-width:1100px){
 .hd-page[data-page="pricing"] .hd-pricing-frame{width:170px;height:230px}
 .hd-page[data-page="pricing"] .hd-pricing-frame-2{left:103px}
 .hd-page[data-page="pricing"] .hd-pricing-frame-3{left:204px}
 .hd-page[data-page="pricing"] .hd-pricing-scene{height:235px}
}
@media(max-width:760px){
 .hd-page[data-page="index"] .cinema-proof{padding:45px 0 50px}
 .hd-page[data-page="pricing"] .pricing-hero{padding:39px 0 28px!important}
 .hd-page[data-page="pricing"] .hd-pricing-scene{width:100%;height:160px;transform:scale(.48);transform-origin:top left;margin:19px 0 -94px}
 .hd-page[data-page="pricing"] .pricing-intro{text-align:left}
 .hd-page[data-page="pricing"] .pricing-intro h1{font-size:clamp(39px,8.3vw,52px)}
 .hd-page[data-page="pricing"] .pricing-intro>p{font-size:14px;margin:15px 0}
 .hd-page[data-page="pricing"] .pricing-hero-note{margin:0;font-size:11px}
 .hd-page[data-page="pricing"] .price-section{padding-top:26px}
 .hd-page .trial-value-strip{grid-template-columns:1fr;gap:7px;margin-bottom:20px}
 .hd-page .trial-value-strip>div{padding:10px 13px;display:grid;grid-template-columns:minmax(95px,.55fr) 1fr;gap:12px;align-items:center}
 .hd-page[data-page="pricing"] .price-section .section-intro{margin-bottom:20px}
 .hd-page .proof-status-grid{grid-template-columns:1fr}
 .hd-page .status-proof{min-height:0}
 .hd-page[data-page="showcase-ai-x-network"] .motion-section{padding:43px 0}
 .hd-page[data-page="showcase-ai-x-network"] .show-hero-visual{min-height:235px}
 .hd-page[data-page="showcase-ai-x-network"] .show-hero-visual>img{min-height:235px;height:245px}
 .hd-page[data-page="register"] .auth-form-panel{padding:24px}
 .hd-page .investor-email-note{text-align:left}
}
@media(max-width:400px){
 .hd-page[data-page="pricing"] .hd-pricing-scene{height:138px;transform:scale(.40);margin-bottom:-98px}
 .hd-page[data-page="pricing"] .pricing-quick-actions{gap:10px}
 .hd-page[data-page="pricing"] .pricing-quick-actions .button{width:100%}
 .hd-page[data-page="pricing"] .price-jump{margin:0 auto}
 .hd-page .proof-steps span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.hd-page .button,.hd-page .story-trial-link{transition:none!important}.hd-page .button:hover{transform:none!important}}

/* Final responsive corrections from rendered QA. */
.hd-page [id="sample-animatic"],.hd-page [id="plans"],.hd-page [id="storyboards"]{scroll-margin-top:88px}
.hd-page[data-page="investors"] .investors-hero h1{font-size:clamp(43px,4vw,58px);line-height:1.12}
@media(max-width:760px){
 .hd-page[data-page="pricing"] .hd-pricing-scene{display:none!important}
 .hd-page[data-page="pricing"] .pricing-hero{padding-bottom:39px!important}
 .hd-page[data-page="pricing"] .price-section{padding-top:26px}
 .hd-page[data-page="investors"] .investors-hero h1{font-size:clamp(40px,9.4vw,54px)}
}