:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#edf8f6;background:#071015;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #84f2dc;outline-offset:3px}[hidden]{display:none!important}.product{min-height:100vh;background:radial-gradient(circle at 78% 26%,#16424b 0,#0b2028 33%,#071015 74%)}.bar{height:74px;border-bottom:1px solid #ffffff1c;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,70px);gap:20px}.brand{font-size:19px;font-weight:900;letter-spacing:.13em;white-space:nowrap}.brand span:last-child{color:#98dcd3;font-weight:350}.brand-star{font-size:30px;color:#7de8d5;vertical-align:middle;margin-right:8px}.bar-right{display:flex;align-items:center;gap:12px;min-width:0}.badge{font-size:11px;font-weight:850;letter-spacing:.13em;border:1px solid #e0b866;color:#f5d9a0;background:#c3973430;padding:7px 10px}.badge.live{border-color:#49c5a9;color:#97f5de;background:#1c705b50}.connection{font-size:11px;font-weight:700;letter-spacing:.1em;color:#bfd4d2;white-space:nowrap}.text-button{border:0;background:none;color:#cde9e4;text-decoration:underline}.layout{display:grid;grid-template-columns:minmax(420px,1.03fr) minmax(390px,.97fr);gap:clamp(24px,4vw,64px);padding:clamp(24px,4vw,62px) clamp(20px,4vw,70px) 24px;align-items:start}.desk{min-width:0}.top{padding-bottom:26px}.eyebrow,.section-head span,.stage-top,.stage-bottom small,.micro{font-size:11px;font-weight:800;letter-spacing:.15em;color:#9bbebd}.eyebrow{color:#7de8d5}.top h1{font-size:clamp(44px,5vw,76px);letter-spacing:-.06em;line-height:1.02;margin:18px 0 16px}.top h1 em{font-family:Georgia,serif;color:#9beddf;font-weight:400}.top p:not(.eyebrow):not(.micro){max-width:520px;color:#c2d8d5;line-height:1.55}.primary-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 12px}.primary,.secondary,.small,.danger,.scene-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 17px;border-radius:6px;border:1px solid #74dfcc;text-decoration:none;font-weight:800;color:#08201d;background:#80ecd8}.secondary,.small,.scene-button{background:#163d43;color:#e1f7f2;border-color:#478882}.danger{color:#ffe0dd;background:#532b30;border-color:#a6545a}.primary:hover,.secondary:hover,.small:hover,.danger:hover,.scene-button:hover{filter:brightness(1.15)}.primary{font-size:15px;min-height:48px}.micro{letter-spacing:0;color:#afc4c2}.control,.demo-panel,.feed{border:1px solid #6ec5b52e;background:#0d252ce8;border-radius:9px;padding:20px;margin:14px 0}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:14px}.section-head h2{font-size:19px;margin:0 0 16px}.section-head span{letter-spacing:.09em}.control-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.control-grid label{display:grid;gap:6px;color:#c1d4d1;font-size:13px}.control-grid input[type=range]{width:130px;accent-color:#7de8d5}.control-grid select{background:#163740;border:1px solid #4b807f;border-radius:4px;color:#f3fffc;padding:9px;min-width:125px}.obs{border-top:1px solid #ffffff1e;margin-top:20px;padding-top:15px}.obs h3{font-size:16px;margin:0 0 7px}.obs p,.demo-panel p{color:#b6ccc8;font-size:13px;line-height:1.5}.obs-row{display:flex;gap:7px;flex-wrap:wrap}.obs-row input{flex:1 1 180px;min-width:0;background:#071b21;border:1px solid #4a7472;border-radius:4px;color:#e2f8f2;padding:8px}.obs-row button{padding:7px 10px}.scenes{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.scene-button{font-size:12px;min-height:37px;padding:7px 10px}.messages{display:grid;gap:6px;max-height:190px;overflow:auto;color:#b4c9c6}.message{display:grid;grid-template-columns:minmax(65px,105px) 1fr 42px;gap:8px;padding:8px 9px;background:#15353b}.message strong{color:#8cebd8;overflow:hidden;text-overflow:ellipsis}.message span{overflow-wrap:anywhere}.message small{color:#f0cc92}.error{color:#ffaaa8;min-height:18px}.stage{height:min(74vh,640px);min-height:440px;border:1px solid #75dccc36;border-radius:10px;background:radial-gradient(circle at 50% 50%,#1a4e57,#0b252d 60%,#091a23);position:sticky;top:20px;overflow:hidden;box-shadow:0 30px 80px #0007}.stage canvas{position:absolute;inset:0;width:100%;height:100%}.stage-top,.stage-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;gap:10px}.stage-top{top:24px;color:#9feadf}.stage-core{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(95px,16vw,230px);color:#91f0dd;text-shadow:0 0 75px #4fe2cb9a;pointer-events:none}.stage-bottom{bottom:23px}.stage-bottom div{display:grid;gap:7px}.stage-bottom strong{font-size:21px}footer{display:flex;justify-content:space-between;gap:12px;padding:12px clamp(20px,4vw,70px) 24px;color:#91ada9;font-size:12px}footer a{color:#a3f0e0}.overlay{height:100vh;overflow:hidden}.overlay .bar,.overlay .desk,.overlay footer{display:none}.overlay .layout{display:block;padding:0;height:100%}.overlay .stage{position:relative;top:0;width:100%;height:100%;min-height:0;border:0;border-radius:0}.overlay .stage-core{font-size:23vw}@media(max-width:1000px){.layout{grid-template-columns:1fr}.stage{position:relative;top:0;height:390px;min-height:390px}.top h1{font-size:clamp(42px,8vw,65px)}}@media(max-width:560px){.bar{height:65px}.brand{font-size:13px}.brand-star{font-size:22px;margin-right:2px}.connection{font-size:9px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.layout{padding:20px 16px;gap:16px}.stage{height:285px;min-height:285px}.stage-core{font-size:110px}.stage-top,.stage-bottom{left:15px;right:15px}.stage-top{font-size:9px}.stage-bottom strong{font-size:16px}.top h1{font-size:44px}.control,.demo-panel,.feed{padding:15px}.message{grid-template-columns:70px 1fr 38px;font-size:12px}footer{padding:4px 16px 22px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}