:root{--black:#05070b;--ink:#101319;--paper:#fff;--mist:#f3f6f8;--blue:#0070cc;--cyan:#1eaedb;--yellow:#f3d94e;--muted:#68717d;--font:Arial,Helvetica,sans-serif;--max:1480px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--paper);background:var(--black);margin:0;line-height:1.5}button,a{font:inherit}button{cursor:pointer}.nav{z-index:10;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(20px,4vw,64px);display:flex;position:absolute;inset:0 0 auto}.wordmark{color:#fff;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.wordmark svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:34px}.nav-actions{align-items:center;gap:24px;display:flex}.nav-actions>a{color:#fff;font-size:14px;text-decoration:none}.langs{gap:5px;display:flex}.langs a{color:#cbd3dc;text-transform:uppercase;padding:5px;font-size:12px;text-decoration:none}.langs a.active{color:#fff;border-bottom:2px solid var(--cyan)}.button{border:0;border-radius:999px;padding:13px 24px;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s}.button:hover,.button:focus-visible{background:var(--cyan);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue);outline:0;transform:scale(1.06)}.button-small{color:var(--ink);background:#fff;padding:8px 18px}.button-primary{background:var(--blue);color:#fff}.button-light{color:var(--blue);background:#fff}.hero{background:radial-gradient(circle at 68% 45%,#122b45 0,#0000 30%);grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);align-items:center;gap:5vw;max-width:1800px;height:100vh;min-height:780px;margin:auto;padding:110px clamp(24px,6vw,100px) 60px;display:grid}.hero-copy{max-width:790px}.eyebrow{color:#67c8f2;letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:700}.eyebrow.dark{color:#0068bd}.hero h1{letter-spacing:-.045em;margin:20px 0 30px;font-size:clamp(48px,6vw,94px);font-weight:300;line-height:.98}.hero-lede{color:#c5ced8;max-width:63ch;font-size:clamp(17px,1.45vw,22px)}.hero-actions{align-items:center;gap:28px;margin-top:38px;display:flex}.text-link{color:#fff;text-underline-offset:5px}.hero-stage{background-color:#080d13;background-image:radial-gradient(#14324a 1px,#0000 1px);background-size:42px 42px;border:1px solid #23384b;border-radius:28px;height:min(68vh,650px);min-height:430px;position:relative;overflow:hidden}.hero-stage p{color:#9aacbb;font-size:13px;position:absolute;bottom:20px;left:26px}.trajectory{border:1px dashed #4fb9e938;border-radius:50%;position:absolute}.trajectory-a{inset:16% 8% 23% 12%;transform:rotate(-12deg)}.trajectory-b{width:42%;height:25%;top:35%;right:17%;transform:rotate(32deg)}.demo-prey{width:48px;height:22px;animation:7s cubic-bezier(.3,.1,.7,.9) infinite prey-run;position:absolute;top:39%;left:42%}.demo-prey span{background:var(--yellow);border-radius:50%;position:absolute;inset:4px 5px}.demo-prey i,.demo-prey b{transform-origin:100%;background:#88cce9;width:18px;height:2px;position:absolute;left:0}.demo-prey i{top:2px;transform:rotate(35deg)}.demo-prey b{bottom:2px;transform:rotate(-35deg)}@keyframes prey-run{0%,7%{transform:translate(-150px,170px)rotate(-35deg)}25%{transform:translate(90px,30px)rotate(-4deg)}29%,37%{transform:translate(90px,30px)rotate(-4deg)}61%{transform:translate(-100px,-110px)rotate(150deg)}78%{transform:translate(135px,-155px)rotate(25deg)}to{transform:translate(-150px,170px)rotate(145deg)}}.principle{background:var(--paper);color:var(--ink);padding:120px clamp(24px,7vw,120px)}.section-heading{max-width:var(--max);grid-template-columns:.75fr 1.2fr;gap:20px 8vw;margin:auto;display:grid}.section-heading .eyebrow{grid-column:1}.section-heading h2{grid-column:1;margin:0;font-size:clamp(42px,5vw,72px);font-weight:300;line-height:1}.section-heading>p:last-child{color:var(--muted);grid-area:2/2;max-width:62ch;font-size:20px}.evidence-list{max-width:var(--max);border-top:1px solid #dce1e5;margin:100px auto 0}.evidence-list article{border-bottom:1px solid #dce1e5;grid-template-columns:80px .8fr 1.3fr;align-items:start;gap:30px;padding:38px 0;display:grid}.evidence-list span{color:var(--blue);font-family:monospace}.evidence-list h3{margin:0;font-size:25px;font-weight:400}.evidence-list p{color:var(--muted);max-width:65ch;margin:0}.modes{max-width:1700px;margin:auto;padding:120px clamp(24px,7vw,120px)}.modes-copy{grid-template-columns:.6fr 1.4fr;gap:30px;margin-bottom:80px;display:grid}.modes-copy h2{margin:0;font-size:clamp(40px,5vw,76px);font-weight:300;line-height:1.04}.mode-rail{border-top:1px solid #34404d;grid-template-columns:repeat(3,1fr);display:grid}.mode-rail article{border-right:1px solid #34404d;padding:42px 34px 20px}.mode-rail article:last-child{border:0}.mode-rail svg{fill:none;stroke:#64c5ef;stroke-width:1.5px;width:46px;height:46px}.mode-rail h3{margin:32px 0 12px;font-size:25px;font-weight:400}.mode-rail p{color:#aeb9c5}.privacy{background:var(--mist);color:var(--ink);grid-template-columns:1fr 1fr;align-items:end;gap:8vw;padding:100px clamp(24px,8vw,140px);display:grid}.privacy h2{margin:14px 0 0;font-size:clamp(38px,4vw,68px);font-weight:300;line-height:1.05}.privacy>p{color:var(--muted);max-width:60ch;font-size:20px}.final-cta{background:var(--blue);justify-content:space-between;align-items:center;gap:30px;min-height:360px;padding:60px clamp(24px,8vw,140px);display:flex}.final-cta h2{margin:0;font-size:clamp(46px,6vw,90px);font-weight:300}.game{z-index:50;background:var(--black);touch-action:none;position:fixed;inset:0;overflow:hidden}.game canvas{position:absolute;inset:0}.game-hud{z-index:3;padding:max(18px,env(safe-area-inset-top)) 22px 18px;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.game-hud>*{pointer-events:auto}.hud-actions{gap:8px;display:flex}.icon-button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03080dad;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.icon-button:hover{border-color:var(--cyan)}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:22px;height:22px}.icon-button.dark{color:var(--ink);background:#fff;border-color:#d5dce2}.session-meter{text-transform:uppercase;letter-spacing:.1em;color:#9aa8b6;text-align:center;font-size:11px}.session-meter strong{color:#fff;letter-spacing:.06em;font-size:17px;display:block}.sound-on{display:none}.sound-active .sound-on{display:block}.sound-active .sound-off{display:none}.control-panel{z-index:5;width:min(420px,100%);height:100%;color:var(--ink);background:#f8fafb;padding:28px;transition:transform .24s cubic-bezier(.2,0,0,1);position:absolute;top:0;right:0;overflow:auto;transform:translate(100%)}.control-panel.open{transform:none}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head h2{font-size:31px;font-weight:300}.control-panel fieldset{border:0;margin:28px 0;padding:0}.control-panel legend,.range-label>span{margin-bottom:10px;font-size:13px;font-weight:700;display:block}.segmented{border:1px solid #c9d2da;grid-template-columns:repeat(3,1fr);display:grid}.segmented button{background:#fff;border:0;border-right:1px solid #c9d2da;padding:12px 7px}.segmented button:last-child{border:0}.segmented button.active{background:var(--blue);color:#fff}.mode-stack{gap:8px;display:grid}.mode-stack button{text-align:left;background:#fff;border:1px solid #d4dbe1;padding:14px 16px}.mode-stack button.active{border-color:var(--blue);box-shadow:inset 3px 0 var(--blue)}.mode-stack strong,.mode-stack small{display:block}.mode-stack small,.switch-row small{color:var(--muted);margin-top:2px}.range-label{margin:24px 0;display:block}.range-label input{width:100%;accent-color:var(--blue)}.switch-row{border-top:1px solid #d8dfe5;justify-content:space-between;align-items:center;padding:22px 0;display:flex}.switch-row span>*{display:block}.switch-row input{width:42px;height:22px;accent-color:var(--blue)}.safety-note{border-left:3px solid var(--blue);color:#46515c;background:#eaf3f9;padding:14px;font-size:13px}.camera-notice{z-index:7;width:min(560px,100% - 32px);color:var(--ink);background:#fff;padding:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 80px #000}.camera-notice strong{font-size:28px;font-weight:300}.camera-notice p{color:var(--muted)}.camera-notice>div{align-items:center;gap:20px;margin-top:25px;display:flex}.text-button{color:var(--blue);background:0 0;border:0;text-decoration:underline}.catch-flash{z-index:2;opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6)}.catch-flash span{color:var(--yellow);font-size:clamp(42px,7vw,100px);font-weight:300}.catch-flash.show{animation:.7s ease-out caught}@keyframes caught{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}35%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}body.playing{overflow:hidden}.site-footer{color:#aeb9c5!important;background:#05070b!important;margin:0!important;padding:28px!important}.site-footer a{color:#fff!important}.site-footer img{height:32px!important}@media (width<=900px){.nav-actions>a:first-child{display:none}.hero{grid-template-columns:1fr;height:auto;min-height:100vh;padding-top:130px}.hero-stage{height:440px}.section-heading,.modes-copy,.privacy{grid-template-columns:1fr}.section-heading>*{grid-area:auto/1!important}.evidence-list article{grid-template-columns:45px 1fr}.evidence-list p{grid-column:2}.mode-rail{grid-template-columns:1fr}.mode-rail article{border-bottom:1px solid #34404d;border-right:0}.privacy{align-items:start}.final-cta{flex-direction:column;align-items:flex-start}}@media (width<=560px){.nav{padding:0 16px}.nav-actions{gap:10px}.button-small{padding:7px 13px}.hero{padding-inline:20px}.hero h1{font-size:44px}.hero-stage{border-radius:12px;height:48vh;min-height:340px}.hero-actions{flex-direction:column;align-items:flex-start}.principle,.modes{padding-block:75px}.evidence-list{margin-top:60px}.camera-notice{padding:24px}.camera-notice>div{flex-direction:column;align-items:flex-start}.session-meter{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-prey{animation-duration:18s}.button,.control-panel{transition:none}}.source-note{max-width:var(--max);flex-wrap:wrap;align-items:center;gap:20px;margin:36px auto 0;font-size:13px;display:flex}.source-note p{color:var(--muted);margin:0}.source-note a{color:var(--blue);text-underline-offset:3px}.hero-config{align-self:center;min-width:0;display:grid}.hero-config .hero-stage{grid-template-rows:minmax(340px,1fr) auto;height:min(74vh,720px);min-height:570px;display:grid}.preview-playfield{min-height:0;position:relative;overflow:hidden}#preview-canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.preview-playfield>p{z-index:2}.hero-stage .trajectory{z-index:0}.preview-hideout{clip-path:polygon(34% 100%,100% 100%,100% 0,58% 18%);filter:drop-shadow(-3px -3px 2px #5bc4f5b8);pointer-events:none;z-index:2;background:linear-gradient(145deg,#378ebe33,#0000 46%),linear-gradient(145deg,#1a4259 0%,#102c3d 72%);width:36%;height:36%;display:none;position:absolute;bottom:0;right:0}.hero-stage.hideout-enabled .preview-hideout{display:block}.hero-stage.reverse-colors .preview-hideout{filter:drop-shadow(-3px -3px 2px #0f27349e);background:linear-gradient(145deg,#65727a 0%,#3e4b54 78%)}.hero-stage.pattern-off{background-image:none}.hero-stage[data-mode-preview=pointer] .trajectory{opacity:.25}.hero-stage[data-mode-preview=pointer] .demo-prey{transition:left .1s linear,top .1s linear;animation:none;top:45%;left:50%}.hero-stage[data-mode-preview=camera] .trajectory{animation:2.2s ease-out infinite camera-radar}.hero-stage[data-mode-preview=camera] .demo-prey{animation-direction:alternate}.demo-prey{animation-duration:var(--preview-duration,7s);scale:var(--preview-scale,1);transform-origin:50%}.hero-stage[data-prey-preview=mouse] .demo-prey{width:58px}.hero-stage[data-prey-preview=mouse] .demo-prey span{background:#d5edf9;border-radius:55% 45% 45% 55%;inset:3px 8px 3px 3px}.hero-stage[data-prey-preview=mouse] .demo-prey span:before{content:"";background:#d5edf9;border-radius:50%;width:15px;height:15px;position:absolute;top:0;right:-7px}.hero-stage[data-prey-preview=mouse] .demo-prey span:after{content:"";border-top:2px solid #a9d9f2;border-bottom:0;border-left:0;border-right:2px solid #a9d9f2;border-radius:50%;width:24px;height:18px;position:absolute;top:6px;left:-18px}.hero-stage[data-prey-preview=mouse] .demo-prey i{background:#f3d94e;border-radius:50%;width:9px;height:9px;top:-2px;left:auto;right:1px;transform:none}.hero-stage[data-prey-preview=mouse] .demo-prey b{display:none}.hero-stage[data-prey-preview=fish] .demo-prey{width:62px}.hero-stage[data-prey-preview=fish] .demo-prey span{background:#47b8ef;border-radius:50%;inset:1px 8px 1px 11px}.hero-stage[data-prey-preview=fish] .demo-prey span:before{content:"";border-top:12px solid #0000;border-bottom:12px solid #0000;border-right:20px solid #47b8ef;position:absolute;top:-2px;left:-16px}.hero-stage[data-prey-preview=fish] .demo-prey i{background:#f3d94e;border-radius:50%;width:5px;height:5px;top:5px;left:auto;right:12px;transform:none}.hero-stage[data-prey-preview=fish] .demo-prey b{display:none}.landing-controls{color:#101319;z-index:3;background:#f7f9fb;border-top:1px solid #24394b;padding:18px 20px 16px;position:relative}.landing-controls fieldset{border:0;min-width:0;margin:0;padding:0}.landing-controls legend,.landing-controls .range-label>span{letter-spacing:.04em;margin-bottom:7px;font-size:11px;font-weight:700}.control-row{grid-template-columns:1fr 1.35fr;gap:14px;display:grid}.control-row.sliders{grid-template-columns:1fr 1fr auto;align-items:end;margin-top:14px}.landing-controls .segmented{min-width:0}.landing-controls .segmented button{text-overflow:ellipsis;white-space:nowrap;padding:9px 5px;font-size:12px;overflow:hidden}.landing-controls .range-label{margin:0}.landing-controls input[type=range]{accent-color:#0070cc;width:100%;display:block}.preview-switch{white-space:nowrap;align-items:center;gap:6px;padding-bottom:2px;font-size:12px;display:flex}.preview-switch input{accent-color:#0070cc}.visual-toggles{gap:5px;display:grid}.prey-options button{justify-content:center;align-items:center;gap:5px;display:flex}.prey-options button>span[aria-hidden]{font-size:20px;line-height:1}.preview-explainer{color:#5e6975;border-top:1px solid #d5dce2;margin:14px 0 0;padding-top:11px;font-size:12px}.landing-controls .preview-explainer{position:static;bottom:auto;left:auto}.game canvas{cursor:url(../cursor-soft.svg) 8 8,crosshair}.hero-stage.reverse-colors{background-color:#e4e1d9;background-image:radial-gradient(#1f2c3533 1px,#0000 1px)}.hero-stage.reverse-colors .trajectory{border-color:#1b43584d}.hero-stage.reverse-colors .preview-playfield>p{color:#45515a}.game.reverse-colors .icon-button{color:#17232b;background:#ffffffb8;border-color:#121f2852}.game.reverse-colors .session-meter{color:#53616b}.game.reverse-colors .session-meter strong{color:#17232b}.game .session-meter{letter-spacing:.08em;opacity:.72;font-size:8px}.game .session-meter strong{letter-spacing:.04em;font-size:12px;font-weight:600}@keyframes camera-radar{0%{opacity:.1;scale:.82}60%{opacity:.45}to{opacity:.05;scale:1.06}}@media (width<=1100px){.hero{grid-template-columns:minmax(0,.8fr) minmax(440px,1.2fr);gap:3vw}.hero h1{font-size:clamp(44px,5.3vw,72px)}}@media (width<=900px){.hero{grid-template-columns:1fr}.hero-config{width:100%}}@media (width<=560px){.control-row,.control-row.sliders{grid-template-columns:1fr}.preview-switch{padding:4px 0}}
