.gateway-inner{max-width:1160px;padding-top:clamp(36px,7vh,76px);padding-bottom:48px}
.gateway-welcome{text-align:center;max-width:820px;margin:0 auto 30px}
.gateway-group-pill{display:inline-flex;align-items:center;gap:12px;border:1px solid #d8cdb7;background:#fffdf8;padding:9px 18px;border-radius:100px;color:#766343;font-size:11px;letter-spacing:.08em;font-weight:600;box-shadow:0 5px 20px #75592b08}
.gateway-group-dots{display:flex;gap:4px}.gateway-group-dots i{width:7px;height:7px;border-radius:50%;background:#b18b45}.gateway-group-dots i:nth-child(2){background:#53a8ae}.gateway-group-dots i:nth-child(3){background:#8072b9}
.gateway-welcome h1{margin:24px 0 18px;font-size:clamp(36px,5.5vw,66px);line-height:1.08;letter-spacing:-.045em;font-weight:650;color:#36332b}.gateway-welcome h1 em{font-style:normal;color:#9b783a;font-weight:450}
.gateway-welcome>p{margin:0 auto;max-width:640px;color:#726b5d;line-height:1.75;font-size:15px}
.gateway-choose-prompt{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px 0 0}.gateway-choose-prompt>span{display:grid;place-items:center;border:1px solid #dcd0b8;border-radius:50%;width:27px;height:27px;color:#a27c34}.gateway-choose-prompt h2{font-size:14px;font-weight:600;letter-spacing:.02em;margin:0;color:#62543a}
.gateway-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:930px;margin:auto;padding:0;align-items:stretch}
.gateway-brand-link{width:auto;padding:25px 18px 22px;display:flex;flex-direction:column;align-items:center;gap:20px;border:1px solid #e1d9c9;border-radius:24px;background:linear-gradient(145deg,#ffffffeb,#fbf7edc9);box-shadow:0 9px 30px #78613c08;transition:transform .22s,border-color .22s,box-shadow .22s;--card-accent:#a27d35}
.gateway-brand-link[data-gateway-choice=dream]{--card-accent:#358d96;background:linear-gradient(145deg,#fff,#f1f8f8);border-color:#d3e4e2}.gateway-brand-link[data-gateway-choice=nucleo]{--card-accent:#78639d;background:linear-gradient(145deg,#fff,#f5f2fa);border-color:#e1d8eb}
.gateway-brand-link:hover,.gateway-brand-link[aria-expanded=true]{transform:translateY(-5px);border-color:var(--card-accent);box-shadow:0 17px 38px #58462b14}
.gateway-brand-link:focus-visible{outline:3px solid var(--card-accent);outline-offset:5px}
.gateway-logo-disc{width:156px;height:156px;flex-shrink:0}.gateway-logo-disc .brand-logo-art--p3{width:115px}.gateway-logo-disc .brand-logo-art--dream{width:108px}.gateway-logo-disc .brand-logo-art--nucleo{width:132px}
.gateway-brand-meta{display:flex;flex-direction:column;align-items:center;gap:7px}.gateway-brand-meta strong{font-size:19px;font-weight:650;color:#39352e;letter-spacing:-.02em}.gateway-brand-meta>small{font-size:11px;line-height:1.5;color:#777063;max-width:210px;min-height:33px;display:flex;align-items:center;justify-content:center}
.gateway-brand-invite{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:600;color:var(--card-accent);margin-top:6px}.gateway-brand-invite>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid currentColor;border-radius:50%;font-size:14px}
.gateway-group-note{display:flex;align-items:center;gap:14px;max-width:740px;margin:26px auto 0;padding:15px 20px;background:#fffdf9c9;border:1px solid #e6ded0;border-radius:15px}.gateway-group-note-icon{font-size:24px;color:#b08a42;flex-shrink:0}.gateway-group-note p{font-size:12px;line-height:1.7;margin:0;color:#7b7160}.gateway-group-note strong{color:#5d513b;font-weight:650}
@media(max-width:640px){.gateway-inner{padding-top:30px;padding-bottom:28px}.gateway-welcome{margin-bottom:20px}.gateway-group-pill{font-size:9px;letter-spacing:.035em;padding:8px 12px;gap:8px}.gateway-welcome h1{font-size:38px;margin:21px 0 16px}.gateway-welcome>p{font-size:13px;line-height:1.7;max-width:360px}.gateway-choose-prompt{margin-top:20px}.gateway-choose-prompt h2{font-size:13px}.gateway-choices{grid-template-columns:1fr;gap:12px;max-width:410px}.gateway-brand-link{display:grid;grid-template-columns:88px minmax(0,1fr);justify-items:stretch;gap:19px;align-items:center;text-align:left;padding:14px 20px;border-radius:18px}.gateway-logo-disc{width:88px;height:88px}.gateway-logo-disc .brand-logo-art--p3{width:66px}.gateway-logo-disc .brand-logo-art--dream{width:62px;border-radius:12px}.gateway-logo-disc .brand-logo-art--nucleo{width:75px}.gateway-brand-meta{align-items:flex-start;gap:4px}.gateway-brand-meta strong{font-size:17px}.gateway-brand-meta>small{font-size:11px;min-height:0;justify-content:flex-start}.gateway-brand-invite{margin-top:5px;font-size:10px;gap:10px}.gateway-brand-invite>span{width:19px;height:19px;font-size:12px}.gateway-group-note{max-width:410px;margin-top:19px;padding:13px 15px;align-items:flex-start;gap:10px}.gateway-group-note p{font-size:11px}.gateway-information{margin-top:22px}.gateway-information:has([data-gateway-panel]:not([hidden])){padding:20px}}
@media(prefers-reduced-motion:reduce){.gateway-brand-link{transition:none}.gateway-brand-link:hover,.gateway-brand-link[aria-expanded=true]{transform:none}}
/* Keep the entry layout stable when the shared theme switches brand states. */
.gateway[data-gateway] .gateway-inner{padding-top:clamp(36px,7vh,76px);padding-bottom:48px}
.gateway[data-gateway] .gateway-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.gateway[data-gateway] .gateway-brand-link{width:auto;padding:25px 18px 22px}
.gateway[data-gateway] .gateway-logo-disc{width:156px;height:156px}
.gateway[data-gateway] .gateway-logo-disc .brand-logo-art--p3{width:115px}.gateway[data-gateway] .gateway-logo-disc .brand-logo-art--dream{width:108px}.gateway[data-gateway] .gateway-logo-disc .brand-logo-art--nucleo{width:132px}
@media(max-width:640px){.gateway[data-gateway] .gateway-inner{padding-top:30px;padding-bottom:28px}.gateway[data-gateway] .gateway-choices{grid-template-columns:1fr;gap:12px}.gateway[data-gateway] .gateway-brand-link{width:auto;padding:14px 20px}.gateway[data-gateway] .gateway-logo-disc{width:88px;height:88px}.gateway[data-gateway] .gateway-logo-disc .brand-logo-art--p3{width:66px}.gateway[data-gateway] .gateway-logo-disc .brand-logo-art--dream{width:62px}.gateway[data-gateway] .gateway-logo-disc .brand-logo-art--nucleo{width:75px}}
