*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.gp-root,body,html{width:100%;height:100dvh;overflow:hidden;background:#fff}.gp-root{display:flex;flex-direction:column;position:relative}.gp-logo{background:none;border:none;font-size:32px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;color:#000;padding:0;transition:opacity .3s ease;position:absolute;top:36px;left:55px;z-index:10;letter-spacing:-.5px;text-decoration:none}.gp-logo:hover{opacity:.8}.gp-logo span{color:#06f;font-weight:700;font-size:36px}.cp-container{flex-direction:column;overflow:hidden;color:#f0f0ee;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif}.cp-container,.cp-loading{position:absolute;top:80px;left:20px;right:20px;bottom:20px;background:#2b2b28;border-radius:16px;display:flex}.cp-loading{align-items:center;justify-content:center}@keyframes cp-spin{to{transform:rotate(1turn)}}.cp-spinner{width:32px;height:32px;border:1.5px solid hsla(0,0%,100%,.1);border-top-color:#f0f0ee;border-radius:50%;animation:cp-spin .8s linear infinite}.cp-page{flex:1;display:flex;flex-direction:column;padding:20px 24px;min-height:0;overflow:hidden}:root{--bg-card:#131313;--bg-card-hover:#1a1a1a;--bg-popular:#f4f4f2;--bg-popular-hover:#fff;--border-subtle:hsla(0,0%,100%,.07);--border-mid:hsla(0,0%,100%,.13);--border-hover:hsla(0,0%,100%,.24);--text-primary:#f0f0ee;--text-secondary:hsla(60,6%,94%,.52);--text-muted:hsla(60,6%,94%,.28);--text-dark:#0a0a0a;--text-dark-sec:hsla(0,0%,4%,.52);--text-dark-muted:hsla(0,0%,4%,.28);--radius-xl:14px;--radius-md:10px;--radius-sm:8px;--ease:cubic-bezier(0.22,1,0.36,1);--dur:200ms}.cp-header{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:16px}.cp-header-left{display:flex;flex-direction:column;gap:3px}.cp-title{font-size:clamp(1.2rem,1.6vw,1.6rem);font-weight:600;color:var(--text-primary);letter-spacing:-.025em;line-height:1.1}.cp-step{font-size:.75rem;color:var(--text-muted);font-weight:400}.cp-banner{gap:12px;background:#1a1a1a;border:1px solid var(--border-mid);border-radius:var(--radius-md);padding:8px 10px 8px 12px}.cp-banner,.cp-banner-left{display:flex;align-items:center}.cp-banner-left{gap:8px}.cp-banner-icon{width:12px;height:12px;flex-shrink:0;color:var(--text-primary);opacity:.55}.cp-banner-copy{display:flex;flex-direction:column;gap:1px}.cp-banner-headline{font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.cp-banner-sub{font-size:.68rem;color:var(--text-secondary);white-space:nowrap}.cp-banner-cta{flex-shrink:0;font-size:.72rem;font-weight:600;color:#2b2b28;background:var(--text-primary);border:none;border-radius:var(--radius-sm);padding:6px 12px;cursor:pointer;white-space:nowrap;transition:opacity var(--dur) var(--ease);font-family:inherit}.cp-banner-cta:hover{opacity:.85}.cp-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:stretch}.cp-card{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex;flex-direction:column;min-height:0;height:100%;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.cp-card:hover{background:var(--bg-card-hover);border-color:var(--border-mid);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.45)}.cp-card--popular{background:var(--bg-popular);border-color:transparent;box-shadow:0 0 0 1px hsla(0,0%,100%,.13),0 16px 48px rgba(0,0,0,.6);z-index:2}.cp-card--popular:hover{background:var(--bg-popular-hover);transform:translateY(-3px)}.cp-card--popular .cp-card-name{color:var(--text-dark-muted)}.cp-card--popular .cp-card-price{color:var(--text-dark)}.cp-card--popular .cp-card-per{color:var(--text-dark-sec)}.cp-card--popular .cp-card-divider{background:rgba(0,0,0,.08)}.cp-card--popular .cp-card-features li{color:var(--text-dark-sec)}.cp-card--popular .cp-card-features li span,.cp-card--popular .cp-check{color:var(--text-dark)}.cp-card--popular .cp-card-cta{background:var(--text-dark);color:#f0f0ee;border-color:transparent}.cp-card--popular .cp-card-cta:hover:not(:disabled){background:#1d1d1d}.cp-card-badge{position:absolute;top:10px;right:10px;z-index:3}.cp-card-badge span{display:inline-block;font-size:.45rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:100px;background:var(--text-dark);color:#f0f0ee}.cp-card:not(.cp-card--popular) .cp-card-badge span{background:hsla(0,0%,100%,.09);color:var(--text-primary);border:1px solid var(--border-mid)}.cp-card-content{flex:1;display:flex;flex-direction:column;padding:16px 16px 8px;min-height:0}.cp-card-head{flex-shrink:0}.cp-card-name{font-size:.5rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.cp-card-pricing-row{display:flex;align-items:baseline;gap:2px}.cp-card-price{font-size:clamp(1.3rem,1.8vw,2rem);font-weight:700;color:var(--text-primary);letter-spacing:-.04em;line-height:1}.cp-card-per{font-size:.75rem;font-weight:500;color:var(--text-muted);margin-left:2px}.cp-card-divider{height:1px;background:var(--border-subtle);flex-shrink:0;margin:10px 0}.cp-card-features{list-style:none;display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.1) transparent}.cp-card-features::-webkit-scrollbar{width:2px}.cp-card-features::-webkit-scrollbar-track{background:transparent}.cp-card-features::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:10px}.cp-card--popular .cp-card-features{scrollbar-color:rgba(0,0,0,.12) transparent}.cp-card--popular .cp-card-features::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12)}.cp-card-features li{display:flex;align-items:flex-start;gap:6px;font-size:.72rem;color:var(--text-secondary);line-height:1.35;flex-shrink:0}.cp-card-features li span{color:var(--text-primary);font-weight:500}.cp-check{width:10px;height:10px;flex-shrink:0;margin-top:2px;color:var(--text-secondary)}.cp-card-cta{flex-shrink:0;margin:10px 14px 14px;padding:10px 14px;width:calc(100% - 28px);border-radius:var(--radius-md);font-size:.78rem;font-weight:600;cursor:pointer;border:1px solid var(--border-mid);background:hsla(0,0%,100%,.05);color:var(--text-primary);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);font-family:inherit}.cp-card-cta:hover:not(:disabled){background:hsla(0,0%,100%,.1);border-color:var(--border-hover)}.cp-card-cta:disabled{opacity:.4;cursor:not-allowed}@media (max-width:1100px){.cp-card-price{font-size:1.5rem}.cp-card-content{padding:14px 14px 6px}.cp-card-cta{margin:8px 12px 12px;width:calc(100% - 24px)}.cp-banner-sub{display:none}}@media (max-width:900px){.cp-header{flex-direction:column;align-items:flex-start;gap:10px}.cp-banner{width:100%}.cp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){body,html{overflow-y:auto}.gp-root,body,html{height:auto;min-height:100dvh}.gp-root{overflow:visible}.gp-logo{top:24px;left:24px;font-size:24px}.gp-logo span{font-size:28px}.cp-container{height:auto;overflow:visible}.cp-container,.cp-loading{position:static;margin:80px 12px 16px;border-radius:12px}.cp-loading{height:200px}.cp-page{height:auto;overflow:visible;padding:16px}.cp-grid{grid-template-columns:repeat(2,1fr)}.cp-card,.cp-grid{height:auto}.cp-card-features{overflow:visible;max-height:none}}@media (max-width:560px){.cp-header{flex-direction:column;text-align:center}.cp-header,.cp-header-left{align-items:center}.cp-banner{flex-direction:column;align-items:flex-start;gap:8px}.cp-banner-cta{align-self:stretch;text-align:center}.cp-grid{grid-template-columns:1fr}.cp-card--popular{order:-1}}@media (max-width:480px){.gp-logo{top:16px;left:16px;font-size:20px}.gp-logo span{font-size:24px}}.pay-wrap{flex:1;display:flex;flex-direction:column;width:100%;max-width:680px;margin:0 auto;padding:24px 20px 20px;min-height:0;overflow:hidden}.pay-plan-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;background:#131313;border:1px solid hsla(0,0%,100%,.07);border-radius:10px;padding:10px 16px;margin-bottom:18px}.pay-plan-name{font-size:.875rem;font-weight:600;color:#f0f0ee}.pay-plan-bar-right{display:flex;align-items:center;gap:12px}.pay-plan-price{font-size:.9rem;font-weight:700;color:#f0f0ee;letter-spacing:-.02em}.pay-plan-price span{font-size:.75rem;font-weight:400;color:hsla(60,6%,94%,.28)}.pay-change-plan{font-size:.75rem;font-weight:600;color:#4169e1;background:none;border:1px solid rgba(65,105,225,.25);border-radius:6px;padding:4px 10px;cursor:pointer;transition:background .2s;font-family:inherit}.pay-change-plan:hover{background:rgba(65,105,225,.08)}.pay-section{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.pay-section--center{align-items:center;justify-content:center;text-align:center;gap:12px}.pay-eyebrow{font-size:.625rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:hsla(60,6%,94%,.28)}.pay-eyebrow,.pay-title{flex-shrink:0;margin-bottom:6px}.pay-title{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:600;color:#f0f0ee;letter-spacing:-.025em;line-height:1.15}.pay-lead{flex-shrink:0;font-size:.875rem;color:hsla(60,6%,94%,.52);margin-bottom:14px;line-height:1.5}.pay-loading-legal{align-items:center;justify-content:center;gap:12px;color:hsla(60,6%,94%,.28);font-size:.875rem}.pay-disclosure,.pay-loading-legal{flex:1;display:flex;flex-direction:column}.pay-disclosure{min-height:0;overflow-y:auto;gap:10px;padding-right:4px;margin-bottom:14px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.1) transparent}.pay-disclosure::-webkit-scrollbar{width:3px}.pay-disclosure::-webkit-scrollbar-track{background:transparent}.pay-disclosure::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:10px}.pay-block{flex-shrink:0;background:#131313;border:1px solid hsla(0,0%,100%,.07);border-radius:14px;padding:16px 18px}.pay-block--blue{background:rgba(65,105,225,.08);border-color:rgba(65,105,225,.25)}.pay-block h2{font-size:.8125rem;font-weight:700;color:#f0f0ee;margin-bottom:10px;letter-spacing:-.01em}.pay-block ul{list-style:none;display:flex;flex-direction:column;gap:7px}.pay-block ul li{font-size:.78rem;color:hsla(60,6%,94%,.52);line-height:1.45;padding-left:14px;position:relative}.pay-block ul li:before{content:"--";position:absolute;left:0;color:hsla(60,6%,94%,.28)}.pay-read-more{margin-top:10px;font-size:.75rem}.pay-read-more a{color:#4169e1;text-decoration:none;transition:opacity .2s}.pay-read-more a:hover{opacity:.75}.pay-agree{flex-shrink:0;display:flex;align-items:flex-start;gap:10px;background:#161616;border:1px solid hsla(0,0%,100%,.07);border-radius:10px;padding:12px 14px;cursor:pointer;margin-bottom:12px}.pay-agree input[type=checkbox]{width:16px;height:16px;flex-shrink:0;margin-top:1px;accent-color:#4169e1;cursor:pointer}.pay-agree span{font-size:.78rem;color:hsla(60,6%,94%,.52);line-height:1.5}.pay-agree a{color:#4169e1;text-decoration:none}.pay-agree a:hover{opacity:.75}.pay-actions{flex-shrink:0;display:flex;flex-direction:column;gap:8px}.pay-btn{width:100%;padding:13px 20px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s;font-family:inherit}.pay-btn--primary{background:#f0f0ee;color:#2b2b28;border:none}.pay-btn--primary:hover:not(:disabled){opacity:.9}.pay-btn--primary:disabled{opacity:.3;cursor:not-allowed}.pay-btn--ghost{background:transparent;color:hsla(60,6%,94%,.52);border:1px solid hsla(0,0%,100%,.13)}.pay-btn--ghost:hover{background:hsla(0,0%,100%,.05);color:#f0f0ee}.pay-methods{flex-shrink:0;display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.pay-method{display:flex;align-items:center;gap:14px;background:#131313;border:1px solid hsla(0,0%,100%,.07);border-radius:14px;padding:16px 18px;cursor:pointer;text-align:left;transition:border-color .2s,background .2s;width:100%;font-family:inherit}.pay-method:hover{background:#1a1a1a;border-color:hsla(0,0%,100%,.13)}.pay-method--active{border-color:#4169e1;background:rgba(65,105,225,.06)}.pay-method-icon{font-size:1.5rem;flex-shrink:0}.pay-method-body{flex:1;display:flex;flex-direction:column;gap:2px}.pay-method-body strong{font-size:.9rem;font-weight:600;color:#f0f0ee}.pay-method-body span{font-size:.775rem;color:hsla(60,6%,94%,.52)}.pay-radio{flex-shrink:0;font-size:1.1rem;color:#4169e1}.pay-tag{display:inline-block;font-size:.7rem;font-weight:600;padding:2px 0;margin-top:2px}.pay-tag--green{color:#4caf7d}.pay-tag--amber{color:#e0a030}.pay-mpesa-notice{flex-shrink:0;background:rgba(224,160,48,.08);border:1px solid rgba(224,160,48,.2);border-radius:10px;padding:14px 16px;margin-bottom:16px}.pay-mpesa-notice strong{display:block;font-size:.8125rem;font-weight:700;color:#e0a030;margin-bottom:6px}.pay-mpesa-notice p{font-size:.775rem;color:hsla(60,6%,94%,.52);line-height:1.55}.pay-error{flex-shrink:0;font-size:.8rem;color:#ff5050;background:rgba(255,60,60,.08);border:1px solid rgba(255,60,60,.2);border-radius:8px;padding:10px 14px;margin-bottom:12px}.pay-secure{flex-shrink:0;font-size:.73rem;color:hsla(60,6%,94%,.28);text-align:center;margin-top:10px;line-height:1.5}.pay-proc-title{font-size:1.1rem;font-weight:600;color:#f0f0ee}.pay-proc-sub{font-size:.85rem;color:hsla(60,6%,94%,.52)}@media (max-width:560px){.pay-wrap{padding:16px 12px}.pay-title{font-size:1.2rem}.pay-plan-bar{flex-direction:column;align-items:flex-start;gap:8px}.pay-plan-bar-right{width:100%;justify-content:space-between}}@media (max-width:768px){.pay-disclosure,.pay-section,.pay-wrap{overflow:visible}.pay-disclosure{max-height:none}}