.guardian-join-wrap{position:relative;height:100%;min-height:0;overflow-anchor:none}.guardian-join{--text-caption:0.875rem;display:flex;flex-direction:column;height:100%;max-height:none;min-height:0;overflow:hidden;overflow-anchor:none}.guardian-join :where(label,legend,.text-xs){font-size:.875rem}.guardian-join__head{flex:0 0 auto;padding-bottom:.4rem;margin-bottom:0;border-bottom:1px solid var(--color-border)}.guardian-join__kicker{margin:0;font-size:var(--text-sm);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-gold-soft)}.guardian-join__body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:.45rem .45rem .4rem .1rem;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(198,167,94,.75) transparent}.guardian-join__body::-webkit-scrollbar{width:7px}.guardian-join__body::-webkit-scrollbar-thumb{background:rgba(198,167,94,.5);border-radius:99px}.join-fields{display:grid;gap:.4rem}.join-fields label{margin-bottom:.15rem}.guardian-join input,.guardian-join select{box-sizing:border-box;max-width:100%;min-width:0;padding:.32rem .5rem}.join-ccy{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;margin-bottom:.4rem}.join-ccy__btn{min-height:1.85rem;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;letter-spacing:.08em;cursor:pointer}.join-ccy__btn.is-on{border-color:var(--color-gold);color:var(--color-gold);background:rgba(198,167,94,.12)}.guardian-join__foot{flex:0 0 auto;padding-top:.45rem;border-top:1px solid var(--color-border);background:var(--color-bg-elevated)}.join-consent{font-size:calc(var(--text-caption) + 1px);line-height:1.45}.phone-split{display:grid;grid-template-columns:minmax(0,5.25rem) minmax(0,1fr);gap:.3rem;align-items:stretch;min-width:0}.phone-split__chip{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-height:1.9rem;min-width:0;padding:0 .15rem;border:0;background:transparent;color:var(--color-gold);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.04em;pointer-events:none;user-select:none}.phone-split__dial{padding-left:.15rem;padding-right:.2rem;border:0;background:transparent;font-variant-numeric:tabular-nums;letter-spacing:.02em}.phone-split__national{letter-spacing:.12em;font-variant-numeric:tabular-nums}.guardian-join.is-waiting{pointer-events:none;user-select:none;opacity:.34;filter:saturate(.7)}.guardian-join fieldset .mt-4{margin-top:.45rem}.guardian-join [aria-label="Pay with M-Pesa"],.guardian-join [aria-label="Pay with Paystack"]{padding:.35rem .45rem}body:has(.guardian-join-wrap) .pwa-toast__title,body:has(.stk-sheet) .pwa-toast__title{font-size:calc(var(--text-sm) + 2px)}body:has(.guardian-join-wrap) .pwa-toast__desc,body:has(.stk-sheet) .pwa-toast__desc{font-size:calc(var(--text-caption) + 2px);line-height:1.45}body:has(.stk-sheet),html:has(.stk-sheet){overflow:hidden}.stk-sheet{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(8,20,15,.72);backdrop-filter:blur(10px)}.stk-sheet__panel{max-height:min(88vh,42rem);overflow-y:auto;padding:1.25rem 1.15rem calc(1.2rem + env(safe-area-inset-bottom, 0px));border-top:1px solid rgba(198,167,94,.45);background:linear-gradient(180deg,rgba(198,167,94,.12),transparent 42%),rgba(12,32,24,.98);box-shadow:0 -18px 40px rgba(0,0,0,.35);animation:stk-sheet-up .28s cubic-bezier(.22,1,.36,1) both}.stk-sheet__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.stk-sheet__kicker{margin:0;padding-top:.45rem;font-size:.875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold-soft)}.stk-sheet__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin:-.25rem -.35rem 0 0;border:1px solid rgba(198,167,94,.45);border-radius:999px;background:rgba(8,20,15,.55);color:var(--color-gold);cursor:pointer}.stk-sheet__close:focus-visible,.stk-sheet__close:hover{border-color:var(--color-gold);background:rgba(198,167,94,.14);outline:none}.stk-sheet__title{margin:.45rem 0 0;font-family:var(--font-cormorant),"Cormorant Garamond",Georgia,serif;font-size:1.7rem;line-height:1.25;color:var(--color-text)}.stk-sheet__msisdn{margin:.85rem 0 0;font-size:1.35rem;font-weight:600;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--color-gold)}.stk-sheet__lede{margin:.7rem 0 0;font-size:calc(var(--text-sm) + 2px);line-height:1.55;color:var(--color-text-muted)}.stk-sheet__lede strong{color:var(--color-gold);font-variant-numeric:tabular-nums;letter-spacing:.04em}.stk-sheet__steps{margin:.95rem 0 0;padding:0 0 0 1.15rem;display:grid;gap:.45rem;font-size:calc(var(--text-sm) + 2px);line-height:1.5;color:var(--color-text)}.stk-sheet__error,.stk-sheet__wait{display:flex;align-items:center;gap:.5rem;margin:1rem 0 0;font-size:calc(var(--text-sm) + 2px);line-height:1.45}.stk-sheet__wait{color:var(--color-gold-soft)}.stk-sheet__error{color:var(--color-danger)}.stk-sheet__foot{margin:.75rem 0 0;font-size:calc(var(--text-caption) + 2px);line-height:1.5;color:var(--color-text-muted)}.stk-sheet__pulse{width:.55rem;height:.55rem;border-radius:99px;background:var(--color-gold);box-shadow:0 0 0 0 rgba(198,167,94,.55);animation:stk-sheet-pulse 1.4s ease-out infinite}@keyframes stk-sheet-up{0%{opacity:0;transform:translateY(1.15rem)}to{opacity:1;transform:translateY(0)}}@keyframes stk-sheet-in-side{0%{opacity:0;transform:translateX(1.1rem)}to{opacity:1;transform:translateX(0)}}@keyframes stk-sheet-pulse{0%{box-shadow:0 0 0 0 rgba(198,167,94,.55)}70%{box-shadow:0 0 0 .55rem rgba(198,167,94,0)}to{box-shadow:0 0 0 0 rgba(198,167,94,0)}}@media (min-width:880px){.stk-sheet{justify-content:stretch;align-items:flex-end;background:rgba(8,20,15,.78)}.stk-sheet__panel{width:min(100%,26.5rem);height:100%;max-height:none;border-top:0;border-left:1px solid rgba(198,167,94,.45);box-shadow:-18px 0 40px rgba(0,0,0,.32);animation-name:stk-sheet-in-side}}@media (prefers-reduced-motion:reduce){.stk-sheet__panel,.stk-sheet__pulse{animation:none}}.join-window{background:var(--color-bg);color:var(--color-text)}.join-window,.join-window__screen{display:flex;flex-direction:column;min-width:0}.join-window__screen{height:calc(100dvh - 3.5rem - var(--cookie-banner-pad, 0px));max-height:calc(100dvh - 3.5rem - var(--cookie-banner-pad, 0px));overflow:hidden;background:var(--color-bg-elevated)}@media (min-width:640px){.join-window__screen{height:calc(100dvh - 4rem - var(--cookie-banner-pad, 0px));max-height:calc(100dvh - 4rem - var(--cookie-banner-pad, 0px))}}.join-window__panel{display:flex;flex:1 1 auto;min-height:0;width:min(44rem,100%);margin-inline:auto;flex-direction:column;padding:.55rem .8rem max(.65rem,env(safe-area-inset-bottom))}.join-window__panel .guardian-join,.join-window__panel .guardian-join-wrap,.join-window__panel>*{flex:1 1 auto;min-height:0;height:100%}.join-window .guardian-join{min-width:0;container-type:inline-size;container-name:join-form}.join-window .guardian-join fieldset>div,.join-window .join-fields__pair{display:grid;gap:.4rem .55rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.join-window .guardian-join fieldset>div>*,.join-window .join-fields__pair>*{min-width:0}.join-window .guardian-join label{margin-bottom:.12rem;letter-spacing:.06em}.join-window .guardian-join fieldset>div{margin-top:.3rem}.join-window .guardian-join [aria-label="Pay with M-Pesa"],.join-window .guardian-join [aria-label="Pay with Paystack"]{padding:.55rem .5rem;background:transparent!important}.join-window .guardian-join [aria-label="Pay with M-Pesa"]>span:first-of-type,.join-window .guardian-join [aria-label="Pay with Paystack"]>span:first-of-type{height:1.85rem;width:min(8rem,100%);max-width:100%}.join-window .guardian-join [aria-label="Pay with M-Pesa"] .h-10,.join-window .guardian-join [aria-label="Pay with Paystack"] .h-10{height:1.85rem;width:auto;max-width:100%}.join-window .guardian-join [aria-label="Pay with M-Pesa"] .mt-3,.join-window .guardian-join [aria-label="Pay with Paystack"] .mt-3{margin-top:.2rem;overflow-wrap:anywhere}.join-window .join-pay{min-height:2.05rem;padding:.32rem .7rem;font-size:.875rem}.join-window .join-ccy__btn{min-height:1.7rem;font-size:.875rem}.join-window .join-secret{position:relative}.join-window .join-secret input{padding-right:2.4rem}.join-window .join-secret__toggle{position:absolute;inset:0 0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;border:0;background:transparent;color:var(--color-gold-soft);cursor:pointer}.join-window__copy{width:min(48rem,100%);margin-inline:auto;padding:1.25rem .9rem max(2.5rem,env(safe-area-inset-bottom))}.join-window__benefits{display:grid;gap:.85rem;margin-top:.85rem}.join-window__steps{display:grid;gap:.7rem;margin-top:.7rem;padding:0;list-style:none}@container join-form (max-width: 16rem){.join-window .guardian-join fieldset>div,.join-window .join-fields__pair{grid-template-columns:minmax(0,1fr)}.join-window .guardian-join .phone-split{grid-template-columns:minmax(0,3.5rem) minmax(0,1fr)}.join-window .phone-split__chip span[aria-hidden]{display:none}}.join-window__story h1{font-size:1.45rem}.join-window__story h2{font-size:1.2rem}.join-window__story h3{font-size:1.05rem}.join-window__story li,.join-window__story p{font-size:.875rem}@media (min-width:960px){.join-window__panel{padding:.8rem 1.1rem 1rem}.join-window__copy{padding:2rem 1.5rem 3.5rem}.join-window__story h1{font-size:1.85rem}.join-window__story h2{font-size:1.5rem}.join-window__benefits,.join-window__steps{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem 1.25rem}}