:root{color-scheme:dark;--bg:#111113;--surface:#1b1b1f;--surface-high:#333237;--surface-variant:#48464d;--primary:#c7c2ff;--primary-edge:#dedaff;--on-surface:#f9f5f8;--on-muted:#adaaad;--on-primary:#1b1068;--border:color-mix(in srgb,#48474a 38%,transparent);--glass:color-mix(in srgb,var(--surface-variant) 60%,transparent);--shadow:0 20px 40px rgba(0,0,0,0.4),0 24px 48px color-mix(in srgb,var(--primary) 12%,transparent);--mx:50%;--my:50%;--tilt-x:0deg;--tilt-y:0deg;--shift-x:0px;--shift-y:0px}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{min-height:100vh;display:grid;place-items:center;padding:24px;overflow:hidden;background:var(--bg);color:var(--on-surface);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main.stage{position:relative;width:min(1120px,100%);min-height:min(720px,calc(100vh - 48px));overflow:hidden;isolation:isolate;border:1px solid var(--border);border-radius:8px;background:radial-gradient(420px circle at var(--mx) var(--my),color-mix(in srgb,var(--primary) 18%,transparent),transparent 58%),linear-gradient(135deg,color-mix(in srgb,var(--surface-high) 82%,transparent),var(--surface));box-shadow:var(--shadow)}main.stage:before{content:"";position:absolute;inset:-80px;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,black,transparent 78%);mask-image:linear-gradient(180deg,black,transparent 78%);opacity:.8;transform:translate3d(calc(var(--shift-x) * -.35),calc(var(--shift-y) * -.35),0);animation:grid-breathe 12s ease-in-out infinite alternate;pointer-events:none}.content{position:relative;z-index:4;max-width:760px;padding:clamp(32px,7vw,88px)}.brand-lockup{display:inline-flex;align-items:center;gap:12px;margin-bottom:56px;animation:enter-soft .7s ease-out both}.mark{position:relative;flex:0 0 auto;width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 65%,var(--surface)));box-shadow:0 0 20px color-mix(in srgb,var(--primary) 18%,transparent)}.mark:after{content:"";position:absolute;inset:-8px;border:1px solid color-mix(in srgb,var(--primary) 26%,transparent);border-radius:12px;animation:pulse-ring 2.8s ease-in-out infinite}.brand-copy{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}.brand-name{color:var(--on-surface);font-size:18px}.brand-name,.eyebrow{font-weight:800;line-height:1}.eyebrow{color:var(--primary);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.lede{max-width:560px;margin:26px 0 0;color:var(--on-muted);font-size:clamp(18px,2.1vw,22px);line-height:1.55;animation:enter-soft .85s ease-out .17s both}h1.page-title{max-width:720px;margin:0;font-size:clamp(44px,7.4vw,84px);line-height:.97;letter-spacing:-.04em;animation:enter-soft .85s ease-out 90ms both}.contact{display:flex;flex-wrap:wrap;gap:12px;width:-moz-fit-content;width:fit-content;max-width:100%;margin-top:42px;padding:10px;border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:enter-soft .85s ease-out .25s both}.contact,.email{align-items:center;border-radius:8px}.email{display:inline-flex;justify-content:center;min-height:46px;padding:0 18px;background:var(--primary);color:var(--on-primary);font-weight:800;text-decoration:none;transition:background .18s ease,transform .18s ease}.email:hover{background:var(--primary-edge);transform:translateY(-1px)}.contact-note{padding:0 8px;color:var(--on-muted);font-size:14px;line-height:1.4}.signal-stage{position:absolute;inset:0;z-index:2;pointer-events:none;perspective:900px}.signal-cursor{left:var(--mx);top:var(--my);width:180px;height:180px;margin:-90px 0 0 -90px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 22%,transparent),transparent 64%);filter:blur(2px);opacity:.9;transform:translateZ(0);transition:left 90ms linear,top 90ms linear}.signal-cursor,.signal-cursor:after{position:absolute;border-radius:999px}.signal-cursor:after{content:"";inset:74px;background:var(--primary);box-shadow:0 0 26px color-mix(in srgb,var(--primary) 58%,transparent);opacity:.82}.orbit{right:clamp(18px,5vw,84px);bottom:clamp(44px,8vw,100px);width:min(460px,42vw);aspect-ratio:1;transform:translate3d(calc(var(--shift-x) * .55),calc(var(--shift-y) * .55),0) rotateX(var(--tilt-y)) rotateY(var(--tilt-x));transform-style:preserve-3d;transition:transform .12s ease-out}.orbit,.ring{position:absolute}.ring{inset:0;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);border-radius:999px;animation:rotate-ring 18s linear infinite}.ring:nth-child(2){inset:14%;opacity:.7;animation-duration:13s;animation-direction:reverse}.ring:nth-child(3){inset:28%;opacity:.5;animation-duration:9s}.node{position:absolute;display:flex;align-items:center;justify-content:center;width:86px;height:38px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface-high) 78%,transparent);color:var(--on-muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 26px rgba(0,0,0,.2)}.node:before{content:"";width:7px;height:7px;margin-right:6px;border-radius:999px;background:var(--primary);box-shadow:0 0 14px color-mix(in srgb,var(--primary) 70%,transparent)}.node-creative{left:7%;top:22%;animation:node-pulse 3.2s ease-in-out infinite}.node-media{right:3%;top:31%;animation:node-pulse 3.2s ease-in-out .5s infinite}.node-audience{left:23%;bottom:6%;animation:node-pulse 3.2s ease-in-out .9s infinite}.node-signal{right:17%;bottom:18%;animation:node-pulse 3.2s ease-in-out 1.3s infinite}.panel{position:absolute;right:-86px;bottom:-110px;width:min(520px,44vw);aspect-ratio:1;z-index:1;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,transparent),color-mix(in srgb,var(--surface-high) 88%,transparent));transform:translate3d(calc(var(--shift-x) * .28),calc(var(--shift-y) * .28),0) rotate(-8deg);transition:transform .12s ease-out}.panel:before{inset:42px;border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--primary) 24%,transparent) 0 10px,transparent 10px 28px);opacity:.42;animation:scan-lines 4.8s ease-in-out infinite alternate}.panel:after,.panel:before{content:"";position:absolute;border-radius:8px}.panel:after{left:54px;right:54px;bottom:62px;height:72px;background:linear-gradient(90deg,transparent 0 8%,color-mix(in srgb,var(--primary) 70%,transparent) 8% 15%,transparent 15% 24%,color-mix(in srgb,var(--primary) 48%,transparent) 24% 36%,transparent 36% 48%,color-mix(in srgb,var(--primary) 62%,transparent) 48% 58%,transparent 58% 72%,color-mix(in srgb,var(--primary) 42%,transparent) 72% 82%,transparent 82% 100%);opacity:.66;animation:signal-bars 3.4s ease-in-out infinite alternate}.signal-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.signal-line{fill:none;stroke:color-mix(in srgb,var(--primary) 52%,transparent);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:8 16;animation:line-flow 2.6s linear infinite;opacity:.62}.signal-line:nth-child(2){animation-duration:3.1s;opacity:.42}.signal-line:nth-child(3){animation-duration:2.2s;opacity:.5}@keyframes enter-soft{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes grid-breathe{0%{opacity:.52}to{opacity:.84}}@keyframes pulse-ring{0%,to{opacity:.22;transform:scale(.96)}50%{opacity:.58;transform:scale(1.08)}}@keyframes rotate-ring{to{transform:rotate(1turn)}}@keyframes node-pulse{0%,to{border-color:var(--border);color:var(--on-muted)}50%{border-color:color-mix(in srgb,var(--primary) 52%,transparent);color:var(--on-surface)}}@keyframes scan-lines{0%{background-position:0 0;opacity:.28}to{background-position:36px 0;opacity:.5}}@keyframes signal-bars{0%{transform:scaleY(.82);opacity:.42}to{transform:scaleY(1);opacity:.72}}@keyframes line-flow{to{stroke-dashoffset:-48}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.signal-cursor{display:none}}@media (max-width:720px){body{padding:16px;overflow:auto}main.stage{min-height:calc(100vh - 32px)}.brand-lockup{margin-bottom:40px}.contact,.email{width:100%}.orbit{width:420px;right:-230px;bottom:-120px;opacity:.46}.panel{width:420px;right:-280px;bottom:-220px;opacity:.34}}