.site-header{height:90px;background:#fff;border-bottom:1px solid #e6edf1}.header-inner{height:100%;width:min(1280px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{display:flex;align-items:center;gap:11px;font-size:2rem;font-weight:700;letter-spacing:-.075em;line-height:1}.brand-symbol{display:grid;place-items:center;background:#e1f4f8;color:#0796b5;width:45px;height:50px;border-radius:14px}.brand-symbol .icon{width:31px;height:31px}.wordmark-caption{display:block;font-size:.57rem;letter-spacing:.15em;margin-top:7px;font-weight:650}.public-nav{display:flex;gap:32px;font-size:.91rem;font-weight:550;color:var(--muted)}.public-nav a[aria-current=page]{color:var(--navy)}.header-access{font-size:.85rem;min-height:42px}.environment-bar{background:#e9f3f7;color:#55727f;font-size:.75rem;min-height:30px;padding:7px 0}.environment-bar .container{display:flex;align-items:center;justify-content:space-between;gap:15px}.environment-bar a{display:inline-flex;align-items:center;gap:6px;font-weight:650;white-space:nowrap}.environment-bar .icon{width:15px;height:15px}.main-public{padding-top:42px;padding-bottom:40px;min-height:calc(100vh - 250px)}.home-intro{display:flex;align-items:center;justify-content:space-between;gap:42px;padding:4px 0 47px}.home-intro h1{font-size:clamp(2.7rem,5.3vw,4.5rem);font-weight:600;line-height:1.03;letter-spacing:-.055em}.home-intro h1 span{color:#147fa4}.home-intro>div>p{margin-top:20px;font-size:1.08rem}.intro-note{border-left:1px solid #cfdee5;padding-left:36px;display:flex;gap:18px;align-items:start;max-width:375px;margin-top:35px}.intro-note strong{font-size:.95rem}.intro-note p{font-size:.87rem;line-height:1.65;margin-top:7px}.search-form{margin-bottom:25px}.search-box{display:flex;align-items:center;gap:12px;background:white;border:1px solid #cddde5;border-radius:13px;padding:7px 8px 7px 18px;max-width:680px;color:var(--muted);box-shadow:0 4px 15px #153c4e03}.search-box input{margin:0;border:0;background:transparent;padding:9px 0;min-height:36px;outline:0;font-size:.96rem}.search-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #12a9cc1a}.company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.company-card{display:flex;flex-direction:column;justify-content:space-between;gap:26px;background:#fff;border:1px solid #dce7ed;border-radius:18px;padding:25px 26px;min-height:224px;transition:transform .18s,border-color .18s,box-shadow .18s}.company-card:hover{transform:translateY(-3px);box-shadow:0 15px 25px #123e5310;border-color:#91c4d7}.card-top{display:flex;align-items:center;justify-content:space-between}.company-initial{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#edf5f8;color:#2986a6;font-size:1.1rem;font-weight:750}.card-arrow{border:1px solid #e0e9ed;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;color:#758a98}.card-arrow .icon{width:17px;height:17px}.company-location{font-size:.81rem;color:var(--muted);display:flex;gap:5px;align-items:center;margin-bottom:9px}.company-location .icon{width:15px;height:15px}.company-card h3{font-size:1.38rem;letter-spacing:-.035em}.card-bottom{display:flex;align-items:center;gap:7px;font-size:.78rem;color:#7a8d97}.card-bottom .pill{margin-left:auto;padding:3px 10px}.status-dot{width:6px;height:6px;border-radius:50%;background:#afc2cc}.company-card-featured{background:var(--navy);border-color:var(--navy);color:white}.company-card-featured .company-initial{background:#ffffff14;color:#9be3ec}.company-card-featured .card-arrow{border-color:#ffffff30;color:white}.company-card-featured .company-location,.company-card-featured .card-bottom{color:#b1cfdd}.company-card-featured .status-dot{background:#68d8cc}.help-strip{display:flex;align-items:center;gap:22px;background:#eaf3f7;padding:24px 30px;border-radius:16px;margin:42px 0 0}.help-strip h3{margin-bottom:5px}.help-strip p{font-size:.9rem}.help-strip>.text-link{margin-left:auto;white-space:nowrap}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:26px;color:var(--muted);font-size:.82rem;padding-top:26px;padding-bottom:30px}.footer-wordmark{display:flex;align-items:center;gap:8px;color:var(--navy);font-weight:700;font-size:.95rem}.site-footer>a:last-child{margin-left:auto}.company-heading{display:flex;align-items:center;gap:22px;margin-bottom:32px}.company-heading h1{font-size:2.5rem}.company-heading p{margin-top:10px;max-width:630px;font-size:.98rem}.company-heading .eyebrow{margin-bottom:8px}.company-heading>.pill{margin-left:auto}.company-heading-symbol{width:80px;height:80px;background:white;border:1px solid #dce6ed;border-radius:20px;display:grid;place-items:center;color:var(--blue)}.company-heading-symbol .icon{width:36px;height:36px}.service-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.service-primary,.service-secondary{padding:34px;border-radius:20px;display:flex;flex-direction:column;align-items:start}.service-primary{background:var(--navy);color:white}.service-primary .round-icon{background:#ffffff12;color:#7fdae7;margin-bottom:24px}.service-primary .eyebrow{color:#79d6e4;font-size:.7rem;margin-bottom:10px}.service-primary p{color:#b7d2dd;line-height:1.75;margin:15px 0 25px}.service-primary h2{font-size:2rem;max-width:330px}.service-primary small{font-size:.77rem;color:#a6c7d5;margin-top:14px}.service-secondary{background:#fff;border:1px solid var(--line)}.service-secondary .round-icon{margin-bottom:25px}.service-secondary h2{font-size:1.7rem}.service-secondary p{margin:17px 0 25px;max-width:300px}.service-secondary .text-link{margin-top:20px}.auth-shell{max-width:960px;margin:10px auto;display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:white}.auth-aside{background:var(--navy);color:#fff;padding:48px 36px;display:flex;flex-direction:column;align-items:start}.auth-aside .round-icon{background:#ffffff15;color:#89dce9;margin-bottom:40px}.auth-aside h2{font-size:2.2rem;line-height:1.18}.auth-aside p{color:#b6d1dd;margin-top:20px}.auth-aside small{margin-top:auto;padding-top:40px;color:#9ebcc9;font-size:.78rem}.auth-form{padding:40px}.auth-form h1{font-size:1.8rem;margin-bottom:10px}.auth-form>p{font-size:.91rem;margin-bottom:26px}.auth-form .text-link{font-size:.86rem}.auth-links{display:flex;justify-content:space-between;gap:12px;margin:18px 0}.demo-banner{display:flex;align-items:center;gap:10px;background:#fff2d9;border:1px solid #e6cf9f;border-radius:12px;padding:12px 16px;font-size:.86rem;color:#7d541c;margin-bottom:26px}.demo-banner a{margin-left:auto;text-decoration:underline;white-space:nowrap}.client-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px}.client-nav{display:flex;flex-direction:column;gap:5px}.client-nav a{padding:13px 15px;display:flex;align-items:center;gap:12px;border-radius:10px;font-size:.92rem;color:var(--muted)}.client-nav a[aria-current=page]{color:#fff;background:var(--navy);font-weight:600}.client-nav .nav-divider{border-top:1px solid var(--line);margin:12px 0}.client-content h1{font-size:2.1rem;margin-bottom:12px}.client-content>.page-title p{font-size:.95rem}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px}.stat-card{background:white;border:1px solid var(--line);border-radius:15px;padding:22px}.stat-card .stat-label{font-size:.8rem;color:var(--muted)}.stat-card strong{display:block;font-size:1.9rem;font-weight:650;letter-spacing:-.045em;margin:9px 0}.stat-card small{font-size:.78rem;color:var(--muted)}.token-card{background:#e5f3f7;border:1px solid #c9e1eb;border-radius:16px;padding:26px;margin-bottom:26px}.token-card h3{font-size:1.12rem}.token-code{font-family:ui-monospace,monospace;font-size:1.35rem;letter-spacing:.055em;font-weight:700;color:var(--navy);margin:17px 0;word-break:break-word}.meter-card{border:1px solid var(--line);border-radius:16px;background:white;padding:24px;margin-bottom:18px}.meter-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.meter-id{font-family:ui-monospace,monospace;font-size:1.1rem;font-weight:650}.steps{display:flex;align-items:center;justify-content:center;gap:0;max-width:720px;margin:12px auto 32px;list-style:none;padding:0}.steps li{flex:1;text-align:center;font-size:.78rem;color:#8a9ba6;position:relative}.steps li::before{content:attr(data-step);display:grid;place-items:center;width:32px;height:32px;background:#e6edf2;color:#8a9ba6;border-radius:50%;margin:0 auto 8px;font-size:.86rem;font-weight:700}.steps li.current{color:var(--navy);font-weight:650}.steps li.current::before{background:var(--navy);color:#fff}.steps li.done::before{background:#cef0e7;color:#13624d}.flow-shell{max-width:620px;margin:0 auto}.flow-panel{padding:32px;background:white;border:1px solid var(--line);border-radius:20px}.flow-panel h1{font-size:1.85rem;margin-bottom:12px}.flow-panel>p{margin-bottom:25px}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 24px}.choice{display:flex;align-items:center;gap:10px;border:1px solid #c8d8e1;border-radius:12px;padding:15px;cursor:pointer}.choice:has(input:checked){background:#edf7fb;border-color:#158db1;color:#086b8b}.amount-presets{display:flex;gap:10px;margin:-6px 0 24px}.amount-presets button{border:1px solid #d8e5ec;padding:7px 14px;border-radius:8px;background:#f4f8fa;color:var(--navy);font-size:.88rem}.payment-option{display:flex;align-items:center;gap:15px;border:1px solid var(--line);padding:17px;border-radius:12px;margin-bottom:12px}.payment-option span{display:block;font-size:.82rem;color:var(--muted)}.result-symbol{width:70px;height:70px;border-radius:50%;background:#d9f6e9;color:#23855c;display:grid;place-items:center;margin:0 auto 22px}.result-symbol .icon{width:36px;height:36px}.result-head{text-align:center}.flow-back{margin-top:18px;text-align:center}.faq-page{max-width:800px;margin:0 auto}.faq-page h1{margin-bottom:24px}.faq-page .surface{margin-bottom:20px}@media(max-width:1000px){.intro-note{display:none}.home-intro{padding-bottom:35px}.company-card{padding:22px;gap:24px}.company-heading>.pill{display:none}.client-grid{grid-template-columns:180px minmax(0,1fr)}.stat-grid{gap:10px}.stat-card{padding:16px}}@media(max-width:700px){.site-header{height:76px}.header-inner{width:calc(100% - 32px);gap:12px}.wordmark{font-size:1.65rem}.brand-symbol{width:35px;height:42px}.brand-symbol .icon{width:26px;height:26px}.wordmark-caption{font-size:.5rem}.public-nav{display:none}.header-access{padding:10px;min-height:40px}.header-access span{font-size:.78rem}.main-public{padding-top:28px}.environment-bar{font-size:.66rem}.environment-bar a{display:none}.home-intro{padding-top:7px}.home-intro h1{font-size:3.1rem}.home-intro>div>p{font-size:1rem;margin-top:16px}.company-grid{grid-template-columns:1fr 1fr;gap:12px}.company-card{padding:18px 16px;min-height:205px;gap:23px}.company-card h3{font-size:1.07rem;overflow-wrap:anywhere}.company-location{font-size:.75rem}.card-bottom{font-size:.7rem}.card-bottom .pill{display:none}.card-arrow{width:27px;height:27px}.company-initial{width:33px;height:33px}.search-box .button{font-size:.75rem;padding:8px}.help-strip{flex-wrap:wrap;padding:22px;gap:15px}.help-strip>.text-link{margin-left:0}.site-footer{flex-wrap:wrap;gap:15px}.site-footer>span{display:none}.site-footer>a:last-child{font-size:.76rem}.company-heading{gap:15px;align-items:flex-start}.company-heading-symbol{width:52px;height:58px;flex:none}.company-heading h1{font-size:1.9rem}.company-heading p{font-size:.86rem}.service-grid{grid-template-columns:1fr}.service-primary,.service-secondary{padding:26px}.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}.auth-form{padding:27px}.client-grid{grid-template-columns:1fr;gap:23px}.client-nav{flex-direction:row;overflow:auto;padding-bottom:8px}.client-nav a{white-space:nowrap;font-size:.8rem;padding:10px}.client-nav .nav-divider{display:none}.client-nav .icon{width:18px;height:18px}.stat-grid{grid-template-columns:1fr 1fr}.stat-card:last-child{grid-column:1/-1}.stat-card strong{font-size:1.65rem}.client-content h1{font-size:1.8rem}.demo-banner{font-size:.78rem;flex-wrap:wrap}.demo-banner a{margin-left:32px}.flow-panel{padding:24px}.steps li{font-size:.67rem}.token-code{font-size:1.15rem}.two-columns{gap:16px}.section-heading h2{font-size:1.45rem}}@media(max-width:370px){.company-grid{grid-template-columns:1fr}.header-access span{display:none}}
.wordmark-caption{font-size:.75rem;letter-spacing:.08em}.environment-bar{font-size:.8125rem}.card-bottom,.service-primary .eyebrow{font-size:.8125rem}.steps li{font-size:.875rem}.client-nav a,.header-access span,.auth-form .text-link{font-size:.875rem}.company-heading-symbol:has(img){width:142px;height:110px;flex:none}.company-heading-symbol img{width:120px;height:95px;object-fit:contain}.amount-presets[hidden]{display:none}.company-heading-symbol:has(img)+div{min-width:0}@media(max-width:700px){.wordmark-caption{font-size:.75rem}.company-heading-symbol:has(img){width:88px;height:80px}.company-heading-symbol img{width:76px;height:66px}.environment-bar,.card-bottom,.steps li{font-size:.75rem}.header-access span,.client-nav a{font-size:.875rem}.wordmark>span:last-child{max-width:160px}.choice{padding:12px;font-size:.9rem}.key-value{flex-wrap:wrap}.key-value strong{margin-left:auto}}
.company-card-logo{display:grid;place-items:center;width:108px;height:76px;max-width:calc(100% - 38px);padding:6px;border-radius:10px;background:#fff;flex-shrink:0}.company-card-logo img{display:block;width:96px;height:64px;max-width:100%;object-fit:contain}@media(max-width:700px){.company-card-logo{width:88px;height:62px;padding:5px}.company-card-logo img{width:78px;height:52px}}

/* Compact public service layout. Colours and existing navigation are preserved. */
.site-header{height:76px}.main-public{padding-top:26px}.breadcrumb{margin-bottom:20px}
.home-intro{padding:0 0 22px;display:block}.home-intro h1{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.04em}.home-intro>div>p{margin-top:10px;font-size:1rem}.home-intro .eyebrow{margin-bottom:10px}
.catalogue-caption{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:.85rem;color:var(--muted)}.search-form{margin-bottom:18px}.search-box{max-width:100%;border-radius:10px}
.company-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.company-card{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 14px;min-height:112px;padding:16px;border-radius:12px;align-content:center}.company-card:hover{transform:none;box-shadow:0 4px 14px #123e530c}.card-top{grid-row:1/3;justify-content:flex-start}.card-arrow{display:none}.company-card-logo{width:64px;height:58px;max-width:100%;padding:4px;border-radius:8px}.company-card-logo img{width:56px;height:50px}.company-location{margin-bottom:4px;font-size:.75rem}.company-card h3{font-size:1.12rem;overflow-wrap:anywhere}.card-bottom{grid-column:2;font-size:.75rem;gap:6px}.card-bottom .pill{display:none}.help-strip{padding:16px 20px;margin-top:24px;border-radius:12px}.help-strip .round-icon{width:36px;height:36px}.site-footer{padding-top:18px;padding-bottom:20px}
.company-heading{gap:16px;margin-bottom:20px}.company-heading h1{font-size:2rem}.company-heading p{margin-top:6px;font-size:.9rem}.company-heading-symbol:has(img){width:88px;height:78px;border-radius:12px}.company-heading-symbol img{width:76px;height:66px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.service-primary,.service-secondary{padding:22px;border-radius:12px}.service-primary .round-icon,.service-secondary .round-icon{width:36px;height:36px;margin-bottom:14px}.service-primary h2,.service-secondary h2{font-size:1.5rem;max-width:none}.service-primary p,.service-secondary p{margin:10px 0 18px;max-width:none;font-size:.94rem}.service-secondary .text-link{margin-top:12px}.service-primary small{margin-top:10px}.main-public>.two-columns{margin-top:16px;gap:16px}.main-public .surface{padding:20px;border-radius:12px}.company-information details{border:0;padding:0}.main-public .surface h2{font-size:1.25rem;margin-bottom:12px}.notice{font-size:.86rem;padding:12px 16px}.demo-banner{padding:10px 14px;margin-bottom:18px;border-radius:10px;font-size:.8rem}
.client-grid{grid-template-columns:200px minmax(0,1fr);gap:24px}.client-nav a{padding:10px 12px}.client-content .page-title{margin-bottom:18px}.client-content h1{font-size:1.65rem;margin-bottom:6px}.client-content .eyebrow{margin-bottom:6px}.stat-grid{gap:12px;margin-bottom:16px}.stat-card{padding:14px 16px;border-radius:12px}.stat-card strong{font-size:1.6rem;margin:5px 0}.token-card{padding:16px 20px;border-radius:12px;margin-bottom:18px}.token-card .section-heading{margin-bottom:8px}.token-code{margin:10px 0}.meter-card{padding:16px 20px;border-radius:12px}.meter-card-head{margin-bottom:10px}.meter-card-head .round-icon{width:32px;height:32px}.meter-card h2{font-size:1.25rem}.meter-card .key-value{padding:8px 0;font-size:.9rem}.meter-card .form-actions{margin-top:14px}.client-content td,.client-content th{padding:12px 16px}.client-content .subheading{font-size:1.25rem;margin-bottom:12px}
.steps{margin:8px auto 20px;max-width:620px}.steps li::before{width:26px;height:26px;margin-bottom:5px}.flow-panel{padding:22px;border-radius:12px}.flow-panel h1{font-size:1.55rem;margin-bottom:8px}.flow-panel>p{margin-bottom:18px}.flow-panel .eyebrow{margin-bottom:8px}.flow-back{margin-top:12px}
@media(max-width:700px){.site-header{height:70px}.main-public{padding-top:20px}.home-intro{padding-bottom:16px}.home-intro h1{font-size:1.85rem}.company-grid{grid-template-columns:1fr 1fr}.company-card{grid-template-columns:1fr;gap:8px;min-height:0;padding:14px}.card-top{grid-row:auto}.card-bottom{grid-column:auto}.company-card h3{font-size:1rem}.company-location{font-size:.75rem}.client-grid{grid-template-columns:1fr;gap:14px}.client-nav{gap:4px}.stat-grid{grid-template-columns:1fr 1fr}.stat-card:last-child{grid-column:1/-1}.service-primary,.service-secondary{padding:20px}.company-heading h1{font-size:1.6rem}.demo-banner a{margin-left:0}.flow-panel{padding:18px}.steps li{font-size:.7rem}.meter-card{padding:16px}.meter-card .form-actions{flex-wrap:wrap}.catalogue-caption{font-size:.8rem}.token-card{padding:16px}.help-strip{gap:12px}.main-public .surface{padding:16px}}
@media(max-width:370px){.company-grid{grid-template-columns:1fr}.company-card{grid-template-columns:64px minmax(0,1fr)}.card-top{grid-row:1/3}.card-bottom{grid-column:2}}

@media(max-width:700px){.service-grid{grid-template-columns:1fr}}

.company-contact-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.company-contact-item{max-width:40%}.company-contact-item{display:flex;align-items:start;gap:12px;min-width:0}.company-contact-item>div{min-width:0}.company-contact-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#e5f5f8;color:#067d9e}.company-contact-icon .icon{width:19px;height:19px}.company-contact-item h3{font-size:.85rem;margin:0 0 6px}.company-contact-item p,.company-contact-item a{margin:0;font-size:.9rem;line-height:1.65;overflow-wrap:anywhere}.company-contact-item a{display:block;color:var(--muted);width:fit-content}.company-contact-item a:hover{color:var(--blue);text-decoration:underline}.company-contact-grid:empty{display:none}@media(max-width:700px){.company-contact-grid{flex-direction:column;gap:20px}.company-contact-item{max-width:100%}.company-contact-item a{padding:3px 0}}

.notice-information{background:#eaf5fc;color:#165a80;border-color:#bbddec}.notice-warning{background:#fff4de;color:#725017;border-color:#ead5a9}

.company-help{align-self:start}.company-help-link{margin-top:16px}

.footer-links{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 20px;font-size:.8rem}.legal-page{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px}.legal-page header{padding-bottom:20px;border-bottom:1px solid var(--line)}.legal-page h1{font-size:2rem}.legal-page header p{margin:12px 0}.legal-page header small{display:block;margin-top:12px}@media(max-width:700px){.footer-links{margin-left:0;justify-content:flex-start}.legal-page{padding:20px}.legal-page h1{font-size:1.7rem}}

.payment-frame{display:block;width:100%;height:650px;max-height:75vh;border:0;background:#fff;border-radius:12px}

.recharge-quantity__input{position:relative}.recharge-quantity__input input{padding-right:64px}.recharge-quantity__input>span{position:absolute;right:0;top:0;bottom:0;width:56px;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--line);color:var(--navy);font-size:.95rem;font-weight:650;pointer-events:none}
.recharge-change-meter{display:flex;align-items:center;justify-content:center;width:fit-content;margin:22px auto 0;gap:6px;color:var(--muted);font-size:.82rem;font-weight:400}.recharge-change-meter .icon{width:15px;height:15px}.recharge-change-meter:hover{color:var(--navy);text-decoration:underline;text-underline-offset:3px}

.flow-panel.calculation-panel{max-width:560px;margin-inline:auto}.calculation-panel .calculation-summary{margin:14px 0 18px}.calculation-summary .key-value{padding:7px 0;gap:14px;font-size:.86rem;line-height:1.4}.calculation-summary .key-value small{font-size:.72rem}.calculation-summary .key-value strong{flex-shrink:0;font-size:.87rem;font-weight:600}.calculation-summary .calculation-total{margin-top:8px;padding:12px;border:0;border-radius:9px;background:#eef6fb}.calculation-summary .calculation-total span{color:var(--navy);font-weight:600}.calculation-summary .calculation-total strong{font-size:1rem}.calculation-panel .payment-submit{margin-top:16px}
.flow-panel .recharge-customer-name{display:flex;align-items:center;gap:7px;margin:10px 0 5px;color:var(--navy);font-size:.86rem}.recharge-customer-name .icon{width:16px;height:16px;flex:none;color:var(--muted)}.recharge-customer-name strong{font-weight:600;overflow-wrap:anywhere}