/* PhoBee pilot sign-in and first-run access. */
.phobee-access{
  min-height:100vh;
  display:grid;
  grid-template-rows:auto 1fr auto;
  padding:clamp(24px,4vw,52px);
  background:
    radial-gradient(circle at 14% 12%,rgba(21,158,154,.08),transparent 22%),
    radial-gradient(circle at 88% 82%,rgba(63,70,165,.07),transparent 24%),
    #faf7f0;
}
.phobee-access__brand{display:inline-flex;align-items:center;width:max-content;text-decoration:none}
.phobee-access__brand img{display:block;width:clamp(152px,15vw,210px);height:auto}
.phobee-access__main{width:min(1080px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,480px);align-items:center;gap:clamp(52px,7vw,96px);padding:34px 0}
.phobee-access__intro .ui-eyebrow{margin:0 0 12px;color:#087c79}
.phobee-access__intro h1{max-width:620px;margin:0;color:#142b58;font-size:clamp(2.7rem,5vw,4.8rem);line-height:.98;letter-spacing:-.04em}
.phobee-access__intro>p:not(.ui-eyebrow){max-width:560px;margin:20px 0 0;color:#58677d;font-family:var(--font-reading);font-size:1.2rem;line-height:1.55}
.phobee-access__principles{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.phobee-access__principles span{padding:8px 12px;border:1px solid #d9dde4;border-radius:999px;background:#fffefa;color:#58677d;font-size:.86rem;font-weight:800}
.phobee-access-card{padding:clamp(26px,3vw,38px);border:1px solid #d9dde4;border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(38,51,71,.09)}
.phobee-access-card h2{margin:0;color:#263347;font-size:1.65rem}
.phobee-access-card>.reading-text{margin:6px 0 24px;color:#667085;font-size:1rem}
.phobee-google{width:100%;min-height:58px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;border:0;border-radius:12px;background:#3f46a5;color:#fff;font-weight:900;font-size:1rem;cursor:pointer;box-shadow:0 4px 0 #29358b}
.phobee-google:hover{background:#4954bd}.phobee-google:active{transform:translateY(2px);box-shadow:0 2px 0 #29358b}
.phobee-google__mark{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#3f46a5;font-size:1rem;font-weight:900}
.phobee-access-card__hint{margin:12px 0 0;color:#667085;text-align:center;font-family:var(--font-reading);font-size:.87rem}
.phobee-access-divider{display:flex;align-items:center;gap:14px;margin:25px 0;color:#8791a2;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.phobee-access-divider::before,.phobee-access-divider::after{content:"";height:1px;flex:1;background:#e0e4eb}
.phobee-join label{display:block;margin-bottom:8px;font-weight:900;color:#263347}
.phobee-code-row{display:grid;grid-template-columns:minmax(0,1fr) 136px;gap:10px;align-items:stretch}
.phobee-code-row input{box-sizing:border-box;min-width:0;width:100%;height:56px;padding:0 16px;border:1.5px solid #cfd6e3;border-radius:11px;background:#fff;font:700 1.05rem var(--font-reading);letter-spacing:.12em;text-transform:uppercase}
.phobee-code-row input:focus{border-color:#3f46a5;box-shadow:0 0 0 3px rgba(63,70,165,.14);outline:0}
.phobee-join-button{box-sizing:border-box;width:136px;height:56px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;border:2px solid #3f46a5;border-radius:11px;background:#fff;color:#3f46a5;font:900 .94rem var(--font-ui);cursor:pointer;white-space:nowrap;box-shadow:0 3px 0 rgba(21,158,154,.22)}
.phobee-join-button:hover{background:#f4f5ff}.phobee-join-button:focus-visible{outline:3px solid rgba(63,70,165,.22);outline-offset:2px}
.phobee-join-button__arrow{font-size:1.25rem;line-height:1;transform:translateY(-1px)}
.phobee-join-hint{margin:9px 0 0;color:#667085;font-family:var(--font-reading);font-size:.8rem;line-height:1.4}
.phobee-access__demo{margin-top:16px;text-align:center}.phobee-access__demo .text-button{font-size:.88rem}
.phobee-access__footer{display:flex;align-items:center;justify-content:center;gap:8px;color:#667085;font-family:var(--font-reading);font-size:.9rem;line-height:1.3}
.phobee-access__footer svg{display:block!important;width:21px!important;height:21px!important;min-width:21px!important;max-width:21px!important;min-height:21px!important;max-height:21px!important;flex:0 0 21px!important;color:#159e9a}

/* First-time role choice */
.phobee-onboarding{min-height:100vh;padding:clamp(24px,4vw,52px);display:grid;grid-template-rows:auto 1fr;background:radial-gradient(circle at 50% 35%,rgba(63,70,165,.07),transparent 32%),#faf7f0}
.phobee-onboarding__brand{width:max-content}.phobee-onboarding__brand img{display:block;width:clamp(150px,14vw,195px);height:auto}
.phobee-onboarding__panel{width:min(790px,100%);margin:auto;padding:clamp(28px,4vw,46px);border:1px solid #d9dde4;border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(38,51,71,.08);text-align:center}
.phobee-onboarding__panel .ui-eyebrow{color:#087c79}.phobee-onboarding__panel h1{margin:8px 0 8px;color:#142b58;font-size:clamp(2rem,4vw,3.1rem)}
.phobee-onboarding__lead{margin:0 auto 30px;max-width:600px;color:#667085;font-family:var(--font-reading);font-size:1.05rem}
.phobee-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}
.phobee-role-card{min-height:220px;padding:24px;border:2px solid #d9dde4;border-radius:18px;background:#fff;color:#263347;cursor:pointer;text-align:left;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.phobee-role-card:hover,.phobee-role-card:focus-visible{border-color:#3f46a5;box-shadow:0 8px 22px rgba(63,70,165,.11);outline:0;transform:translateY(-2px)}
.phobee-role-card__icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:18px;border-radius:14px;background:#e9f7f4;color:#087c79;font-size:1.45rem;font-weight:900}
.phobee-role-card h2{margin:0 0 7px;color:#142b58;font-size:1.35rem}.phobee-role-card p{margin:0;color:#667085;font-family:var(--font-reading);line-height:1.5}.phobee-role-card strong{display:block;margin-top:18px;color:#3f46a5;font-size:.9rem}
@media(max-width:850px){.phobee-access{padding:24px}.phobee-access__main{grid-template-columns:1fr;gap:32px;padding:32px 0}.phobee-access__intro{text-align:center}.phobee-access__intro>p:not(.ui-eyebrow){margin-left:auto;margin-right:auto}.phobee-access__principles{justify-content:center}.phobee-access-card{width:min(520px,100%);margin:auto}}
@media(max-width:620px){.phobee-role-grid{grid-template-columns:1fr}.phobee-role-card{min-height:0}}
@media(max-width:520px){.phobee-access{padding:18px}.phobee-access__brand img{width:142px}.phobee-access__main{padding:24px 0}.phobee-code-row{grid-template-columns:1fr}.phobee-join-button{width:100%}.phobee-access__intro h1{font-size:2.7rem}.phobee-access__principles{display:none}}
@media(prefers-reduced-motion:reduce){.phobee-google:active,.phobee-role-card{transform:none;transition:none}}