/* VidPro identity: black canvas, clear blue light, restrained warmth from the logo. */
:root{
  --bg:#080c15;
  --panel:#111a2b;
  --panel-2:#1a2740;
  --line:rgba(185,211,255,.19);
  --text:#f7f9ff;
  --muted:#a9bad5;
  --blue:#a9c8ff;
  --blue-2:#6ea4f5;
}
body{background:var(--bg);color:var(--text)}
.noise{opacity:.018}
.topbar{height:80px;background:rgba(7,11,19,.88);border-bottom:1px solid rgba(183,210,251,.13);box-shadow:0 8px 45px rgba(2,6,16,.16)}
.brand{width:126px;height:75px;overflow:visible;border-radius:6px;background:#fafafa;box-shadow:0 0 0 1px rgba(255,255,255,.18);flex:0 0 auto}
.brand img{display:block;width:126px;height:75px;object-fit:contain;filter:none;mix-blend-mode:normal;border-radius:6px}
.topbar-context{color:#a6b8d1;letter-spacing:.19em}
.topbar-link{border-color:rgba(181,210,255,.38);color:#f5f8ff;background:rgba(114,152,222,.06)}
.topbar-link:hover{border-color:#afcaff;background:rgba(120,164,237,.15)}
.scroll-line span{background:#7cafff;box-shadow:0 0 18px rgba(117,173,255,.7)}
.dot-nav button:before{background:#8197ba}.dot-nav button.active:before{background:#b5d3ff;box-shadow:0 0 0 5px rgba(117,173,255,.18)}.dot-nav span{color:#b5d3ff}
.screen,.screen-story,.screen-edit,.screen-flow,.screen-canvas,.screen-end,.screen-contact{background-color:#090d17;background-image:url('assets/atmosphere.svg');background-position:center center;background-size:cover}
.screen:before,.screen-hero:before,.screen-flow:before,.screen-story:before,.screen-canvas:before,.screen-edit:before,.screen-end:before{background:linear-gradient(90deg,rgba(4,7,13,.43),rgba(4,7,13,0) 65%)}
.screen-hero:after,.screen-story:after,.screen-canvas:after,.screen-edit:after,.screen-flow:after,.screen-end:after,.screen-contact:after{background:radial-gradient(circle at 82% 23%,rgba(125,184,255,.08),transparent 35%)}
.screen-flow,.screen-canvas,.screen-end{background-position:52% center}.screen-story,.screen-edit,.screen-contact{background-position:66% center}
.kicker{color:#a8caff;font-weight:600}.kicker span{background:#89baff}
h1,h2{color:#f8faff}h1 em,h2 em{color:#b7d0ff}.lede{color:#bdcbe0}
.primary{background:#a9c7fa;color:#07101f;border:1px solid #c5d7ff;box-shadow:0 10px 26px rgba(44,103,204,.16)}
.primary:hover{background:#d3e2ff}.secondary{border-color:rgba(206,223,253,.47);color:#f3f7ff;background:rgba(16,29,53,.3)}.secondary:hover{background:rgba(113,160,240,.15);border-color:#c4daff}
.line-link,.capability-trigger{color:#e9f2ff;border-color:#9dc2ff}.line-link:hover,.capability-trigger:hover{color:#b9d4ff}
.hero-switcher{border-color:rgba(163,198,255,.24)}.hero-switcher button{border-color:rgba(163,198,255,.18);color:#a3b6d4}.hero-switcher button:hover,.hero-switcher button.active{color:#f7f9ff;background:rgba(105,151,224,.11)}.hero-switcher span{color:#97beff}.hero-switcher small{color:#9eb1cf}
.hero-orbit,.hero-orbit-two{border-color:rgba(144,186,255,.2)}
.hero-product,.product-ui,.flow-node{background:linear-gradient(150deg,rgba(21,33,57,.96),rgba(10,18,32,.97));border-color:rgba(150,193,255,.28);box-shadow:0 26px 70px rgba(0,4,16,.28),inset 0 1px rgba(214,233,255,.06)}
.hero-product-canvas,.hero-visual[data-scene="canvas"] .hero-product-canvas,.hero-visual[data-scene="story"] .hero-product-story,.hero-visual[data-scene="editor"] .hero-product-editor{border-color:rgba(165,204,255,.72);box-shadow:0 28px 80px rgba(0,4,16,.38),0 0 40px rgba(79,140,235,.13)}
.hero-canvas-body{background-color:#101e34;background-image:radial-gradient(rgba(150,190,250,.22) 1px,transparent 1px)}
.hero-node,.canvas-node{background:#172944;border-color:rgba(136,185,255,.55);box-shadow:0 10px 28px rgba(1,8,23,.24)}
.hero-node small,.canvas-node small,.canvas-node b,.hero-play,.wave-bars,.hero-story-chapter span,.hero-story-chapter b{color:#aad0ff}
.hero-node span,.canvas-node span{color:#a3bbda}.hero-link{background:#89bdff}
.frame-art,.node-image{background:linear-gradient(145deg,#183e73 4%,#608ab9 45%,#efad8e 100%)}
.node-video{background:linear-gradient(145deg,#1a335f,#6279a6 52%,#e2a186)}
.frame-art,.node-image,.node-video,.preview-scene{filter:none}
.hero-tracks i,.clip-1{background:#719de3}.hero-tracks i:nth-child(2),.clip-2,.clip.caption{background:#9a99cb}.hero-tracks i:nth-child(3),.clip-3,.clip.audio{background:#669db9}
.mini-top,.hero-editor-row,.hero-story-chapter{color:#adbfda}.hero-editor-row b{color:#afd0ff}
.flow-node small,.flow-note{color:#9bb8e1}.flow-node span{color:#a5b8d1}.flow-node.node-e{border-color:#a9c8ff;box-shadow:0 0 40px rgba(103,158,245,.13)}
.connection-layer path{stroke:#91bfff;opacity:.8}.connection-layer circle{fill:#bfd9ff}
.ui-bar{color:#e8f1ff;border-color:rgba(175,209,255,.18)}.ui-bar b{background:#a9cbff;color:#0b1528}.ui-bar small{color:#9cb4d5}
.story-input{background:rgba(85,132,212,.09);border-color:rgba(145,187,247,.32)}.story-input small,.story-progress b{color:#afd1ff}.story-input button,.edit-btn{background:#b1cfff;color:#091426}.story-input button:hover,.edit-btn:hover{background:#d7e4ff}.story-progress .current{border-color:#90b9f6;background:rgba(90,146,237,.12)}.chapter-list>div{background:#1d2b45}.chapter-list small{color:#94b4df}.chapter-list em{color:#9cdbc6}.chapter-list>div:last-child em{color:#abd0ff}.story-ui footer{color:#9bafce}
.canvas-grid{background-color:#101e33;background-image:radial-gradient(rgba(160,199,252,.21) 1px,transparent 1px)}.canvas-status{background:#172944;color:#d9e9ff;border-color:rgba(159,198,249,.38)}.canvas-node:hover,.canvas-node.selected{border-color:#bbd7ff;box-shadow:0 0 0 1px #a5cbff,0 18px 42px rgba(0,7,22,.35),0 0 29px rgba(103,166,255,.18)}.node-wave{color:#a7ceff}.mini-stage i{background:linear-gradient(0deg,#8db5ed,transparent)}
.preview-scene{background:radial-gradient(circle at 68% 27%,#f3d9ab 0 5%,transparent 6%),linear-gradient(150deg,#254474,#668eb8 58%,#d1ad98)}.preview-scene:after{background:#1e3b65}.ai-panel{background:#1a2a45}.ai-panel small{color:#b6d5ff}.ai-panel p{color:#a6bddc}.clip.audio{color:#e2f5ff}.timeline-time{color:#8da9cf}
.end-mark,.end-mark:before,.end-mark:after{border-color:rgba(163,197,250,.21)}.end-mark span{color:rgba(136,177,246,.13)}
.contact-panel{background:linear-gradient(155deg,rgba(22,36,64,.96),rgba(12,20,35,.96));border-color:rgba(160,199,255,.32);box-shadow:0 35px 85px rgba(0,4,16,.35)}.contact-panel-head,.contact-row span,.contact-row small,.contact-panel-foot{color:#abc0df}.contact-row{border-color:rgba(177,208,251,.17)}.contact-panel-foot{border-color:rgba(177,208,251,.17)}.contact-panel-foot span{color:#aacfff}
.mobile-edit-demo{background:#263c63;border-color:#8ab6f7;color:#f3f8ff}.mobile-menu{background:#111d31;border-color:rgba(151,193,248,.21)}
.capability-dialog{background:#111c31 url('assets/atmosphere.svg') center/cover;border-color:rgba(174,207,255,.45);color:#f7f9ff}.capability-dialog-tabs button[aria-selected="true"]{border-color:#a9caff}.dialog-close{background:#1b2c49;border-color:#718cb6}.capability-columns>div{border-color:rgba(176,208,255,.22)}.capability-columns p{color:#b4c5de}
@media(max-width:700px){.topbar{height:70px}.brand{width:62px;height:62px}.brand img{width:62px;height:62px}.mobile-menu{top:70px}.hero-copy h1{color:#f8faff}.hero-switcher button.active{background:rgba(103,160,244,.13)}}

/* Each chapter has a quiet, subject specific image behind its content. */
.brand{width:72px;height:72px;overflow:hidden;border-radius:9px}
.brand img{width:72px;height:72px;aspect-ratio:1;object-fit:contain;filter:none;mix-blend-mode:normal}
.topbar-context{font-size:12px;letter-spacing:.12em;color:#d9e6fb}
.screen:before{z-index:-2;opacity:.55;background-position:center;background-size:cover;background-repeat:no-repeat;pointer-events:none}
.screen-hero:before{background-image:url('assets/bg-hero.svg')}
.screen-flow:before{background-image:url('assets/bg-workflow.svg')}
.screen-story:before{background-image:url('assets/bg-story.svg')}
.screen-canvas:before{background-image:url('assets/bg-canvas.svg')}
.screen-edit:before{background-image:url('assets/bg-editor.svg')}
.screen-end:before{background-image:url('assets/bg-next.svg')}
.screen-contact:before{background-image:url('assets/bg-contact.svg')}
@media(max-width:700px){.brand{width:62px;height:62px}.brand img{width:62px;height:62px}.screen:before{opacity:.35;background-position:65% center}}
.resource-links{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:9px 18px;max-width:680px;margin-top:42px}.resource-links a{font-size:12px;color:#c5d9f7;border-bottom:1px solid rgba(157,196,255,.4);padding-bottom:6px}.resource-links a:hover{color:#fff;border-color:#fff}
@media(max-width:700px){.resource-links{max-width:330px;margin-top:28px;gap:8px 13px}.resource-links a{font-size:10px;padding-bottom:4px}}