
: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,#provision{margin-top:1.5rem}#submit label,#provision 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}
.actions,.path-nav{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.secondary{background:var(--panel);border-color:var(--line);color:var(--ink)}.secondary:hover{background:#203831}
.enrollment-guide,.registration{padding-top:clamp(2.2rem,7vw,5rem);padding-bottom:4rem}.enrollment-guide h1,.registration h1{font-size:clamp(2.6rem,8vw,5rem);line-height:1.03}.enrollment-guide h2{font-size:clamp(1.45rem,4vw,2.1rem);letter-spacing:-.045em}.scope-controls{margin-top:2rem}.scope-controls label{min-width:0}.scope-controls input,.scope-controls select{width:100%;min-width:0}.path-nav{margin:1.5rem 0;border-block:1px solid var(--line);padding:.85rem 0;gap:1.3rem}.path-nav a,.enrollment-guide>.quiet,.registration>.quiet{text-decoration:underline;text-underline-offset:.25em}.path-section{margin:2rem 0}.path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.9rem}.path-card,.invite-details{padding:1.15rem;border:1px solid var(--line);border-radius:.55rem;background:var(--panel);min-width:0}.path-card h3{margin:.35rem 0}.path-card p,.path-note,.invite-details p{color:var(--muted);line-height:1.55}.path-grade{color:var(--mint)!important;margin:.1rem 0}.endpoint{font-size:.84rem;overflow-wrap:anywhere}.endpoint span{font-weight:700;color:var(--mint);margin-right:.25rem}.path-card details,.invite-details details{margin-top:.7rem;padding:.6rem}.path-card pre,.invite-details pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}.path-note code,.invite-details code{overflow-wrap:anywhere;color:var(--ink)}.registration{max-width:58rem}.invitation-form label{flex:1 1 20rem;min-width:0}.invitation-form input{width:100%}.invite-details h2{margin:.5rem 0}.invite-details .actions{margin:.8rem 0 1rem}.invite-details #invite-paths details{margin-bottom:.5rem}.invite-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.75rem;width:100%}.invite-controls select{min-width:0;width:100%}#submit h3,#submit p{flex:1 1 100%;margin:0}#submit textarea{min-width:0;width:100%}#guide-status{color:var(--mint);min-height:1.2em}
[hidden]{display:none !important}
.invitation-form #invite-help{flex-basis:100%}.registration #status{min-height:0}.registration [aria-invalid="true"]{border-color:#ffd7a3}.registration #need-invitation{margin-top:1.4rem}
.interaction-check{margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:.55rem}.interaction-check h3{margin:0}.interaction-check p{margin:.55rem 0}.interaction-check #interaction-status{color:var(--mint)}.interaction-check #interaction-status:empty{margin:0}.interaction-check small{display:block;margin-top:.65rem}
.contact-enrollment{margin:1.15rem 0}.contact-enrollment summary{cursor:pointer}.contact-enrollment form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.75rem;align-items:end}.contact-enrollment input,.contact-enrollment select{width:100%;min-width:0}.contact-enrollment [role="status"]{color:var(--mint)}.contact-devices{display:grid;gap:.6rem;margin-bottom:.75rem}#submit>.contact-enrollment{flex:1 1 100%}#submit>.contact-enrollment input{margin:.35rem 0 .6rem}
@media(max-width:580px){.features{grid-template-columns:1fr}article+article{padding-left:0;border-left:0;border-top:1px solid var(--line)}.path-card{padding:1rem}.scope-controls label{flex:1 1 8rem}}
