/* Cortex Connect v2 layers: brain, wingman cursor, floating agent, intents, launch, swipe, steps game, wingman chat, growth story */

/* brain background */
.brain{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.brain-tip{position:fixed;z-index:30;display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:99px;background:rgba(16,19,28,.86);border:1px solid var(--line-2);backdrop-filter:blur(8px);font-size:12px;color:var(--ink-2);pointer-events:none;opacity:0;transform:translateY(6px) scale(.96);transition:opacity .35s var(--ease),transform .35s var(--ease)}
.brain-tip.on{opacity:1;transform:none}
.brain-tip img{width:28px;height:34px;border-radius:50%;object-fit:cover}
.brain-tip b{display:block;color:var(--ink);font-size:13px}
.brain-tip em{font:500 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-hi);font-style:normal}
.ripple{position:fixed;z-index:29;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:1px solid var(--gold-hi);pointer-events:none;animation:rip .9s var(--ease) forwards}
@keyframes rip{to{transform:scale(9);opacity:0}}

/* wingman cursor */
html.has-wing,html.has-wing body,html.has-wing a,html.has-wing button,html.has-wing [role=button],html.has-wing label,html.has-wing summary,html.has-wing .chip{cursor:none}
html.has-wing input,html.has-wing textarea,html.has-wing select{cursor:auto}
.wing-cursor{position:fixed;left:0;top:0;z-index:9999;width:44px;height:28px;pointer-events:none;opacity:0;transition:opacity .25s}
.wing-cursor.on{opacity:1}
.wing-cursor.text{opacity:.25}
.wing-cursor svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 6px rgba(242,201,76,.6))}
.wing-cursor path{fill:var(--gold-hi);transform-origin:32px 22px;animation:flapl 1.1s ease-in-out infinite}
.wing-cursor .wr{animation-name:flapr}
.wing-cursor circle{fill:#fff}
.wing-cursor.hot path{fill:var(--ruby-ink);animation-duration:.35s}
.wing-cursor.hot{width:54px;height:34px}
.wing-cursor.flap path{animation-duration:.12s}
@keyframes flapl{0%,100%{transform:rotate(0)}50%{transform:rotate(14deg)}}
@keyframes flapr{0%,100%{transform:rotate(0)}50%{transform:rotate(-14deg)}}

/* floating agent button */
.float-agent{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:99px;background:linear-gradient(135deg,var(--gold-hi),var(--gold));color:#141006;text-decoration:none;box-shadow:0 14px 40px -10px rgba(242,201,76,.7);transition:transform .4s var(--ease),opacity .4s var(--ease)}
.float-agent:hover{transform:translateY(-3px) scale(1.03)}
.float-agent.away{opacity:0;transform:translateY(20px);pointer-events:none}
.fa-wing{width:40px;height:40px;border-radius:50%;background:#141006;display:grid;place-items:center;animation:bob 2.6s ease-in-out infinite}
.fa-wing svg{width:28px;height:18px}
.fa-wing path{fill:var(--gold-hi)}.fa-wing circle{fill:#fff}
.fa-txt b{display:block;font:800 15px/1.1 var(--display);transition:opacity .2s,transform .2s}
.fa-txt small{font-size:11px;font-weight:600;opacity:.75}
.float-agent.swap b{opacity:0;transform:translateY(-6px)}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media (max-width:560px){.fa-txt small{display:none}.float-agent{padding-right:14px}}

/* hero intents */
.intents{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
.intents-l{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-right:4px}
.intent{min-height:38px;padding:0 14px;border-radius:99px;border:1px solid var(--line-2);background:rgba(11,13,20,.55);backdrop-filter:blur(6px);color:var(--ink);font:500 14px var(--body);cursor:pointer;transition:all .3s var(--ease)}
.intent:hover{border-color:var(--gold-hi);transform:translateY(-2px)}
.intent[aria-pressed=true]{background:rgba(212,175,55,.22);border-color:var(--gold-hi)}
.band .intents{pointer-events:auto}

/* launch */
.launch-orb{position:fixed;z-index:80;width:70px;height:44px;pointer-events:none;filter:drop-shadow(0 0 18px rgba(242,201,76,.9))}
.launch-orb svg{width:100%;height:100%}.launch-orb path{fill:var(--gold-hi)}.launch-orb circle{fill:#fff}
.launch-trail{position:fixed;z-index:79;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--gold-hi);pointer-events:none;animation:trail .6s ease-out forwards}
@keyframes trail{to{transform:scale(.1);opacity:0}}
.burst{position:fixed;z-index:81;width:8px;height:8px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 10px var(--gold-hi);pointer-events:none}
.burst:nth-child(3n){background:var(--ruby-ink);box-shadow:0 0 10px var(--ruby-ink)}
.city.hit{animation:hit .7s var(--ease)}
@keyframes hit{0%{box-shadow:0 0 0 0 rgba(242,201,76,.8)}100%{box-shadow:0 0 0 40px rgba(242,201,76,0)}}
#playResults li[role=button]{cursor:pointer;transition:transform .3s var(--ease),background .3s}
#playResults li[role=button]:hover{transform:translateX(-4px);background:rgba(212,175,55,.08)}

/* swipe */
.swipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.swipe-copy{display:grid;gap:20px;align-content:start}
.swipe-copy .label{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.swipe-stage{display:grid;gap:16px;justify-items:center;position:relative;padding-top:96px}
.deck{position:relative;width:min(380px,86vw);aspect-ratio:4/5.2;touch-action:pan-y}
.card{position:absolute;inset:0;perspective:1400px;transform:translateY(calc(var(--d,0) * 12px)) scale(calc(1 - var(--d,0) * .04));transition:transform .45s var(--ease),opacity .45s var(--ease);user-select:none;-webkit-user-select:none}
.card.top{cursor:grab;z-index:3}
.card.drag{transition:none;cursor:grabbing}
.card-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s var(--ease)}
.card.flip .card-in{transform:rotateY(180deg)}
.face{position:absolute;inset:0;border-radius:26px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--line-2);background:var(--panel);box-shadow:0 30px 70px -30px rgba(0,0,0,.8)}
.face.front img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.face.front::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(8,9,14,.95))}
.face .cap{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;display:grid;gap:6px}
.face .cap h3{font-size:30px}
.face .cap p{color:var(--ink-2);font-size:14px}
.intent-b{justify-self:start;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;border-radius:99px;background:rgba(255,46,77,.2);border:1px solid rgba(255,46,77,.5);color:var(--ruby-ink)}
.hob{display:flex;flex-wrap:wrap;gap:6px}
.hob span{font-size:12px;padding:4px 10px;border-radius:99px;background:rgba(245,239,224,.1);border:1px solid rgba(245,239,224,.18)}
.sample{position:absolute;top:12px;left:12px;z-index:2;font:500 8px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:4px 7px;border-radius:99px;background:rgba(11,13,20,.5);color:rgba(245,239,224,.45)}
.stamp{position:absolute;top:28px;z-index:3;font:800 34px/1 var(--display);padding:6px 14px;border:3px solid;border-radius:12px;opacity:0;transition:opacity .1s}
.stamp.like{left:22px;color:#5BE49B;transform:rotate(-14deg);opacity:var(--like,0)}
.stamp.nope{right:22px;color:var(--ruby-ink);transform:rotate(14deg);opacity:var(--nope,0)}
.face.back{transform:rotateY(180deg);padding:26px;display:grid;align-content:start;gap:12px}
.face.back .why{font-size:17px}
.face.back .quote{font:600 20px/1.3 var(--display);color:var(--gold-hi)}
.face.back dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:6px 0 0;font-size:14px}
.face.back dt{color:var(--ink-3)}.face.back dd{margin:0}
.card.out-r{transform:translate(140%,-10%) rotate(24deg)!important;opacity:0}
.card.out-l{transform:translate(-140%,-10%) rotate(-24deg)!important;opacity:0}
.end-face{display:grid;align-content:center;gap:14px;padding:30px;text-align:center;justify-items:center;background:radial-gradient(80% 60% at 50% 30%,rgba(212,175,55,.18),var(--panel))!important}
.end-face::after{display:none}
.deck.shuffle .card{animation:riffle .8s var(--ease) both}
.deck.shuffle .card:nth-child(1){animation-delay:.12s}.deck.shuffle .card:nth-child(2){animation-delay:.06s}
@keyframes riffle{0%{transform:translateX(-60%) rotate(-12deg);opacity:0}50%{transform:translateX(30%) rotate(8deg);opacity:1}100%{transform:translateY(calc(var(--d,0) * 12px)) scale(calc(1 - var(--d,0) * .04))}}
.swipe-ctrl{display:flex;align-items:center;gap:22px}
.sw-btn{width:64px;height:64px;border-radius:50%;border:1px solid var(--line-2);background:var(--panel);color:var(--ink);font-size:24px;cursor:pointer;transition:transform .3s var(--ease),background .3s}
.sw-btn:hover{transform:scale(1.1)}
.sw-btn.yes{color:var(--ruby-ink);border-color:rgba(255,46,77,.6)}
.sw-btn.yes:hover{background:rgba(255,46,77,.15)}
.sw-btn.no:hover{background:rgba(245,239,224,.08)}
.sw-count{font:500 13px var(--mono);color:var(--ink-3);min-width:60px;text-align:center}
.sw-hint{max-width:34ch}
.agent-say{position:absolute;z-index:5;top:0;left:50%;transform:translateX(-50%);width:min(380px,92vw);display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:18px;background:rgba(16,19,28,.94);border:1px solid var(--gold-hi);box-shadow:0 20px 50px -20px rgba(242,201,76,.5)}
.agent-say.pop{animation:pop .45s var(--ease)}
@keyframes pop{from{transform:translate(-50%,10px) scale(.94);opacity:0}}
.agent-say p{font-size:15px}
.as-av{flex:0 0 32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--gold-hi) 40%,var(--gold) 70%);box-shadow:0 0 16px var(--gold-hi)}
.as-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;justify-content:center}
.agent-say .as-acts{justify-content:flex-start}
.type-box .chip{font-size:13px;min-height:34px}
.locked-row{display:flex;flex-wrap:wrap;gap:10px}
.lk{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:99px;border:1px solid rgba(255,46,77,.5);background:rgba(255,46,77,.1);font-size:14px;animation:pop .45s var(--ease)}
.lk img{width:30px;height:36px;border-radius:50%;object-fit:cover}
@media (max-width:900px){.swipe-grid{grid-template-columns:1fr}.swipe-stage{order:-1}}

