/* Styles condensed for r22 build; includes mobile contact improvements */
:root{--bg:#0a0a0a;--fg:#f5f5f5;--muted:#bfbfbf;--card:#121212;--line:#222;--shadow:0 10px 30px rgba(0,0,0,.35);--brand-blue:#3da9f4;--input-bg:#0f0f10;--input-border:#2a2a2a}
*{box-sizing:border-box}html,body{height:100%}
html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,sans-serif;font-size:16px;line-height:1.6;text-align:center}
.brand-accent{color:var(--brand-blue)}
.site-header{position:sticky;top:0;z-index:60;backdrop-filter:saturate(1.2) blur(6px);background:rgba(10,10,10,.65);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.brand .logo{height:38px}
.nav{display:flex;align-items:center;gap:20px}
.nav a{color:var(--fg);text-decoration:none;opacity:.9;transition:transform .25s ease,opacity .25s ease,background .25s ease;padding:8px 10px;border-radius:10px;font-weight:600}
.nav a:hover{opacity:1;transform:translateY(-1px);background:#151515}
.site-header .brand-accent{color:#fff!important}.nav a.login-link{color:#9ca3af!important}.nav a.login-link:hover{color:#e5e7eb!important;background:transparent}
.menu-btn{display:none;appearance:none;background:transparent;border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer;color:var(--fg)}
.menu-btn .bars{display:block;width:22px;height:2px;background:var(--fg);position:relative}
.menu-btn .bars::before,.menu-btn .bars::after{content:"";position:absolute;left:0;width:22px;height:2px;background:var(--fg)}
.menu-btn .bars::before{top:-6px}.menu-btn .bars::after{top:6px}
.desktop-nav{display:flex}.mobile-nav{display:none}.mobile-backdrop{display:none}
@media (max-width:900px){.desktop-nav{display:none}.menu-btn{display:inline-flex;align-items:center;justify-content:center}.mobile-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:90}.mobile-nav{display:none;position:fixed;left:0;right:0;top:60px;background:rgba(10,10,10,.98);border-top:1px solid var(--line);z-index:100;padding:10px 16px 20px;transform:translateY(-12px);opacity:0;transition:transform .2s ease,opacity .2s ease}.mobile-nav.open{display:block;transform:none;opacity:1}.mobile-backdrop.open{display:block}.mobile-menu{display:flex;flex-direction:column;gap:8px;text-align:left}.mobile-menu a{display:block;padding:14px 10px;border-radius:12px;text-decoration:none;color:var(--fg);font-weight:700}.mobile-menu a:hover{background:#151515}.mobile-menu a.login-link{color:#9ca3af}}
.main{max-width:1120px;margin:0 auto;padding:64px 20px}
.hero{display:grid;grid-template-columns:1fr;gap:24px;padding:70px 0 10px}
.hero-copy h1{font-size:clamp(34px,5.4vw,64px);margin:32px 0 8px;letter-spacing:-.02em}
.dual-viz{display:grid;grid-template-columns:1fr 1fr;gap:16px;justify-items:center}
.viz-card{background:linear-gradient(180deg,#0e0e0e,#0a0a0a);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:10px}
.viz{width:100%;border-radius:12px}
.section{padding:50px 0 10px}
.section h2{font-size:clamp(22px,3.2vw,34px);margin:32px 0 18px;letter-spacing:-.01em}
.section h2.promo{font-size:clamp(34px,5.4vw,64px);font-weight:800;letter-spacing:-.02em;margin-top:32px}
.static-visual{margin-top:16px;display:flex;justify-content:center}
.static-img{max-width:980px;width:100%;border-radius:12px;border:1px solid var(--line);box-shadow:var(--shadow)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;justify-items:center}
.card{background:#121212;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);min-height:140px;transition:transform .25s ease,box-shadow .25s ease;text-align:center}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,.45)}
.card h3{margin:0 0 6px;font-size:20px}.card p{margin:0;color:var(--muted)}
/* Contact */
.contact .contact-lead{color:var(--muted);margin-top:4px}
.contact .form{display:grid;grid-template-columns:repeat(2,minmax(280px,420px));justify-content:center;column-gap:36px;row-gap:18px;margin-top:24px}
.form label{display:flex;flex-direction:column;gap:8px;font-weight:700}
.form input,.form textarea{background:#0f0f10;color:var(--fg);border:1px solid #2a2a2a;border-radius:14px;padding:14px 16px;font:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
.form input:focus,.form textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 2px rgba(61,169,244,.35)}
.form .full{grid-column:1/-1}
.form-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px}
.btn{background:#fff;color:#000;border:none;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer;transition:transform .2s ease,opacity .2s ease}
.btn:hover{transform:translateY(-1px);opacity:.95}
.success{color:#9ae6b4;font-weight:700}
.site-footer{border-top:1px solid var(--line);margin-top:60px;padding:18px 20px;text-align:center;color:#bfbfbf}
.site-footer .brand-accent{color:#fff}
/* Agents */
.brand-mark{height:48px;margin:0 auto 12px;display:block;filter:drop-shadow(0 1px 0 rgba(0,0,0,.35));opacity:.95}
.brand-mark-labs{height:96px;display:block;margin:0 auto 12px;opacity:.98}
.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,360px));gap:28px;justify-content:center;padding:40px 0}
.agent-card{display:flex;flex-direction:column;align-items:center;text-align:center}
.agent-card h3{margin:12px 0 6px;font-size:18px;font-weight:800}
.agent-card p{margin:0;max-width:32ch;color:#bfbfbf;font-size:14px;line-height:1.5}
.icon-card.img-card{aspect-ratio:1/1;width:100%;border:1px solid var(--line);border-radius:20px;background:#0d0d0e;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.icon-card.img-card:hover{transform:translateY(-4px) scale(1.01);border-color:rgba(255,255,255,.45);box-shadow:0 18px 44px rgba(0,0,0,.5)}
.icon-card.img-card img{width:64%;filter:drop-shadow(0 0 .5px rgba(255,255,255,.85))}
/* r19 cards mobile */
@media (max-width:980px){.grid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media (max-width:640px){.grid{grid-template-columns:1fr;gap:14px}.card{padding:16px}.card h3{font-size:18px}.card p{font-size:14px}}
/* r20 members mobile */
@media (max-width:900px){#members-gate .grid{max-width:640px;padding:0 12px}#members-gate .card{padding:16px}#members-gate .form{row-gap:12px}#members-gate input[type="password"]{width:100%}}
@media (max-width:720px){.brand-mark-labs{height:80px}#membersContent .agent-grid{grid-template-columns:1fr;gap:18px}#membersContent .agent-card p{font-size:15px;line-height:1.6}#membersContent .icon-card.img-card{border-radius:18px}#membersContent .icon-card.img-card img{width:58%}}
@media (max-width:420px){#members-gate .card h3{font-size:18px}#members-gate .form .form-actions{flex-wrap:wrap;justify-content:center}}
/* r22 contact mobile */
@media (max-width:900px){.contact .form{grid-template-columns:1fr;column-gap:16px;row-gap:14px;padding:0 8px}.contact .form .full{grid-column:1}.contact .form input,.contact .form textarea{width:100%;min-height:44px}.contact .form textarea{min-height:120px}.contact .form-actions{grid-column:1;justify-content:stretch}.contact .form-actions .btn{width:100%;min-height:48px}.contact .contact-lead{padding:0 12px}}
@media (max-width:420px){.contact .form{row-gap:12px}.contact .form-actions .btn{padding:12px 16px}}
.contact .success{display:block;margin-top:8px;text-align:center}