*{box-sizing:border-box}body{margin:0;background:#f1f4f6;color:#203747;font-family:Inter,Helvetica Neue,PingFang SC,sans-serif}main{position:relative;width:100%;height:100svh;min-height:600px;overflow:hidden}#scene{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;top:34px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{font-size:19px;font-weight:600;letter-spacing:.12em;text-decoration:none;color:inherit;pointer-events:auto}.brand span{display:block;font-size:9px;letter-spacing:.18em;color:#7e919d;margin-top:8px}.live{font-size:11px;display:flex;gap:8px;align-items:center;color:#6c838f}.live i{width:5px;height:5px;background:#70aaca;border-radius:50%}.intro{position:absolute;left:8%;top:34%;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.2em;color:#6a9db9}h1{font-size:clamp(30px,3.2vw,50px);font-weight:500;letter-spacing:-.04em;line-height:1.28;margin:20px 0}.description{font-size:13px;line-height:1.9;color:#758996}.spec{display:flex;gap:25px;margin-top:34px}.spec>span{font-size:22px;font-weight:300}.spec small{display:block;font-size:10px;color:#8a9ca6;margin-top:5px}.controls{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:7px;border:1px solid #fff;border-radius:50px;background:#ffffffb3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 35px #28485d09;white-space:nowrap}button{font:inherit;font-size:12px;color:#6a7b86;border:0;border-radius:30px;background:transparent;padding:12px 18px;cursor:pointer;transition:background .2s,color .2s}button:hover{background:#e4eff4;color:#203747}button.active{background:#203747;color:#fff}button:focus-visible,a:focus-visible{outline:2px solid #68a4c5;outline-offset:3px}.divider{height:18px;width:1px;background:#d5e0e6;margin:0 5px}footer{position:absolute;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#899ba5;pointer-events:none}@media(max-width:767px){main{min-height:680px}header{top:24px}.brand{font-size:16px}.live{font-size:10px}.intro{top:108px;left:7%}h1{font-size:29px;margin:13px 0}.description{font-size:11px}.spec{display:none}.controls{bottom:64px;max-width:96%;gap:0;padding:5px}button{font-size:10px;padding:11px 10px}.divider{margin:0 2px}footer{bottom:22px;font-size:8px;letter-spacing:0}footer span:last-child{max-width:110px;text-align:right}}body.embedded{background:transparent}.embedded main{height:100dvh;min-height:0}.embedded header,.embedded .intro,.embedded .controls,.embedded footer{display:none}