:root{--bg: #f4f7f8;--surface: #ffffffcc;--surface-elevated: #ffffff;--text: #12181f;--text-dim: #4f5a67;--border: #d4dde8;--muted: #edf2f6;--accent: #0c8b76;--accent-secondary: #f47039}:root[data-theme=dark]{--bg: #050b08;--surface: #0b1511cc;--surface-elevated: #0f1c16;--text: #e7f6ee;--text-dim: #9eb9ad;--border: #1f3329;--muted: #12211a;--accent: #5aff9d;--accent-secondary: #7affca}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;min-width:320px;overflow-x:clip;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%),radial-gradient(circle at 90% 74%,color-mix(in srgb,var(--accent-secondary) 12%,transparent),transparent 30%),var(--bg);transition:background-color .22s ease,color .22s ease}img,canvas,svg{max-width:100%}h1,h2,h3,h4{font-family:Space Grotesk,Segoe UI,sans-serif}button,select{font:inherit;color:inherit}a,button,select{transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}button:hover,a:hover{transform:translateY(-1px)}.button-3d,.cta,.tabs button{position:relative;transform-style:preserve-3d;box-shadow:0 .26rem color-mix(in srgb,var(--accent) 30%,black),0 .7rem 1.4rem color-mix(in srgb,var(--accent) 13%,transparent),inset 0 1px color-mix(in srgb,white 48%,transparent)}.button-3d:after,.cta:after,.tabs button:after{content:"";position:absolute;inset:.08rem .12rem auto;height:38%;border-radius:inherit;background:linear-gradient(color-mix(in srgb,white 34%,transparent),transparent);pointer-events:none}.button-3d:hover,.cta:hover,.tabs button:hover{transform:translateY(-.18rem);box-shadow:0 .34rem color-mix(in srgb,var(--accent) 30%,black),0 1rem 1.8rem color-mix(in srgb,var(--accent) 18%,transparent),inset 0 1px color-mix(in srgb,white 55%,transparent)}.button-3d:active,.cta:active,.tabs button:active{transform:translateY(.12rem);box-shadow:0 .12rem color-mix(in srgb,var(--accent) 30%,black),0 .45rem 1rem color-mix(in srgb,var(--accent) 12%,transparent),inset 0 1px color-mix(in srgb,white 36%,transparent)}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.section{scroll-margin-top:6.5rem}.magnetic-tilt{--tilt-x: 0deg;--tilt-y: 0deg;--glare-x: 50%;--glare-y: 50%;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(0);transform-style:preserve-3d;will-change:transform}.magnetic-tilt-active{transition:transform 80ms ease}.reveal-enter{opacity:0;transform:translateY(34px) rotateX(8deg) scale(.985);transform-origin:center top;filter:blur(2px)}.reveal-visible{opacity:1;transform:translateY(0) rotateX(0) scale(1);filter:blur(0);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1),filter .5s ease}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal-enter,.reveal-visible,.magnetic-tilt,.button-3d,.cta,.tabs button{opacity:1;transform:none;filter:none;transition:none}}@media (max-width: 760px){.magnetic-tilt,.magnetic-tilt-active{transform:none;will-change:auto}}
