/* Self-hosted fonts (SIL Open Font License) */
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/manrope-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hanken-grotesk-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/hanken-grotesk-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/hanken-grotesk-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/hanken-grotesk-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-latin-600-normal.woff2) format('woff2')}
body{margin:0;background:#04201F;color:#0F172A;font-family:'Hanken Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#0B5351}a:hover{color:#032726}
*{box-sizing:border-box}
h1,h2,h3{font-family:'Manrope',system-ui,sans-serif;margin:0}
p{margin:0}
.wrap{width:100%;max-width:1220px;margin:0 auto;padding:0 24px}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}
.serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-0.01em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;transition:transform .2s ease, box-shadow .2s ease, background .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn-mint{background:#5EEAD4;color:#032726;box-shadow:0 10px 30px rgba(94,234,212,.28)}
.btn-mint:hover{background:#7FF0DD;color:#032726}
.btn-ghost{background:rgba(255,255,255,.06);color:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.btn-ghost:hover{background:rgba(255,255,255,.12);color:#FFFFFF}
.btn-ink{background:#04201F;color:#FFFFFF;box-shadow:0 10px 30px rgba(4,32,31,.25)}
.btn-ink:hover{background:#0B5351;color:#FFFFFF}
.nl a{color:#C7DDD9;text-decoration:none;font-weight:500;font-size:15px}
.nl a:hover{color:#FFFFFF}
.foot a{color:#C7DDD9;text-decoration:none}
.foot a:hover{color:#FFFFFF}
input,select,button{font-family:inherit}
input:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #5EEAD4;outline-offset:3px}
.tile{transition:transform .25s ease, box-shadow .25s ease}
.tile:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(4,32,31,.12)}
@media (max-width:820px){.nl{display:none !important}.hide-sm{display:none !important}}

/* --- interactive bits --- */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none !important}}
.tour-tab{width:100%;text-align:left;display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:20px;border:0;cursor:pointer;color:#FFFFFF;background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);opacity:.72;transition:background .2s ease,box-shadow .2s ease,opacity .2s ease}
.tour-tab:hover{opacity:.9}
.tour-tab[aria-selected="true"]{background:rgba(94,234,212,.10);box-shadow:inset 0 0 0 1px rgba(94,234,212,.45);opacity:1}
.tour-panel[hidden]{display:none !important}
.faq-q{width:100%;min-height:64px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:transparent;border:0;padding:20px 0;cursor:pointer;text-align:left;color:#04201F;font-size:18px;font-weight:600}
.faq-icon{flex:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:400;background:#F1F4F3;color:#04201F;transition:transform .2s ease,background .2s ease}
.faq-q[aria-expanded="true"] .faq-icon{background:#04201F;color:#5EEAD4;transform:rotate(45deg)}
.join-form input::placeholder{color:#8FB3AD}
.join-status.error{color:#FCA5A5 !important}
.btn[disabled]{opacity:.7;cursor:default;transform:none}
.bento-wide{grid-column:span 2}
@media (max-width:760px){.bento-wide{grid-column:auto}}
@media (max-width:520px){.join-form{border-radius:24px !important}.join-form .btn{flex:1 1 100% !important}.join-form input{text-align:center}}
