@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono.woff2) format("woff2");font-weight:100 800;font-display:swap}.brand{--b-bg:#0a0a0b;--b-raised:#111113;--b-field:#141416;--b-line:#222226;--b-line2:#2a2a2e;--b-text:#f4f4f2;--b-muted:#9a9aa0;--b-dim:#84848b;--b-pill:#f2f2ee;--b-green:#5bd48a;--b-blue:#7c8cff;--b-display:"Instrument Sans",system-ui,-apple-system,sans-serif;--b-body:"Instrument Sans",system-ui,-apple-system,sans-serif;--b-mono:"Instrument Sans",system-ui,-apple-system,sans-serif;--b-code:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;background:var(--b-bg);color:var(--b-text);font-family:var(--b-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}.brand *{box-sizing:border-box}.brand a{color:inherit}.brand-col{position:relative;width:100%;max-width:430px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:0 22px calc(30px + env(safe-area-inset-bottom, 0px))}.brand-glow{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(58,78,170,.2),rgba(58,78,170,0) 68%);pointer-events:none}.brand-glow.green{background:radial-gradient(circle,rgba(91,212,138,.1),rgba(91,212,138,0) 62%)}.brand-top{position:relative;height:64px;flex-shrink:0;display:flex;align-items:center;gap:14px;justify-content:space-between}.brand-word{font-family:var(--b-display);font-size:24px;font-weight:600;letter-spacing:-.5px;color:#d9d9d6;text-decoration:none}.brand-mono{font-family:var(--b-mono);font-size:12px;letter-spacing:1.5px;color:var(--b-dim)}.brand-back{margin:0;padding:0;width:42px;height:42px;flex-shrink:0;border:1px solid var(--b-line2);border-radius:50%;background:transparent;color:var(--b-text);cursor:pointer;display:flex;align-items:center;justify-content:center}.brand-progress{flex-grow:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}.brand-progress span{height:3px;border-radius:2px;background:var(--b-line2);transition:background .3s ease}.brand-progress span.on{background:var(--b-pill)}.brand-stage{position:relative;height:290px;display:flex;align-items:center;justify-content:center}.brand-card{width:300px;max-width:88%;aspect-ratio:300/190;border-radius:16px;background:linear-gradient(150deg,#2b2b2e,#151517);border:1px solid #2e2e33;box-shadow:0 30px 60px rgba(0,0,0,.6);padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;animation:b-float 5s ease-in-out infinite}.brand-card-name{font-family:var(--b-mono);font-size:15px;font-weight:700;letter-spacing:1px}.brand-card-word{align-self:center;margin-bottom:18%;font-family:var(--b-display);font-size:40px;font-weight:600;letter-spacing:-1px;color:#d5d5d2}.brand-toast{position:absolute;top:36px;right:0;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--b-field);border:1px solid #2e2e33;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.5);animation:b-pop .5s cubic-bezier(.2,.9,.3,1.2) .7s both}.brand-toast strong{display:block;font-size:15px;font-weight:600}.brand-toast small{display:block;font-family:var(--b-mono);font-size:12px;color:var(--b-muted)}.brand-check{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#16301f;color:var(--b-green);display:flex;align-items:center;justify-content:center}.brand-tag{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--b-line2);border-radius:999px;font-family:var(--b-mono);font-size:11px;letter-spacing:2px;color:#b8b8be}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--b-green);animation:b-pulse 2s ease-out infinite}.brand-label{position:relative;font-family:var(--b-mono);font-size:11px;letter-spacing:2.4px;color:#8a8a90}.brand-h1{position:relative;margin:18px 0 0;font-family:var(--b-display);font-size:clamp(32px,10vw,42px);font-weight:600;letter-spacing:-.035em;line-height:1.04}.brand-h1 .dim{color:#6e6e74}.brand-h1.sm{margin-top:10px;font-size:clamp(30px,9vw,36px)}.brand-p{position:relative;margin:14px 0 0;font-size:16px;line-height:1.5;color:var(--b-muted)}.brand-input{position:relative;width:100%;margin-top:22px;padding:18px;background:var(--b-field);border:1px solid var(--b-line2);border-radius:16px;font-family:var(--b-body);font-size:20px;font-weight:500;color:var(--b-text);transition:border-color .2s ease}.brand-input::placeholder{color:#55555b}.brand-input:focus{outline:none;border-color:var(--b-pill)}.brand-hint{margin-top:12px;color:#8a8a90}.brand-error,.brand-hint{position:relative;font-size:14px;line-height:1.5}.brand-error{margin-top:14px;padding:12px 14px;border:1px solid #5a2a2a;background:#1c1111;border-radius:12px;color:#f0c4c4}.brand-error a{font-weight:600}.brand-panel{position:relative;margin-top:18px;display:flex;flex-direction:column;background:var(--b-raised);border:1px solid var(--b-line);border-radius:16px}.brand-panel>div{display:flex;gap:14px;align-items:center;padding:16px}.brand-panel>div+div{border-top:1px solid var(--b-line)}.brand-panel .icon{width:34px;height:34px;flex-shrink:0;border-radius:10px;background:#1b1b1e;display:flex;align-items:center;justify-content:center}.brand-panel strong{display:block;font-size:15px;font-weight:600}.brand-panel small{display:block;font-size:14px;line-height:1.45;color:#8a8a90}.brand-panel .num{font-family:var(--b-mono);font-size:12px;color:var(--b-blue)}.brand-panel .grow{flex-grow:1;font-size:15px;font-weight:500}.brand-cta{position:relative;width:100%;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 24px;border:0;border-radius:999px;background:var(--b-pill);color:var(--b-bg);font-family:var(--b-body);font-size:17px;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .15s ease,background .2s ease,color .2s ease}.brand-cta:active{transform:scale(.98)}.brand-cta:disabled{opacity:1;background:#1e1e21;color:var(--b-dim);cursor:default}.brand-cta.inline{margin-top:28px}.brand-ghost{padding:0 24px;position:relative;width:100%;margin-top:10px;display:flex;align-items:center;justify-content:center;min-height:50px;border:1px solid var(--b-line2);border-radius:999px;background:transparent;color:var(--b-text);font-family:var(--b-body);font-size:15px;font-weight:500;text-decoration:none;cursor:pointer}.brand-foot{position:relative;margin-top:14px;text-align:center;font-family:var(--b-mono);font-size:11px;letter-spacing:2px;color:var(--b-dim)}.brand-preview{position:relative;margin:22px auto 0;width:300px;max-width:100%;min-height:190px;border-radius:16px;background:#1a1917;border:1px solid #2e2c28;box-shadow:0 24px 50px rgba(0,0,0,.55);padding:20px;display:flex;flex-direction:column;gap:12px;font-family:Instrument Sans,system-ui,sans-serif}.brand-preview .avatar{width:36px;height:36px;border-radius:6px;background:#3a3733}.brand-preview .name{font-size:34px;font-weight:600;letter-spacing:-1.1px;line-height:.98;color:#efede7;overflow-wrap:anywhere}.brand-preview .name.empty{color:#5a5852}.brand-preview .save{margin-top:auto;padding:9px;background:#efede7;color:#1a1917;border-radius:3px;text-align:center;font-size:12px;font-weight:600}.brand-phone{position:relative;margin:20px auto 0;width:250px;height:356px;flex-shrink:0;border-radius:30px;border:7px solid #000;box-shadow:0 24px 50px rgba(0,0,0,.6),0 0 0 1px var(--b-line2);overflow:hidden;padding:28px 18px 0;display:flex;flex-direction:column;gap:8px;font-family:Instrument Sans,system-ui,sans-serif;transition:background .3s ease,color .3s ease}.brand-phone>*{animation:b-rise .6s cubic-bezier(.2,.7,.2,1) both}.brand-phone>:nth-child(2){animation-delay:.06s}.brand-phone>:nth-child(3){animation-delay:.12s}.brand-phone>:nth-child(4){animation-delay:.18s}.brand-phone>:nth-child(5){animation-delay:.24s}.brand-phone .p-name{margin-top:8px;font-size:30px;font-weight:600;letter-spacing:-1px;line-height:.95;overflow-wrap:anywhere}.brand-phone .p-line{display:flex;justify-content:space-between;padding:10px 0;font-size:13px}.brand-themes{position:relative;margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.brand-theme{margin:0;width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:54px;background:var(--b-raised);border:1.5px solid var(--b-line);border-radius:12px;font:inherit;color:var(--b-text);text-align:left;cursor:pointer}.brand-theme[aria-pressed=true]{border-color:var(--b-pill)}.brand-theme .sw{width:30px;height:30px;flex-shrink:0;border-radius:8px;border:1px solid #333338;display:flex;align-items:center;justify-content:center}.brand-theme .sw span{width:12px;height:4px;border-radius:2px}.brand-theme strong{display:block;font-size:14px;font-weight:600}.brand-theme small{display:block;font-family:var(--b-mono);font-size:10px;letter-spacing:1px;color:var(--b-dim)}.brand-success{position:relative;margin-top:40px;height:96px;display:flex;align-items:center;justify-content:center}.brand-success .ring{position:absolute;width:84px;height:84px;border-radius:50%;border:2px solid var(--b-green);animation:b-ring 2.2s ease-out .6s infinite}.brand-success .big{width:84px;height:84px;border-radius:50%;background:#16301f;border:1px solid #25513a;color:var(--b-green);display:flex;align-items:center;justify-content:center;animation:b-popbig .7s cubic-bezier(.2,.9,.3,1.2) both}.brand-url{position:relative;margin:20px auto 0;display:inline-flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border:1px solid var(--b-line2);border-radius:999px;max-width:100%}.brand-url span{font-family:var(--b-mono);font-size:12px;letter-spacing:.5px;color:#c8c8cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-url button{margin:0;width:auto;flex-shrink:0;height:30px;padding:0 10px;border:0;border-radius:999px;background:#1b1b1e;color:var(--b-text);font-family:var(--b-mono);font-size:11px;letter-spacing:1px;cursor:pointer}.brand-center{text-align:center}.brand-enter>*{animation:b-rise .6s cubic-bezier(.2,.7,.2,1) both}.brand-enter>:nth-child(2){animation-delay:.05s}.brand-enter>:nth-child(3){animation-delay:.1s}.brand-enter>:nth-child(4){animation-delay:.15s}.brand-enter>:nth-child(5){animation-delay:.2s}.brand-enter>:nth-child(6){animation-delay:.25s}.brand-enter>:nth-child(7){animation-delay:.3s}.brand-enter>:nth-child(8){animation-delay:.35s}.brand-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.brand :focus-visible{outline:2px solid var(--b-pill);outline-offset:3px}@keyframes b-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(-3deg)}}@keyframes b-pop{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:none}}@keyframes b-popbig{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes b-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes b-pulse{0%,to{box-shadow:0 0 0 0 rgba(91,212,138,.55)}70%{box-shadow:0 0 0 7px rgba(91,212,138,0)}}@keyframes b-ring{0%{transform:scale(.8);opacity:.7}to{transform:scale(1.9);opacity:0}}@media (prefers-reduced-motion:reduce){.brand *,.brand :after,.brand :before{animation:none!important;transition:none!important}}.chapter-crest{display:flex;flex-direction:column;align-items:center;gap:16px;padding:34px 16px 26px;border:1px solid var(--b-line);border-radius:16px;background:var(--b-raised)}.chapter-letters{font-family:var(--b-display);font-size:64px;font-weight:600;letter-spacing:8px;line-height:1;color:#f7f6f2;animation:b-crest .75s cubic-bezier(.2,.7,.2,1) both}.chapter-line{font-family:var(--b-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--b-muted);text-align:center}@keyframes b-crest{0%{opacity:0;transform:scale(.94);letter-spacing:20px}to{opacity:1;transform:none}}.heard{margin:0 0 18px;padding:0;border:0}.heard legend{padding:0;font-size:15px;font-weight:600;color:var(--b-text)}.heard legend span{font-weight:400;color:var(--b-muted);margin-left:6px;font-size:13px}.heard>div{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.heard label{position:relative}.heard input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.heard span{display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border-radius:16px;border:1px solid var(--b-line2);font-size:14px;color:var(--b-text);transition:background .2s ease,color .2s ease,transform .15s ease}.heard input:checked+span{background:var(--b-pill);color:var(--b-bg);border-color:var(--b-pill);font-weight:600}.heard input:focus-visible+span{outline:2px solid var(--b-pill);outline-offset:2px}.heard label:active span{transform:scale(.96)}.brand .brand-cta:focus-visible,.brand .brand-ghost:focus-visible,.brand .org-btn-ghost:focus-visible,.brand .org-btn:focus-visible,.brand .org-filters a:focus-visible,.brand .org-tabs a:focus-visible{outline:2px solid var(--b-pill);outline-offset:3px}@media (prefers-contrast:more){.brand{--b-muted:#c4c4c8;--b-dim:#aeaeb4;--b-line:#45454b;--b-line2:#55555b}}.share-check{display:flex;align-items:center;gap:10px;min-height:36px;font-size:14px;color:var(--b-text);cursor:pointer}.share-check input{width:20px;height:20px;accent-color:var(--b-pill);flex-shrink:0}.brand-word{display:inline-block;width:100px;height:24px;background:url(/logo-connex.png) no-repeat 0/contain;font-size:0!important;color:transparent!important}.brand a.brand-cta{color:var(--b-bg)}.brand a.brand-ghost{color:var(--b-text)}.brand-glow,.brand-tag{display:none!important}.brand .brand-cta:hover,.brand a.brand-cta:hover{opacity:1;filter:none;background:#ffffff}.brand .brand-ghost:hover{opacity:1;border-color:var(--b-text)}.cardcode,.code{font-family:var(--b-code)}