:root{--canvas-w: 1600px;--canvas-h: 900px;--ink: #0b0b0b;--ink-2: #1a1a1a;--muted: #8b8b8b;--muted-2: #6f6f6f;--panel: #f6f6f6;--field: #ebebeb;--field-2: #e4e4e4;--line: #e6e6e6;--page: #ffffff;--r-pill: 999px;--r-panel: 20px;--r-field: 10px;--r-media: 26px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;background:#0e0f11}.demo{box-sizing:border-box;max-width:1600px;margin:0 auto;padding:clamp(16px,4vw,48px)}.frame{position:relative;width:100%;aspect-ratio:1600 / 900;overflow:hidden}.frame__canvas{position:absolute;top:0;left:0;transform-origin:top left;will-change:transform}:where(.frame),:where(.frame) *,:where(.frame) *:before,:where(.frame) *:after{box-sizing:border-box}:where(.frame){font-family:Inter,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:var(--ink)}:where(.frame) button,:where(.frame) input,:where(.frame) select,:where(.frame) textarea{font:inherit;color:inherit}.c4{position:relative;width:100%;height:100%;overflow:hidden;background:#070b14;color:#fff;font-family:Manrope,Inter,system-ui,sans-serif;isolation:isolate}.c4__glow{position:absolute;top:-230px;left:-300px;width:1080px;height:1080px;background:radial-gradient(50% 50% at 50% 50%,#2060e680,#163ea847 30%,#0c226021 52%,#0000 72%);filter:blur(20px)}.c4__blob{position:absolute;top:322px;left:1188px;width:330px;height:300px;filter:blur(26px);background:radial-gradient(38% 26% at 44% 12%,#2ee0bef2,#2ee0be00 72%),radial-gradient(34% 24% at 56% 34%,#fffffff2,#fff0 70%),radial-gradient(36% 24% at 46% 56%,#ee3a3ae6,#ee3a3a00 72%),radial-gradient(34% 26% at 58% 76%,#c42ea8d9,#c42ea800 74%),radial-gradient(30% 22% at 40% 90%,#4058dcb3,#4058dc00 76%)}.c4__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.11;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}.c4__logo{position:absolute;top:40px;left:132px;z-index:3;font-size:28px;font-weight:800;letter-spacing:-.03em;color:#fff;text-decoration:none}.c4__logo sup{margin-left:1px;font-size:.5em;font-weight:800;vertical-align:super;color:#2f7bf6}.c4__menu{position:absolute;top:44px;right:132px;z-index:3;display:inline-flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;color:#ffffffe6;font-family:inherit;font-size:15px;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:color .18s ease}.c4__menu:hover{color:#fff}.c4__menu svg{width:28px;height:16px}.c4__title{position:absolute;top:128px;left:132px;z-index:2;margin:0;font-size:96px;font-weight:800;line-height:1.14;letter-spacing:-.028em;color:#fff}.c4__dots{position:absolute;top:400px;left:138px;z-index:2;overflow:visible}.c4__details{position:absolute;top:132px;left:900px;z-index:2;display:flex;flex-direction:column;gap:68px}.c4__blockHead{display:flex;align-items:center;gap:14px}.c4__blockIcon{flex:0 0 auto;width:32px;height:32px;color:#fff}.c4__blockTitle{margin:0;font-size:30px;font-weight:800;letter-spacing:-.025em;color:#fff}.c4__blockBody{margin-top:12px;padding-left:46px}.c4__blockLine{margin:0;font-size:15.5px;line-height:1.62;letter-spacing:-.005em;color:#ffffffc7}.c4__socials{display:flex;gap:12px}.c4__social{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#0a0f1a;transition:transform .18s ease,background .18s ease}.c4__social:hover{background:#d9e2f5;transform:translateY(-2px)}.c4__social svg{width:18px;height:18px}.c4__outro{position:absolute;top:700px;left:132px;z-index:2;margin:0;font-size:60px;font-weight:800;line-height:1.14;letter-spacing:-.028em;color:#fff}.c4__ticks{position:absolute;top:712px;left:890px;z-index:2;overflow:visible}