/* Agent Ethan: a quiet interface, a character with the personality. */
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#111612;--ink:#f3f1e7;--muted:#aeb8a9;--panel:#192019}
body{background:radial-gradient(ellipse at 80% 12%,#28342155,transparent 40%),var(--bg)}
button,input,textarea{font-family:inherit}a,button,input,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--acid);outline-offset:5px}
header{max-width:1440px;margin:auto;border-bottom:1px solid #35402f;padding:26px 40px}.brand{letter-spacing:-1px}.private{font-size:11px}.navlink,.desk-menu summary{font:500 14px/1.4 inherit}
main{max-width:1320px;margin:auto;padding:24px 40px}.hero{grid-template-columns:minmax(0,1.35fr) minmax(290px,.8fr);align-items:center;gap:70px;padding:40px 0 62px}
.intro h1{font-size:clamp(44px,5.4vw,70px);font-weight:800;line-height:1.04;letter-spacing:-3.4px;margin:0}.intro h1 em{transform:none;background:none;color:var(--acid);padding:0;margin:10px 0 0;font-style:normal}
.intro .lede{font-size:17px;line-height:1.65;max-width:480px;margin:24px 0 30px}.url-row{border:1px solid #65784c;border-radius:10px;padding:6px;box-shadow:0 8px 35px #0003;background:#151d13}.url-row input{min-width:0;font-size:14px}.primary{font-weight:700;border-radius:7px;font-size:12px;letter-spacing:.5px}.url-row button{white-space:nowrap}.scan-form label{font:600 11px/1.4 ui-monospace,monospace;letter-spacing:1.7px;margin-bottom:12px}.scan-form.scan-active .url-row{box-shadow:0 0 0 3px #c2ed6433,0 0 45px #a5de4822;border-color:var(--acid)}
.powered{font-size:12px;color:var(--ink);margin:26px 0 10px}.powered span{color:var(--muted);margin-left:6px}.privacy-line{font-size:12px;line-height:1.6;max-width:520px}.textlink,.fallback-links{font-size:13px}.video-option{padding-top:12px;margin-top:14px;border-top:1px solid var(--line)}.video-option p{max-width:470px;margin:8px 0;font-size:12px;line-height:1.6}
.agent-stage{padding:16px 0 0;max-width:380px;width:100%;justify-self:center;gap:0}.agent-heading{font:600 12px ui-monospace,monospace;letter-spacing:2px;display:flex;align-items:center;width:100%;gap:10px;border-bottom:1px solid #3e4d35;padding-bottom:12px}.agent-dot{width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 12px #a4d75a55}.agent-number{margin-left:auto;color:#74886a}.agent-stage .patrol-bubble{align-self:center;transform:none;box-shadow:none;border-radius:12px;background:#e8ecd9;padding:12px 18px;font:600 14px/1.4 inherit;min-height:0;margin:18px 0 0;max-width:95%}.patrol-bubble:after{right:35px}
.agent-home{position:relative;width:100%;height:355px;display:flex;align-items:center;justify-content:center;isolation:isolate}.agent-radar{position:absolute;width:300px;height:300px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 47px,#b0db6330 48px 49px);border:1px solid #75974655;z-index:-1;transform:rotateX(18deg);opacity:.6}.agent-radar:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 180deg,transparent 0 260deg,#b4e75b22 320deg,transparent 360deg)}
.agent-figure-button{display:block;background:none;border:0;padding:0;height:330px;width:260px;cursor:pointer}.agent-figure-button img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 16px 18px #0007);animation:none!important}.agent-figure-button:hover img{filter:drop-shadow(0 12px 20px #b0d44d22)}#detectorState{position:absolute;bottom:0;left:0;right:0;text-align:center;font:11px ui-monospace,monospace;letter-spacing:1.7px;color:var(--acid)}
.agent-controls{display:flex;align-items:center;gap:12px;margin:20px 0 0}.patrol-button{transform:none;font-size:10px;padding:12px 15px;min-height:42px;border-radius:50px;border-bottom-width:3px}.toy-note{font:11px/1.5 inherit;max-width:130px;margin:0}.agent-stage .endorsement{font:11px/1.6 inherit;color:var(--muted);text-align:center;margin:14px 0 0}.quote-attribution{font-size:12px;margin:15px 0 0;align-self:center}.quote-attribution p{font-size:12px}.prop-reaction .agent-figure-button{animation:agent-nod .55s ease-out}@keyframes agent-nod{40%{transform:rotate(-4deg) translateY(-5px)}}
.panel{border-radius:12px}#progressPanel{margin-top:0}.events{font-size:13px}.claim{border-radius:10px}.claim p{font-size:15px;line-height:1.7}.claim h3{font-size:20px;line-height:1.45}.evidence{font-size:14px}.evidence small{font-size:11px}.result-banner{border-radius:14px}.result-banner p{font-size:14px}.graffiti{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(34px,5.5vw,72px);line-height:1.05;transform:rotate(-1deg);letter-spacing:-1px}.result-actions{gap:10px}.legend{font-size:12px;line-height:1.6;gap:28px}.legend small{font-size:12px}.history-row small{font-size:12px}
.home-lore{max-width:none;margin:80px auto 0;border-top:1px solid #3d4b34;padding-top:35px}.lore-heading h1,.lore-heading h2{font-size:36px;letter-spacing:-1.5px}.lore-label{font-size:12px}.scroll-comic{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:none;margin:28px 0}.scroll-comic .comic-step,.scroll-comic .comic-step:last-child{width:100%;align-self:auto}.comic-window.agent-comic{aspect-ratio:3/2;border:1px solid #59684a;border-radius:12px;box-shadow:0 10px 25px #0003}.agent-comic img{position:absolute;width:200%;height:200%;max-width:none;border:0;border-radius:0;object-fit:fill}.agent-comic.panel-1 img{left:0;top:0}.agent-comic.panel-2 img{left:-100%;top:0}.agent-comic.panel-3 img{left:0;top:-100%}.agent-comic.panel-4 img{left:-100%;top:-100%}.comic-arrived{animation:agent-comic-reveal .65s ease-out both!important}@keyframes agent-comic-reveal{from{opacity:.4;transform:translateY(24px)}to{opacity:1;transform:none}}.lore-full{font-size:12px}.lore-panel{max-width:none}
footer{max-width:1440px;margin:auto;font-size:12px}.alarm-gate{filter:drop-shadow(0 12px 25px #0005)}.alarm-chamber{border:0;background:radial-gradient(circle,#62382744,transparent);height:280px}.alarm-head{inset:0;width:100%;height:100%;object-fit:contain}.alarm-header{background:#34221c;border-color:#854b3d}.alarm-chamber:before,.alarm-chamber:after,.alarm-grid,.alarm-crosshair{display:none}.alarm-base{background:#2c211a;border-color:#854b3d}.alarm-sweep{opacity:.45}
@media(max-width:960px){.hero{gap:32px;grid-template-columns:minmax(0,1.1fr) minmax(250px,.8fr)}.intro h1{font-size:52px;letter-spacing:-2px}.agent-stage{max-width:310px}.agent-home{height:330px}.agent-figure-button{height:300px}.agent-radar{width:260px;height:260px}}
@media(max-width:680px){header{padding:20px}.brand{font-size:20px}main{padding:22px 20px}.hero{grid-template-columns:1fr;padding:25px 0 35px;gap:36px}.intro h1{font-size:46px;letter-spacing:-2px}.intro .lede{font-size:15px;margin:20px 0 25px}.url-row{flex-wrap:wrap}.url-row input{width:80%;font-size:14px}.url-row button{width:100%;padding:15px}.agent-stage{max-width:350px}.agent-home{height:310px}.agent-figure-button{height:285px}.agent-stage .patrol-bubble{font-size:13px}.scroll-comic{grid-template-columns:1fr;gap:22px}.home-lore{margin-top:50px}.claim h3{font-size:18px}.legend{display:grid;gap:18px}.graffiti{font-size:40px;overflow-wrap:anywhere}.result-actions button{flex:1 1 140px}.agent-controls{margin-top:15px}.privacy-line{font-size:12px}.powered{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.comic-arrived,.prop-reaction .agent-figure-button{animation:none!important}}
.reduce-motion .comic-arrived,.reduce-motion .prop-reaction .agent-figure-button{animation:none!important}
body{overflow-anchor:none}.agent-scan-flight{contain:layout paint}.agent-home.scanning .agent-dot{opacity:.8}
.navlink,.desk-menu summary{font-family:inherit;font-size:14px;line-height:1.4}.agent-stage .patrol-bubble{font-family:inherit;font-size:14px;line-height:1.4}.toy-note,.agent-stage .endorsement{font-family:inherit;font-size:12px;line-height:1.5}
/* Agent Ethan guided tour. Native modal keeps keyboard focus inside the guide. */
.tour-launch{margin:18px 0 0;font-size:14px!important}
#ethanTour{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:#172018}
#ethanTour::backdrop{background:transparent}
#tourSpotlight{position:fixed;border:2px solid #c9f278;border-radius:12px;box-shadow:0 0 0 9999px #050a08d9;pointer-events:none;transition:top .22s,left .22s,width .22s,height .22s}
.tour-card{position:fixed;width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:22px;border:1px solid #c9f278;border-radius:18px;background:#edf2dc;box-shadow:0 18px 65px #0008;box-sizing:border-box}
.tour-guide{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tour-guide img{object-fit:contain;width:78px;height:78px}.tour-guide>div{display:grid;gap:7px}.tour-guide .eyebrow{color:#39512d;font-size:12px;margin:0}#tourCount{font-size:12px;color:#53614c}.tour-close{margin-left:auto;align-self:flex-start;border:0;background:transparent;color:#172018;font-size:28px;cursor:pointer;padding:0 4px}.tour-card h2{font:700 24px/1.15 Arial,sans-serif;letter-spacing:-.5px;margin:0 0 12px}.tour-card p{font:400 16px/1.5 Arial,sans-serif;margin:0 0 20px;color:#263922}.tour-actions{display:flex;justify-content:space-between;gap:10px}.tour-actions .secondary{color:#263922;border-color:#809271}.tour-actions button:focus-visible,.tour-close:focus-visible{outline:3px solid #426e19;outline-offset:3px}.tour-hint{display:block;font-size:11px;line-height:1.4;color:#53614c;margin-top:15px}
@media(max-width:600px){.tour-card{padding:16px}.tour-guide img{width:58px;height:58px}.tour-guide{margin-bottom:8px}.tour-card h2{font-size:21px}.tour-card p{font-size:14px;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){#tourSpotlight{transition:none}}
body.reduce-motion #tourSpotlight{transition:none}

.tour-actions .secondary,.tour-actions .secondary:hover{background:#ffffff66;color:#263922}.tour-actions .secondary:disabled{opacity:.4}
