/* ORRANET account chooser (get-started and login). Classes prefixed pk- */
.pk{--d:#075e54;--b:#128c7e;--g:#25d366;--bg:#f7f7f5;--t:#111b21;--m:#667781;--l:#e2e5e0;font-family:'Plus Jakarta Sans',-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--t);background:var(--bg);line-height:1.55;padding:56px 0 84px;min-height:70vh}
.pk *,.pk *::before,.pk *::after{box-sizing:border-box}
.pk h1,.pk h2,.pk p{margin:0}
.pk-w{max-width:860px;margin:0 auto;padding:0 22px}
.pk-h1{font-size:clamp(30px,5vw,44px);line-height:1.1;font-weight:800;letter-spacing:-1px;text-align:center}
.pk-lead{text-align:center;color:var(--m);max-width:480px;margin:12px auto 0}
.pk-group{margin-top:36px}
.pk-gh{font-size:15px;font-weight:800;color:var(--d);margin-bottom:12px}
.pk-two{display:grid;gap:16px}

.pk-card{display:flex;flex-direction:column;gap:18px;justify-content:space-between;text-decoration:none;color:var(--t);border-radius:24px;padding:28px 26px;border:2px solid transparent;transition:transform .15s,border-color .15s}
.pk-card:hover{transform:translateY(-3px);border-color:var(--d)}
.pk-card:focus-visible{outline:3px solid var(--g);outline-offset:3px}
.pk-card--store{background:var(--butter,#ffe9a8)}
.pk-card--creator{background:var(--lilac,#e8e0ff)}
.pk-card--service{background:var(--blush,#ffe1e8)}
.pk-ico{width:48px;height:48px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:24px}
.pk-body{display:block}
.pk-body strong{display:block;font-size:22px;font-weight:800;letter-spacing:-.4px;margin-bottom:6px}
.pk-body span{display:block;color:#3f524e;max-width:420px}
.pk-go{align-self:flex-start;background:var(--d);color:#fff;font-weight:800;font-size:15px;padding:12px 22px;border-radius:12px}

.pk-swap{text-align:center;margin-top:34px!important;color:var(--m)}
.pk-swap a{color:var(--d);font-weight:800;text-decoration:none;border-bottom:2px solid var(--g)}

@media(min-width:760px){
  .pk-two{grid-template-columns:1fr 1fr}
  .pk-card--store{flex-direction:row;align-items:center;gap:24px}
  .pk-card--store .pk-body{flex:1}
  .pk-card--store .pk-go{align-self:center}
}
@media(prefers-reduced-motion:reduce){.pk-card{transition:none}.pk-card:hover{transform:none}}