:root{color:#101419;font-synthesis:none;text-rendering:optimizelegibility;background:#f7fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}.shell{background:radial-gradient(circle at 72% 22%,#58c1ff24,#0000 26rem),linear-gradient(135deg,#fff,#f4f8fb 58%,#eef5f9);width:100%;height:100svh;position:relative;overflow:hidden}.shell:before{content:"";pointer-events:none;background-image:linear-gradient(#22425209 1px,#0000 1px),linear-gradient(90deg,#22425209 1px,#0000 1px);background-size:4rem 4rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 65% 44%,#000,#0000 72%);mask-image:radial-gradient(circle at 65% 44%,#000,#0000 72%)}.brand{z-index:3;color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex;position:absolute;top:clamp(1.25rem,3vw,2.5rem);left:clamp(1.25rem,4vw,4.5rem)}.brand-mark{color:#fff;background:#11171c;border-radius:.9rem;place-items:center;width:2.8rem;height:2.8rem;font-weight:850;display:grid;transform:rotate(-7deg)}.brand strong{font-size:.9rem;display:block}.brand span:last-child{color:#73808a;font-size:.7rem}.copy{z-index:3;pointer-events:none;width:min(31rem,40vw);position:absolute;top:50%;left:clamp(1.25rem,6vw,7rem);transform:translateY(-50%)}.eyebrow{color:#318fd2;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;font-weight:800}h1{letter-spacing:-.065em;margin:.8rem 0 1rem;font-size:clamp(2.6rem,5vw,5.8rem);font-weight:610;line-height:.92}h1 span{color:#54b9fa;display:block}.copy p{color:#5f6d77;max-width:29rem;margin:0;font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.65}.actions{pointer-events:auto;gap:.7rem;margin-top:1.6rem;display:flex}.button{color:#182028;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#ffffffb8;border:1px solid #14222c1f;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;min-height:3rem;padding:0 1.2rem;font-size:.8rem;font-weight:760;text-decoration:none;display:inline-flex;box-shadow:0 .8rem 2.2rem #1f405214}.button.primary{color:#fff;background:#11171c;border-color:#11171c}.viewer{z-index:1;cursor:grab;touch-action:none;position:absolute;inset:0 0 0 32%}.viewer:active{cursor:grabbing}#gpu-canvas{width:100%;height:100%;display:block}.hint{z-index:3;color:#6b7881;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);pointer-events:none;background:#ffffffb8;border:1px solid #14222c1a;border-radius:999px;padding:.55rem .8rem;font-size:.68rem;font-weight:700;position:absolute;bottom:clamp(1rem,3vw,2.5rem);right:clamp(1rem,3vw,3rem)}@media (width<=760px){.copy{width:calc(100% - 2.5rem);top:auto;bottom:1.25rem;transform:none}h1{font-size:clamp(2.15rem,12vw,3.45rem)}.copy p{max-width:24rem;font-size:.8rem}.viewer{inset:0 0 31%}.actions{margin-top:1rem}.button{min-height:2.7rem;font-size:.72rem}.hint{top:1.3rem;bottom:auto;right:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}