/* steps game */
.sg{border-radius:28px;border:1px solid var(--line-2);background:linear-gradient(180deg,var(--panel),var(--canvas-2));padding:clamp(18px,3vw,34px);display:grid;gap:24px}
.sg-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.sg-track li{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);color:var(--ink-3);font-size:14px;transition:all .4s var(--ease)}
.sg-track li span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;font:500 12px var(--mono)}
.sg-track li.on{color:var(--ink);border-color:var(--gold-hi);background:rgba(212,175,55,.12)}
.sg-track li.done{color:var(--gold-hi)}
.sg-track li.done span{background:var(--gold-hi);color:#141006;border-color:var(--gold-hi)}
.sg-stage{position:relative;min-height:340px}
.sg-pane{display:none;gap:18px;justify-items:center;text-align:center;animation:paneIn .5s var(--ease)}
.sg-pane.on{display:grid}
@keyframes paneIn{from{opacity:0;transform:translateY(12px)}}
.sg-q{font:700 clamp(20px,2.2vw,28px)/1.2 var(--display);max-width:30ch}
.sg-pair{display:flex;align-items:center;gap:14px}
.sg-pair img{width:110px;height:138px;object-fit:cover;border-radius:20px;border:1px solid var(--line-2)}
.sg-link{width:90px;height:2px;background:var(--line);position:relative;overflow:hidden}
.sg-link i{position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--gold-hi),transparent);transform:translateX(-100%)}
.sg-link.live i{animation:pulseLink 1s linear infinite}
@keyframes pulseLink{to{transform:translateX(100%)}}
.sg-acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.sg-opts,.sg-factors{display:grid;gap:10px;width:min(560px,100%)}
.sg-factors{grid-template-columns:1fr 1fr}
.sg-opt,.sg-f{text-align:left;padding:14px 16px;border-radius:16px;border:1px solid var(--line-2);background:var(--panel-2);color:var(--ink);font:500 16px/1.4 var(--body);cursor:pointer;transition:all .3s var(--ease)}
.sg-opt:hover,.sg-f:hover{border-color:var(--gold-hi);transform:translateY(-2px)}
.sg-opt.picked{border-color:var(--gold-hi);background:rgba(212,175,55,.16)}
.sg-f b{display:block;font-family:var(--display);font-size:17px}
.sg-f span{color:var(--ink-3);font-size:14px}
.sg-f.ok{border-color:#5BE49B;background:rgba(91,228,155,.1)}
.sg-f.ok b::after{content:" ✓";color:#5BE49B}
.sg-fb{color:var(--ink-2);min-height:1.6em;max-width:52ch}
.sg-meter{width:min(560px,100%);height:8px;border-radius:99px;background:var(--panel-2);overflow:hidden}
.sg-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--ruby));transition:width .6s var(--ease)}
.sg-venues{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}
.sg-v{display:grid;gap:4px;padding:0 0 14px;border-radius:18px;overflow:hidden;border:1px solid var(--line-2);background:var(--panel-2);color:var(--ink);cursor:pointer;text-align:center;transition:all .35s var(--ease);transform:perspective(800px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.sg-v img{width:100%;aspect-ratio:5/3;object-fit:cover;margin-bottom:8px}
.sg-v b{font-family:var(--display);font-size:18px}
.sg-v span{color:var(--ink-3);font-size:13px}
.sg-v:hover{border-color:var(--gold-hi)}
.sg-done h3{font-size:clamp(26px,3vw,40px)}
@media (max-width:720px){.sg-track{grid-template-columns:1fr 1fr}.sg-factors{grid-template-columns:1fr}.sg-venues{grid-template-columns:1fr}.sg-v{grid-template-columns:110px 1fr;text-align:left;padding:0;align-items:center}.sg-v img{grid-row:span 2;margin:0;height:100%}}

/* wingman chat */
.wing-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.wp{display:grid;justify-items:center;gap:4px;padding:12px 8px;border-radius:18px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;transition:all .3s var(--ease);transform:perspective(800px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.wp img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.wp b{font-size:15px}.wp small{color:var(--ink-3);font-size:12px}
.wp:hover{border-color:var(--gold-mute)}
.wp[aria-checked=true]{border-color:var(--gold-hi);background:rgba(212,175,55,.12)}
.phone .live-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#5BE49B;box-shadow:0 0 8px #5BE49B}
.wing-msgs{display:flex;flex-direction:column;gap:10px;height:300px;overflow-y:auto;padding-right:4px}
.wing-msgs .msg{max-width:88%;margin:0;align-self:flex-start;background:var(--panel-2);color:var(--ink);border-radius:18px 18px 18px 4px;animation:pop .35s var(--ease)}
.wing-msgs .msg.me{align-self:flex-end;background:rgba(212,175,55,.2);color:var(--ink);border-radius:18px 18px 4px 18px}
.msg.typing{display:flex;gap:4px;padding:14px}
.msg.typing i{width:6px;height:6px;border-radius:50%;background:var(--ink-3);animation:typ 1s infinite}
.msg.typing i:nth-child(2){animation-delay:.15s}.msg.typing i:nth-child(3){animation-delay:.3s}
@keyframes typ{50%{transform:translateY(-4px);opacity:.4}}
.wing-quick{display:flex;flex-wrap:wrap;gap:6px;min-height:30px}
.wing-quick .chip-q{font-size:13px;color:var(--ink-2)}
.wing-in{display:flex;gap:8px}
.wing-in input{flex:1;min-width:0;min-height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--line-2);background:var(--canvas);color:var(--ink);font:inherit;font-size:15px}

/* growth story */
.grow{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:stretch}
.grow-film{position:relative;border-radius:26px;overflow:hidden;border:1px solid var(--line-2);aspect-ratio:16/10;background:#000}
.grow-film video{width:100%;height:100%;object-fit:cover}
.grow-film::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,9,14,.92));pointer-events:none}
.grow-cap{position:absolute;left:24px;right:80px;bottom:24px;z-index:2;display:grid;gap:8px}
.grow-line{font:800 clamp(22px,2.6vw,36px)/1.1 var(--display);text-shadow:var(--tshadow)}
.grow-line.in{animation:paneIn .6s var(--ease)}
.grow-pp{position:absolute;right:18px;bottom:22px;z-index:3;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);background:rgba(11,13,20,.6);color:var(--ink);cursor:pointer}
.grow-film .ai-mark{position:absolute;top:14px;right:16px;z-index:2;font-size:11px;color:var(--ink-3)}
.grow-beats{list-style:none;margin:0;padding:0;display:grid;gap:8px;align-content:center}
.grow-beats button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--ink-2);font:500 15px var(--body);cursor:pointer;text-align:left;transition:all .3s var(--ease)}
.grow-beats button span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;font:500 12px var(--mono)}
.grow-beats button:hover{border-color:var(--gold-mute);color:var(--ink)}
.grow-beats button.on{border-color:var(--gold-hi);color:var(--ink);background:rgba(212,175,55,.12)}
.grow-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
@media (max-width:900px){.grow{grid-template-columns:1fr}.grow-beats{grid-template-columns:1fr 1fr}}

