:root{--bg: #080F1A;--ink: #EFEFEF;--ink-dim: rgba(239,239,239,.56);--ink-faint: rgba(239,239,239,.3);--line: rgba(255,255,255,.1);--glass: rgba(255,255,255,.045);--violet: #6E5BFF;--violet-deep: #3C1AE5;--display: "Cabinet Grotesk", system-ui, sans-serif;--body: "General Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 90% 60% at 50% -8%,rgba(60,26,229,.3) 0%,transparent 62%),radial-gradient(ellipse 60% 80% at 108% 50%,rgba(15,80,200,.12) 0%,transparent 55%),var(--bg);color:var(--ink);font-family:var(--body);cursor:url(/cursor-arrow.svg) 4 3,auto;overflow-x:hidden}a,button{cursor:pointer}.cursor{display:none!important}@media (hover: none),(pointer: coarse){body{cursor:auto}}.field{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(320px circle at var(--mx, 50%) var(--my, 30%),#000 0%,rgba(0,0,0,.25) 45%,transparent 78%);mask-image:radial-gradient(320px circle at var(--mx, 50%) var(--my, 30%),#000 0%,rgba(0,0,0,.25) 45%,transparent 78%)}.topbar,main,.footnote{position:relative;z-index:2}.topbar{display:flex;align-items:center;justify-content:space-between;padding:28px clamp(20px,6vw,64px)}.wordmark{font-family:var(--display);font-weight:800;font-size:1.25rem;letter-spacing:-.03em}.tag{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-weight:500}.tag-num{color:var(--violet);margin-left:6px}main{max-width:1080px;margin:0 auto;padding:0 clamp(20px,6vw,64px)}.intro{padding:clamp(40px,9vh,96px) 0 clamp(28px,5vh,56px);max-width:640px}.eyebrow{margin:0 0 18px;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--violet);font-weight:600}h1{font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,7vw,4.4rem);line-height:.98;letter-spacing:-.035em;margin:0 0 22px}.sub{font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.55;color:var(--ink-dim);max-width:52ch;margin:0}.stage{position:relative;height:clamp(360px,52vh,520px);border:1px solid var(--line);border-radius:24px;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%),rgba(110,91,255,.1),transparent 70%),#ffffff03;overflow:hidden;margin-bottom:clamp(48px,8vh,88px);transition:border-color .4s}.stage:hover{border-color:#ffffff2e}.stage-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;font-size:.92rem;color:var(--ink-faint);letter-spacing:.01em;transition:opacity .5s;pointer-events:none}.stage.touched .stage-hint{opacity:0}.hint-dot{width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 #6e5bff80;animation:ping 2.4s ease-out infinite}@keyframes ping{0%{box-shadow:0 0 #6e5bff80}70%,to{box-shadow:0 0 0 16px #6e5bff00}}.result{position:absolute;width:min(310px,76vw);padding:16px 18px 17px;border-radius:16px;background:var(--glass);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 1px 1px #ffffff24,0 16px 40px #0006,0 0 40px #3c1ae524;pointer-events:none;transform-origin:top left;animation:bloom .5s cubic-bezier(.16,1,.3,1) forwards}.result:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(150deg,rgba(255,255,255,.4),rgba(255,255,255,.04) 45%,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.result.out{animation:fadeOut .5s ease forwards}@keyframes bloom{0%{opacity:0;transform:translateY(10px) scale(.94);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes fadeOut{to{opacity:0;transform:translateY(-6px) scale(.97);filter:blur(6px)}}.result-head{display:flex;align-items:center;gap:9px;margin-bottom:9px}.result-glyph{color:var(--violet);font-size:.9rem;line-height:1}.result-who{font-family:var(--display);font-weight:700;font-size:.98rem}.result-line{font-size:.86rem;line-height:1.45;color:var(--ink-dim);margin:0 0 12px}.result-cta{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600;color:var(--ink)}.result-cta:before{content:"";width:5px;height:5px;border-radius:50%;background:#34d39988}.result-by{position:absolute;top:14px;right:16px;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.forms{padding-bottom:clamp(48px,9vh,96px)}.forms-label{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;margin:0 0 22px}.forms-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 720px){.forms-row{grid-template-columns:repeat(2,1fr)}}.form-cell{margin:0;padding:22px 20px 20px;border:1px solid var(--line);border-radius:16px;background:#ffffff04;transition:border-color .3s,background .3s,transform .3s}.form-cell:hover{border-color:#6e5bff66;background:#6e5bff0d;transform:translateY(-3px)}.form-art{height:52px;display:flex;align-items:center;gap:6px;margin-bottom:16px}.glyph-arrow{fill:var(--ink)}.seed{width:6px;height:6px;border-radius:50%;background:var(--violet);animation:seedPulse 1.6s ease-in-out infinite}@keyframes seedPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.diamond{color:var(--violet);font-size:1.6rem;line-height:1}figcaption{display:flex;flex-direction:column;gap:5px}figcaption b{font-family:var(--display);font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}figcaption span{font-size:.82rem;line-height:1.4;color:var(--ink-dim)}.dotm{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;width:34px;height:34px}.dotm-cell{border-radius:50%;background:var(--violet);opacity:.12}.dotm[data-live] .dotm-cell{animation:dither .9s steps(1) infinite}.dotm-cell:nth-child(3n){animation-delay:.05s}.dotm-cell:nth-child(4n){animation-delay:.45s}.dotm-cell:nth-child(5n){animation-delay:.25s}.dotm-cell:nth-child(7n){animation-delay:.65s}.dotm-cell:nth-child(odd){animation-duration:1.15s}@keyframes dither{0%,to{opacity:.12}50%{opacity:.95;box-shadow:0 0 5px 1px #6e5bff80}}.footnote{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1080px;margin:0 auto;padding:24px clamp(20px,6vw,64px) 48px;font-size:.76rem;color:var(--ink-faint);letter-spacing:.01em}.sound-toggle{background:transparent;border:1px solid var(--line);border-radius:99px;padding:6px 14px;color:var(--ink-dim);font-family:var(--body);font-size:.72rem;letter-spacing:.04em;transition:border-color .2s,color .2s}.sound-toggle:hover{border-color:#ffffff4d;color:var(--ink)}.sound-toggle .sound-off,.sound-toggle[aria-pressed=false] .sound-on{display:none}.sound-toggle[aria-pressed=false] .sound-off{display:inline}.cursor{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;will-change:transform;transform:translate3d(-100px,-100px,0)}.cursor>*{position:absolute;top:0;left:0}.c-arrow{fill:var(--ink);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));transition:opacity .18s,transform .18s}.c-seed{width:7px;height:7px;border-radius:50%;background:var(--violet);transform:translate(20px,18px);opacity:0;box-shadow:0 0 8px 1px #6e5bffb3;transition:opacity .2s}.c-dotm{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;width:26px;height:26px;transform:translate(-3px,-3px) scale(.6);opacity:0;transition:opacity .18s,transform .22s cubic-bezier(.16,1,.3,1)}.c-dotm .dotm-cell{animation:dither .7s steps(1) infinite}.c-diamond{color:var(--violet);font-size:1.1rem;line-height:1;transform:translate(-2px,-8px) scale(.4);opacity:0;filter:drop-shadow(0 0 6px rgba(110,91,255,.8));transition:opacity .2s,transform .3s cubic-bezier(.16,1,.3,1)}.c-label{white-space:nowrap;transform:translate(22px,2px);opacity:0;font-size:.72rem;letter-spacing:.02em;color:var(--ink-dim);background:#080f1ab3;padding:2px 8px;border-radius:6px;backdrop-filter:blur(6px);transition:opacity .2s}.cursor[data-state=ask] .c-seed,.cursor[data-state=ask] .c-label,.cursor[data-state=think] .c-label{opacity:1}.cursor[data-state=think] .c-arrow{opacity:0}.cursor[data-state=think] .c-dotm{opacity:1;transform:translate(-3px,-3px) scale(1)}.cursor[data-state=done] .c-arrow{opacity:0}.cursor[data-state=done] .c-diamond{opacity:1;transform:translate(-2px,-8px) scale(1)}@media (prefers-reduced-motion: reduce){.dotm[data-live] .dotm-cell,.c-dotm .dotm-cell{animation:none;opacity:.6}.seed,.hint-dot{animation:none}.result{animation:none;opacity:1}.cursor{transition:none}}