:root{--ink:#12140f;--ink-2:#1b1e18;--paper:#e9ebdf;--muted:#a8ad9f;--lime:#c8f45b;--amber:#f1b653;--line:rgba(233,235,223,.16);--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}.skip-link{position:fixed;left:1rem;top:-4rem;background:var(--lime);color:var(--ink);padding:.8rem 1rem;z-index:100}.skip-link:focus{top:1rem}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:absolute;top:0;width:100%;z-index:10}.brand{display:flex;align-items:center;gap:.7rem;font-weight:700;letter-spacing:.14em;font-size:.9rem}.brand svg{width:38px;fill:var(--lime)}nav{display:flex;gap:2.2rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase}nav a{color:var(--muted);transition:.2s}nav a:hover{color:var(--lime)}.menu-button{display:none;background:transparent;border:0}.hero{min-height:860px;height:100vh;max-height:980px;padding:120px 4vw 50px;display:grid;grid-template-columns:43% 57%;position:relative;overflow:hidden}.hero-copy{z-index:2;display:flex;flex-direction:column;justify-content:center;padding-bottom:4rem}.eyebrow{font-family:var(--mono);font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;display:flex;align-items:center;gap:.7rem;color:#bec3b7}.eyebrow span{display:inline-block;width:26px;height:1px;background:var(--lime)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(4.6rem,8.6vw,9rem);font-weight:500;letter-spacing:-.075em;line-height:.78;margin:2.8rem 0 2.5rem}h1 em{font-style:italic;color:var(--lime);font-weight:400}.hero-intro{max-width:510px;color:#b7bcaf;font-size:1.06rem;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:1.7rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:2.5rem;padding:1rem 1.2rem;text-transform:uppercase;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;border:1px solid var(--line);background:none;color:inherit;cursor:pointer}.button.primary{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button span{font-size:1rem}.text-link{text-transform:uppercase;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;border-bottom:1px solid #6e7368;padding:.6rem 0}.text-link span{margin-left:1.2rem;color:var(--lime)}.hero-visual{position:relative;display:grid;place-items:center}.moon{position:absolute;width:min(37vw,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 39% 35%,#edf0df 0,#d7d9ca 58%,#afb3a4 100%);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 90px rgba(221,226,203,.11)}.moon:before,.moon:after{content:"";position:absolute;border-radius:50%;background:rgba(75,80,68,.08)}.moon:before{width:18%;height:12%;top:21%;left:17%;transform:rotate(-20deg)}.moon:after{width:25%;height:18%;bottom:18%;right:13%}.moon span{font-family:var(--mono);font-size:.65rem;letter-spacing:.2em;margin-top:63%}.moon small{font-family:var(--mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.hero-bat{position:relative;width:108%;z-index:2;filter:drop-shadow(0 18px 20px rgba(0,0,0,.45));animation:float 5s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(200,244,91,.25);border-radius:50%;width:70%;aspect-ratio:1;transform:rotate(27deg) scaleY(.35);z-index:3}.orbit-two{width:94%;border-color:rgba(233,235,223,.12);transform:rotate(-16deg) scaleY(.43)}.specimen-tag,.coordinates{position:absolute;font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;line-height:1.6}.specimen-tag{left:5%;bottom:12%;border-left:1px solid var(--lime);padding-left:.8rem}.specimen-tag span{display:block;color:#8d9385}.specimen-tag strong{font-weight:400}.coordinates{right:1%;top:23%;color:#858b7d}.scroll-note{position:absolute;bottom:2rem;left:4vw;font-family:var(--mono);font-size:.57rem;letter-spacing:.12em;color:#7e8476;display:flex;align-items:center;gap:.8rem}.scroll-note span{width:1px;height:30px;background:var(--lime)}.signal-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:0 4vw}.signal-strip div{padding:2.2rem 1.5rem;border-left:1px solid var(--line);display:flex;align-items:baseline;gap:1rem}.signal-strip div:last-child{border-right:1px solid var(--line)}.signal-strip strong{font-size:2rem;font-weight:500;letter-spacing:-.05em}.signal-strip span{font-family:var(--mono);font-size:.58rem;color:#8f9588;text-transform:uppercase}.section{padding:9rem 4vw}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:4rem}.section-head h2,.echo-copy h2,.quiz-intro h2,.cta-section h2{font-size:clamp(3.2rem,5.5vw,6.3rem);letter-spacing:-.065em;line-height:.95;font-weight:500;margin:1.8rem 0 0}.section-head>p{max-width:390px;color:#8e9486;line-height:1.7}.filter-row{display:flex;border-bottom:1px solid var(--line);margin-bottom:2rem;gap:2rem}.filter{background:transparent;border:0;color:#7e8478;padding:1rem 0;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;position:relative}.filter.active{color:var(--paper)}.filter.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--lime)}.filter sup{font-size:.45rem;color:#6f7569}.species-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.species-card{background:var(--ink-2);min-height:390px;padding:1.4rem;display:flex;flex-direction:column;transition:opacity .25s,transform .25s}.species-card[hidden]{display:none}.species-card.feature{grid-column:span 2}.species-card.lime{background:var(--lime);color:var(--ink)}.card-top{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.57rem;letter-spacing:.09em;color:#7d8376}.lime .card-top{color:#3e4930}.status{border:1px solid #576050;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:var(--lime)}.status.vulnerable{color:var(--amber);border-color:#6c5530}.status.dark{color:var(--ink);border-color:#4e6130}.bat-mark{flex:1;display:grid;place-items:center;font-size:6rem;color:#697262;text-shadow:18px 2px 0 #3a4037,-18px 2px 0 #3a4037;transform:scaleX(1.5)}.feature .bat-mark{font-size:10rem}.lime .bat-mark{color:#1e2518;text-shadow:18px 2px 0 #617c2e,-18px 2px 0 #617c2e}.bat-mark.ears{transform:scaleX(.7);font-size:9rem}.card-copy p{font-family:var(--mono);font-size:.57rem;color:#7d8376;font-style:italic}.lime .card-copy p{color:#465333}.card-copy h3{font-size:1.35rem;font-weight:500}.tags{display:flex;gap:.5rem}.tags span{border:1px solid #43483f;border-radius:10px;padding:.25rem .5rem;font-family:var(--mono);font-size:.5rem;color:#8b9184}.lime .tags span{border-color:#839f49;color:#314022}.legend{font-family:var(--mono);font-size:.54rem;color:#62685d;margin-top:1rem;text-align:right}.anatomy-section{background:var(--paper);color:var(--ink)}.section-head.light .eyebrow{color:#60655c}.section-head.light>p{color:#60655c}.anatomy-board{position:relative;max-width:1200px;margin:1rem auto 0;min-height:620px;background:#dfe2d4;border:1px solid #c7cbbb;overflow:hidden}.anatomy-board:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(24,27,21,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(24,27,21,.06) 1px,transparent 1px);background-size:40px 40px}.anatomy-board svg{width:100%;position:relative;z-index:1}.anatomy-wing{fill:#b2b8a8;stroke:#62695b;stroke-width:1}.bones{fill:none;stroke:#f0f2e8;stroke-width:5;stroke-linecap:round;opacity:.8}.body{fill:#32372e}.label-lines{fill:none;stroke:#72796a;stroke-width:1;stroke-dasharray:3 4}.anatomy-label{position:absolute;background:var(--ink);color:var(--paper);border:0;padding:.7rem 1rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;z-index:2;cursor:pointer}.anatomy-label span{color:var(--lime);margin-right:.6rem}.anatomy-label.active{background:var(--lime);color:var(--ink)}.anatomy-label.active span{color:var(--ink)}.l1{left:12%;top:13%}.l2{left:16%;top:64%}.l3{right:10%;top:17%}.l4{right:29%;bottom:12%}.anatomy-note{position:absolute;bottom:1.5rem;left:2rem;font-family:var(--mono);font-size:.64rem;color:#53594e;z-index:2}.echo-section{display:grid;grid-template-columns:40% 60%;gap:6vw;background:#0d0f0c}.echo-copy{padding:3rem 0}.echo-copy>p:not(.eyebrow):not(.sound-note){color:#92988b;line-height:1.7;max-width:470px}.frequency-readout{margin-top:2.5rem;display:flex;align-items:baseline;gap:.7rem}.frequency-readout span{font-size:5rem;font-weight:500;letter-spacing:-.08em;color:var(--lime)}.frequency-readout small{font-family:var(--mono);color:#8c9285}input[type=range]{width:100%;appearance:none;height:2px;background:#41463d;accent-color:var(--lime)}input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--lime);cursor:grab}.range-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.55rem;color:#656b61;margin-top:.7rem}.sound-button{margin-top:2rem;border-color:#43483e}.sound-button.playing{background:var(--lime);color:var(--ink)}.sound-note{font-family:var(--mono);font-size:.5rem;color:#60665c;margin-top:.7rem}.sonar{min-height:600px;position:relative;overflow:hidden;background:#151813;border:1px solid var(--line)}.sonar-grid{position:absolute;inset:0;background-image:radial-gradient(circle at 50% 50%,transparent 0 18%,rgba(200,244,91,.1) 18.2% 18.4%,transparent 18.6% 34%,rgba(200,244,91,.09) 34.2% 34.4%,transparent 34.6% 50%,rgba(200,244,91,.08) 50.2% 50.4%,transparent 50.6%),linear-gradient(rgba(233,235,223,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(233,235,223,.05) 1px,transparent 1px);background-size:100% 100%,32px 32px,32px 32px}.sonar-bat{position:absolute;width:80px;left:calc(50% - 40px);top:calc(50% - 20px);z-index:2}.sonar-bat svg{fill:var(--lime)}.pulse{position:absolute;left:50%;top:50%;width:20px;height:20px;border:1px solid var(--lime);border-radius:50%;transform:translate(-50%,-50%);animation:pulse 3s linear infinite}.p2{animation-delay:1s}.p3{animation-delay:2s}.target{position:absolute;width:8px;height:8px;border:1px solid var(--amber);border-radius:50%}.target:before,.target:after{content:"";position:absolute;background:var(--amber)}.target:before{width:20px;height:1px;left:-7px;top:3px}.target:after{height:20px;width:1px;top:-7px;left:3px}.target span{position:absolute;left:14px;top:10px;font-family:var(--mono);font-size:.5rem;color:var(--amber)}.t1{right:21%;top:28%}.t2{left:19%;bottom:25%}.scan-line{position:absolute;left:50%;top:50%;width:43%;height:1px;background:linear-gradient(90deg,var(--lime),transparent);transform-origin:left;animation:scan 5s linear infinite}.sonar-data{position:absolute;bottom:1.5rem;left:1.5rem;display:grid;grid-template-columns:auto auto;gap:.35rem 1.3rem;font-family:var(--mono);font-size:.52rem;color:#697064}.sonar-data strong{color:var(--paper);font-weight:400}.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.role{padding:2rem;min-height:360px;border-right:1px solid var(--line);position:relative}.role:last-child{border:0}.role>span{font-family:var(--mono);font-size:.6rem;color:#6d7368}.role-icon{font-size:4rem;color:var(--lime);margin:4rem 0}.role h3{font-size:1.35rem;font-weight:500}.role p{color:#838a7d;line-height:1.7;font-size:.88rem}.quiz-section{background:var(--amber);color:var(--ink);display:grid;grid-template-columns:38% 62%;gap:8vw}.quiz-intro .eyebrow{color:#4c402c}.quiz-intro .eyebrow span{background:var(--ink)}.quiz-intro>p:last-child{max-width:380px;line-height:1.7;color:#554830}.quiz-card{background:var(--ink);color:var(--paper);padding:3rem;min-height:440px;display:flex;flex-direction:column}.quiz-progress{display:flex;align-items:center;gap:1rem;font-family:var(--mono);font-size:.58rem;color:#7c8276}.quiz-progress>div{height:1px;background:#3a3f37;flex:1}.quiz-progress i{display:block;width:33%;height:2px;background:var(--lime);transition:.3s}.quiz-question{font-size:clamp(2rem,3.4vw,4rem);line-height:1.15;letter-spacing:-.04em;margin:auto 0}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quiz-options button{padding:1.2rem;background:transparent;border:1px solid #444a40;color:var(--paper);text-align:left;display:flex;justify-content:space-between;font-family:var(--mono);font-size:.66rem;cursor:pointer}.quiz-options button:hover{border-color:var(--lime);color:var(--lime)}.quiz-feedback{min-height:2.6rem;margin:.8rem 0 0;font-size:.76rem;color:#a8ae9f}.cta-section{min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.cta-section .eyebrow{position:relative}.cta-section>p:not(.eyebrow){max-width:550px;color:#8d9385;line-height:1.7}.cta-section .button{position:relative;margin-top:1.5rem}.cta-orbit{position:absolute;width:800px;height:280px;border:1px solid rgba(200,244,91,.18);border-radius:50%;transform:rotate(12deg)}.cta-orbit.small{width:600px;height:190px;transform:rotate(-18deg);border-color:rgba(233,235,223,.1)}footer{padding:4rem 4vw;display:grid;grid-template-columns:1fr 1.3fr 1.2fr;gap:4rem;align-items:start}.footer-brand{font-size:1rem}footer>p{color:#73796d;font-size:.8rem}.sources{display:flex;flex-direction:column;gap:.6rem;font-family:var(--mono);font-size:.56rem}.sources span{color:#62685d;margin-bottom:.4rem}.sources a{color:#aeb4a6}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2rem;font-family:var(--mono);font-size:.5rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-14px) rotate(.5deg)}}@keyframes pulse{0%{width:20px;height:20px;opacity:.8}100%{width:580px;height:580px;opacity:0}}@keyframes scan{to{transform:rotate(360deg)}}@media(max-width:900px){.site-header{height:70px}.site-header nav{position:absolute;top:70px;left:0;width:100%;background:var(--ink);padding:2rem 4vw;flex-direction:column;display:none}.site-header nav.open{display:flex}.menu-button{display:flex;flex-direction:column;gap:6px}.menu-button span{width:24px;height:1px;background:var(--paper)}.hero{height:auto;max-height:none;min-height:100vh;grid-template-columns:1fr;padding-top:120px}.hero-copy{padding:1rem 0}.hero-visual{min-height:480px}.moon{width:66vw}.signal-strip{grid-template-columns:1fr 1fr}.signal-strip div:nth-child(2){border-right:1px solid var(--line)}.section{padding:6rem 4vw}.section-head{align-items:flex-start;flex-direction:column;gap:2rem}.species-grid{grid-template-columns:1fr 1fr}.species-card.feature{grid-column:span 2}.echo-section,.quiz-section{grid-template-columns:1fr}.anatomy-board{min-height:520px}.sonar{min-height:520px}.roles-grid{grid-template-columns:1fr}.role{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.role-icon{margin:2rem 0}.quiz-intro br{display:none}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero{padding-left:1.2rem;padding-right:1.2rem}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:400px}.hero-bat{width:130%}.moon{width:88vw}.coordinates{display:none}.signal-strip{padding:0;}.signal-strip div{padding:1.5rem 1rem;display:block}.signal-strip strong{display:block}.section{padding:5rem 1.2rem}.section-head h2,.echo-copy h2,.quiz-intro h2,.cta-section h2{font-size:3rem}.filter-row{overflow-x:auto;gap:1.4rem}.filter{white-space:nowrap}.species-grid{grid-template-columns:1fr}.species-card.feature{grid-column:span 1}.species-card{min-height:340px}.anatomy-board{min-height:400px}.anatomy-board svg{margin-top:70px}.anatomy-label{font-size:.5rem;padding:.5rem}.l1{top:8%;left:4%}.l2{left:3%;top:67%}.l3{right:3%;top:8%}.l4{right:3%;bottom:15%}.anatomy-note{left:1rem;bottom:.7rem;right:1rem}.echo-section{gap:1rem}.sonar{min-height:420px}.quiz-section{gap:3rem}.quiz-card{padding:1.5rem;min-height:380px}.quiz-options{grid-template-columns:1fr}.cta-section{padding-left:1.2rem;padding-right:1.2rem}footer{grid-template-columns:1fr;gap:2rem;padding:3rem 1.2rem}.copyright{grid-column:1}.cta-orbit{width:580px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-bat,.pulse,.scan-line{animation:none}.reveal{opacity:1;transform:none;transition:none}}