:root{color-scheme:light;--bg:#F0EDE4;--panel:#E4DFD2;--line:#D3CCBB;--muted-brand:#4A5A55;--muted:#4A5A55;--body:#1C2422;--accent:#004741;--accent-ink:#F0EDE4;--dark:#004741;--dark-deep:#00332F;--dark-muted:#B9CFC9;--placeholder-bg:#E4DFD2;--placeholder-text:#1C2422;--hero-glow:rgba(240,237,228,.07);--font-display:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--body);font:400 1rem/1.65 var(--font-display);overflow-wrap:break-word}a{color:var(--accent);text-underline-offset:.22em}a:hover{text-decoration-thickness:.14em}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:3px}img{max-width:100%;height:auto;display:block}p{margin:0 0 1.1rem}h1,h2,h3{line-height:1.12;letter-spacing:-.035em;margin:0 0 .85rem}h1{font-size:clamp(2.6rem,6.5vw,6rem);max-width:16ch}h2{font-size:clamp(1.8rem,3vw,3rem)}h3{font-size:1.3rem}small,.eyebrow,.meta{font-family:var(--font-mono)}.eyebrow{color:var(--accent);font-size:.8rem;letter-spacing:.13em;text-transform:uppercase}.container{width:min(100% - 2.5rem,78rem);margin-inline:auto}.skip{position:absolute;top:-5rem;left:1rem;z-index:20;background:var(--accent);color:var(--accent-ink);padding:.55rem}.skip:focus{top:1rem}.site-header{border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1.3rem;min-height:5.3rem;flex-wrap:wrap;padding-block:.8rem}.brand{font-weight:800;font-size:1.2rem;letter-spacing:-.04em;color:var(--body);text-decoration:none}.brand-mark{display:inline-block;width:1rem;height:1rem;border:2px solid var(--accent);transform:rotate(-22deg);margin-right:.7rem;vertical-align:baseline}.links{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;align-items:center}.links a{color:var(--body);text-decoration:none;font-size:.9rem}.links a:hover,.links a[aria-current="page"]{color:var(--accent);text-decoration:underline}.hero{padding-block:clamp(4rem,9vw,9rem);background:radial-gradient(ellipse at 75% 20%,var(--hero-glow) 0,transparent 50%)}.hero p,.intro{max-width:63ch;font-size:clamp(1rem,1.6vw,1.25rem);color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.7rem 1.25rem;border:1px solid var(--accent);border-radius:4px;text-decoration:none;font-weight:700;white-space:normal;text-align:center}.button.primary{background:var(--accent);color:var(--accent-ink)}.button.secondary{color:var(--accent)}.section{padding-block:clamp(3rem,6vw,6rem);border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem}.card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);padding:clamp(1.4rem,2.2vw,2rem);min-width:0;border-radius:5px}.card p{color:var(--muted);flex:1}.card a{align-self:start}.icon{font:700 1rem var(--font-mono);display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid var(--accent);color:var(--accent);border-radius:4px;margin-bottom:1.7rem}.placeholder{display:inline-block;border:1px dashed var(--muted-brand);border-radius:4px;background:var(--placeholder-bg);padding:.25rem .55rem;color:var(--placeholder-text);font: .9em/1.6 var(--font-mono);max-width:100%;overflow-wrap:anywhere}.placeholder-block{display:block;padding:1rem;margin:1rem 0}.feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(1.5rem,5vw,5rem);padding-block:3rem;border-bottom:1px solid var(--line)}.feature:nth-child(even) .feature-media{order:-1}.feature-media{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:1rem}.feature-media img{width:100%}.content{max-width:75ch}.content > * + *{margin-top:1.2rem}.content li{margin-bottom:.7rem}.join-section{background:var(--panel)}.faq-item{padding:1.5rem 0;border-bottom:1px solid var(--line)}.site-footer{padding-block:3rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.4rem}.footer-links a{color:var(--body)}.legal{max-width:92ch}.stats{display:flex;gap:2rem;flex-wrap:wrap}.stats > div{flex:1;min-width:10rem}.stats strong{display:block;font-size:2rem;color:var(--accent)}
.site-header,.site-footer{background:var(--panel)}
.mobile-login{display:none}
/* Six equal tracks let a five-card row finish with two equal half-width cards. */
.grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.grid>.card{grid-column:span 2}
.grid>.card:nth-child(4):nth-last-child(2),.grid>.card:nth-child(5):last-child{grid-column:span 3}
.card .icon{display:block;width:24px;height:24px;flex:none;color:var(--accent);border:0;border-radius:0}
@media(max-width:900px){.nav{align-items:start;gap:.5rem}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.mobile-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex:none;padding:.35rem .65rem;border:1px solid var(--accent);border-radius:4px;color:var(--accent);text-decoration:none;font-size:.85rem;white-space:nowrap}.links{width:100%;max-width:100%;gap:.7rem 1rem;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;overscroll-behavior-inline:contain;padding:.75rem .75rem .85rem;scrollbar-width:thin}.links a{display:inline-flex;align-items:center;min-height:40px;padding:6px 10px;flex:none;scroll-margin-inline:.5rem}.links{scroll-padding-inline:.75rem}.site-header .links a:focus-visible{outline-offset:-4px}.links .desktop-login{display:none}}
@media(min-width:401px) and (max-width:900px){.links{gap:.7rem 1.45rem}}
@media(max-width:700px){.grid{grid-template-columns:minmax(0,1fr)}.grid>.card,.grid>.card:nth-child(4):nth-last-child(2),.grid>.card:nth-child(5):last-child{grid-column:auto}.hero{padding-block:4rem}.feature{grid-template-columns:1fr}.feature:nth-child(even) .feature-media{order:0}.container{width:min(100% - 2rem,78rem)}}
/* Cypress/Sand bands: the root is the light surface; dark bands override semantic ink. */
.band-light{--band-bg:var(--bg);--band-ink:var(--body);--band-muted:var(--muted);--band-link:var(--accent);--band-button:var(--accent);--band-button-ink:var(--bg);--band-focus:var(--accent)}
.band-dark,.site-header,.hero,.join-section,.site-footer{--band-bg:var(--dark);--band-ink:var(--bg);--band-muted:var(--dark-muted);--band-link:var(--bg);--band-button:var(--bg);--band-button-ink:var(--dark);--band-focus:var(--bg);--placeholder-bg:var(--bg);--placeholder-text:var(--dark)}
.site-header{--band-bg:var(--dark-deep);--band-button-ink:var(--dark-deep);background:var(--dark-deep);color:var(--bg);border-color:var(--dark)}
.hero{background:var(--dark);color:var(--bg)}
.join-section{background:var(--dark);color:var(--bg)}
.site-footer{background:var(--dark);color:var(--dark-muted);border-color:var(--dark-deep)}
.site-header .brand,.site-header .links a,.site-footer .footer-links a{color:var(--bg)}
.site-header .links a:hover,.site-header .links a[aria-current="page"]{color:var(--bg)}
.hero p,.join-section p{color:var(--dark-muted)}
.hero .eyebrow,.join-section .eyebrow,.site-footer a{color:var(--bg)}
.hero .placeholder,.join-section .placeholder{background:var(--bg);color:var(--dark);border-color:var(--bg)}
.band-light .button,.button{border-color:var(--accent)}
.band-light .button.primary,.button.primary{background:var(--accent);color:var(--bg)}
.band-light .button.secondary,.button.secondary{color:var(--accent)}
.band-dark .button,.hero .button,.join-section .button{border-color:var(--bg)}
.band-dark .button.primary,.hero .button.primary,.join-section .button.primary{background:var(--bg);color:var(--dark)}
.band-dark .button.secondary,.hero .button.secondary,.join-section .button.secondary{color:var(--bg)}
.site-header .mobile-login{color:var(--bg);border-color:var(--bg)}
.site-header .brand-mark{border-color:var(--bg)}
.site-header a:focus-visible,.hero a:focus-visible,.join-section a:focus-visible,.site-footer a:focus-visible{outline:3px solid var(--bg)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}