:root{--bg: #f6fbff;--surface: #ffffff;--ink: #1a2740;--muted: #4b5f7d;--brand: #245bff;--accent: #ff5f2e;--accent-2: #20c997;--line: #cfe0ff;--heading: "Sora", sans-serif;--body: "Plus Jakarta Sans", sans-serif;--sparkle-duration-fast: .16s;--sparkle-duration-base: .22s;--sparkle-ease: cubic-bezier(.22, 1, .36, 1);--sparkle-shadow-sm: 0 10px 24px rgba(20, 47, 94, .12);--sparkle-shadow-md: 0 16px 30px rgba(20, 47, 94, .16);--bg-radial-1: #dff2ff;--bg-radial-2: #ffe7df;--bg-radial-3: #dcfff2;--bg-start: #fafdff}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{font-family:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--ink);background:radial-gradient(circle at 7% 8%,var(--bg-radial-1) 0%,transparent 32%),radial-gradient(circle at 96% 4%,var(--bg-radial-2) 0%,transparent 30%),radial-gradient(circle at 88% 84%,var(--bg-radial-3) 0%,transparent 32%),linear-gradient(180deg,var(--bg-start) 0%,var(--bg) 100%)}main{min-height:calc(100vh - 168px)}.container{width:min(1120px,100% - 2rem);margin:0 auto}.section{padding:1.2rem 0 2.1rem}.section[id]{scroll-margin-top:5.75rem}.section-depth-a,.section-depth-b,.section-depth-c{position:relative;isolation:isolate;overflow:hidden}.section-depth-a:before,.section-depth-b:before,.section-depth-c:before{content:"";position:absolute;inset:-140px -80px;background-size:cover;background-position:center;opacity:.12;filter:saturate(.95) contrast(1.02);z-index:0;pointer-events:none}.section-depth-a:before{background-image:url(/images/activity-bg-dashboard.svg);transform:rotate(-3deg) scale(1.04)}.section-depth-b:before{background-image:url(/images/activity-bg-builder.svg);transform:rotate(2.5deg) scale(1.04)}.section-depth-c:before{background-image:url(/images/activity-bg-debrief.svg);transform:rotate(-2deg) scale(1.05)}.section-depth-a>*,.section-depth-b>*,.section-depth-c>*{position:relative;z-index:1}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);background:linear-gradient(180deg,#fafdfff5,#f6faffeb);border-bottom:1px solid rgba(191,213,250,.9);box-shadow:0 10px 24px #142f5e0d;overflow-x:clip}.nav-wrap{min-height:74px;display:flex;align-items:center;gap:.8rem}.brand{display:inline-flex;align-items:center;text-decoration:none}.brand-logo{display:block;width:auto;height:44px;max-width:min(320px,62vw)}.top-nav{margin-left:auto;display:flex;gap:.55rem}.top-nav a{text-decoration:none;color:#2f4a78;font-weight:600;padding:.42rem .72rem;border-radius:999px;border:1px solid transparent}.top-nav a:hover{background:#e8f0ffe6;border-color:#d6e4ff}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 .92rem;border-radius:999px;text-decoration:none;font-family:var(--body);font-size:1rem;line-height:1;font-weight:700;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px)}.btn-solid{background:linear-gradient(90deg,var(--brand),#3a78ff);color:#fff;box-shadow:0 8px 16px #245bff3d}.btn-ghost{background:#fff;color:#23447b;border-color:#d3e2ff}.hero{padding:3.1rem 0 2rem;position:relative;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:-120px -180px -60px 40%;background-image:url(/images/activity-bg-dashboard.svg);background-size:cover;background-position:center;opacity:.2;transform:rotate(-4deg) scale(1.08);z-index:0;pointer-events:none}.hero>*{position:relative;z-index:1}.hero-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:start}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700;color:#ff5f2e}h1,h2,h3{font-family:var(--heading);letter-spacing:-.01em;line-height:1.15}h1{margin:.68rem 0 0;padding-bottom:.72rem;line-height:1.08;font-size:clamp(1.95rem,4.5vw,3.1rem);color:#173f9c}.hero-copy p{margin:.9rem 0 0;max-width:58ch;font-size:1.03rem}.hero-copy .sub{color:var(--muted)}.hero-actions{margin-top:1.1rem;display:flex;gap:.6rem;flex-wrap:wrap}.mini-metrics{margin-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.mini-metrics div{background:#fff;border:1px solid #d8e6ff;border-radius:12px;padding:.55rem}.mini-metrics strong{display:block;color:#1844b5}.mini-metrics span{color:var(--muted);font-size:.84rem}.hero-console,.story-grid article,.mode-grid article,.timeline-grid li,.price-grid article,.faq-grid article,.split-band-layout article,.cta-block,.site-footer{background:#fff;border:1px solid #d7e6ff;border-radius:16px;box-shadow:0 10px 24px #142f5e14}.hero-console{padding:.86rem;background:linear-gradient(165deg,#fff,#eef5ff)}.console-top{display:flex;align-items:center;gap:.35rem;margin-bottom:.7rem}.console-top strong{margin-left:.3rem;color:#264e99;font-size:.9rem}.dot{width:9px;height:9px;border-radius:50%}.dot-red{background:#ff6c4a}.dot-amber{background:#ffbf34}.dot-green{background:#1ac78a}.console-grid{display:grid;grid-template-columns:1fr 1fr;gap:.52rem}.console-grid article{background:#fff;border:1px solid #d8e8ff;border-radius:12px;padding:.5rem}.console-grid .label{margin:0;color:#5a7093;font-size:.76rem}.console-grid .value{margin:.18rem 0 0;color:#1c4db5;font-weight:700}.console-note{margin:.74rem 0 0;color:#365376;font-size:.86rem}.section-head h2{margin:.35rem 0 0;color:#1f3c73;font-size:1.58rem;max-width:30ch;text-wrap:balance}.section-intro{margin:.55rem 0 0;max-width:62ch;color:#58708f;line-height:1.65}.split-band-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;position:relative;padding:.45rem;border:1px solid #d6e4ff;border-radius:24px;background:radial-gradient(circle at top left,rgba(36,91,255,.08),transparent 28%),radial-gradient(circle at bottom right,rgba(255,95,46,.08),transparent 24%),#ffffffb8;box-shadow:0 16px 34px #142f5e14}.split-band-layout article{display:grid;align-content:start;gap:.8rem;padding:1.2rem 1.15rem;background:linear-gradient(170deg,#fff,#f5f9ff)}.split-band-tag{margin:0;display:inline-flex;padding:.34rem .62rem;border-radius:999px;background:#edf4ff;border:1px solid #d4e3ff;color:#2a4f90;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.split-band-layout h3{margin:0;color:#214a91;font-size:1rem}.split-band-layout p{margin:0;color:var(--muted)}.mode-grid,.story-grid,.timeline-grid,.price-grid,.faq-grid,.preview-grid{margin-top:.95rem;display:grid;gap:.7rem;padding:.28rem .28rem .52rem}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-card{background:#fff;border:1px solid #d7e6ff;border-radius:16px;box-shadow:0 10px 24px #142f5e14;padding:.95rem;position:relative;overflow:hidden}.preview-card h3{margin:.5rem 0 0;color:#214a91;font-size:1.06rem}.preview-card p{margin:.5rem 0 0;color:var(--muted);line-height:1.6}.preview-meta{margin:.8rem 0 0;display:inline-flex;align-items:center;min-height:30px;padding:0 .65rem;border-radius:999px;background:#f2f7ff;border:1px solid #d6e3ff;color:#295294;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.preview-card.no-hover-lift a,.preview-card.no-hover-lift a:visited,.preview-card.no-hover-lift a:hover,.preview-card.no-hover-lift a:focus-visible{color:#ff5f2e}.image-placeholder{min-height:180px;border:1px solid #a7c0f3;border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:.8rem;background:repeating-linear-gradient(-45deg,#f4f8ff,#f4f8ff 10px,#edf4ff 10px 20px)}.image-placeholder-generated{padding:0;background:linear-gradient(180deg,#f8fbff,#eef4ff)}.image-placeholder-generated:before,.image-placeholder-generated:after{display:none}.image-placeholder-generated img{display:block;width:100%;height:auto;border-radius:14px}.image-placeholder:before{content:"";position:absolute;inset:0;background-position:center;background-size:cover;opacity:.72}.image-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f6fbff2e,#f6fbffb8)}.image-placeholder-dashboard:before{background-image:url(/images/activity-bg-dashboard.svg)}.image-placeholder-builder:before{background-image:url(/images/activity-bg-builder.svg)}.image-placeholder-debrief:before{background-image:url(/images/activity-bg-debrief.svg)}.image-placeholder span{position:relative;z-index:1;color:#2c4f8f;font-weight:700;font-size:.9rem;background:#ffffffc7;border:1px solid rgba(167,192,243,.9);padding:.3rem .5rem;border-radius:8px}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-grid article,.story-grid article,.timeline-grid li,.price-grid article,.faq-grid article{padding:.9rem}.mode-grid h3,.story-grid h3,.timeline-grid h3,.price-grid h3,.faq-grid h3{margin:0;color:#214a91;font-size:1rem}.mode-grid p,.story-grid p,.timeline-grid p,.price-grid li,.faq-grid p,.cta-block p{margin:.55rem 0 0;color:var(--muted);line-height:1.6}.story-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.story-grid .tone-a{background:linear-gradient(160deg,#fff,#f2f8ff)}.story-grid .tone-b{background:linear-gradient(160deg,#fff,#fff5ef)}.story-grid .tone-c{background:linear-gradient(160deg,#fff,#effff8)}.story-grid .tone-d{background:linear-gradient(160deg,#fff,#f7f3ff)}.timeline-grid{list-style:none;padding:0;grid-template-columns:repeat(3,minmax(0,1fr))}.timeline-grid li{background:#fff;border:1px solid #c6dbff;box-shadow:0 14px 28px #22498d1a}.timeline-grid span{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#2a60ef,#4b84ff);box-shadow:0 6px 12px #2b64ff3d}.timeline-grid h3{margin-top:.62rem}.timeline-grid p{color:#3f5578}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#pricing .price-grid article{background:#fff;border:1px solid #b9d2ff;box-shadow:0 16px 30px #193e801f}#pricing .price-grid article:hover{box-shadow:0 20px 34px #193e8029;transform:translateY(-1px)}#pricing .price-grid .featured{background:linear-gradient(175deg,#fff,#eef5ff);border-color:#8eb6ff}#pricing .price-grid h3{font-size:1.22rem;line-height:1.18}.price-grid .pill{margin:0;display:inline-flex;align-items:center;justify-content:center;padding:.62rem 1.22rem;border-radius:999px;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#234d94;background:linear-gradient(180deg,#f5f9ff,#e9f1ff);border:1px solid #bfd4fb;box-shadow:inset 0 1px #ffffffe6;margin-bottom:.45rem}.price-grid .price{margin:.6rem 0 0;color:#ff5f2e;font-size:1.3rem;line-height:1.1;font-weight:700}.price-grid li{font-size:.92rem;line-height:1.45}#pricing .price-grid .btn{font-size:.95rem}.price-grid ul{margin:.65rem 0 1rem;padding-left:1rem}.faq-grid{grid-template-columns:1fr 1fr}.cta-block{padding:1.15rem;display:grid;grid-template-columns:1.2fr auto;align-items:center;gap:1rem;background:radial-gradient(circle at top left,rgba(36,91,255,.12),transparent 26%),radial-gradient(circle at bottom right,rgba(255,95,46,.12),transparent 22%),linear-gradient(135deg,#f4f9ff,#fff5f0,#f0fff8)}.cta-block h2{margin:.35rem 0 0;color:#1f3f7a;font-size:1.34rem;max-width:16ch;text-wrap:balance}.site-footer{margin:.9rem auto;width:min(1120px,100% - 2rem);padding:1.1rem 1.1rem 1rem}.footer-shell{display:grid;grid-template-columns:1.35fr repeat(3,minmax(0,.7fr));gap:1.1rem;align-items:start}.footer-brand{display:grid;gap:.55rem}.footer-title{margin:0;font-family:var(--heading);color:#21448d;font-size:1.05rem}.footer-copy{max-width:34ch}.footer-meta{font-size:.88rem}.footer-column{display:grid;gap:.48rem}.footer-column h3{margin:0;color:#21448d;font-size:.92rem}.footer-column a,.footer-link-btn{width:fit-content;text-decoration:none;color:#4b6185;font:inherit;background:transparent;border:0;padding:0;cursor:pointer}.footer-column a:hover,.footer-link-btn:hover{color:#245bff}.site-footer p{margin:0;color:#58708f}@media (max-width: 1024px){.hero-layout,.mode-grid,.preview-grid,.price-grid,.story-grid{grid-template-columns:1fr 1fr}.split-band-layout,.timeline-grid{grid-template-columns:1fr}.footer-shell{grid-template-columns:1fr 1fr}}@media (max-width: 840px){.nav-wrap{flex-wrap:wrap;justify-content:center;padding:.5rem 0 .7rem;gap:.55rem}.brand{width:100%;justify-content:center}.brand-logo{height:40px;max-width:min(260px,72vw)}.nav-wrap>.btn,.nav-wrap>.account-summary{flex:1 1 calc(50% - .55rem);min-width:0}.nav-wrap>.primary-cta-link{flex-basis:100%}.nav-wrap>.btn{min-height:38px;font-size:.94rem;padding-inline:.8rem}.top-nav{order:3;width:100%;justify-content:flex-start;margin-left:0;overflow-x:auto;flex-wrap:nowrap;gap:.35rem;padding-bottom:.2rem;scrollbar-width:none}.top-nav::-webkit-scrollbar{display:none}.top-nav a{flex:0 0 auto;font-size:.92rem;padding:.35rem .7rem;background:#ffffffe6;border:1px solid #d7e6ff}.hero-layout,.preview-grid,.mode-grid,.story-grid,.price-grid,.faq-grid,.cta-block,.footer-shell{grid-template-columns:1fr}.mini-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding:1.45rem 0 1.35rem}.hero-copy p{font-size:.98rem;line-height:1.6}.hero-actions{gap:.5rem}.hero-actions .btn{flex:1 1 220px}.mini-metrics div{padding:.65rem}.mini-metrics strong{font-size:.88rem}.mini-metrics span{font-size:.8rem;line-height:1.35}}@media (max-width: 560px){.container,.site-footer{width:min(1120px,100% - 1.1rem)}.site-header{position:sticky}.nav-wrap{justify-content:stretch;gap:.5rem}.brand{justify-content:flex-start}.brand-logo{height:36px;max-width:178px}.nav-wrap>.btn,.nav-wrap>.account-summary{flex:1 1 calc(50% - .5rem)}.nav-wrap>.primary-cta-link{flex-basis:100%;order:2}.top-nav{order:4;margin-top:.1rem;padding-top:.1rem;border-top:1px solid #dbe6f7}.top-nav a{font-size:.88rem;padding:.42rem .68rem}.hero{padding:1rem 0 1.1rem}h1{margin-top:.45rem;padding-bottom:.45rem;font-size:clamp(2.2rem,10vw,2.9rem);line-height:1.04}.hero-copy p{margin-top:.75rem;font-size:.95rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;flex:1 1 auto}.hero-console{padding:.72rem}.console-grid{grid-template-columns:1fr 1fr;gap:.45rem}.console-grid article{padding:.46rem}.section{padding:.95rem 0 1.5rem}.section-head h2{font-size:1.28rem}.mini-metrics{grid-template-columns:1fr;gap:.45rem}.mini-metrics div{padding:.72rem}.mode-grid article,.story-grid article,.timeline-grid li,.price-grid article,.faq-grid article,.preview-card,.split-band-layout article,.cta-block{padding:.82rem}}.btn,.top-nav a,.hero-console,.story-grid article,.mode-grid article,.timeline-grid li,.price-grid article,.faq-grid article,.preview-card,.split-band-layout article,.cta-block,.site-footer{transition:transform var(--sparkle-duration-base) var(--sparkle-ease),box-shadow var(--sparkle-duration-base) var(--sparkle-ease),border-color var(--sparkle-duration-base) var(--sparkle-ease)}.story-grid article:hover,.mode-grid article:hover,.timeline-grid li:hover,.price-grid article:hover,.faq-grid article:hover,.preview-card:not(.no-hover-lift):hover,.split-band-layout article:hover{transform:translateY(-2px);box-shadow:var(--sparkle-shadow-sm)}.btn-solid,.btn[aria-current=page]{position:relative;overflow:hidden;isolation:isolate}.btn-solid:after,.btn[aria-current=page]:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.24) 50%,transparent 70%);transform:translate(-120%);transition:transform .52s var(--sparkle-ease)}.btn-solid:hover:after,.btn[aria-current=page]:hover:after{transform:translate(120%)}.site-header{transition:background-color var(--sparkle-duration-base) var(--sparkle-ease),border-color var(--sparkle-duration-base) var(--sparkle-ease),box-shadow var(--sparkle-duration-base) var(--sparkle-ease)}.site-header:hover{box-shadow:0 8px 22px #142f5e14}.hero-reveal .hero-reveal-item{opacity:0;transform:translateY(10px);animation:heroRevealIn .44s var(--sparkle-ease) forwards}.hero-reveal .hero-reveal-item-1{animation-delay:40ms}.hero-reveal .hero-reveal-item-2{animation-delay:90ms}.hero-reveal .hero-reveal-item-3{animation-delay:.14s}.hero-reveal .hero-reveal-item-4{animation-delay:.19s}.hero-reveal .hero-reveal-item-5{animation-delay:.24s}.hero-reveal .hero-reveal-item-6{animation-delay:.3s}.btn-ghost{cursor:pointer}@keyframes heroRevealIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}app-video-layout{display:block;min-height:100dvh;background:radial-gradient(circle at top left,rgba(214,236,255,.95),transparent 34%),radial-gradient(circle at top right,rgba(255,233,224,.88),transparent 28%),linear-gradient(180deg,#f8fbff,#edf5ff)}app-video-layout .video-layout-page{display:grid;gap:18px;padding:7.75rem clamp(1rem,2.2vw,2rem) 3rem}app-video-layout .video-layout-toolbar,app-video-layout .scene-card,app-video-layout .rendered-video-section,app-video-layout .storyboards-section{display:grid;gap:18px;padding:22px;border:1px solid #d5e4ff;border-radius:24px;background:#ffffffd6;box-shadow:0 16px 36px #142f5e14;backdrop-filter:blur(10px)}app-video-layout .video-layout-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:start}app-video-layout .scene-label,app-video-layout .scene-copy-label,app-video-layout .stage-kicker{margin:0;color:#ff5f2e;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}app-video-layout h1,app-video-layout h2,app-video-layout h3,app-video-layout h4,app-video-layout p{margin:0}app-video-layout h1{margin-top:8px;color:#173f9c;font-size:clamp(1.9rem,3vw,2.5rem);line-height:1.05}app-video-layout .toolbar-copy{margin-top:10px;max-width:60ch;color:#516a92;line-height:1.55}app-video-layout .scene-list{display:grid;gap:20px}app-video-layout .storyboards-section{gap:20px}app-video-layout .rendered-video-meta,app-video-layout .storyboards-head{display:flex;align-items:start;justify-content:space-between;gap:16px}app-video-layout .rendered-video-actions,app-video-layout .video-scene-nav{display:flex;flex-wrap:wrap;gap:10px}app-video-layout .video-player-shell{display:grid;gap:16px}app-video-layout .video-player-frame{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:28px;border:1px solid #d6e2fb;background:#f7f8fb}app-video-layout .video-player-background,app-video-layout .video-player-safe-area{position:absolute;inset:0}app-video-layout .video-player-background{opacity:.92}app-video-layout .video-player-safe-area{inset:8.33%;border:2px dashed rgba(42,74,145,.16);border-radius:18px;pointer-events:none}app-video-layout .video-player-head,app-video-layout .video-player-grid,app-video-layout .video-progress-bar{position:absolute;z-index:1}app-video-layout .video-player-head{top:3.6%;left:3.6%;display:flex;gap:12px}app-video-layout .video-player-grid{inset:12% 4.2% 8%;display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}app-video-layout .video-player-copy,app-video-layout .video-player-visual{border-radius:24px;border:1px solid rgba(214,224,245,.95);background:#ffffffe6;overflow:hidden}app-video-layout .video-player-copy{padding:28px;display:grid;align-content:start;gap:16px}app-video-layout .video-kicker{margin:0;color:#ff5f2e;font-size:.82rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}app-video-layout .video-headline{margin:0;color:#173f9c;font-size:clamp(1.8rem,3.2vw,3.2rem);line-height:.98;letter-spacing:-.05em}app-video-layout .video-emphasis-row,app-video-layout .render-end-stack{display:flex;flex-wrap:wrap;gap:10px}app-video-layout .video-emphasis-chip,app-video-layout .render-callouts span,app-video-layout .render-end-stack strong{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#edf4ff;border:1px solid #d5e2fb;color:#23447b;font-weight:700;letter-spacing:.01em;transition:letter-spacing .32s ease,transform .32s ease,opacity .32s ease}app-video-layout .video-emphasis-chip-active{letter-spacing:.14em;transform:scale(1.04)}app-video-layout .video-message-stack{display:grid;gap:12px}app-video-layout .video-message-card,app-video-layout .render-block,app-video-layout .render-shot-card{padding:14px 16px;border-radius:16px;border:1px solid #d9e4fb;background:#fff;color:#264575;font-weight:700}app-video-layout .video-player-visual{position:relative;padding:18px}app-video-layout .render-scene,app-video-layout .render-scene-brand{height:100%}app-video-layout .render-scene-brand{display:grid;place-items:center;gap:18px;text-align:center}app-video-layout .render-logo{width:min(280px,48%)}app-video-layout .render-title-lockup{display:grid;gap:12px}app-video-layout .render-title-lockup strong{color:#173f9c;font-size:clamp(2.1rem,4vw,4rem);line-height:.95;letter-spacing:-.06em}app-video-layout .render-title-lockup p{margin:0;color:#4a678e;font-size:1.2rem}app-video-layout .render-grid-three,app-video-layout .render-grid-six,app-video-layout .render-grid-join{display:grid;gap:14px;height:100%}app-video-layout .render-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}app-video-layout .render-grid-six{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start}app-video-layout .render-grid-join{grid-template-columns:1.3fr 1fr 1fr}app-video-layout .render-block{display:grid;align-content:center;gap:12px}app-video-layout .render-block span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,#245bff,#4d86ff);color:#fff}app-video-layout .render-block strong,app-video-layout .render-shot-card strong{color:#20459b;font-size:1.15rem}app-video-layout .render-shot-scene{position:relative;height:100%}app-video-layout .render-shot,app-video-layout .render-shot-tile{width:100%;height:100%;border-radius:18px;object-fit:cover;border:1px solid #d8e2f6}app-video-layout .render-progress-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}app-video-layout .render-progress-strip span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:12px;background:#fff;border:1px solid #d6e2fb;color:#30507e;font-weight:700}app-video-layout .render-callouts{position:absolute;display:flex;flex-wrap:wrap;gap:10px}app-video-layout .render-callouts-right{right:18px;bottom:18px;max-width:44%;justify-content:end}app-video-layout .render-callouts-bottom{left:18px;right:18px;bottom:18px}app-video-layout .render-callouts-side{top:18px;right:18px;width:220px;display:grid}app-video-layout .render-end-stack{justify-content:center;max-width:540px}app-video-layout .video-progress-bar{left:0;right:0;bottom:0;height:8px;background:#245bff14}app-video-layout .video-progress-bar i{display:block;height:100%;background:linear-gradient(90deg,#245bff,#ff5f2e)}app-video-layout .scene-nav-chip{min-width:44px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #d5e2fb;background:#fff;color:#2b4775;font-weight:800;cursor:pointer}app-video-layout .scene-nav-chip.active{background:#245bff;border-color:#245bff;color:#fff}app-video-layout .video-animate{opacity:0;transform:translateY(22px) scale(.98);animation:videoSceneIn .52s cubic-bezier(.22,1,.36,1) forwards;animation-play-state:paused}app-video-layout .video-animate.is-visible,app-video-layout .video-animate-delay-1,app-video-layout .video-animate-delay-2,app-video-layout .video-animate-delay-3{animation-play-state:running}app-video-layout .video-animate-delay-1{animation-delay:80ms}app-video-layout .video-animate-delay-2{animation-delay:.18s}app-video-layout .video-animate-delay-3{animation-delay:.28s}@keyframes videoSceneIn{0%{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}app-video-layout .scene-card{grid-template-columns:360px minmax(0,1fr);align-items:start}app-video-layout .scene-meta,app-video-layout .scene-meta-head,app-video-layout .scene-copy-block{display:grid}app-video-layout .scene-meta{gap:16px}app-video-layout .scene-meta-head,app-video-layout .scene-copy-block{gap:10px}app-video-layout .scene-meta-head h2{margin-top:8px;color:#1c4aa6;font-size:1.8rem;line-height:1.05}app-video-layout .scene-time,app-video-layout .scene-purpose,app-video-layout .scene-vo,app-video-layout .stage-note{color:#5d7498}app-video-layout .scene-purpose,app-video-layout .scene-vo,app-video-layout .stage-note{line-height:1.6}app-video-layout .pill-row,app-video-layout .stage-callouts,app-video-layout .floating-tags,app-video-layout .action-stack,app-video-layout .audit-side,app-video-layout .end-stack{display:flex;flex-wrap:wrap;gap:10px}app-video-layout .scene-pill,app-video-layout .stage-chip,app-video-layout .stage-callouts span,app-video-layout .floating-tags span,app-video-layout .action-stack span,app-video-layout .audit-side span,app-video-layout .end-stack strong{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:#edf4ff;border:1px solid #d4e2fb;color:#23447b;font-weight:700}app-video-layout .scene-pill-soft,app-video-layout .stage-chip-ghost{background:#fff7f2;border-color:#ffd7c8}app-video-layout .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-size:.95rem;font-weight:800;text-decoration:none;cursor:pointer}app-video-layout .btn-primary{background:linear-gradient(135deg,#245bff,#4d86ff);color:#fff;box-shadow:0 12px 24px #245bff3d}app-video-layout .btn-secondary{background:#ffffffeb;border-color:#cfddfa;color:#23447b}app-video-layout .btn-chip{min-height:38px;padding-inline:14px;background:#ffffffeb;border-color:#cfddfa;color:#23447b}app-video-layout .export-actions{display:grid;gap:12px}app-video-layout .element-export-list{display:flex;flex-wrap:wrap;gap:10px}app-video-layout .scene-stage-wrap{overflow:auto}app-video-layout .scene-stage-scale{position:relative;margin:0 auto}app-video-layout .scene-stage{position:absolute;top:0;left:0;transform-origin:top left;overflow:hidden;border-radius:34px;border:1px solid #d2e1ff;box-shadow:0 28px 64px #142f5e29}app-video-layout .scene-background{position:absolute;inset:0}app-video-layout .accent-brand{background:radial-gradient(circle at 18% 16%,#fffffff2,#fff0 20%),radial-gradient(circle at 80% 20%,#245bff33,#245bff00 25%),radial-gradient(circle at 82% 82%,#ff5f2e24,#ff5f2e00 22%),linear-gradient(140deg,#eef5ff,#fef5f1 48%,#effff7)}app-video-layout .accent-problem,app-video-layout .accent-overview,app-video-layout .accent-setup,app-video-layout .accent-join,app-video-layout .accent-live,app-video-layout .accent-score,app-video-layout .accent-audit,app-video-layout .accent-help,app-video-layout .accent-end{background:radial-gradient(circle at 14% 16%,#ffffffe0,#fff0 20%),radial-gradient(circle at 88% 10%,#245bff24,#245bff00 24%),linear-gradient(145deg,#eef5ff,#fbfdff 46%,#eef9f6)}app-video-layout .accent-problem{background:radial-gradient(circle at 15% 16%,#ff5f2e24,#ff5f2e00 18%),radial-gradient(circle at 84% 12%,#245bff1f,#245bff00 24%),linear-gradient(145deg,#fff9f4,#fff 46%,#eef5ff)}app-video-layout .accent-end{background:radial-gradient(circle at 50% 28%,#fffffff5,#fff0 22%),radial-gradient(circle at 84% 18%,#245bff2e,#245bff00 24%),linear-gradient(135deg,#eff6ff,#fff4ee 48%,#eefcf5)}app-video-layout .stage-shell{position:relative;z-index:1;height:100%;padding:64px 72px;display:grid;gap:28px}app-video-layout .stage-topline,app-video-layout .setup-progress,app-video-layout .signal-header{display:flex;gap:12px}app-video-layout .stage-grid{display:grid;grid-template-columns:460px minmax(0,1fr);gap:28px}app-video-layout .stage-copy,app-video-layout .stage-visual{border-radius:30px;border:1px solid rgba(206,222,251,.95);background:#ffffffb8;box-shadow:0 18px 38px #142f5e14;backdrop-filter:blur(10px);overflow:hidden;background-clip:padding-box}app-video-layout .export-render-target .stage-copy,app-video-layout .export-render-target .stage-visual,app-video-layout .export-render-target .stage-list li,app-video-layout .export-render-target .problem-card,app-video-layout .export-render-target .share-card,app-video-layout .export-render-target .help-cards article,app-video-layout .export-render-target .score-card,app-video-layout .export-render-target .setup-progress span{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;background-image:none!important;border-color:#d7e5ff!important;overflow:hidden!important;background-clip:padding-box!important}app-video-layout .stage-copy{padding:34px;display:grid;align-content:start;gap:18px}app-video-layout .stage-copy h3{color:#173f9c;font-size:2.5rem;line-height:1.02;letter-spacing:-.05em}app-video-layout .stage-visual{position:relative;padding:24px;min-height:0}app-video-layout .stage-list,app-video-layout .shot-grid,app-video-layout .help-cards{display:grid;gap:12px;margin:0;padding:0}app-video-layout .stage-list{list-style:none;gap:10px}app-video-layout .stage-list li,app-video-layout .problem-card,app-video-layout .share-card,app-video-layout .help-cards article,app-video-layout .score-card{border-radius:20px;border:1px solid #d7e5ff;background:#ffffffe0;box-shadow:0 10px 24px #142f5e14}app-video-layout .stage-list li{display:flex;align-items:center;gap:12px;padding:14px 16px}app-video-layout .stage-list span,app-video-layout .problem-card span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,#245bff,#4d86ff);color:#fff;font-weight:800}app-video-layout .visual-brand,app-video-layout .visual-end{height:100%;display:grid;place-items:center;text-align:center;gap:20px}app-video-layout .brand-logo{width:320px;max-width:50%}app-video-layout .visual-brand h4{color:#173f9c;font-size:4rem;line-height:.95;letter-spacing:-.07em}app-video-layout .visual-brand p{max-width:26ch;color:#466284;font-size:1.7rem}app-video-layout .visual-problem{height:100%;display:grid;align-content:start}app-video-layout .visual-problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}app-video-layout .problem-card{display:grid;gap:16px;padding:26px}app-video-layout .problem-card strong{color:#2148aa;font-size:2rem;line-height:1.1}app-video-layout .problem-signal{grid-column:1/-1;padding:22px 24px;border-radius:24px;background:#ff5f2e14;border:1px solid rgba(255,95,46,.18)}app-video-layout .signal-header{justify-content:space-between;color:#8f563d}app-video-layout .signal-bar{margin-top:14px;height:18px;border-radius:999px;background:#ffffffeb;overflow:hidden}app-video-layout .signal-bar i{display:block;width:26%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8f65,#ff5f2e)}app-video-layout .visual-overview,app-video-layout .visual-live,app-video-layout .visual-audit,app-video-layout .visual-help{height:100%;position:relative}app-video-layout .shot-large,app-video-layout .shot-tile{width:100%;border-radius:22px;border:1px solid #d6e3fb;box-shadow:0 18px 32px #183f7d1f;object-fit:cover}app-video-layout .shot-large,app-video-layout .audit-main,app-video-layout .shot-grid-score{height:100%}app-video-layout .floating-tags,app-video-layout .action-stack,app-video-layout .help-cards,app-video-layout .audit-side{position:absolute}app-video-layout .floating-tags{left:34px;bottom:34px;max-width:50%}app-video-layout .setup-progress{margin-bottom:18px}app-video-layout .setup-progress span{display:grid;gap:8px;padding:14px;border-radius:18px;background:#ffffffe0;border:1px solid #d7e5ff;color:#35507a;font-size:.9rem}app-video-layout .setup-progress b{color:#245bff}app-video-layout .shot-grid{gap:14px}app-video-layout .shot-grid-setup,app-video-layout .shot-grid-score{grid-template-columns:repeat(3,minmax(0,1fr))}app-video-layout .shot-grid-join{grid-template-columns:1.1fr 1fr 1fr}app-video-layout .shot-tile{height:100%;min-height:240px}app-video-layout .share-card{margin-top:16px;padding:18px 20px;display:grid;gap:8px}app-video-layout .share-card span{color:#ff5f2e;font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}app-video-layout .share-card strong,app-video-layout .score-card strong,app-video-layout .help-cards strong{color:#214a91}app-video-layout .action-stack{right:30px;bottom:30px;max-width:40%}app-video-layout .score-card{padding:12px;display:grid;gap:12px}app-video-layout .audit-main{padding-right:260px}app-video-layout .audit-side{right:24px;top:24px;width:220px;align-content:start}app-video-layout .help-cards{right:28px;top:28px;width:240px}app-video-layout .help-cards article{padding:16px}app-video-layout .brand-logo-end{width:250px}app-video-layout .end-stack{justify-content:center;max-width:760px}app-video-layout .end-stack strong{font-size:1.2rem}@media (max-width: 1280px){app-video-layout .scene-card,app-video-layout .video-layout-toolbar{grid-template-columns:1fr}}@media (max-width: 1100px){app-video-layout .video-layout-page{padding-top:6.5rem}}app-video-layout .scene-stage{background:#f7f8fb}app-video-layout .scene-background{opacity:.9}app-video-layout .stage-shell{gap:22px}app-video-layout .safe-area-guide{position:absolute;inset:160px;border:2px dashed rgba(42,74,145,.18);border-radius:18px;pointer-events:none}app-video-layout .stage-topline{position:relative;z-index:1}app-video-layout .stage-grid{position:relative;z-index:1;grid-template-columns:420px minmax(0,1fr);align-items:stretch}app-video-layout .stage-copy,app-video-layout .stage-visual,app-video-layout .story-panel,app-video-layout .story-progress span,app-video-layout .story-callout-cluster span{background:#fffffff0;border:1px solid #d8e1f2;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}app-video-layout .stage-copy,app-video-layout .stage-visual{border-radius:24px}app-video-layout .stage-copy{padding:28px;gap:14px}app-video-layout .stage-purpose{color:#24406f;font-size:1.05rem;line-height:1.55}app-video-layout .stage-copy h3{font-size:2rem;line-height:1.1}app-video-layout .stage-beats,app-video-layout .story-callout-cluster,app-video-layout .end-stack{display:flex;flex-wrap:wrap;gap:10px}app-video-layout .stage-beats span,app-video-layout .story-callout-cluster span,app-video-layout .end-stack strong{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:12px;color:#23447b;font-weight:700}app-video-layout .stage-build-list{margin:0;padding-left:1.1rem;color:#476285;line-height:1.6}app-video-layout .stage-note{font-size:.95rem}app-video-layout .stage-list li{border-radius:14px}app-video-layout .stage-visual{padding:22px;display:grid;align-content:start;gap:16px;overflow:hidden}app-video-layout .story-panel{position:relative;border-radius:18px;padding:16px;overflow:hidden}app-video-layout .panel-label{display:inline-flex;margin-bottom:12px;color:#6d7f9d;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}app-video-layout .story-panel-shot{padding:14px}app-video-layout .story-panel-shot-main{min-height:640px}app-video-layout .storyboard-grid,app-video-layout .storyboard-stack{display:grid;gap:16px}app-video-layout .storyboard-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}app-video-layout .storyboard-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))}app-video-layout .storyboard-grid-join{grid-template-columns:1.3fr 1fr 1fr}app-video-layout .storyboard-stack-center{height:100%;place-items:center}app-video-layout .storyboard-stack-side{position:absolute;top:22px;right:22px;width:260px}app-video-layout .story-panel-brand-lockup,app-video-layout .story-panel-end{width:min(780px,100%);text-align:center;display:grid;justify-items:center;gap:18px;padding:28px}app-video-layout .visual-brand h4{margin:0;font-size:4rem;line-height:.95}app-video-layout .visual-brand p{margin:0;max-width:24ch;font-size:1.35rem}app-video-layout .problem-card{gap:12px}app-video-layout .problem-card strong{font-size:1.7rem}app-video-layout .problem-card p{margin:0;color:#5c7293;line-height:1.5}app-video-layout .problem-signal{display:grid;gap:12px}app-video-layout .story-callout-cluster-right{position:absolute;right:26px;bottom:26px;max-width:360px;justify-content:end}app-video-layout .story-callout-cluster-bottom{position:absolute;left:26px;right:26px;bottom:26px}app-video-layout .story-callout-cluster-side{position:absolute;top:22px;right:22px;width:230px;display:grid;gap:12px}app-video-layout .story-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}app-video-layout .story-progress span{display:grid;gap:8px;padding:12px;border-radius:14px}app-video-layout .story-progress b{color:#245bff}app-video-layout .share-card{display:grid;gap:8px;align-content:start}app-video-layout .score-card{gap:12px}app-video-layout .score-card strong,app-video-layout .help-card strong{font-size:1.1rem}app-video-layout .audit-main{padding-right:0}app-video-layout .shot-large{height:calc(100% - 32px)}app-video-layout .shot-tile{min-height:180px}app-video-layout .help-card{display:grid;gap:8px}app-video-layout .end-stack{justify-content:center}