/* NOKO / Night tide — a different composition, with the same living character. */
:root{--ink:#e7f4f3;--paper:#082c33;--white:#f6faf8;--muted:#9fbfc1;--line:#28545a;--accent:#d9f77c;--deep:#102f36;--shadow:0 2px 0 #031e24,0 12px 20px #031e2420;color-scheme:dark}
body{background:var(--paper)}
::selection{background:var(--accent);color:var(--deep)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--accent)}
.site-header{background:#082c33ee;border-color:#28545a}
#brand-mascot .noko-mascot{--mascot-ink:#d9f77c;--mascot-cream:#082c33}
.network-badge{border-color:#3b6065;box-shadow:none;color:#c2d9d9}
.network-badge i{color:var(--accent)}
.morph-button{color:var(--deep);background:#e7f4f3;border-color:#c9dfde;box-shadow:0 3px 0 #92b4b7}
.morph-button.dark{color:var(--deep);background:var(--accent);border-color:var(--accent);box-shadow:0 3px 0 #99bb4c}
.morph-button:hover{box-shadow:0 5px 0 #92b4b7,0 14px 20px #031e2430}
.morph-button.dark:hover{box-shadow:0 5px 0 #99bb4c,0 14px 20px #031e2430}
.morph-button .noko-mascot,.dark .button-pet .noko-mascot{--mascot-ink:#102f36;--mascot-cream:#fff}
.market-ribbon{background:#0e3b44;border-color:#28545a}
.ticker-track .change,.ticker-track>span{color:#a8c8c9}
.story{margin:16px 18px 0}
.story-pin{border-radius:32px;background:#0e3b44;box-shadow:0 3px 0 #052027;border:1px solid #326068}
.hero-copy{left:45%;top:8%;width:52%}
.hero-copy h1{font-size:clamp(57px,6.3vw,100px);line-height:.96;letter-spacing:-.057em;margin:24px 0}
.hero-copy h1 .changing-line{height:1.05em}
.hero-copy .changing-word{color:var(--accent)}
.hero-copy>p{color:#b0cece;max-width:440px}
.eyebrow{color:#a6c7ca}
.hero-copy .eyebrow{color:#c1dddd}
.hero-copy .live-indicator{color:var(--accent)}
.hero-actions{gap:12px}
.hero-pet{width:61%;left:-10%;right:auto;bottom:-27%;transform-origin:30% 80%}
.hero-pet .noko-mascot{--mascot-ink:#061f26;--mascot-cream:#fff;filter:none}
.hero-orbit{position:absolute;width:58%;aspect-ratio:1;left:-12%;bottom:-30%;border-radius:50%;background:var(--accent);z-index:1;pointer-events:none;box-shadow:0 0 0 22px #d9f77c08,0 0 0 23px #d9f77c22}
.hero-orbit span{position:absolute;left:28%;top:8%;font:9px var(--mono);color:#456039;letter-spacing:1px;rotate:-14deg}
.hero-speech{top:37%;left:6%;right:auto;background:#e7f4f3;color:var(--deep);border-radius:18px 18px 4px 18px;box-shadow:0 10px 25px #031e2428;rotate:5deg}
.hero-speech small{color:#55757b}
.scroll-note{left:auto;right:4%;color:#9fbfc1}
.scroll-note b{background:transparent;border-color:#466e73;color:#e7f4f3}
.chapter-indicator{right:auto;left:25px;bottom:22px;color:#a7c9ca}
.chapter-indicator span{border-color:#79a4aa}
.chapter-indicator span.active{background:var(--accent);border-color:var(--accent)}
.squad-heading{left:auto;right:6%;top:9%;text-align:right}
.squad-heading .eyebrow{justify-content:flex-end}
.squad-heading h2{max-width:730px}
.squad-heading p:last-child{color:#9fbfc1}
.fleet-icon{background:#e7f4f3;border-color:#fff;box-shadow:0 3px 0 #73979d,0 18px 25px #031e2433}
.fleet-agent:nth-child(2) .fleet-icon,.fleet-agent:nth-child(5) .fleet-icon{background:var(--accent);border-color:#e6ffa5}
.fleet-agent:nth-child(3) .fleet-icon{background:#a9d7de}
.fleet-agent:nth-child(4) .fleet-icon{background:#a0b8ff}
.fleet-agent:nth-child(6) .fleet-icon{background:#f4bb9b}
.fleet-label small{color:#a7c4c7}
.story-board{inset:7% 25px 30px}
.board-heading h2{font-size:clamp(25px,2.7vw,40px)}
.board-heading .data-label{color:#a4c6c8}
.board-column{background:#e7f4f3;color:var(--deep);border-color:#c4dfe0;box-shadow:0 3px 0 #769a9e;border-radius:19px}
.board-column:nth-child(even){margin-top:34px}
.board-column>header{background:#d6eaeb;border-color:#b9d2d4}
.board-column:nth-child(2)>header{background:var(--accent)}
.board-column:nth-child(4)>header{background:#b3dbe0}
.board-column>header>.board-pet{background:#f6faf8;border-color:#fff;box-shadow:0 2px 0 #8bafb3}
.board-column>header small,.market-row small,.word-row small,.board-empty{color:#57797e}
.market-row,.word-row{border-color:#c5dedf}
.market-row:hover{background:#d3e9e9}
.coin-image{background:#bedbdf;border-color:#bdd4d5;color:var(--deep)}
.word-bars i{background:#abcdd0}.word-bars i:nth-child(3n){background:#316b76}
.section-topline{color:#bed6d7;border-color:#376069}
.section-topline span:last-child{color:#8fb1b5}
.markets-intro{grid-template-columns:1fr 1.3fr;align-items:end;gap:60px}
.markets-intro h2{order:2}.markets-intro p{order:1;color:#abc8cc}
.feature-market{background:#e7f4f3;color:var(--deep);border-color:#bed7d9;border-radius:20px}
.feature-market:nth-child(2){background:#cce4e8}
.feature-market:nth-child(3){background:#d9f77c}
.feature-market-head small,.feature-stats{color:#52747a}
.feature-stats{border-color:#a9c7cb}
.feature-market:hover{box-shadow:0 18px 30px #021b2545}
.black-world{margin:32px 18px 0;background:#d5e9eb;color:var(--deep);border-radius:32px;padding:90px 0}
.black-world:before{display:none}
.black-inner{grid-template-columns:1.1fr 1fr;gap:70px}
.black-inner>div:first-child{order:2}.black-inner>.peek-panel{order:1}
.black-world .eyebrow{color:#496e76}
.black-world p:not(.eyebrow){color:#4a6e76}
.black-world .big-heading{font-size:clamp(42px,4.5vw,68px)}
.peek-panel{background:#0e3b44;border-color:#386c77;box-shadow:0 12px 30px #527b8229}
.peek-readout{color:#e7f4f3}
.peek-readout>div{border-color:#365e65}.peek-readout span{color:#a6c5c9}
.peek-readout .live-indicator{color:#d9f77c;box-shadow:none}
.peek-character .noko-mascot{--mascot-ink:#d9f77c;--mascot-cream:#082c33}
.peek-label{color:#90bbc0}
.two-ways{grid-template-columns:1.25fr 1fr;gap:24px}
.action-card{background:#d9f77c;color:var(--deep);border-color:#d9f77c;min-height:385px;border-radius:24px}
.action-card.dark{background:#0e3b44;color:#e7f4f3;border-color:#466d76;margin-top:45px}
.action-card h3{font-size:50px}.action-card p{color:#4b633a}
.action-card.dark p{color:#aacbd0}
.action-card .action-arrow{background:#f6faf8;border-color:#9eb889;color:var(--deep)}
.action-card.dark .action-arrow{background:#d9f77c;color:var(--deep)}
.action-card .card-pet .noko-mascot{--mascot-ink:#102f36;--mascot-cream:#fff}
.action-card.dark .card-pet .noko-mascot{--mascot-ink:#a9d7de;--mascot-cream:#102f36}
.finale{background:#d9f77c;color:var(--deep);margin:0 18px;border-radius:32px 32px 0 0;border:0;text-align:left;padding:85px 7% 90px}
.finale .eyebrow{justify-content:flex-start;color:#4c633c;margin-left:0;max-width:none}
.finale h2{margin:25px 0 34px;font-size:clamp(65px,8.5vw,130px);max-width:1000px}
.finale p{color:#4c633c;margin-left:0}
.finale .morph-button.dark{background:#102f36;color:#e7f4f3;border-color:#102f36;box-shadow:0 3px 0 #082027}
.finale .dark .button-pet .noko-mascot{--mascot-ink:#e7f4f3;--mascot-cream:#102f36}
.finale .finale-pet{width:46%;right:-10%;top:auto;bottom:-29%;rotate:-16deg}
.site-footer{border-top:0;background:#06262e;margin:0 18px;padding-top:35px}
.site-footer .wordmark{color:#d9f77c}
.dock{background:#04232bf2;border-color:#537c82;box-shadow:0 12px 35px #001c2655,inset 0 1px 0 #ffffff16;gap:7px}
.dock .dock-tile{background:#b2d6dc;border-color:#b2d6dc;box-shadow:0 2px 0 #5f8c95,inset 0 1px 0 #e5f6fa;color:#133d46;border-radius:50%}
.dock a.active .dock-tile{background:#d9f77c;border-color:#d9f77c;color:#18391f}
.dock a[data-route="agent"] .dock-tile,.dock a[data-route="launch"] .dock-tile{background:#e7f4f3;border-color:#e7f4f3}
.dock a[data-route="radar"]{margin-left:9px}
.dock a.active:after{background:#d9f77c}
.dock .tooltip{background:#082c33;border-color:#47757d;color:#e7f4f3}
.dock .noko-mascot{--mascot-ink:#0c2d36;--mascot-cream:#fff}
.toast{background:#d9f77c;color:#102f36}
.section-placeholder{color:#accace}
@media(min-width:900px) and (min-height:620px) and (max-height:850px){.hero-copy{top:7%;left:45%;width:52%}.hero-copy h1{font-size:clamp(51px,8.8vh,76px);margin:18px 0}.hero-copy>p{font-size:10px;max-width:395px}.hero-speech{top:29%;left:6%;right:auto}}
@media(min-width:1700px){.hero-copy h1{font-size:110px}.hero-pet{width:58%;left:-7%;right:auto}}
@media(min-width:900px) and (max-width:1100px){.hero-copy h1{font-size:clamp(51px,6.1vw,65px)}.hero-pet{width:67%;left:-17%;bottom:-15%;right:auto}.hero-orbit{width:65%;left:-20%;bottom:-23%}.hero-copy>p{max-width:365px;font-size:10px}.hero-actions .morph-button{padding-left:15px;padding-right:45px;font-size:12px}.hero-speech{left:5%;right:auto;top:36%}.board-heading h2{font-size:27px}}
@media(max-width:899px),(max-height:619px){
 .story{margin:12px 12px 0}.story-pin{padding-bottom:30px}.hero-copy{left:auto;top:auto;width:100%;padding:42px 32px 0}.hero-copy h1{font-size:clamp(60px,9vw,86px);max-width:670px}.hero-copy>p{max-width:500px}.hero-pet{position:relative;width:78%;left:auto;right:auto;bottom:auto;margin:15px auto -24% -8%;z-index:2}.hero-orbit{width:82%;left:-20%;top:430px;bottom:auto}.hero-speech{top:570px;left:auto;right:9%;font-size:13px}.squad-heading{position:relative;left:auto;right:auto;top:auto;text-align:left;background:#0e3b44;padding:45px 30px 20px}.squad-heading .eyebrow{justify-content:flex-start}.squad-heading h2{font-size:44px}.agent-fleet,.story-board{background:#0e3b44}.story-board{inset:auto}.black-inner{grid-template-columns:1fr}.black-inner>div:first-child{order:1}.black-inner>.peek-panel{order:2}.markets-intro{grid-template-columns:1fr 1.2fr;gap:30px}.two-ways{grid-template-columns:1fr 1fr}.action-card h3{font-size:38px}.action-card.dark{margin-top:25px}.finale{padding:75px 40px}.finale .finale-pet{display:block;width:50%;right:-20%;bottom:-10%}
}
@media(max-width:650px){
 .story{margin:8px}.story-pin{border-radius:26px}.hero-copy{padding:31px 23px 0}.hero-copy h1{font-size:clamp(50px,12.6vw,76px);line-height:1.01;margin:20px 0}.hero-copy>p{font-size:10px;max-width:335px}.hero-actions{gap:9px}.hero-actions .morph-button{font-size:11px;padding-left:12px;padding-right:42px}.hero-pet{width:99%;margin:4px auto -29% -17%}.hero-orbit{width:102%;left:-24%;top:455px}.hero-orbit span{display:none}.hero-speech{top:515px;right:6%;left:auto;font-size:10px;max-width:167px;padding:10px 12px}.squad-heading{padding:46px 23px 24px}.squad-heading h2{font-size:36px}.story-board{padding:28px 20px 10px}.board-column:nth-child(even){margin-top:0}.board-heading h2{font-size:27px}.black-world{margin:24px 8px 0;border-radius:26px;padding:58px 0}.black-inner{gap:32px;padding:0 24px}.black-world .big-heading{font-size:43px}.two-ways{grid-template-columns:1fr;gap:16px}.action-card,.action-card.dark{margin:0;min-height:335px}.action-card h3{font-size:40px}.markets-intro{grid-template-columns:1fr;gap:22px}.markets-intro h2{order:1}.markets-intro p{order:2}.finale{margin:0 8px;padding:60px 25px 72px;border-radius:26px 26px 0 0}.finale h2{font-size:60px}.finale .finale-pet{display:none}.site-footer{margin:0 8px}.dock{gap:5px}.dock a[data-route="radar"]{margin-left:6px}
}
@media(prefers-reduced-motion:reduce){.hero-copy{position:relative;top:auto;left:auto;width:100%}.hero-pet{position:relative;left:auto;right:auto;bottom:auto;margin:0 auto -22% -10%}.hero-orbit{display:none}.hero-speech{display:none}.squad-heading{position:relative;top:auto;left:auto;right:auto;text-align:left;background:#0e3b44}.squad-heading .eyebrow{justify-content:flex-start}.agent-fleet,.story-board{background:#0e3b44}}