:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f7f3ea;--muted:#f7f3ea94;--deep:#05030a;--violet:#8f7bff;--cyan:#8ff4ff;--ember:#ffd29a}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--deep);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;overflow:hidden}.orb-shell{isolation:isolate;background:radial-gradient(circle at 50% 42%,#ffffff1a,#0000 20rem),radial-gradient(circle,#8f7bff1a,#0000 34rem),linear-gradient(145deg,#040307 0%,#090716 46%,#02050d 100%);place-items:center;min-height:100svh;padding:24px;display:grid;position:relative;overflow:hidden}.orb-field,.orb-field>span{position:absolute;inset:0}.orb-field{z-index:-1;transform:translateZ(0)}.orb{filter:blur(42px);opacity:.62;mix-blend-mode:screen;border-radius:999px;width:62vmax;height:62vmax;animation:18s ease-in-out infinite alternate drift}.orb-one{background:radial-gradient(circle,#8f7bff94,#8f7bff0f 50%,#0000 72%);inset:-26vmax auto auto -20vmax}.orb-two{background:radial-gradient(circle,#8ff4ff75,#8ff4ff0e 48%,#0000 72%);animation-duration:22s;animation-delay:-7s;inset:auto -25vmax -28vmax auto}.orb-three{background:radial-gradient(circle,#ffd29a38,#ffd29a09 50%,#0000 74%);width:44vmax;height:44vmax;animation-duration:24s;animation-delay:-11s;inset:30% auto auto 48%}.grid{opacity:.18;transform-origin:bottom;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:88px 88px;transform:perspective(700px)rotateX(62deg)translateY(11%);-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 68%);mask-image:radial-gradient(circle,#000 0%,#0000 68%)}.grain{opacity:.11;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.hero{text-align:center;place-items:center;gap:18px;display:grid;transform:translateY(-.5vh)}h1{letter-spacing:-.065em;text-wrap:balance;text-shadow:0 0 18px #ffffff29,0 22px 72px #8f7bff3d;margin:0;font-size:clamp(2.9rem,9vw,7.6rem);font-weight:720;line-height:.9}.product-link{max-width:min(92vw,420px);color:var(--ink);letter-spacing:-.01em;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f3ea0e;border:1px solid #f7f3ea24;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:.86rem;font-weight:650;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:inline-flex;box-shadow:0 20px 70px #0003,inset 0 1px #ffffff14}.product-link span{color:var(--muted);font-weight:520}.product-link:hover{background:#f7f3ea14;border-color:#f7f3ea47;transform:translateY(-1px)}@keyframes drift{0%{transform:translate(-2%,-1%)scale(.98)rotate(0)}to{transform:translate(4%,5%)scale(1.08)rotate(18deg)}}@media (max-width:640px){.orb-shell{padding:18px}.grid{opacity:.2;background-size:48px 48px}.orb{filter:blur(34px)}h1{letter-spacing:-.06em;font-size:clamp(2.85rem,15vw,4.7rem)}.hero{gap:14px}.product-link{gap:8px;padding:9px 12px;font-size:.78rem}}@media (prefers-reduced-motion:reduce){.orb{animation:none}}
