/* Customer platform: extends the existing accessible RTL portal without a JS UI framework. */
:root{--wine:#123a5e;--wine-dark:#0b2842;--apricot:#e8773d;--paper:#f4f6fa;--ink:#142e45;--muted:#52677b;--line:#dbe3ec;--radius:18px;--shadow:0 6px 22px #14355106}
.topbar{background:#ffffffef}.nav-link{color:#40576c}.nav-link:hover,.nav-link[aria-current]{background:#e6eef6;color:#123a5e}.badge{background:#eaf0f7;color:#244a6a}.button.secondary{background:#f7f9fc}.button.secondary:hover{background:#e8eff6}.icon{background:#e8eff6}.platform-hero{background:#123a5e;border-radius:26px;padding:40px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;color:white;align-items:center;overflow:hidden}.platform-hero h1{font-size:clamp(29px,3.1vw,44px);line-height:1.65}.platform-hero p{color:#d5e2ed;font-size:15px}.platform-hero .eyebrow{color:#ffbd8a;font-size:11px}.platform-hero .button.light{background:#fff;color:#123a5e}.hero-link{color:white;min-height:44px;display:inline-flex;align-items:center;border-block-end:1px solid #90aec8;font-size:13px}.hero-caption{display:block;margin-block-start:22px;color:#d1deea;font-size:11px}.process-preview{background:#ffffff0d;border:1px solid #ffffff36;border-radius:20px;padding:24px}.preview-label{color:#f8c69e;font-size:12px}.process-preview ol{list-style:none;margin:18px 0 0;padding:0}.process-preview li{display:flex;gap:14px;align-items:center;position:relative;padding-block:12px}.process-preview li>span{width:35px;height:35px;flex-shrink:0;border:1px solid #94b4d0;border-radius:50%;display:grid;place-items:center;background:#234e72;color:white;font-size:14px}.process-preview small{color:#d6e3ed;font-size:11px}.process-preview strong{font-size:14px}.assurance-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:22px 6px;border-block-end:1px solid var(--line);font-size:12px;color:#425f78}.assurance-strip span:before{content:'✓';margin-inline-end:9px;color:#266b57}.platform-explainer{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}.platform-explainer>div+div{border-inline-start:1px solid var(--line);padding-inline-start:28px}.next-action{display:flex;justify-content:space-between;gap:30px;align-items:center;border-inline-start:4px solid var(--apricot);margin-block:24px}.next-action>div:first-child{flex:1;min-width:0}.result-counter{min-width:130px;text-align:center;display:grid;border-inline-start:1px solid var(--line);padding-inline-start:26px}.result-counter>strong{font-size:42px;line-height:1.6;color:var(--wine)}.result-counter>span{font-size:12px}.timeline li{border-color:#d5e2ef;padding-inline:22px 0}.timeline li:before{background:#3d739f}.page-footer{color:#52677b}.bottom-nav{background:#fffffff5}.bottom-nav a[aria-current]{background:#e6eef6;color:#123a5e}.document-row{border-block-end:1px solid var(--line);margin-block-end:12px;padding-block-end:16px}.document-row .quiet{font-weight:700}.section-head:has(h1){align-items:flex-start}.message{background:#edf3f8}.message.team{background:#f0f6f3}.stats .card{border-block-start:2px solid #c8d8e7}.account{min-height:44px}.quick:hover,.service-link:hover{border-color:#7197ba}
@media(max-width:1100px){.platform-hero{grid-template-columns:1fr;gap:24px;padding:30px}.process-preview ol{display:grid;grid-template-columns:1fr 1fr;gap:8px}.platform-explainer{grid-template-columns:1fr}.platform-explainer>div+div{border-inline-start:0;border-block-start:1px solid var(--line);padding-inline-start:0;padding-block-start:24px}}
@media(max-width:760px){.platform-hero{padding:25px 22px;border-radius:20px}.platform-hero h1{font-size:30px}.platform-hero p{font-size:13px}.platform-hero .actions{gap:15px}.process-preview{padding:18px}.process-preview ol{grid-template-columns:1fr;margin-block-start:8px}.process-preview li{padding-block:9px}.assurance-strip{display:grid;font-size:12px;padding-inline:8px}.next-action{flex-direction:column;align-items:stretch;gap:20px}.result-counter{border-inline-start:0;border-block-start:1px solid var(--line);padding-inline-start:0;padding-block-start:14px;grid-template-columns:auto 1fr;align-items:center;text-align:start;column-gap:14px}.result-counter>strong{grid-row:span 2;font-size:32px}.platform-hero .eyebrow{font-size:10px}.platform-hero .button{min-height:48px}.hero-link{font-size:12px}.next-action .list-row{font-size:13px}.topbar{gap:8px}.brand small{max-width:160px}.page-footer{font-size:11px}.bottom-nav>a{padding-inline:4px}.app-shell{padding-inline:14px}}
@media(max-width:360px){.platform-hero{padding:22px 17px}.platform-hero h1{font-size:27px}.brand strong{font-size:17px}.brand small{font-size:9px}.brand img{width:32px;height:32px}.account{font-size:11px;padding-inline:9px}.stats .card{padding-inline:8px}}
.secondary-navigation{border-block-start:1px solid var(--line);margin-block-start:24px;padding-block-start:12px}.secondary-navigation>summary{font-size:12px;padding:10px 14px;color:var(--muted)}.secondary-navigation[open]>summary{margin-block-end:8px}

.app-downloads{margin-block-start:24px;padding-block-start:20px;border-block-start:1px solid var(--line)}.app-downloads>div>strong{font-size:13px}.app-downloads p{font-size:12px;line-height:1.9;margin:7px 0 13px;color:var(--muted)}.store-links{display:flex;flex-wrap:wrap;gap:10px}.store-links a{display:grid;gap:2px;min-height:56px;min-width:172px;padding:9px 14px;border:1px solid #a8bacd;border-radius:12px;background:white;color:#123a5e}.store-links a:hover{border-color:#123a5e;background:#edf3f8}.store-links span{font-size:10px}.store-links strong{font-size:12px}.platform-hero .app-downloads{border-color:#ffffff36}.platform-hero .app-downloads p{color:#d5e2ed;font-size:11px}.platform-hero .store-links a{background:#ffffff0d;border-color:#93abc1;color:white}.platform-hero .store-links a:hover{background:#ffffff1c}.platform-hero .app-downloads>div>strong{color:#ffe0c1}@media(max-width:400px){.store-links{display:grid;grid-template-columns:1fr}.store-links a{min-width:0}}
