/* ZUNO's station is the home page. The scenery frames an uninterrupted reading surface. */
.contract-address-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0 12px}.contract-card .contract-address-row #contractAddress{flex:1;min-width:0;margin:0}.contract-card.has-contract-address #contractAddress{font:12px/1.8 var(--mono);letter-spacing:0;word-break:break-all}.contract-copy{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 11px;border:1px solid #6a625b66;border-radius:3px;background:#f5eee4;color:#303733;font:10px 'DM Mono',monospace;cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s}.contract-copy:hover:not(:disabled){background:#fff9f0;border-color:#a15c32}.contract-copy:focus-visible{outline:2px solid #a15c32;outline-offset:3px}.contract-copy:disabled{opacity:.45;cursor:not-allowed}.contract-copy-status{display:block;min-height:14px;margin-top:10px;font:9px/1.5 var(--mono);color:#655d52}.station-footer nav{align-items:center}.footer-x{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}.footer-x img{display:block;opacity:.8}.footer-x:hover img{opacity:1}
:root{color-scheme:dark;--paper:#f0ece3;--soft:#b6b5b0;--orange:#f18a54;--line:#e7d3b529;--mono:'DM Mono',monospace;--sans:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:#0d1012;scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;color:var(--paper);font-family:var(--sans);isolation:isolate}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid #f0bc85;outline-offset:5px}::selection{background:#f18a5455}p{margin:0}em{font-style:normal;color:var(--orange)}
.skip-content{position:fixed;top:12px;left:20px;z-index:30;padding:12px 18px;background:var(--paper);color:#15191b;transform:translateY(-160%)}.skip-content:focus{transform:none}
.station-room{--scene-x:.64;--scene-y:.5;position:fixed;inset:0;z-index:-3;overflow:hidden;background:#0a0e11;pointer-events:none}.station-scene{position:absolute;inset:0}.station-scene>img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%}.station-character-light{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.station-face-eyes{transform-box:fill-box;transform-origin:center;animation:stationFriendlyBlink 9.6s 1.2s ease-in-out infinite}
.station-right-eye{transform-box:fill-box;transform-origin:center;animation:stationFriendlyWink 16.3s 3s ease-in-out infinite}
.station-face-smile{transform-box:fill-box;transform-origin:center;animation:stationSmileLight 7.4s ease-in-out infinite}
.station-antenna{opacity:.38;animation:stationAntennaPulse 6.8s ease-in-out infinite}.station-antenna-right{animation-duration:8.7s;animation-delay:-3.1s}
.station-room.is-quiet .station-face-eyes,.station-room.is-quiet .station-right-eye,.station-room.is-quiet .station-face-smile,.station-room.is-quiet .station-antenna{animation-play-state:paused}
@keyframes stationFriendlyBlink{0%,72%,76%,100%{transform:scaleY(1)}73.5%,74.5%{transform:scaleY(.12)}}
@keyframes stationFriendlyWink{0%,58%,63%,100%{transform:scaleY(1)}59.5%,61%{transform:scaleY(.15)}}
@keyframes stationSmileLight{0%,100%{opacity:.91;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.08)}}
@keyframes stationAntennaPulse{0%,100%{opacity:.27}45%{opacity:.73}65%{opacity:.45}}
.station-shade{position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#090c0ff0 0%,#090c0fd9 26%,#090c0f66 47%,#090c0f0a 72%),linear-gradient(0deg,#080b0dd9,transparent 36%,transparent 76%,#080b0d77)}
.station-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:85px;padding:16px 4.5%;background:#0b0e10c9;border-bottom:1px solid #dfd1b91c;backdrop-filter:blur(18px)}
.station-brand{display:flex;align-items:center;gap:11px;font:800 22px Arial,Helvetica,sans-serif;letter-spacing:-1.2px;flex-shrink:0}.station-symbol{display:block;flex-shrink:0;width:27px;height:27px;border:1px solid #f36c37;border-radius:7px;position:relative;transform:rotate(-5deg);background:#f36c3714}.station-symbol:before{content:'';position:absolute;width:4px;height:4px;background:#e5e9b1;border-radius:50%;left:6px;top:8px;box-shadow:10px 0 #e5e9b1}.station-symbol:after{content:'';position:absolute;width:10px;height:5px;border-bottom:1px solid #e5e9b1;border-radius:50%;left:8px;top:13px}.station-edition{font:8px var(--mono);letter-spacing:.1em;color:#b3aca0;margin-left:10px;padding-left:17px;border-left:1px solid #fff3}
.station-nav{display:flex;align-items:center;gap:clamp(18px,2.2vw,34px);font-size:12px;color:#cbc7bf}.station-nav a{padding:10px 0;transition:color .2s}.station-nav a:hover{color:var(--orange)}.station-nav .nav-terminal{padding:11px 16px;border:1px solid #e2caaa50;color:var(--paper);display:flex;gap:18px;align-items:center}.nav-terminal span{color:var(--orange)}
.station-outside{display:flex;gap:12px;align-items:center;color:#b6b1a6;font:9px var(--mono)}.station-outside span{color:var(--orange);font-size:15px}
.station-main,.station-footer{width:min(1180px,calc(100% - 112px));margin-inline:auto}
.station-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:60px;min-height:min(780px,calc(100svh - 85px));padding:clamp(58px,9vh,110px) 0 90px;align-items:center}
.station-hero-copy{max-width:540px}.eyebrow,.section-index{font:9px/1.7 var(--mono);letter-spacing:.1em;color:#c2b6a4}.eyebrow{display:flex;gap:10px;align-items:center}.tiny-light{width:5px;height:5px;border-radius:50%;background:#e9bd83;box-shadow:0 0 9px #e9bd8370}
h1{font-size:clamp(66px,7.6vw,112px);line-height:.91;letter-spacing:-.075em;font-weight:500;margin:26px 0 24px}h1>span{color:var(--orange)}.hero-intro{font-size:clamp(18px,1.7vw,24px);line-height:1.4;letter-spacing:-.025em;color:#e4dcd0}.hero-description{font-size:14px;line-height:1.85;max-width:450px;color:#bcbab4;margin-top:18px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;padding:12px 19px;font-size:12px;border:1px solid transparent;transition:background .2s,border-color .2s}.action-primary{color:#14191b;background:#ee9a66;border-color:#ee9a66}.action-primary:hover{background:#f6b487}.action-quiet{border-color:#d8c4a841;background:#0b10136b}.action-quiet:hover{border-color:#e9b37d}
.station-view{align-self:end;justify-self:end;display:flex;align-items:center;gap:13px;margin-bottom:27px;padding:12px 16px;border-left:1px solid #f1c9974d;background:#0c12146b;color:#e5cfaf;font:8px/1.8 var(--mono);letter-spacing:.08em;text-shadow:0 1px 8px #000}.view-marker{font-size:22px;color:#efb37f}.station-view span:not(.view-marker){display:block;font:11px/1.7 var(--sans);letter-spacing:0;color:#d5d0c5}
.deck-index{position:absolute;bottom:24px;left:0;display:flex;align-items:center;gap:15px;color:#b9b5ad;font:9px var(--mono);letter-spacing:.02em}.deck-index>span:first-child{color:#c79e77;margin-right:7px;font-size:8px}.deck-index i{font-style:normal;color:#7b7b72}.deck-index .deck-arrow{font:17px var(--sans);color:var(--orange);margin-left:10px}
.station-dossier{position:relative;background:linear-gradient(130deg,#151a1df5,#101517f7 65%,#101517f2);border:1px solid #d6c4a82b;box-shadow:0 30px 90px #0004;backdrop-filter:blur(24px);margin-bottom:60px}
.dossier-heading{display:flex;justify-content:space-between;gap:20px;padding:20px 40px;border-bottom:1px solid var(--line);font:8px/1.6 var(--mono);letter-spacing:.1em;color:#b4a38b}.dossier-heading>span:first-child{color:#ecc598}
.context-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:25px 40px;border-bottom:1px solid var(--line);gap:25px}.context-strip>div{display:grid;gap:8px}.context-strip span{font:9px var(--mono);color:#9fa39e}.context-strip b{font-size:12px;font-weight:400;color:#ddd8ce}
.dossier-section{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.4fr);column-gap:70px;row-gap:32px;padding:56px 40px;border-bottom:1px solid var(--line);scroll-margin-top:16px}.section-side h2{font-size:clamp(30px,3vw,42px);line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:17px 0 24px}.section-side h2 em{display:inline-block}.section-content{min-width:0}.section-lead{font-size:15px;line-height:1.85;color:#d0cfc8;max-width:620px}.wallet-note{padding:22px 0 0;margin:24px 0 20px;border-top:1px solid var(--line)}.wallet-note h3{font-size:14px;font-weight:500;margin:0 0 9px;color:#e9c29c}.wallet-note p{font-size:13px;line-height:1.85;color:#b4b8b3}.inline-link{display:inline-flex;align-items:center;gap:16px;font-size:11px;line-height:1.6;color:#dfbd98;padding:5px 0}.inline-link:hover{color:#ffe0ba}.inline-link>span{font-size:16px}
.module-list{margin-top:25px;border-top:1px solid var(--line)}.module{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;padding:24px 0;border-bottom:1px solid var(--line)}.module:last-child{border-bottom:0;padding-bottom:0}.module-number{font:9px var(--mono);padding-top:5px;color:#b39572}.module h3{font-size:17px;font-weight:500;letter-spacing:-.025em;margin:0 0 9px}.module p{font-size:13px;line-height:1.8;color:#b4b8b3}.module-term{grid-column:2;font:8px/1.6 var(--mono);letter-spacing:.06em;color:#b1997c}
.execution-path{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.4fr);gap:70px;padding-top:25px;border-top:1px solid var(--line)}.path-label{font:8px var(--mono);letter-spacing:.08em;color:#b4a38b;padding-top:3px}.execution-path ol{display:grid;grid-template-columns:.65fr 1.2fr 1.1fr .7fr;gap:20px;list-style:none;margin:0;padding:0}.execution-path li{position:relative;font-size:10px;line-height:1.6;color:#d2cdc3}.execution-path li+li:before{content:'→';position:absolute;left:-17px;top:15px;color:#aa8662}.execution-path li span{display:block;margin-bottom:6px;font:8px var(--mono);color:#a4937e}
.section-caption{font-size:13px;line-height:1.8;color:#aeb2ac;margin-bottom:22px;max-width:310px}.contract-card{background:#e6ded0;color:#1d2427;padding:26px 28px;border-top:2px solid #e99b65;box-shadow:inset 0 0 35px #a587600b}.contract-heading{display:flex;justify-content:space-between;gap:18px;font:9px/1.7 var(--mono);color:#5e645f}.contract-heading>span:first-child{color:#353d3d}.contract-card #contractAddress{font-size:clamp(27px,3vw,38px);letter-spacing:-.045em;margin:24px 0 12px;overflow-wrap:anywhere}.contract-caption{font-size:11px;line-height:1.8;color:#60635c;max-width:370px}.protocol-model{margin-top:25px}.protocol-model h3{font-size:11px;font-weight:400;margin:0 0 15px;color:#b2b5ae}.protocol-model dl{margin:0}.protocol-model dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding:13px 0}.protocol-model dt{font-size:11px;color:#c0b199}.protocol-model dd{font:10px/1.8 var(--mono);color:#d6d5cc;margin:0;overflow-wrap:anywhere}
.signal-flow{padding:32px 40px 36px;background:#e8c18f08}.flow-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.flow-heading h2{font-size:13px;font-weight:400;letter-spacing:-.015em;margin:0;color:#e0cfb9}.flow-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.flow-columns>div+div{border-left:1px solid var(--line);padding-left:30px}.flow-columns span{font:8px/1.6 var(--mono);color:#a9957a;letter-spacing:.05em}.flow-columns h3{font-size:16px;font-weight:500;letter-spacing:-.025em;margin:12px 0 9px}.flow-columns p{font:10px/1.9 var(--mono);color:#b6b9b0;overflow-wrap:anywhere}.dossier-end{display:flex;justify-content:space-between;gap:20px;padding:19px 40px;border-top:1px solid var(--line);font:8px/1.8 var(--mono);color:#9b9d95}.dossier-end a{color:#dbbd98}
.station-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:0 0 34px;color:#b8b5ad}.footer-brand{display:flex;align-items:center;gap:15px;font-size:19px;letter-spacing:-.04em;font-weight:600}.footer-brand span{font:8px var(--mono);letter-spacing:0;color:#a4a59c}.station-footer nav{display:flex;gap:24px;font-size:11px}.station-footer a:hover{color:var(--orange)}.footer-outside{font:9px var(--mono)}
@media(min-width:1700px){.station-main,.station-footer{width:min(1280px,calc(100% - 160px))}.station-hero{min-height:810px}.station-hero-copy{max-width:570px}.hero-description{font-size:16px;max-width:490px}.station-room>img{object-position:60% 50%}}
@media(max-width:1050px){.station-header{gap:20px}.station-edition{display:none}.station-outside{display:none}.station-main,.station-footer{width:calc(100% - 64px)}.station-hero{gap:30px;grid-template-columns:1.15fr 1fr}.station-shade{background:linear-gradient(90deg,#090c0ff2,#090c0faa 43%,#090c0f18 85%),linear-gradient(0deg,#080b0ddd,transparent 50%)}.dossier-section,.execution-path{column-gap:38px}.dossier-section{padding-inline:30px}.dossier-heading,.context-strip,.signal-flow,.dossier-end{padding-inline:30px}.station-footer nav{gap:17px}.footer-outside{display:none}}
@media(max-width:700px){html{scroll-padding-top:119px}.station-header{flex-wrap:wrap;padding:17px 6% 12px;gap:14px}.station-brand{font-size:21px}.station-outside{display:flex;margin-left:auto;font-size:8px}.station-nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:10px}.station-nav a{padding:7px 0}.station-nav .nav-terminal{padding:7px 10px;gap:8px}.station-main,.station-footer{width:calc(100% - 36px)}.station-room>img{object-position:73% 0}.station-shade{background:linear-gradient(0deg,#080c0ff7 0%,#080c0fe8 35%,#080c0f3d 74%,#080c0f88)}.station-hero{display:block;min-height:0;padding:255px 6px 85px}.station-hero-copy{max-width:480px}h1{font-size:72px;line-height:.94;margin:18px 0}.hero-intro{font-size:20px}.hero-description{font-size:13px;max-width:430px}.hero-actions{margin-top:24px;gap:10px}.action{min-height:46px;gap:24px;font-size:11px}.station-view{display:none}.deck-index{left:6px;gap:9px;font-size:8px;flex-wrap:wrap;right:6px}.deck-index>span:first-child{width:100%;font-size:7px}.deck-index .deck-arrow{margin-left:auto}.station-dossier{margin-bottom:32px;background:linear-gradient(130deg,#151a1dfc,#101517fa)}.dossier-heading{padding:17px 21px;font-size:7px;gap:12px;letter-spacing:.06em}.context-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px 21px;gap:22px 14px}.context-strip span{font-size:8px}.context-strip b{font-size:11px}.dossier-section{grid-template-columns:1fr;gap:23px;padding:34px 21px;scroll-margin-top:14px}.section-side h2{font-size:34px;margin:13px 0 0}.section-side>.inline-link{margin-top:18px}.section-lead{font-size:14px;line-height:1.85}.wallet-note p,.module p{font-size:12px}.section-index{font-size:8px}.module{padding:22px 0}.module h3{font-size:16px}.execution-path{grid-template-columns:1fr;gap:17px;padding-top:22px}.execution-path ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 22px}.execution-path li+li:before{content:none}.execution-path li{font-size:11px}.section-caption{max-width:none;margin:19px 0 0}.contract-card{padding:22px}.contract-heading{font-size:8px;gap:14px}.contract-card #contractAddress{font-size:33px}.protocol-model dl>div{grid-template-columns:90px minmax(0,1fr);gap:13px}.protocol-model dd{font-size:9px}.signal-flow{padding:26px 21px}.flow-heading{align-items:flex-start;flex-direction:column;gap:9px;margin-bottom:23px}.flow-heading h2{font-size:13px}.flow-columns{grid-template-columns:1fr;gap:21px}.flow-columns>div+div{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.flow-columns h3{margin:8px 0 7px}.flow-columns p{font-size:10px}.dossier-end{padding:18px 21px;flex-direction:column;gap:8px;font-size:7px}.station-footer{flex-wrap:wrap;gap:21px;padding-bottom:26px}.footer-brand{font-size:18px}.station-footer nav{gap:19px;flex-wrap:wrap;font-size:10px}.station-footer .footer-outside{display:block;font-size:8px}}
@media(max-width:370px){.station-nav{font-size:9px;gap:7px}.station-nav .nav-terminal{padding:7px}.dossier-heading{flex-direction:column;gap:5px}h1{font-size:64px}.contract-heading{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1700px){.station-room{--scene-x:.6}}
@media(max-width:700px){.station-room{--scene-x:.73;--scene-y:0}}
