.marquee-wrap{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgb(51 65 85);background:#111a2ab3;padding:14px 0}.marquee{display:flex;gap:14px;width:-moz-max-content;width:max-content;padding:0 14px;animation:marquee-slide calc(var(--count) * 4.5s) linear infinite}.marquee-wrap:hover .marquee{animation-play-state:paused}@keyframes marquee-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-card{position:relative;flex:0 0 auto;width:260px;aspect-ratio:16 / 9;overflow:hidden;border-radius:16px;border:1px solid rgb(51 65 85);background:#020617}.marquee-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:#ffffff29;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:15px;opacity:0;transition:opacity .25s}.marquee-card:hover .marquee-play{opacity:1}.marquee-meta{position:absolute;inset-inline:0;bottom:0;padding:22px 10px 8px;background:linear-gradient(to top,rgb(2 6 23 / .9),transparent)}.marquee-fade{position:absolute;top:0;bottom:0;width:90px;pointer-events:none}.marquee-fade-left{left:0;background:linear-gradient(to right,#0b1220,transparent)}.marquee-fade-right{right:0;background:linear-gradient(to left,#0b1220,transparent)}.route-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:36rem;margin-left:auto;margin-right:auto;text-align:left}@media (min-width: 1024px){.route-tabs{margin-left:0}}.route-tab{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1.5px solid rgb(148 163 184 / .25);background:#0f172a99;color:#cbd5e1;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.route-tab:hover{transform:translateY(-1px)}.route-tab b{display:block;font-size:17px;font-weight:900;color:#f8fafc}.route-tab small{display:block;margin-top:2px;font-size:12px;color:#94a3b8}.route-tab-icon{font-size:28px;line-height:1}.route-tab.route-story[aria-selected=true]{border-color:#a78bfa;background:#8b5cf629;box-shadow:0 0 0 3px #a78bfa2e}.route-tab.route-ai[aria-selected=true]{border-color:#34d399;background:#10b98124;box-shadow:0 0 0 3px #34d39929}.route-note{margin:0;font-size:14px;line-height:1.6;color:#cbd5e1}.other-ways>summary{cursor:pointer;list-style:none;text-align:center;font-size:13px;font-weight:700;color:#94a3b8}.other-ways>summary::-webkit-details-marker{display:none}.other-ways>summary:before{content:"▸ "}.other-ways[open]>summary:before{content:"▾ "}.quick-start{display:grid;gap:10px;max-width:36rem;margin-left:auto;margin-right:auto;text-align:left}@media (min-width: 1024px){.quick-start{margin-left:0}}.quick-start textarea{width:100%;resize:none;border-radius:16px;border:1px solid rgb(125 211 252 / .35);background:#0f172abf;color:#f1f5f9;padding:14px 16px;font-size:16px;line-height:1.5}.quick-start textarea:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa40}.quick-start button{justify-self:start;border:0;border-radius:999px;padding:12px 26px;font-size:17px;font-weight:800;color:#fff;background:linear-gradient(90deg,#0ea5e9,#8b5cf6,#d946ef);cursor:pointer}.quick-start button:disabled{opacity:.5;cursor:default}.quick-start small{color:#94a3b8;font-size:12px}.quick-start-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.quick-start-length{display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:#0f172abf;border:1px solid rgb(148 163 184 / .25)}.quick-start-length button{border:0;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;color:#94a3b8;background:transparent;cursor:pointer}.quick-start-length button[aria-checked=true]{color:#fff;background:#334155}.hero-video{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgb(51 65 85);background:#000;box-shadow:0 30px 80px -30px #38bdf859,0 20px 50px -20px #0009}.hero-video video{cursor:pointer}.hero-video-label{position:absolute;left:12px;top:12px;border-radius:999px;background:#020617b3;padding:4px 10px;font-size:11px;font-weight:800;color:#bae6fd;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-video-sound{position:absolute;right:12px;bottom:12px;border-radius:999px;background:#020617b8;padding:6px 12px;font-size:12px;font-weight:800;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s}.hero-video-sound:hover{background:#38bdf8d9}.live-dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:#38bdf8;box-shadow:0 0 #38bdf8b3;animation:live-pulse 2s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 #38bdf8b3}70%,to{box-shadow:0 0 0 7px #38bdf800}}.scroll-cue span{animation:cue-bob 1.8s ease-in-out infinite}@keyframes cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (prefers-reduced-motion: reduce){.marquee,.live-dot,.scroll-cue span{animation:none}}.welcome-mode{position:relative;overflow:hidden;border-radius:1rem;border:1px solid rgba(71,85,105,.8);background:linear-gradient(145deg,#1e293be0,#0f172ae6);padding:1.25rem;transition:transform .18s ease,border-color .18s ease,background .18s ease}.welcome-mode:after{content:"";position:absolute;inset:auto 0 0;height:3px;opacity:.9}.welcome-mode:hover{transform:translateY(-3px)}.welcome-pink:hover{border-color:#fb7185b3}.welcome-pink:after{background:#fb7185}.welcome-orange:hover{border-color:#fbbf24b3}.welcome-orange:after{background:#fbbf24}.welcome-green:hover{border-color:#34d399b3}.welcome-green:after{background:#34d399}.welcome-icon{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:.75rem;font-weight:900}.bg-dots-darker{background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(0,0,0,0.07)'/%3E%3C/svg%3E")}@media (prefers-color-scheme: dark){.dark\:bg-dots-lighter{background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(255,255,255,0.07)'/%3E%3C/svg%3E")}}