
:root{color-scheme:dark;--base:#0c1414;--panel:#121f1f;--ink:#eaf6ef;--muted:#a6bdb7;--mint:#86eac2;--line:#304840;font-family:system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--base);color:var(--ink)}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.top{padding:1.25rem max(6vw,1rem);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{font-size:1.2rem;letter-spacing:-.045em}.brand b{color:var(--mint)}.quiet,footer{color:var(--muted);font-size:.875rem}
.wrap{max-width:80rem;margin:auto;padding:0 max(6vw,1rem)}
.hero{padding:clamp(3rem,12vh,9rem) 0 clamp(3rem,10vh,7rem);background:radial-gradient(ellipse at 82% 44%,#19322b 0%,transparent 56%)}
.mono{font-family:ui-monospace,monospace;letter-spacing:.13em;font-size:.75rem}
.eyebrow{color:var(--mint)}
h1{font-size:clamp(2.6rem,8.5vw,8rem);line-height:.95;letter-spacing:-.075em;margin:1rem 0 1.75rem}h1 em{display:block;font-style:normal;color:var(--mint)}
.intro{max-width:35rem;color:var(--muted);font-size:clamp(1rem,2vw,1.25rem);line-height:1.65;margin-bottom:2rem}
.button,button{display:inline-flex;gap:1.3rem;align-items:center;background:var(--mint);color:var(--base);font:inherit;font-weight:650;padding:.7rem 1rem;border:1px solid transparent;border-radius:.25rem;cursor:pointer}
.button:hover,button:hover{background:#b1ffe1}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-bottom:3rem}
article{padding:1.25rem 1.25rem 1rem 0}article+article{border-left:1px solid var(--line);padding-left:1.25rem}article h2{font-size:1.1rem}article p{color:var(--muted);line-height:1.55}
footer.top{border-bottom:0;border-top:1px solid var(--line)}
.console{padding-top:3rem;padding-bottom:4rem}.console h1{font-size:clamp(2.5rem,7vw,5rem)}
form,.tabs{display:flex;flex-wrap:wrap;gap:.8rem;align-items:end}label{display:grid;gap:.35rem;color:var(--muted)}
input,select,textarea{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:.25rem;padding:.7rem;font:inherit}
#status{min-height:1.5rem;color:var(--mint)}#submit{margin-top:1.5rem}#submit label{flex:1 1 100%}
textarea,pre{font-family:ui-monospace,monospace}pre{overflow:auto;max-height:24rem}details{padding:.9rem;border:1px solid var(--line);margin-bottom:.6rem}summary{cursor:pointer}
details button{margin-right:.5rem}
#invitation{margin-top:1rem;padding:1rem;border:1px solid var(--line)}#invitation img{display:block;max-width:100%;margin-bottom:.75rem}
[hidden]{display:none !important}
@media(max-width:580px){.features{grid-template-columns:1fr}article+article{padding-left:0;border-left:0;border-top:1px solid var(--line)}}