/* trust and plans */
button.t-card{font:inherit;color:inherit;text-align:left;cursor:pointer;display:grid;gap:10px;align-content:start;transition:transform .4s var(--ease),border-color .3s;transform:perspective(800px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.t-card:hover{border-color:var(--gold-hi)}
.t-more{display:block;max-height:0;overflow:hidden;opacity:0;color:var(--gold-hi);font-size:14px;transition:max-height .5s var(--ease),opacity .4s}
.t-card[aria-expanded=true] .t-more{max-height:120px;opacity:1}
.t-card::after{content:"+";justify-self:end;font:400 22px/1 var(--display);color:var(--gold-hi);transition:transform .3s}
.t-card[aria-expanded=true]::after{transform:rotate(45deg)}
.plan{cursor:pointer;transition:transform .4s var(--ease),border-color .3s,box-shadow .3s;transform:perspective(800px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.plan:hover{border-color:var(--gold-hi)}
.plan.picked{border-color:var(--gold-hi);box-shadow:0 0 0 2px var(--gold-hi),0 30px 60px -30px rgba(242,201,76,.5)}
.plan-cta{display:flex;justify-content:center;margin:24px 0}
.film,.step{transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}

/* signup extras */
.inv{display:grid;gap:12px;padding:14px;border-radius:16px;border:1px dashed var(--line-2);margin:12px 0}
.inv select,.more textarea{width:100%;min-height:46px;padding:10px 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--canvas);color:var(--ink);font:inherit;margin-top:6px}
.more{margin:14px 0;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(21,25,38,.5);text-align:left}
.more summary{cursor:pointer;font-weight:600}
.more[open]{display:grid;gap:12px}
.more label{display:grid;font-size:14px;color:var(--ink-2)}
.rec{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--ruby)}
#jRec.live{border-color:var(--ruby);background:rgba(255,46,77,.14)}
#jRec.live .rec-dot{animation:typ .8s infinite}

@media (prefers-reduced-motion:reduce){.card,.card-in,.deck.shuffle .card,.agent-say.pop,.sg-pane,.float-agent,.fa-wing{animation:none!important;transition:none!important}}

#joinMsg.ok{color:var(--gold-hi)}

/* Sample match report: the value before the ask */
.report{margin-top:14px;background:linear-gradient(160deg,rgba(212,175,55,.14),rgba(11,13,20,.6));border:1px solid var(--line-2);border-radius:18px;padding:18px 18px 16px;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.report.on{opacity:1;transform:none}
.report h3{font:800 clamp(20px,2.2vw,26px)/1.15 var(--display);margin:6px 0 10px}
.report dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0 0 10px;font-size:14px}
.report dt{color:var(--ink-3);font:500 11px/1.8 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.report dd{margin:0;color:var(--ink)}
.rep-acts{display:grid;gap:10px;margin-top:12px}
.mini-join{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start}
.mini-join input[type=email]{font:500 15px var(--body);color:var(--ink);background:#0B0D14;border:1.5px solid var(--line-2);border-radius:12px;padding:11px 13px;width:100%;outline:none}
.mini-join input[type=email]:focus{border-color:var(--gold-hi);box-shadow:0 0 0 4px rgba(242,201,76,.13)}
.mini-join .form-msg{grid-column:1/-1;margin:0;min-height:0}
.mini-join .form-msg.ok{color:var(--gold-hi)}
.mini-join .note{grid-column:1/-1;margin:2px 0 0;font-size:12px}
.mini-join .hp{position:absolute;left:-9999px;opacity:0;height:0}
.end-face .mini-slot{margin:12px 0}
.end-face .mini-join{grid-template-columns:1fr}
.founding{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;justify-content:center;margin:0 0 14px;font-size:15px;color:var(--ink-2)}
.founding b{font:800 18px/1 var(--display);color:var(--gold-hi)}
@media (max-width:560px){.mini-join{grid-template-columns:1fr}.report dl{grid-template-columns:1fr}}