*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#e1eff4;background:#050e14;font:16px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #69dce9;outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;top:-60px}.skip:focus{top:5px;z-index:3;background:#102c37}header{max-width:1440px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #24404b}.brand{width:180px;display:block}.brand svg{display:block;width:100%;height:auto}nav{display:flex;align-items:center;gap:28px;font-size:14px}.badge,.eyebrow,.stage-label,.film-credit{letter-spacing:.14em;font-size:12px}.badge{border:1px solid #9c7838;padding:4px 12px;color:#f0c879}main{max-width:1440px;margin:auto;padding:0 5%}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;min-height:720px;padding:72px 0;background:radial-gradient(ellipse at 80% 45%,#0c394044,transparent 65%)}.eyebrow{color:#79d6e2;font-weight:600}h1{font-size:clamp(50px,6.7vw,96px);line-height:1.02;letter-spacing:-.055em;margin:24px 0}h1 em{font-style:normal;color:#edc47b}h2{font-size:clamp(28px,3vw,42px);line-height:1.16;letter-spacing:-.03em;margin:16px 0 24px}h3{font-size:19px;margin:0 0 6px}p{color:#aac4ce}.tagline{font-size:22px;color:#e1eff4}#film-description{max-width:510px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:32px 0 20px}.button,.demo-controls button{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;min-height:48px;border:1px solid #3d6978;background:#0d252f;color:#c5edf3;transition:background .2s,border-color .2s;cursor:pointer;font-size:14px;font-weight:600}.button:hover,.demo-controls button:hover{background:#173b48;border-color:#65d6e6}.primary{color:#ffdc99;background:linear-gradient(120deg,#33250f,#181b18);border-color:#b5873d}.primary:hover{background:#463415;border-color:#edc47b}#availability{color:#edc47b;border-left:2px solid #edc47b;padding:8px 15px}.film-credit{color:#718e9a}.experience-stage{--pointer-x:50%;--pointer-y:50%;position:relative;border:1px solid #2c5764;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),#164b5655,transparent 65%),linear-gradient(#0a202a,#06131b);padding:24px;overflow:hidden;box-shadow:0 30px 90px #0005}.experience-stage:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#4bb0c00a 1px,transparent 1px),linear-gradient(90deg,#4bb0c00a 1px,transparent 1px);background-size:30px 30px}.experience-stage>*{position:relative}.stage-label{display:flex;justify-content:space-between;gap:12px;color:#81adbc;font-size:10px}.live-dot{color:#e9c174}.experience-stage svg{width:100%;display:block;margin:20px 0}.rings circle{fill:none;stroke:#47818c;stroke-width:.8;stroke-dasharray:20 5;transform-origin:310px 200px;animation:orbit 75s linear infinite}.rings circle:nth-child(2){animation-direction:reverse;stroke:#ae8644}.main-stem{fill:none;stroke:#e2b566;stroke-width:2}.branch{fill:none;stroke:#24404c;stroke-width:2;transition:stroke .5s,filter .5s}.junction{fill:#163a45;stroke:#6ad4e2;stroke-width:2}.experience-stage text{font:12px monospace;fill:#9ebcc7}.endpoint{fill:#304c57}.experience-stage[data-path=a] .branch-a,.experience-stage[data-path=b] .branch-b{stroke:#72e5ef;filter:drop-shadow(0 0 5px #42bccc)}.experience-stage[data-path=a] .a,.experience-stage[data-path=b] .b{fill:#e9c174}.demo-controls{display:flex;justify-content:center;gap:12px}.demo-controls button[aria-pressed=true]{border-color:#edc47b;color:#edc47b}#path-description{text-align:center;color:#d8e8ec;min-height:52px}.demo-note{text-align:center;font-size:12px;color:#7b9aa7}#film-artwork{width:100%;max-height:230px;object-fit:cover;margin-bottom:24px}.how,.make{border-top:1px solid #294752;padding:64px 0;display:grid;grid-template-columns:1fr 1fr;gap:6%}.how ol{list-style:none;padding:0;margin:0}.how li{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #19333e}.how li>span{color:#edc47b;font-size:12px;margin-top:4px}.how p{margin:0}.make-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}footer{max-width:1440px;margin:auto;padding:28px 5%;border-top:1px solid #24404b;display:flex;flex-wrap:wrap;gap:18px 28px;font-size:12px;color:#91b3c2}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:760px){header{padding:18px 20px;gap:15px}.brand{width:130px}nav{gap:12px;font-size:12px}nav a:first-child{display:none}main{padding:0 22px}.feature{grid-template-columns:1fr;padding:40px 0;gap:32px;min-height:0}h1{font-size:64px}.experience-stage{padding:18px}.how,.make{grid-template-columns:1fr;gap:20px;padding:40px 0}.actions{margin:24px 0}.demo-controls button{padding:12px 16px}.make-actions{align-items:stretch}footer{padding:24px 22px}.tagline{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}