.opening-positioning{margin-top:38px}.opening-positioning .hero-definition{font-size:18px;margin-bottom:4px}.opening-positioning .hero-explainer{font-size:13px;letter-spacing:.06em;margin-bottom:0}
.hero-content .eyebrow{font-size:10px}.eyebrow{font-size:12px}.demo-note,.visual figcaption,.simulator-note{font-size:12px}.frame-caption,.studio-top,.studio-bottom{font-size:11px}.privacy-note p:not(.eyebrow),.privacy-note a{font-size:13px}.creator-steps b{font-size:13px}.creator-steps span{font-size:14px}
.chapter:not(.opening){border-image:linear-gradient(90deg,transparent,#3a8197 25%,#d5ae6555 50%,#3a8197 75%,transparent) 1}
.chapter:not(.opening):after{content:'';position:absolute;top:-1px;left:7vw;width:72px;height:2px;background:#86d8e6;box-shadow:0 0 14px #57cfe855;pointer-events:none}
.chapter.studio{grid-template-columns:1fr;gap:46px;max-width:1560px}.studio>.section-copy{grid-row:1;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 55px;align-items:start}.studio>.section-copy>.eyebrow{grid-column:1/-1}.studio>.section-copy>h2{grid-column:1;grid-row:2/4;font-size:clamp(38px,4vw,62px)}.studio>.section-copy>p:not(.eyebrow):not(.demo-note){grid-column:2;max-width:none}.studio>.section-copy>.creator-steps{grid-column:2;margin-top:4px}.studio>.section-copy>.button{grid-column:1;grid-row:4;justify-self:start;margin:0}.studio>.section-copy>.demo-note{grid-column:1;grid-row:5}.studio>.studio-visual{width:100%;max-width:none;transform:none!important}
.connected-workspace{display:grid;grid-template-columns:1fr 1.15fr;min-height:430px}.sample-toolbar{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;font:11px/1.4 ui-monospace,monospace;letter-spacing:.09em;color:#d8e8ed;border-bottom:1px solid #315767;background:#0a1b25}.sample-toolbar span{font-size:10px;color:#86a9b8}.sample-script{border-right:1px solid #315767;background:#12232c;padding-bottom:22px}.script-paper{position:relative;margin:22px auto 0;padding:30px 26px 22px;width:86%;max-width:440px;background:#e6e6df;color:#24333a;font:13px/1.55 'Courier New',monospace;box-shadow:0 10px 30px #0005}.script-paper p{margin:12px 0}.paper-number{text-align:right;font-size:11px}.script-heading{font-weight:bold}.sample-character{text-align:center!important;margin-bottom:0!important}.sample-dialogue{margin:0 20% 14px!important}.sample-window{background:#74d7e429;border-left:2px solid #259aaf;padding:8px}.script-paper small{display:block;font:9px/1.6 ui-monospace,monospace;letter-spacing:.05em;color:#367382}.sample-point{display:flex;align-items:center;gap:8px;color:#327a8c;font:11px ui-monospace,monospace}.sample-point i{height:1px;background:#4d9ba9;flex:1}.sample-branch{border-left:2px solid #4d9ba9;padding-left:8px}.sample-map{background:radial-gradient(ellipse at 50% 45%,#15425166,transparent 70%),linear-gradient(#46748712 1px,transparent 1px),linear-gradient(90deg,#46748712 1px,transparent 1px),#07151e;background-size:auto,24px 24px,24px 24px,auto;display:flex;flex-direction:column}.sample-map svg{width:100%;height:auto;margin:auto 0}.sample-map text{font:13px 'Segoe UI',sans-serif;fill:#dfedf1}.sample-map .map-kind{font:10px ui-monospace,monospace;fill:#8fdcea}.sample-map .map-note{font-size:11px;fill:#86a6b4}.map-main-card rect{fill:#17282a;stroke:#d3ae69}.map-main-card .map-kind{fill:#e7c684}.map-branch-card rect{fill:#102932;stroke:#448d9e}.map-main-line{fill:none;stroke:#d3ae69;stroke-width:2}.map-branch-line{fill:none;stroke:#6bd3e4;stroke-width:1.5}.map-junction{fill:#102b36;stroke:#86e4f3;stroke-width:2}.map-demo-caption{font:12px 'Segoe UI',sans-serif;text-align:center;color:#a5cbd6;padding:0 15px 16px}.workspace-demo-note{font:11px/1.6 ui-monospace,monospace;color:#8eaebd;padding:12px 22px;margin:0;border-top:1px solid #294b59}.studio-visual .studio-timeline{margin-top:20px}
.reaction-demo{margin-top:28px;border:1px solid #2c596a;background:linear-gradient(140deg,#0b2532c9,#040f18e0);box-shadow:inset 0 1px #7dd6ed18}.reaction-demo-heading{padding:13px 16px;border-bottom:1px solid #294b59;display:flex;justify-content:space-between;gap:12px;font:10px/1.5 ui-monospace,monospace;letter-spacing:.06em;color:#a8d5df}.reaction-demo-heading b{font-weight:400;color:#d4b273;font-size:9px}.reaction-demo-body{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:12px 18px;gap:20px}.face-scan{position:relative;overflow:hidden}.face-scan svg{display:block;width:100%;max-height:200px}.face-outline{fill:#0c29313d;stroke:#39788b;stroke-width:1}.face-mesh{fill:none;stroke:#46a7be;stroke-width:.7;opacity:.65}.face-features{fill:none;stroke:#9cdeea;stroke-width:1.2}.face-landmarks{fill:#b6f4ff;filter:drop-shadow(0 0 3px #6bdef1)}.scan-line{position:absolute;left:15%;right:15%;top:15%;height:1px;background:linear-gradient(90deg,transparent,#96e6f4,transparent);box-shadow:0 2px 14px #68dbef66;animation:face-sweep 6s ease-in-out infinite}.reaction-meters>p{font:12px 'Segoe UI',sans-serif;color:#c7e0e7;margin:0 0 15px}.reaction-meter{margin-bottom:14px}.reaction-meter span{display:block;font:11px 'Segoe UI',sans-serif;color:#9cc5d2;margin-bottom:6px}.reaction-meter>i{display:block;height:4px;background:#213b46;overflow:hidden}.reaction-meter b{display:block;height:100%;width:var(--meter);background:linear-gradient(90deg,#337c94,#96e3ec);transform-origin:left;animation:meter-response 7s ease-in-out infinite;animation-delay:var(--delay)}.reaction-meters small{font:10px/1.5 'Segoe UI',sans-serif;color:#8ba6b3;display:block}.reaction-demo-note{font:11px/1.6 'Segoe UI',sans-serif!important;color:#8ba9b8!important;padding:0 16px 14px;margin:0!important}.paths{align-items:center}.path-visual{align-self:center}
@keyframes face-sweep{50%{top:85%;opacity:.6}}@keyframes meter-response{50%{transform:scaleX(.65)}}
@media(max-width:800px){.studio>.section-copy{display:block}.studio>.section-copy>h2{font-size:42px}.studio>.section-copy>.button{margin-top:24px}.connected-workspace{grid-template-columns:1fr 1fr;min-height:0}.sample-toolbar{font-size:9px;padding:12px 8px}.sample-toolbar span{display:none}.script-paper{width:92%;padding:16px 10px;font-size:10px}.script-paper small{font-size:8px}.sample-dialogue{margin-inline:10%!important}.sample-map text{font-size:15px}.sample-map .map-kind{font-size:12px}.map-demo-caption{font-size:10px}.opening-positioning{margin-top:28px}.opening-positioning .hero-definition{font-size:16px}.reaction-demo-body{gap:12px;padding:12px}.reaction-demo-heading{font-size:9px}.reaction-demo-heading b{font-size:8px}}
@media(prefers-reduced-motion:reduce){.scan-line,.reaction-meter b{animation:none!important}}