/* Qaf Store public platform — exact Platform Demo visual layer, adapted to production Blade/data. */
@font-face{font-family:"IBM Plex Sans Arabic";src:url("../../fonts/IBMPlexSansArabic-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("../../fonts/IBMPlexSansArabic-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("../../fonts/IBMPlexSansArabic-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("../../fonts/IBMPlexSansArabic-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
/* Qaf Store Platform Demo — isolated public-site layer */
:root{
  --platform-teal:#0D3B3B;
  --platform-teal-2:#154D4D;
  --platform-teal-3:#1D5A5A;
  --platform-cyan:#2FD9D9;
  --platform-white:#fff;
  --platform-bg:#F4F7F6;
  --platform-soft:#F8FAF9;
  --platform-text:#143232;
  --platform-muted:#667A78;
  --platform-line:#DCE6E4;
  --platform-line-strong:#C7D7D4;
  --platform-shadow:0 20px 52px rgba(13,59,59,.10);
  --platform-shadow-soft:0 10px 28px rgba(13,59,59,.07);
  --platform-radius:22px;
  --platform-radius-sm:14px;
  --platform-shell:1240px;
  --platform-ease:cubic-bezier(.2,.72,.25,1);
}

.platform-page{margin:0;background:var(--platform-white);color:var(--platform-text);font-family:"IBM Plex Sans Arabic",sans-serif;opacity:1}
.platform-page *, .platform-page *::before, .platform-page *::after{box-sizing:border-box}
.platform-page img{display:block;max-width:100%}
.platform-page a{text-decoration:none;color:inherit}
.platform-page button,.platform-page input,.platform-page select{font:inherit}
.platform-page h1,.platform-page h2,.platform-page h3,.platform-page p{margin-top:0}
.platform-page .icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.platform-shell{width:min(calc(100% - 48px),var(--platform-shell));margin-inline:auto}
.platform-reveal{opacity:1;transform:none}
.skip-link{position:absolute;top:-80px;right:20px;z-index:9999;background:var(--platform-teal);color:#fff;padding:10px 16px;border-radius:12px}.skip-link:focus{top:12px}

/* Header */
.platform-header{position:sticky;top:0;z-index:120;background:rgba(255,255,255,.96);border-bottom:1px solid transparent;transition:box-shadow .22s var(--platform-ease),border-color .22s var(--platform-ease),background .22s var(--platform-ease)}
.platform-header.is-scrolled{border-color:var(--platform-line);box-shadow:0 8px 26px rgba(13,59,59,.07);background:rgba(255,255,255,.985)}
.platform-header-inner{min-height:84px;display:flex;align-items:center;gap:28px;position:relative}
.platform-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.platform-brand img{width:44px;height:44px;object-fit:contain}
.platform-brand span{display:grid;line-height:1.1}
.platform-brand strong{font-size:17px;font-weight:700;color:var(--platform-teal)}
.platform-brand small{font-size:10px;color:var(--platform-muted);direction:ltr;text-align:right;margin-top:3px}
.platform-nav{display:flex;align-items:center;justify-content:flex-start;gap:4px;min-width:0;flex:1}
.platform-nav-direct,.platform-nav-drop>button{height:44px;padding:0 13px;border:0;background:transparent;border-radius:12px;color:#284746;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:600;font-size:14px;transition:background .18s var(--platform-ease),color .18s var(--platform-ease)}
.platform-nav-direct:hover,.platform-nav-drop>button:hover,.platform-nav-direct.is-active,.platform-nav-drop>button.is-active,.platform-nav-drop>button[aria-expanded="true"]{color:var(--platform-teal);background:#F0F6F5}
.platform-nav-drop>button .icon{width:16px;height:16px;transition:transform .18s var(--platform-ease)}
.platform-nav-drop>button[aria-expanded="true"] .icon{transform:rotate(180deg)}
.platform-nav-drop{position:relative}
.platform-header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.platform-header-actions .btn{white-space:nowrap}
.platform-menu-trigger{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--platform-line-strong);background:#fff;border-radius:12px;color:var(--platform-teal);cursor:pointer}
.platform-menu-trigger:hover{background:var(--platform-soft)}
.platform-mobile-menu{display:none}

.platform-mega,.platform-menu-pop{position:absolute;top:calc(100% + 14px);right:0;background:#fff;border:1px solid var(--platform-line-strong);border-radius:18px;box-shadow:0 22px 56px rgba(13,59,59,.16);padding:18px;transform-origin:top right;animation:platform-menu-in .16s var(--platform-ease);overflow:hidden}
.platform-mega::before,.platform-menu-pop::before{content:"";position:absolute;top:0;right:24px;width:54px;height:3px;background:var(--platform-cyan);border-radius:0 0 4px 4px}
.platform-mega{width:min(770px,calc(100vw - 48px));display:grid;grid-template-columns:1fr 1fr 220px;gap:8px}
.platform-menu-pop{width:330px}
.platform-mega-col{padding:10px 8px}
.platform-menu-label{display:block;color:#78908E;font-size:11px;font-weight:700;margin:0 10px 8px}
.platform-menu-link{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px;padding:10px;border-radius:13px;transition:background .16s var(--platform-ease),transform .16s var(--platform-ease)}
.platform-menu-link:hover{background:#F3F8F7;transform:translateX(-2px)}
.platform-menu-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#EDF5F4;color:var(--platform-teal)}
.platform-menu-icon .icon{width:19px;height:19px}
.platform-menu-link span:last-child{min-width:0;display:grid;gap:2px}
.platform-menu-link b{font-size:13px;color:var(--platform-text)}
.platform-menu-link small{font-size:10.5px;color:var(--platform-muted);line-height:1.55}
.platform-mega-side{background:var(--platform-teal);color:#fff;border-radius:15px;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:11px;position:relative;overflow:hidden}
.platform-mega-side::after{content:"";position:absolute;width:70px;height:70px;border:18px solid rgba(47,217,217,.12);border-radius:50%;left:-20px;bottom:-26px}
.platform-menu-kicker{font-size:11px;color:#A9F3F3;font-weight:700}
.platform-mega-side strong{font-size:17px;line-height:1.65}
.platform-mega-side a{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#fff;font-weight:700;position:relative;z-index:1}
.platform-mega-side a .icon{width:16px;height:16px}
@keyframes platform-menu-in{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}

/* Hero + common typography */
.platform-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--platform-teal-2);font-size:13px;font-weight:700;margin-bottom:16px}
.platform-kicker::before{content:"";width:21px;height:3px;border-radius:3px;background:var(--platform-cyan)}
.platform-hero{padding:88px 0 78px;background:#F7FAF9;position:relative;overflow:hidden}
.platform-hero::after{content:"";position:absolute;left:-90px;top:62px;width:260px;height:260px;border:1px solid rgba(13,59,59,.06);border-radius:50%;pointer-events:none}
.platform-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1.18fr);align-items:center;gap:68px}
.platform-hero-copy h1{font-size:clamp(50px,5vw,74px);line-height:1.15;letter-spacing:-2.4px;color:#0E3232;margin-bottom:24px;font-weight:700}
.platform-hero-copy h1 span{color:var(--platform-teal)}
.platform-hero-copy>p{font-size:18px;line-height:1.95;color:#536B69;max-width:650px;margin-bottom:28px}
.platform-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.platform-hero-proof{display:flex;flex-wrap:wrap;gap:18px;color:#55706D;font-size:12px;font-weight:600}
.platform-hero-proof span{display:flex;align-items:center;gap:6px}
.platform-hero-proof .icon{width:17px;height:17px;color:var(--platform-teal-3)}
.platform-commerce-stage{min-height:520px;position:relative;display:flex;align-items:center;justify-content:center;padding:28px 32px}
.platform-browser{width:min(100%,610px);background:#fff;border:1px solid var(--platform-line);border-radius:22px;box-shadow:0 28px 70px rgba(13,59,59,.15);overflow:hidden;transform:rotate(-1deg)}
.platform-browser-bar{height:46px;background:#FAFCFB;border-bottom:1px solid #E7EEEC;display:flex;align-items:center;gap:7px;padding:0 16px;direction:ltr}
.platform-browser-bar>span{width:8px;height:8px;border-radius:50%;background:#D4DEDC}
.platform-browser-bar b{margin-left:auto;margin-right:auto;color:#65807D;font-size:10px;font-weight:600;direction:rtl}
.platform-dashboard-mock{display:grid;grid-template-columns:62px 1fr;min-height:360px;background:#fff}
.platform-dashboard-mock aside{background:var(--platform-teal);padding:16px 11px;display:flex;align-items:center;flex-direction:column;gap:15px}
.platform-dashboard-mock aside img{width:28px;height:28px;filter:brightness(0) invert(1)}
.platform-dashboard-mock aside i{display:block;width:28px;height:7px;border-radius:6px;background:rgba(255,255,255,.18)}
.platform-dashboard-main{padding:22px;display:grid;gap:17px}
.platform-dash-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.platform-dash-top strong{font-size:15px}.platform-dash-top span{font-size:9px;color:var(--platform-muted);background:#F3F7F6;padding:6px 9px;border-radius:8px}
.platform-dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.platform-dash-kpis>div{border:1px solid #E4ECEA;border-radius:12px;padding:12px;background:#FBFCFC;display:grid;gap:2px}.platform-dash-kpis small{font-size:8px;color:var(--platform-muted)}.platform-dash-kpis b{font-size:15px;direction:ltr;text-align:right}.platform-dash-kpis em{font-size:8px;font-style:normal;color:#257A67}
.platform-dash-chart{height:130px;position:relative;border-radius:12px;background:#FBFCFC;border:1px solid #E4ECEA;overflow:hidden;padding:14px}
.platform-chart-grid{position:absolute;inset:0;background-image:linear-gradient(#E9EFEE 1px,transparent 1px),linear-gradient(90deg,#E9EFEE 1px,transparent 1px);background-size:100% 25%,20% 100%;opacity:.65}
.platform-dash-chart svg{position:relative;width:100%;height:100%}.platform-dash-chart path{fill:none;stroke:var(--platform-teal-3);stroke-width:4;vector-effect:non-scaling-stroke}
.platform-dash-orders{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.platform-dash-orders span{padding:8px;border-radius:10px;background:#F5F9F8;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:5px;font-size:7px;color:#5B7472}.platform-dash-orders i{width:7px;height:7px;border-radius:50%;background:var(--platform-cyan)}.platform-dash-orders b{color:var(--platform-text);font-size:8px;direction:ltr}
.platform-phone{position:absolute;left:0;bottom:22px;width:172px;background:#fff;border:7px solid #123C3C;border-radius:27px;padding:11px;box-shadow:0 22px 48px rgba(13,59,59,.21);transform:rotate(4deg);z-index:4}
.platform-phone-top{width:48px;height:5px;background:#193A3A;border-radius:10px;margin:0 auto 11px}.platform-phone-brand{display:flex;align-items:center;gap:6px;margin-bottom:8px}.platform-phone-brand img{width:18px;height:18px}.platform-phone-brand b{font-size:9px}.platform-phone-hero{aspect-ratio:1.55;border-radius:8px;overflow:hidden;background:#EEE}.platform-phone-hero img{width:100%;height:100%;object-fit:cover}.platform-phone-lines{padding:8px 1px}.platform-phone-lines b{font-size:8px}.platform-phone-lines span{display:block;height:4px;border-radius:5px;background:#E8EEED;margin-top:5px}.platform-phone-lines span:last-child{width:65%}.platform-phone-products{display:grid;grid-template-columns:1fr 1fr;gap:5px}.platform-phone-products i{display:block;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#F1F4F3}.platform-phone-products img{width:100%;height:100%;object-fit:cover}
.platform-stage-chip{position:absolute;z-index:5;background:#fff;border:1px solid var(--platform-line);box-shadow:var(--platform-shadow-soft);border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:8px;color:var(--platform-teal)}
.platform-stage-chip>.icon{width:20px;height:20px}.platform-stage-chip span{display:grid}.platform-stage-chip small{font-size:8px;color:var(--platform-muted)}.platform-stage-chip b{font-size:12px}.chip-orders{right:-6px;top:64px}.chip-stock{right:42px;bottom:36px}

/* Shared sections */
.platform-section{padding:96px 0}.platform-section-soft{background:var(--platform-soft)}.platform-section-dark{background:var(--platform-teal);color:#fff}.platform-section-dark .platform-kicker{color:#A9F3F3}.platform-section-dark .platform-section-head h2,.platform-section-dark .platform-copy h2{color:#fff}.platform-section-dark p{color:#C5D8D6}
.platform-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}.platform-section-head>div:first-child{max-width:760px}.platform-section-head>div>span:not(.platform-kicker){display:block;color:var(--platform-teal-2);font-weight:700;font-size:13px;margin-bottom:10px}.platform-section-head h2,.platform-copy h2{font-size:clamp(34px,3.4vw,50px);line-height:1.28;letter-spacing:-1.1px;margin-bottom:14px;color:#113737}.platform-section-head p,.platform-copy>p{font-size:16px;line-height:1.95;color:var(--platform-muted);margin-bottom:0}.platform-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--platform-teal);font-size:13px;font-weight:700;white-space:nowrap}.platform-text-link:hover{color:var(--platform-teal-3)}.platform-text-link .icon{width:17px;height:17px}
.platform-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:76px}.platform-split.reverse>*:first-child{order:2}.platform-split.reverse>*:last-child{order:1}.platform-copy{max-width:600px}.platform-check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:13px}.platform-check-list li{display:flex;align-items:flex-start;gap:10px;color:#385654;font-size:14px;line-height:1.75}.platform-check-list .icon{width:19px;height:19px;color:var(--platform-teal-3);margin-top:2px}
.platform-icon-tile{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#EEF6F5;color:var(--platform-teal)}.platform-icon-tile .icon{width:23px;height:23px}

/* Trust + marquee */
.platform-trust{padding:34px 0;background:#fff;border-bottom:1px solid #EDF2F1}.platform-trust-head{text-align:center;margin-bottom:22px}.platform-trust-head h2{font-size:18px;margin-bottom:4px}.platform-trust-head p{font-size:12px;color:var(--platform-muted)}
.platform-logo-run{overflow:hidden;mask-image:linear-gradient(to left,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to left,transparent,#000 7%,#000 93%,transparent)}
.platform-logo-track,.platform-logo-track-wide{width:max-content;display:flex;align-items:center;gap:54px;animation:platform-marquee 26s linear infinite;direction:ltr;padding:4px 28px}.platform-logo-track-wide{animation-duration:36s;gap:64px}.platform-logo-track img,.platform-logo-track-wide img{width:auto;height:29px;max-width:100px;object-fit:contain;filter:saturate(.92);opacity:.85}.platform-logo-run:hover .platform-logo-track,.platform-logo-run:hover .platform-logo-track-wide{animation-play-state:paused}
@keyframes platform-marquee{to{transform:translateX(-50%)}}

/* Stats */
.platform-stats{padding:30px 0 24px}.platform-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--platform-line)}.platform-stats-grid>div{padding:27px 24px;border-inline-start:1px solid var(--platform-line)}.platform-stats-grid>div:first-child{border-inline-start:0}.platform-stats-grid strong{display:block;font-size:clamp(30px,3.4vw,44px);color:var(--platform-teal);letter-spacing:-1px;direction:ltr;text-align:right}.platform-stats-grid span{display:block;color:var(--platform-muted);font-size:12px;margin-top:6px}

/* Sectors / visual categories */
.platform-sector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.platform-sector-card{min-height:360px;border-radius:24px;overflow:hidden;position:relative;border:1px solid var(--platform-line);background:#fff}.platform-sector-card.large{grid-column:span 1}.platform-sector-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.platform-sector-card::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(to bottom,transparent,rgba(7,41,40,.84))}.platform-sector-card .platform-sector-content{position:absolute;z-index:2;inset:auto 30px 28px;color:#fff}.platform-sector-card .platform-sector-content span{font-size:11px;color:#C6E3E1}.platform-sector-card h3{font-size:28px;margin:5px 0 8px}.platform-sector-card p{font-size:13px;color:#E6F0EF;max-width:390px;margin:0}.platform-sector-card:hover img{transform:scale(1.025);transition:transform .5s var(--platform-ease)}
.platform-sector-graphic{position:absolute;inset:0;display:grid;place-items:center;background:#EAF2F1}.platform-sector-graphic .icon{width:86px;height:86px;color:var(--platform-teal);opacity:.72}

/* Themes */
.platform-theme-stack{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}.platform-theme-browser{width:88%;background:#fff;border:1px solid var(--platform-line-strong);border-radius:20px;box-shadow:var(--platform-shadow);overflow:hidden;position:absolute;transition:transform .3s var(--platform-ease),opacity .3s var(--platform-ease)}.platform-theme-browser:nth-child(1){transform:translate(26px,-36px) rotate(2deg);opacity:.55}.platform-theme-browser:nth-child(2){transform:translate(-18px,-7px) rotate(-1deg);opacity:.78}.platform-theme-browser:nth-child(3){transform:translate(0,26px);z-index:3}.platform-theme-browser .theme-top{height:42px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#F8FAF9;border-bottom:1px solid #E5ECEA}.platform-theme-browser .theme-top i{width:7px;height:7px;border-radius:50%;background:#D4DFDD}.platform-theme-browser .theme-top b{margin-inline-start:auto;font-size:9px}.platform-theme-browser img{width:100%;height:260px;object-fit:cover}.platform-theme-browser .theme-lines{padding:16px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.platform-theme-browser .theme-lines span{height:8px;border-radius:7px;background:#E8EFEE}
.platform-theme-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.platform-theme-controls span{padding:9px 12px;border:1px solid var(--platform-line);border-radius:10px;background:#fff;font-size:11px;color:var(--platform-muted)}

/* Management/dashboard */
.platform-management-board{border:1px solid var(--platform-line-strong);border-radius:24px;background:#fff;box-shadow:var(--platform-shadow-soft);overflow:hidden}.platform-management-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--platform-line);background:#FBFCFC}.platform-management-head strong{font-size:14px}.platform-management-head span{font-size:10px;color:var(--platform-muted)}.platform-management-body{display:grid;grid-template-columns:150px 1fr;min-height:410px}.platform-management-nav{padding:18px;background:#F8FAF9;border-inline-end:1px solid var(--platform-line);display:grid;align-content:start;gap:8px}.platform-management-nav span{padding:10px 12px;border-radius:10px;font-size:10px;color:#5D7573}.platform-management-nav span.active{background:#EAF4F3;color:var(--platform-teal);font-weight:700}.platform-management-content{padding:22px}.platform-management-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.platform-management-kpis article{border:1px solid var(--platform-line);border-radius:13px;padding:13px}.platform-management-kpis small{font-size:9px;color:var(--platform-muted)}.platform-management-kpis b{display:block;font-size:21px;margin:4px 0;direction:ltr;text-align:right}.platform-management-kpis em{font-size:9px;color:#2A7C6B;font-style:normal}.platform-area-chart{height:155px;margin-top:14px;border-radius:14px;background:#F9FBFA;border:1px solid var(--platform-line);padding:15px;position:relative;overflow:hidden}.platform-area-chart::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#E8EFEE 1px,transparent 1px);background-size:100% 25%}.platform-area-chart svg{width:100%;height:100%;position:relative}.platform-area-chart path{fill:rgba(21,77,77,.08);stroke:var(--platform-teal-2);stroke-width:3}.platform-management-board .platform-table-mini{display:grid;margin-top:14px}.platform-table-mini span{display:grid;grid-template-columns:1fr auto auto;gap:15px;padding:10px;border-bottom:1px solid #EEF2F1;font-size:10px;color:#607674}.platform-table-mini span b{color:var(--platform-text)}

/* Payment */
.platform-payment-flow{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:68px}.platform-payment-orbit{min-height:440px;border-radius:28px;background:#F3F8F7;border:1px solid var(--platform-line);position:relative;display:grid;place-items:center;overflow:hidden}.platform-payment-orbit::before,.platform-payment-orbit::after{content:"";position:absolute;border:1px solid #CFDEDC;border-radius:50%}.platform-payment-orbit::before{width:330px;height:330px}.platform-payment-orbit::after{width:230px;height:230px}.platform-payment-feature{width:176px;height:176px;border-radius:50%;background:var(--platform-teal);color:#fff;display:grid;place-items:center;text-align:center;z-index:2;padding:30px}.platform-payment-feature .icon{width:43px;height:43px;margin-bottom:8px}.platform-payment-feature strong{font-size:20px}.platform-payment-logos{position:absolute;inset:0}.platform-payment-logos span{position:absolute;width:88px;height:58px;border-radius:14px;background:#fff;border:1px solid var(--platform-line);box-shadow:var(--platform-shadow-soft);display:grid;place-items:center;padding:12px}.platform-payment-logos img{max-width:70px;max-height:26px;object-fit:contain}.platform-payment-logos span:nth-child(1){right:8%;top:16%}.platform-payment-logos span:nth-child(2){left:8%;top:18%}.platform-payment-logos span:nth-child(3){right:6%;bottom:17%}.platform-payment-logos span:nth-child(4){left:7%;bottom:16%}
.platform-checkout-mock{background:#fff;border:1px solid var(--platform-line-strong);border-radius:20px;padding:20px;box-shadow:var(--platform-shadow-soft);display:grid;gap:11px}.platform-checkout-large{max-width:510px;margin-inline:auto}.platform-checkout-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;border-bottom:1px solid var(--platform-line)}.platform-checkout-top span{display:flex;align-items:center;gap:6px;color:var(--platform-muted);font-size:11px}.platform-checkout-top b{font-size:22px;direction:ltr}.platform-checkout-method{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:11px;border:1px solid var(--platform-line);border-radius:13px;padding:11px}.platform-checkout-method.active{border-color:#A8CFCA;background:#F6FAF9}.platform-checkout-method img{width:44px;height:26px;object-fit:contain}.platform-checkout-method span{display:grid}.platform-checkout-method b{font-size:11px}.platform-checkout-method small{font-size:9px;color:var(--platform-muted)}.platform-checkout-method>.icon{color:var(--platform-teal)}
.platform-payment-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.platform-payment-wall.large{grid-template-columns:repeat(6,1fr)}.platform-payment-wall span{height:86px;border:1px solid var(--platform-line);border-radius:14px;background:#fff;display:grid;place-items:center;padding:18px}.platform-payment-wall img{max-width:85px;max-height:36px;object-fit:contain}

/* Shipping */
.platform-shipping-visual{min-height:460px;border-radius:28px;overflow:hidden;position:relative;border:1px solid var(--platform-line);background:#F3F7F6}.platform-shipping-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.platform-route-card{position:absolute;left:24px;right:24px;bottom:24px;background:rgba(255,255,255,.96);border:1px solid var(--platform-line);border-radius:16px;padding:16px 18px;box-shadow:var(--platform-shadow-soft)}.platform-route-card strong{font-size:13px}.platform-route-card p{font-size:10px;color:var(--platform-muted);margin:4px 0 0}.platform-route-large{height:130px;position:relative;margin-top:12px}.platform-route-large::before{content:"";position:absolute;right:8%;left:8%;top:52%;height:2px;background:#C6D8D5;transform:rotate(-5deg)}.platform-route-large i{position:absolute;width:16px;height:16px;border:4px solid var(--platform-teal);background:#fff;border-radius:50%}.platform-route-large .p1{right:8%;top:52%}.platform-route-large .p2{left:12%;top:40%}.platform-carriers,.platform-carrier-band{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.platform-carriers span,.platform-carrier-band span{padding:12px 18px;border:1px solid var(--platform-line);border-radius:12px;background:#fff;font-weight:700;font-size:13px;color:#526967}.platform-carrier-band{justify-content:center}.carrier-dhl{color:#C40000!important}.carrier-aramex{color:#C61828!important}.carrier-smsa{color:#1D5A5A!important}
.platform-shipping-hero-visual{position:relative;min-height:420px;border-radius:26px;overflow:hidden;border:1px solid var(--platform-line)}.platform-shipping-hero-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.ship-card{position:absolute;left:24px;bottom:24px;background:#fff;border:1px solid var(--platform-line);border-radius:15px;padding:15px 18px;display:grid;gap:3px;box-shadow:var(--platform-shadow-soft)}.ship-card small{font-size:9px;color:var(--platform-muted)}.ship-card b{font-size:16px;color:var(--platform-teal)}.ship-card span{font-size:10px;color:var(--platform-muted)}
.platform-delivery-rate-board{border:1px solid var(--platform-line);border-radius:22px;padding:20px;background:#fff}.delivery-map{height:260px;background:#F1F6F5;border-radius:16px;position:relative;overflow:hidden}.map-road{position:absolute;display:block;height:3px;border-radius:4px;background:#C4D7D4}.map-road.r1{width:65%;right:10%;top:40%;transform:rotate(20deg)}.map-road.r2{width:50%;left:8%;top:56%;transform:rotate(-23deg)}.map-road.r3{width:55%;right:17%;top:65%;transform:rotate(-7deg)}.delivery-map .pin{position:absolute;width:18px;height:18px;border-radius:50% 50% 50% 0;background:var(--platform-teal);transform:rotate(-45deg);z-index:2}.delivery-map .pin::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;inset:6px}.delivery-map .pin.a{right:21%;top:30%}.delivery-map .pin.b{left:25%;top:43%}.delivery-map .pin.c{right:47%;bottom:16%}.delivery-rate-list{display:grid;margin-top:13px}.delivery-rate-list span{display:flex;align-items:center;justify-content:space-between;padding:11px;border-bottom:1px solid #EEF2F1}.delivery-rate-list b{font-size:11px}.delivery-rate-list em{font-size:11px;font-style:normal;direction:ltr;color:var(--platform-teal)}
.platform-shipment-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}.platform-shipment-timeline::before{content:"";position:absolute;right:12%;left:12%;top:27px;height:1px;background:var(--platform-line);z-index:0}.platform-shipment-timeline article{text-align:center;position:relative;z-index:1;padding:0 12px}.platform-shipment-timeline article>span{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#fff;border:1px solid var(--platform-line);color:#879B98}.platform-shipment-timeline article.done>span,.platform-shipment-timeline article.active>span{background:var(--platform-teal);color:#fff;border-color:var(--platform-teal)}.platform-shipment-timeline h3{font-size:15px;margin-bottom:6px}.platform-shipment-timeline p{font-size:11px;line-height:1.7;color:var(--platform-muted)}

/* Marketing + analytics */
.platform-growth-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}.platform-growth-grid article{padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:rgba(255,255,255,.05)}.platform-growth-grid .platform-icon-tile{background:rgba(47,217,217,.12);color:#8CF1F1}.platform-growth-grid h3{font-size:17px;margin:15px 0 7px}.platform-growth-grid p{font-size:11px;line-height:1.8;margin:0}.platform-marketing-board{margin-top:34px;border-radius:20px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.09);padding:18px;display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.platform-coupon-ticket,.platform-abandoned-mini{background:#fff;color:var(--platform-text);border-radius:15px;padding:17px}.platform-coupon-ticket{display:flex;align-items:center;justify-content:space-between;gap:15px}.platform-coupon-ticket b{font-size:20px}.platform-coupon-ticket code{background:#EDF5F4;color:var(--platform-teal);padding:8px 10px;border-radius:9px;font-family:inherit;font-weight:700}.platform-abandoned-mini{display:grid;gap:8px}.platform-abandoned-mini span{height:7px;background:#E8EFEE;border-radius:7px}.platform-abandoned-mini span:nth-child(2){width:75%}
.platform-analytics-board{border:1px solid var(--platform-line);border-radius:22px;padding:22px;background:#fff;box-shadow:var(--platform-shadow-soft)}.platform-spark-bars{height:220px;display:flex;align-items:flex-end;gap:9px;border-bottom:1px solid var(--platform-line);padding:15px 4px}.platform-spark-bars i{flex:1;min-width:7px;border-radius:7px 7px 0 0;background:#D5E5E2}.platform-spark-bars i:nth-child(3n+1){background:#A9CAC5}.platform-spark-bars i.active{background:var(--platform-teal-2)}

/* Story / success */
.platform-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.platform-story-grid article{border:1px solid var(--platform-line);border-radius:19px;background:#fff;padding:24px;display:grid;gap:14px;min-height:240px}.platform-story-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--platform-teal);color:#fff;font-size:20px;font-weight:700}.platform-story-grid blockquote{font-size:16px;line-height:1.9;margin:0;color:#274846}.platform-story-grid footer{display:grid;gap:2px;margin-top:auto}.platform-story-grid footer b{font-size:12px}.platform-story-grid footer span{font-size:10px;color:var(--platform-muted)}

/* Pricing */
.platform-pricing-section{background:#fff}.platform-pricing-controls{max-width:760px;margin:0 auto 30px}.platform-pricing-grid{margin-top:22px}.platform-pricing-section .pricing-grid{max-width:1180px;margin-inline:auto}.platform-pricing-section .plan-card-v4{box-shadow:none}.platform-pricing-section .plan-card-v4.is-popular{box-shadow:0 18px 46px rgba(13,59,59,.11)}
.platform-plan-table{border:1px solid var(--platform-line);border-radius:20px;overflow:hidden;background:#fff}.platform-plan-row{display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(3,minmax(130px,1fr));border-bottom:1px solid var(--platform-line)}.platform-plan-row:last-child{border-bottom:0}.platform-plan-row>*{padding:15px 18px;border-inline-start:1px solid var(--platform-line);font-size:12px}.platform-plan-row>*:first-child{border-inline-start:0}.platform-plan-row.head{background:#F4F8F7;font-weight:700;color:var(--platform-teal)}.platform-plan-row.group{background:#FBFCFC;font-weight:700}.platform-plan-row span:not(:first-child),.platform-plan-row b:not(:first-child){text-align:center}.platform-plan-row .yes{color:#1B705F;font-weight:700}.platform-plan-row .no{color:#9BACAA}

/* Comparison */
.platform-compare-preview,.platform-full-compare{border:1px solid var(--platform-line);border-radius:20px;overflow:hidden;background:#fff}.platform-compare-row,.platform-full-compare-row{display:grid;grid-template-columns:1.4fr repeat(3,1fr);border-bottom:1px solid var(--platform-line)}.platform-compare-row:last-child,.platform-full-compare-row:last-child{border-bottom:0}.platform-compare-row>*,.platform-full-compare-row>*{padding:16px 18px;border-inline-start:1px solid var(--platform-line);font-size:12px}.platform-compare-row>*:first-child,.platform-full-compare-row>*:first-child{border-inline-start:0}.platform-compare-row.head,.platform-full-compare-row.head{background:#F2F7F6;font-weight:700;color:var(--platform-teal)}.platform-compare-row strong,.platform-full-compare-row strong{color:var(--platform-teal)}.platform-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.platform-choice-grid article{border:1px solid var(--platform-line);border-radius:18px;padding:23px;background:#fff}.platform-choice-grid article.featured{border-color:#A8CEC8;background:#F8FBFA}.platform-choice-grid h3{font-size:20px;margin:14px 0 8px}.platform-choice-grid p{font-size:12px;color:var(--platform-muted);line-height:1.8}.platform-choice-grid ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}.platform-choice-grid li{font-size:11px;color:#496562}

/* FAQ */
.platform-faq-layout{display:grid;grid-template-columns:minmax(270px,.65fr) minmax(0,1.35fr);gap:70px;align-items:start}.platform-faq-intro{position:sticky;top:120px}.platform-faq-intro h2{font-size:40px;line-height:1.3;margin:0 0 12px}.platform-faq-intro p{font-size:14px;color:var(--platform-muted);line-height:1.9}.platform-faq-list{border-top:1px solid var(--platform-line)}.platform-faq-item{border-bottom:1px solid var(--platform-line)}.platform-faq-item button{width:100%;border:0;background:transparent;padding:22px 2px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;text-align:right;color:var(--platform-text);font-size:16px;font-weight:600}.platform-faq-item button .icon{transition:transform .2s var(--platform-ease);color:var(--platform-teal)}.platform-faq-item button[aria-expanded="true"] .icon{transform:rotate(180deg)}.platform-faq-panel{padding:0 2px 22px;color:var(--platform-muted);font-size:13px;line-height:1.9;max-width:760px}.platform-faq-short{padding:78px 0}

/* CTA */
.platform-final-cta{padding:72px 0;background:var(--platform-teal);color:#fff}.platform-final-cta>.platform-shell{display:flex;align-items:center;justify-content:space-between;gap:36px}.platform-final-cta h2{font-size:38px;margin:0 0 8px;color:#fff}.platform-final-cta p{margin:0;color:#C5D8D6}.platform-final-cta .platform-hero-actions{margin:0;flex:0 0 auto}.platform-btn-on-dark.btn-secondary{background:#fff;border-color:#fff;color:var(--platform-teal)}

/* Footer */
.platform-footer{background:#082F2F;color:#D6E4E2;padding:70px 0 22px}.platform-footer-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:42px}.platform-footer-brand{padding-inline-end:28px}.platform-brand-footer{display:flex;align-items:center;gap:10px;margin-bottom:17px}.platform-brand-footer img{width:46px;height:46px;filter:brightness(0) invert(1)}.platform-brand-footer span{display:grid}.platform-brand-footer strong{color:#fff;font-size:17px}.platform-brand-footer small{font-size:10px;color:#A5BFBC;direction:ltr;text-align:right}.platform-footer-brand>p{color:#9FB8B5;font-size:12px;line-height:1.9;max-width:300px}.platform-footer-grid>div:not(.platform-footer-brand){display:grid;align-content:start;gap:10px}.platform-footer-grid h3{color:#fff;font-size:13px;margin-bottom:5px}.platform-footer-grid a{color:#ABC2BF;font-size:11px;transition:color .15s}.platform-footer-grid a:hover{color:#fff}.platform-footer-social{display:flex;gap:8px;margin-top:15px}.platform-footer-social a{width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:10px;display:grid;place-items:center;color:#fff}.platform-footer-social a:hover{background:rgba(255,255,255,.08)}.platform-footer-social .icon{width:16px;height:16px}.platform-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.10);margin-top:48px;padding-top:20px;color:#86A29E;font-size:10px}.platform-footer-bottom>div{display:flex;gap:16px;flex-wrap:wrap}

/* Inner heroes */
.platform-inner-hero{padding:86px 0 74px;background:#F6F9F8;text-align:center;border-bottom:1px solid #EAF0EF}.platform-inner-hero .platform-shell{max-width:960px}.platform-inner-hero h1{font-size:clamp(44px,5vw,64px);line-height:1.22;letter-spacing:-1.8px;margin:0 0 18px;color:#113737}.platform-inner-hero p{max-width:720px;margin:0 auto;color:var(--platform-muted);font-size:17px;line-height:1.9}.platform-inner-hero .btn{margin-top:26px}.platform-inner-hero.platform-hero-grid{text-align:right;max-width:none}.platform-inner-hero>.platform-shell.platform-hero-grid{max-width:var(--platform-shell)}
.platform-feature-story,.platform-solution-section{padding:96px 0}.platform-feature-story:nth-of-type(even){background:#F8FAF9}.platform-mini-features{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.platform-mini-features span{display:flex;align-items:center;gap:8px;border:1px solid var(--platform-line);border-radius:12px;padding:11px;background:#fff}.platform-mini-features .icon{color:var(--platform-teal)}.platform-mini-features b{font-size:11px}

/* Data mocks */
.platform-catalog-mock,.platform-orders-mock,.platform-import-board{border:1px solid var(--platform-line);border-radius:20px;background:#fff;box-shadow:var(--platform-shadow-soft);overflow:hidden}.catalog-toolbar,.orders-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--platform-line)}.catalog-toolbar b,.orders-head b{font-size:14px}.catalog-toolbar span,.orders-head span{font-size:9px;color:var(--platform-muted)}.catalog-toolbar span{color:#fff;background:var(--platform-teal);padding:7px 9px;border-radius:8px}.catalog-table{display:grid}.catalog-row{display:grid;grid-template-columns:1.7fr .6fr .6fr .7fr;gap:10px;align-items:center;padding:13px 18px;border-bottom:1px solid #EEF2F1;font-size:10px}.catalog-row.head{background:#F8FAF9;color:var(--platform-muted);font-size:9px}.catalog-row span:first-child{display:flex;align-items:center;gap:8px}.catalog-row i{width:30px;height:30px;border-radius:8px;background:#DDEAE8}.catalog-row i.p2{background:#EDE8E1}.catalog-row i.p3{background:#D9E1D6}.catalog-row em{font-style:normal;color:#2A7C6B}.catalog-row em.warn{color:#9A6A20}.orders-tabs{display:flex;gap:7px;padding:12px 16px;border-bottom:1px solid var(--platform-line)}.orders-tabs i{font-style:normal;padding:6px 8px;border-radius:8px;font-size:8px;color:var(--platform-muted)}.orders-tabs i.active{background:#EAF4F3;color:var(--platform-teal)}.orders-list{display:grid;padding:4px 16px 14px}.orders-list>span{display:grid;grid-template-columns:8px .5fr 1fr .5fr;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #EEF2F1;font-size:9px}.orders-list i{width:7px;height:7px;border-radius:50%;background:var(--platform-cyan)}.orders-list small{color:var(--platform-muted)}.orders-list em{font-style:normal;direction:ltr;color:var(--platform-teal)}
.platform-banner-mini{border:1px solid var(--platform-line);border-radius:16px;padding:18px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.platform-banner-mini strong{font-size:18px}.platform-banner-mini span{font-size:10px;color:var(--platform-muted)}
.platform-analytics-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.platform-analytics-cards article{border:1px solid var(--platform-line);border-radius:16px;padding:17px;background:#fff}.platform-analytics-cards article.wide{grid-column:1/-1}.platform-analytics-cards small{color:var(--platform-muted);font-size:9px}.platform-analytics-cards b{display:block;font-size:25px;margin-top:5px;direction:ltr;text-align:right}.platform-analytics-cards svg{width:100%;height:110px;margin-top:8px}.platform-analytics-cards path{fill:none;stroke:var(--platform-teal-2);stroke-width:3}
.platform-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.platform-cap-grid article{border:1px solid var(--platform-line);border-radius:17px;padding:20px;background:#fff}.platform-cap-grid h3{font-size:16px;margin:14px 0 7px}.platform-cap-grid p{font-size:11px;color:var(--platform-muted);line-height:1.8;margin:0}

/* Solutions */
.platform-solution-section .platform-split{gap:64px}.platform-solution-visual{min-height:430px;border-radius:24px;overflow:hidden;border:1px solid var(--platform-line);background:#F1F6F5;position:relative}.platform-solution-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.platform-digital-visual,.platform-booking-visual{display:grid;place-items:center;text-align:center;height:100%;min-height:430px;background:#EEF5F4;color:var(--platform-teal)}.platform-digital-visual .icon,.platform-booking-visual .icon{width:76px;height:76px;margin-bottom:18px}.platform-digital-visual b,.platform-booking-visual b{display:block;font-size:26px}.platform-digital-visual span,.platform-booking-visual span{font-size:12px;color:var(--platform-muted);margin-top:6px}.platform-type-detail-list{display:grid;gap:13px;margin-top:24px}.platform-type-detail-list article{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:start;border-bottom:1px solid var(--platform-line);padding-bottom:13px}.platform-type-detail-list h3{font-size:14px;margin:2px 0 4px}.platform-type-detail-list p{font-size:11px;color:var(--platform-muted);line-height:1.7;margin:0}.platform-type-detail-list ul{grid-column:2;list-style:none;padding:0;margin:7px 0 0;display:flex;flex-wrap:wrap;gap:6px}.platform-type-detail-list li{font-size:9px;background:#EFF6F5;padding:5px 8px;border-radius:8px;color:#4D6966}

/* How it works */
.platform-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.platform-steps article{border:1px solid var(--platform-line);border-radius:19px;padding:24px;background:#fff;min-height:245px}.platform-steps h3{font-size:18px;margin:16px 0 8px}.platform-steps p{font-size:12px;color:var(--platform-muted);line-height:1.8}.platform-import-board{padding:20px}.platform-import-board .import-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--platform-line);padding-bottom:13px}.platform-import-board .import-head b{font-size:13px}.platform-import-board .import-head span{font-size:9px;color:var(--platform-muted)}.platform-import-board .import-lines{display:grid;gap:9px;padding-top:14px}.platform-import-board .import-lines span{height:11px;border-radius:8px;background:#E9F0EF}.platform-import-board .import-lines span:nth-child(2){width:80%}.platform-import-board .import-lines span:nth-child(3){width:60%}

/* Stores / themes gallery */
.platform-store-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px}.platform-store-filters button{border:1px solid var(--platform-line);background:#fff;color:#5A7370;padding:9px 14px;border-radius:10px;cursor:pointer;font-size:11px}.platform-store-filters button.is-active{background:var(--platform-teal);border-color:var(--platform-teal);color:#fff}.platform-store-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.platform-store-gallery>article{border:1px solid var(--platform-line);border-radius:20px;background:#fff;overflow:hidden}.store-browser{margin:18px 18px 0;border:1px solid var(--platform-line);border-radius:14px 14px 4px 4px;overflow:hidden;background:#F7FAF9}.store-browser-bar{height:36px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#FBFCFC;border-bottom:1px solid var(--platform-line);direction:ltr}.store-browser-bar i{width:6px;height:6px;border-radius:50%;background:#D2DDDB}.store-browser-bar b{margin-left:auto;margin-right:auto;font-size:8px;direction:rtl}.store-browser>img{width:100%;height:255px;object-fit:cover}.store-browser-foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:6px;padding:12px}.store-browser-foot span{height:7px;background:#E2EBE9;border-radius:6px}.platform-store-gallery>article>div:last-child{padding:16px 19px 20px}.platform-store-gallery>article>div:last-child>span{font-size:9px;color:var(--platform-muted)}.platform-store-gallery h3{font-size:20px;margin:3px 0 7px}.platform-store-gallery a{color:var(--platform-teal);font-size:11px;font-weight:700}.store-browser-graphic{min-height:335px}.store-digital-art{height:255px;display:grid;place-items:center;align-content:center;background:#E9F4F2;color:var(--platform-teal)}.store-digital-art .icon{width:52px;height:52px;margin-bottom:12px}.store-digital-art b{font-size:22px}.store-digital-art span{font-size:10px;color:var(--platform-muted);margin-top:5px}

/* Login */
.platform-login-page{min-height:100vh;background:#F4F8F7;display:grid;place-items:center;padding:38px}.platform-login-shell{width:min(100%,1100px);display:grid;grid-template-columns:.88fr 1.12fr;background:#fff;border:1px solid var(--platform-line);border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(13,59,59,.12)}.platform-login-form{padding:54px 58px}.platform-login-brand{display:flex;align-items:center;gap:10px;margin-bottom:46px}.platform-login-brand img{width:44px;height:44px}.platform-login-brand span{display:grid}.platform-login-brand strong{font-size:16px;color:var(--platform-teal)}.platform-login-brand small{font-size:10px;color:var(--platform-muted);direction:ltr;text-align:right}.platform-login-head h1{font-size:34px;margin-bottom:7px}.platform-login-head p{font-size:13px;color:var(--platform-muted);margin-bottom:28px}.platform-login-field{display:grid;gap:7px;margin-bottom:16px}.platform-login-field label{font-size:12px;font-weight:600}.platform-login-field input{height:50px;border:1px solid var(--platform-line-strong);border-radius:12px;padding:0 14px;background:#fff;outline:0;color:var(--platform-text);font-size:14px}.platform-login-field input:focus{border-color:var(--platform-teal-3);box-shadow:0 0 0 3px rgba(47,217,217,.13)}.platform-login-field.password{position:relative}.platform-login-field.password button{position:absolute;left:9px;bottom:7px;width:36px;height:36px;border:0;background:transparent;color:var(--platform-muted);cursor:pointer}.platform-login-help{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:5px 0 22px;font-size:11px}.platform-login-help label{display:flex;align-items:center;gap:7px}.platform-login-help a{color:var(--platform-teal);font-weight:600}.platform-login-form .btn-full{width:100%}.platform-auth-switch{text-align:center;margin:19px 0 0;font-size:11px;color:var(--platform-muted)}.platform-auth-switch a{color:var(--platform-teal);font-weight:700}.platform-login-visual{background:var(--platform-teal);padding:46px;display:grid;align-content:center;color:#fff;position:relative;overflow:hidden}.platform-login-visual::after{content:"";position:absolute;width:230px;height:230px;border:44px solid rgba(47,217,217,.08);border-radius:50%;left:-70px;bottom:-90px}.platform-login-visual>h2{font-size:32px;line-height:1.4;color:#fff;max-width:450px;margin-bottom:25px}.platform-login-dashboard{background:#fff;border-radius:18px;padding:17px;color:var(--platform-text);position:relative;z-index:2;box-shadow:0 24px 55px rgba(0,0,0,.18)}.platform-login-dashboard .top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--platform-line);padding-bottom:10px}.platform-login-dashboard .top b{font-size:10px}.platform-login-dashboard .top span{font-size:8px;color:var(--platform-muted)}.platform-login-dashboard .boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.platform-login-dashboard .boxes i{display:block;height:54px;border-radius:9px;background:#EFF5F4}.platform-login-dashboard .graph{height:100px;margin-top:8px;border-radius:10px;background:#F7FAF9;position:relative;overflow:hidden}.platform-login-dashboard .graph::after{content:"";position:absolute;right:10%;left:10%;bottom:20px;height:35px;border-top:3px solid var(--platform-teal);transform:skewY(-8deg)}
body:has(.platform-login-page) .platform-footer{display:none}

/* Toast */
.platform-toast{position:fixed;z-index:300;left:24px;bottom:24px;max-width:min(360px,calc(100% - 48px));background:var(--platform-teal);color:#fff;padding:13px 17px;border-radius:13px;box-shadow:0 18px 45px rgba(13,59,59,.22);font-size:12px;opacity:0;transform:translateY(8px);transition:opacity .18s var(--platform-ease),transform .18s var(--platform-ease)}.platform-toast.is-visible{opacity:1;transform:none}

/* Responsive */
@media (max-width:1180px){
  .platform-header-inner{gap:16px}.platform-nav{gap:0}.platform-nav-direct,.platform-nav-drop>button{padding-inline:9px;font-size:12px}.platform-header-actions .btn{padding-inline:14px}.platform-hero-grid{gap:42px}.platform-commerce-stage{padding-inline:20px}.platform-phone{left:-8px}.platform-footer-grid{grid-template-columns:1.3fr repeat(3,1fr)}.platform-footer-grid>div:last-child{grid-column:2/5}.platform-payment-wall.large{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:980px){
  .platform-nav{display:none}.platform-menu-trigger{display:inline-flex}.platform-header-actions{margin-inline-start:auto}.platform-header-actions>a:first-child{display:none}.platform-mobile-menu{position:absolute;top:calc(100% + 10px);right:24px;left:24px;background:#fff;border:1px solid var(--platform-line-strong);border-radius:18px;padding:12px;box-shadow:0 24px 60px rgba(13,59,59,.16);max-height:calc(100vh - 120px);overflow:auto}.platform-mobile-menu:not([hidden]){display:block;animation:platform-menu-in .16s var(--platform-ease)}.platform-mobile-menu>a,.platform-mobile-menu summary{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;list-style:none}.platform-mobile-menu summary::-webkit-details-marker{display:none}.platform-mobile-menu details[open]>summary{background:#F1F6F5;color:var(--platform-teal)}.platform-mobile-menu details>div{padding:4px 12px 10px;display:grid}.platform-mobile-menu details a{padding:9px 10px;color:#57716E;font-size:11px}.platform-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 4px 2px}.platform-mobile-actions .btn{width:100%}
  .platform-hero{padding:68px 0}.platform-hero-grid,.platform-payment-flow,.platform-split{grid-template-columns:1fr}.platform-hero-grid{gap:44px}.platform-hero-copy{text-align:center}.platform-hero-copy>p{margin-inline:auto}.platform-hero-actions,.platform-hero-proof{justify-content:center}.platform-commerce-stage{max-width:700px;width:100%;margin-inline:auto}.platform-split.reverse>*{order:initial}.platform-copy{max-width:none}.platform-section-head{align-items:flex-start}.platform-stats-grid{grid-template-columns:repeat(2,1fr)}.platform-stats-grid>div:nth-child(3){border-top:1px solid var(--platform-line);border-inline-start:0}.platform-stats-grid>div:nth-child(4){border-top:1px solid var(--platform-line)}.platform-growth-grid{grid-template-columns:repeat(2,1fr)}.platform-faq-layout{grid-template-columns:1fr;gap:30px}.platform-faq-intro{position:static}.platform-story-grid{grid-template-columns:1fr 1fr}.platform-store-gallery{grid-template-columns:1fr 1fr}.platform-steps{grid-template-columns:1fr 1fr}.platform-shipment-timeline{grid-template-columns:1fr 1fr}.platform-shipment-timeline::before{display:none}.platform-plan-row{grid-template-columns:minmax(180px,1.3fr) repeat(3,1fr)}.platform-compare-row,.platform-full-compare-row{grid-template-columns:1.2fr repeat(3,1fr)}.platform-footer-grid{grid-template-columns:1.5fr 1fr 1fr}.platform-footer-grid>div:last-child{grid-column:auto}.platform-login-shell{grid-template-columns:1fr}.platform-login-visual{min-height:480px}.platform-inner-hero>.platform-shell.platform-hero-grid{text-align:center}
}
@media (max-width:720px){
  .platform-shell{width:min(calc(100% - 28px),var(--platform-shell))}.platform-header-inner{min-height:70px}.platform-brand img{width:38px;height:38px}.platform-brand small{display:none}.platform-header-actions>.btn{display:none}.platform-mobile-menu{right:14px;left:14px}.platform-hero{padding:52px 0}.platform-hero-copy h1{font-size:43px;letter-spacing:-1.4px}.platform-hero-copy>p{font-size:15px}.platform-hero-actions .btn{width:100%}.platform-hero-proof{gap:10px;font-size:10px}.platform-commerce-stage{min-height:410px;padding:12px 8px}.platform-browser{width:96%;transform:none}.platform-dashboard-mock{grid-template-columns:46px 1fr;min-height:300px}.platform-dashboard-mock aside{padding-inline:8px}.platform-dashboard-main{padding:13px}.platform-dash-kpis{gap:5px}.platform-dash-kpis>div{padding:8px}.platform-dash-kpis b{font-size:12px}.platform-dash-chart{height:100px}.platform-dash-orders{display:none}.platform-phone{width:135px;left:4px;bottom:0}.platform-stage-chip{padding:8px}.platform-stage-chip small{display:none}.chip-orders{right:2px;top:38px}.chip-stock{right:16px;bottom:20px}.platform-section,.platform-feature-story,.platform-solution-section{padding:64px 0}.platform-section-head{margin-bottom:30px;flex-direction:column}.platform-section-head h2,.platform-copy h2{font-size:32px}.platform-section-head p,.platform-copy>p{font-size:14px}.platform-sector-grid{grid-template-columns:1fr}.platform-sector-card{min-height:320px}.platform-theme-stack{min-height:390px}.platform-theme-browser{width:96%}.platform-theme-browser img{height:190px}.platform-management-body{grid-template-columns:1fr}.platform-management-nav{display:flex;overflow:auto;border-inline-end:0;border-bottom:1px solid var(--platform-line)}.platform-management-nav span{white-space:nowrap}.platform-management-kpis{grid-template-columns:1fr 1fr}.platform-payment-orbit{min-height:360px}.platform-payment-orbit::before{width:280px;height:280px}.platform-payment-orbit::after{width:190px;height:190px}.platform-payment-feature{width:145px;height:145px}.platform-payment-logos span{width:70px;height:50px;padding:10px}.platform-payment-wall,.platform-payment-wall.large{grid-template-columns:repeat(2,1fr)}.platform-shipping-visual,.platform-shipping-hero-visual{min-height:340px}.platform-growth-grid{grid-template-columns:1fr}.platform-marketing-board{grid-template-columns:1fr}.platform-story-grid{grid-template-columns:1fr}.platform-plan-table,.platform-compare-preview,.platform-full-compare{overflow-x:auto}.platform-plan-row{min-width:710px}.platform-compare-row,.platform-full-compare-row{min-width:740px}.platform-faq-intro h2{font-size:32px}.platform-faq-item button{font-size:14px;padding-block:18px}.platform-final-cta>.platform-shell{flex-direction:column;align-items:flex-start}.platform-final-cta h2{font-size:30px}.platform-final-cta .platform-hero-actions,.platform-final-cta .btn{width:100%}.platform-footer-grid{grid-template-columns:1fr 1fr;gap:30px}.platform-footer-brand{grid-column:1/-1}.platform-footer-bottom{flex-direction:column;align-items:flex-start}.platform-inner-hero{padding:58px 0 50px}.platform-inner-hero h1{font-size:40px}.platform-inner-hero p{font-size:14px}.platform-cap-grid,.platform-choice-grid,.platform-store-gallery,.platform-steps,.platform-shipment-timeline{grid-template-columns:1fr}.platform-mini-features{grid-template-columns:1fr}.platform-catalog-mock,.platform-orders-mock{overflow-x:auto}.catalog-table{min-width:580px}.orders-list{min-width:420px}.platform-login-page{padding:18px}.platform-login-shell{border-radius:20px}.platform-login-form{padding:34px 24px}.platform-login-brand{margin-bottom:30px}.platform-login-visual{padding:30px 24px;min-height:410px}.platform-login-visual>h2{font-size:26px}.store-browser>img{height:210px}
}
@media (max-width:420px){
  .platform-hero-copy h1{font-size:38px}.platform-brand strong{font-size:15px}.platform-stats-grid strong{font-size:28px}.platform-stats-grid>div{padding:22px 16px}.platform-management-kpis{grid-template-columns:1fr}.platform-payment-orbit{min-height:320px}.platform-payment-orbit::before{width:230px;height:230px}.platform-payment-orbit::after{width:160px;height:160px}.platform-payment-feature{width:128px;height:128px;padding:20px}.platform-payment-feature strong{font-size:16px}.platform-payment-logos span{width:62px;height:45px}.platform-theme-browser img{height:160px}.platform-footer-grid{grid-template-columns:1fr 1fr}.platform-final-cta{padding:56px 0}.platform-route-card{left:14px;right:14px;bottom:14px}
}
@media (prefers-reduced-motion:reduce){
  .platform-page,.platform-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.platform-logo-track,.platform-logo-track-wide{animation:none!important;transform:none!important}.platform-logo-run{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.platform-page.js-reveal .platform-reveal{opacity:1!important;transform:none!important}
}

/* Structure-specific corrections for the generated platform pages */
.platform-logo-track{overflow:hidden;mask-image:linear-gradient(to left,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to left,transparent,#000 7%,#000 93%,transparent);width:100%}
.platform-logo-run{width:max-content;display:flex;align-items:center;gap:54px;animation:platform-marquee 26s linear infinite;direction:ltr;padding:8px 28px}
.platform-logo-track-wide .platform-logo-run{gap:64px;animation-duration:36s}
.platform-logo-run span{width:120px;height:58px;display:grid;place-items:center;padding:10px;background:#fff;border:1px solid var(--platform-line);border-radius:13px}
.platform-logo-run img{width:auto;height:auto;max-width:88px;max-height:28px;object-fit:contain;filter:saturate(.94);opacity:.9}
.platform-logo-track:hover .platform-logo-run{animation-play-state:paused}

.platform-sector-card>span{position:absolute;z-index:3;inset:auto 28px 26px;color:#fff;display:grid;gap:5px}
.platform-sector-card>span b{font-size:25px;line-height:1.35}.platform-sector-card>span small{font-size:11px;color:#E1ECEA;line-height:1.7}

.platform-theme-browser .theme-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px}.platform-theme-browser .theme-products i{height:38px;border-radius:8px;background:#ECF2F1}

.platform-management-board{display:grid;grid-template-columns:72px 1fr}.platform-management-nav{padding:18px 12px;background:var(--platform-teal);border:0;display:flex;flex-direction:column;align-items:center;gap:12px}.platform-management-nav>img{width:28px;height:28px;margin-bottom:8px;filter:brightness(0) invert(1)}.platform-management-nav>span{width:40px;height:40px;padding:0;border-radius:11px;color:#B7CFCC;display:grid;place-items:center;background:transparent}.platform-management-nav>span.active{background:rgba(47,217,217,.13);color:#8EF3F3}.platform-management-content{padding:24px}.platform-management-head{padding:0 0 18px;background:transparent}.platform-management-head>div{display:grid}.platform-management-head small{font-size:9px;color:var(--platform-muted)}.platform-management-head strong{font-size:16px}.platform-management-body{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:14px;min-height:0}.platform-side-list{display:grid;gap:8px}.platform-side-list span{display:grid;grid-template-columns:8px 1fr;gap:3px 8px;align-content:center;padding:10px 11px;border:1px solid var(--platform-line);border-radius:11px}.platform-side-list i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:var(--platform-cyan);align-self:center}.platform-side-list b{font-size:14px}.platform-side-list small{font-size:8px;color:var(--platform-muted)}

.platform-payment-feature{width:auto;height:auto;border-radius:22px;background:#fff;color:var(--platform-text);border:1px solid var(--platform-line);padding:20px;display:grid;gap:18px;text-align:initial;box-shadow:var(--platform-shadow-soft)}
.platform-payment-feature .platform-logo-track{margin:0}.platform-payment-feature .platform-logo-run span{width:95px;height:50px}.platform-payment-flow{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.platform-payment-flow>span{padding:9px 12px;border-radius:10px;background:#EEF6F5;color:var(--platform-teal);font-size:10px;font-weight:700}.platform-payment-flow>.icon{width:15px;height:15px;color:#8FA3A0}
.platform-payment-logos{position:static;display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.platform-payment-logos>img{height:27px;width:auto;max-width:84px;object-fit:contain}
.platform-checkout-line{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:var(--platform-muted);font-size:11px}.platform-checkout-line b{color:var(--platform-text);direction:ltr}

.platform-dark-head{max-width:760px}.platform-dark-head>span{display:block;color:#94E5E5;font-size:12px;font-weight:700;margin-bottom:10px}.platform-dark-head h2{font-size:clamp(34px,3.6vw,50px);line-height:1.3;color:#fff;margin-bottom:13px}.platform-dark-head p{font-size:15px;line-height:1.9;color:#C4D8D5;margin:0}
.platform-coupon-ticket{margin-top:14px;padding:11px 12px}.platform-coupon-ticket b{font-size:14px}.platform-coupon-ticket span{font-size:9px;color:var(--platform-muted)}.platform-banner-mini{margin-top:14px;padding:12px}.platform-banner-mini span{font-size:9px}.platform-banner-mini b{font-size:11px;color:var(--platform-teal)}.platform-abandoned-mini{margin-top:14px;grid-template-columns:9px 1fr auto;align-items:center}.platform-abandoned-mini>i{width:8px;height:8px;border-radius:50%;background:var(--platform-cyan)}.platform-abandoned-mini>span{height:auto;background:transparent;margin:0;display:grid}.platform-abandoned-mini b{font-size:9px}.platform-abandoned-mini small{font-size:8px;color:var(--platform-muted)}.platform-abandoned-mini em{font-style:normal;font-size:8px;color:var(--platform-teal);font-weight:700}.platform-growth-grid .platform-spark-bars{height:62px;margin-top:12px;border:0;padding:0}.platform-growth-grid .platform-spark-bars i{background:rgba(255,255,255,.17)}.platform-growth-grid .platform-spark-bars i:nth-child(3n+1){background:rgba(47,217,217,.24)}

.platform-story-grid article>span{font-size:10px;color:var(--platform-muted)}.platform-story-grid article>h3{font-size:19px;margin:0}.platform-story-grid article>p{font-size:13px;line-height:1.85;color:#3F5B59;margin:0}.platform-story-grid article>div:last-child{margin-top:auto;display:grid;gap:2px}.platform-story-grid article>div:last-child b{font-size:25px;color:var(--platform-teal);direction:ltr;text-align:right}.platform-story-grid article>div:last-child small{font-size:9px;color:var(--platform-muted)}

.platform-center-link{display:flex;justify-content:center;margin-top:26px}

.route-head{display:flex;align-items:center;justify-content:space-between}.route-head b{font-size:11px}.route-head span{font-size:9px;color:#23715F;background:#EBF6F3;border-radius:8px;padding:5px 8px}.route-line{display:grid;grid-template-columns:12px 1fr 12px 1fr 12px;align-items:center;gap:4px;margin:14px 0 6px}.route-line>span{height:2px;background:#D6E2E0}.route-line>i{width:10px;height:10px;border:2px solid #B5C8C5;border-radius:50%;background:#fff}.route-line>i.done{background:var(--platform-teal);border-color:var(--platform-teal)}.route-labels{display:flex;justify-content:space-between;color:var(--platform-muted);font-size:8px}.platform-carriers{position:absolute;right:20px;top:20px;z-index:2}.platform-carriers span{background:rgba(255,255,255,.94);font-size:9px;padding:7px 9px}

.platform-import-board .import-file{display:flex;align-items:center;gap:10px;border:1px solid var(--platform-line);border-radius:12px;padding:12px}.platform-import-board .import-file>.icon{color:var(--platform-teal)}.platform-import-board .import-file span{display:grid}.platform-import-board .import-file b{font-size:11px}.platform-import-board .import-file small{font-size:8px;color:var(--platform-muted)}.platform-import-board .import-progress{height:8px;border-radius:10px;background:#E8EFEE;overflow:hidden;margin:15px 0}.platform-import-board .import-progress span{display:block;height:100%;background:var(--platform-teal);border-radius:inherit}.platform-import-board .import-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.platform-import-board .import-stats span{border:1px solid var(--platform-line);border-radius:10px;padding:10px;text-align:center}.platform-import-board .import-stats b{display:block;font-size:16px}.platform-import-board .import-stats small{font-size:8px;color:var(--platform-muted)}

.platform-theme-controls{border:1px solid var(--platform-line);border-radius:20px;background:#fff;padding:22px;display:grid;gap:18px}.platform-theme-controls>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid #EDF2F1;padding-bottom:14px}.platform-theme-controls small{min-width:100px;color:var(--platform-muted);font-size:10px}.theme-color{width:28px;height:28px!important;border-radius:50%!important;border:3px solid #fff!important;box-shadow:0 0 0 1px var(--platform-line)}.theme-color.c1{background:#0D3B3B!important}.theme-color.c2{background:#C28B62!important}.theme-color.c3{background:#E6E0D5!important}.platform-theme-controls i{width:42px;height:28px;border:1px solid var(--platform-line);background:#F4F7F6}.platform-theme-controls i:nth-of-type(1){border-radius:5px}.platform-theme-controls i:nth-of-type(2){border-radius:10px}.platform-theme-controls i:nth-of-type(3){border-radius:16px}.theme-banner-line{height:36px;flex:1;border-radius:10px;background:#E9F3F1;border-inline-start:5px solid var(--platform-teal)}

.platform-login-field>div{height:50px;border:1px solid var(--platform-line-strong);border-radius:12px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;padding:0 12px;gap:7px;background:#fff;transition:border-color .16s,box-shadow .16s}.platform-login-field>div:focus-within{border-color:var(--platform-teal-3);box-shadow:0 0 0 3px rgba(47,217,217,.12)}.platform-login-field>div>.icon{width:18px;height:18px;color:#78908E}.platform-login-field input{height:auto;border:0;padding:0;min-width:0;box-shadow:none!important;background:transparent}.platform-login-field button{position:static!important;width:34px;height:34px;border:0;background:transparent;display:grid;place-items:center;color:var(--platform-muted);cursor:pointer}.platform-login-field>small{font-size:9px;color:#A34141}.platform-login-head>span{display:block;color:var(--platform-teal);font-size:11px;font-weight:700;margin-bottom:5px}
.login-dash-bar{height:48px;margin:-17px -17px 18px;background:#F4F8F7;border-radius:18px 18px 0 0;display:flex;align-items:center;gap:7px;padding:0 15px}.login-dash-bar img{width:25px;height:25px;background:var(--platform-teal);border-radius:8px;padding:5px}.login-dash-bar span{width:42px;height:6px;border-radius:6px;background:#DDE8E6}.login-dash-bar span:first-of-type{margin-inline-start:auto}.login-dash-main>small{font-size:9px;color:var(--platform-muted)}.login-dash-main>h2{font-size:20px;margin:4px 0 15px}.login-dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.login-dash-stats span{border:1px solid var(--platform-line);border-radius:10px;padding:10px}.login-dash-stats b{display:block;font-size:17px;direction:ltr;text-align:right}.login-dash-stats small{font-size:8px;color:var(--platform-muted)}.login-dash-chart{height:100px;display:flex;align-items:flex-end;gap:7px;margin-top:10px;padding:12px;background:#F7FAF9;border-radius:10px}.login-dash-chart i{flex:1;border-radius:5px 5px 0 0;background:#B8D2CE}.login-dash-chart i:nth-child(1){height:32%}.login-dash-chart i:nth-child(2){height:52%}.login-dash-chart i:nth-child(3){height:43%}.login-dash-chart i:nth-child(4){height:70%;background:var(--platform-teal-2)}.login-dash-chart i:nth-child(5){height:61%}.login-dash-chart i:nth-child(6){height:84%;background:var(--platform-teal-2)}.login-dash-chart i:nth-child(7){height:74%}.platform-login-visual>a{position:relative;z-index:2;color:#C6DAD7;font-size:11px;margin-top:18px;display:inline-flex;align-self:start}

.platform-footer-grid>div:not(.platform-footer-brand)>strong{color:#fff;font-size:13px;margin-bottom:5px}

@media (max-width:980px){.platform-management-board{grid-template-columns:62px 1fr}.platform-payment-feature{padding:16px}}
@media (max-width:720px){.platform-logo-run{gap:22px}.platform-logo-run span{width:96px;height:52px}.platform-sector-card>span{inset:auto 22px 22px}.platform-sector-card>span b{font-size:22px}.platform-management-board{grid-template-columns:1fr}.platform-management-nav{flex-direction:row;overflow:auto;padding:10px}.platform-management-nav>img{margin:0 0 0 5px}.platform-management-content{padding:16px}.platform-management-body{grid-template-columns:1fr}.platform-side-list{grid-template-columns:repeat(3,1fr)}.platform-payment-flow>.icon{transform:rotate(90deg)}.platform-carriers{right:12px;top:12px;gap:6px}.platform-carriers span{font-size:8px}.platform-theme-controls>div{flex-wrap:wrap}.platform-theme-controls small{width:100%;min-width:0}.login-dash-stats{grid-template-columns:1fr 1fr 1fr}}
@media (prefers-reduced-motion:reduce){.platform-logo-run{animation:none!important;transform:none!important}.platform-logo-track{overflow-x:auto;mask-image:none;-webkit-mask-image:none}}
.platform-preview-link,.platform-login-forgot{border:0;background:transparent;padding:0;color:var(--platform-teal);font:inherit;font-size:11px;font-weight:700;cursor:pointer}.platform-preview-link:hover,.platform-login-forgot:hover{color:var(--platform-teal-3)}.platform-preview-link:focus-visible,.platform-login-forgot:focus-visible{outline:2px solid var(--platform-cyan);outline-offset:4px;border-radius:4px}
.platform-route-large{height:330px;border:1px solid var(--platform-line);border-radius:22px;background:#fff;padding:18px;display:grid;grid-template-columns:1fr 170px;gap:14px;box-shadow:var(--platform-shadow-soft)}.route-map{position:relative;border-radius:15px;background:#F0F6F5;overflow:hidden}.route-map::before,.route-map::after{content:"";position:absolute;height:3px;background:#CADBD8;border-radius:8px}.route-map::before{width:70%;right:8%;top:50%;transform:rotate(-14deg)}.route-map::after{width:55%;left:7%;top:34%;transform:rotate(20deg)}.route-map i{position:absolute;width:18px;height:18px;border:4px solid var(--platform-teal);border-radius:50%;background:#fff;z-index:3}.route-map i.a{right:12%;top:25%}.route-map i.b{left:25%;top:43%}.route-map i.c{right:45%;bottom:20%}.route-path{position:absolute;right:13%;left:18%;top:58%;border-top:2px dashed #93B4AF;transform:rotate(4deg)}.route-status{display:grid;align-content:start;gap:9px}.route-status>b{font-size:12px;margin-bottom:4px}.route-status>span{border:1px solid var(--platform-line);border-radius:11px;padding:10px;display:grid;gap:2px;color:var(--platform-muted);font-size:8px}.route-status strong{font-size:17px;color:var(--platform-teal)}
@media (max-width:720px){.platform-route-large{grid-template-columns:1fr;height:auto}.route-map{height:230px}.route-status{grid-template-columns:repeat(3,1fr)}}

/* Final platform QA corrections */
.platform-mega[hidden],
.platform-menu-pop[hidden],
.platform-mobile-menu[hidden],
.platform-faq-panel[hidden],
.platform-toast[hidden]{display:none!important}

.platform-page a.btn-primary{color:#fff}
.platform-page a.btn-secondary{color:var(--platform-teal)}
.platform-page a.btn-cyan{color:#083B3B}
.platform-page a.platform-btn-on-dark{color:#fff}

/* Payment hero orbit: direct brand marks */
.platform-payment-orbit>.orbit-center{width:164px;height:164px;border-radius:50%;background:var(--platform-teal);color:#fff;display:grid;place-items:center;position:relative;z-index:3;box-shadow:0 22px 44px rgba(13,59,59,.16)}
.platform-payment-orbit>.orbit-center .icon{width:52px;height:52px}
.platform-payment-orbit>span{position:absolute;width:96px;height:62px;border-radius:14px;background:#fff;border:1px solid var(--platform-line);box-shadow:var(--platform-shadow-soft);display:grid;place-items:center;padding:12px;z-index:2}
.platform-payment-orbit>span img{max-width:76px;max-height:30px;width:auto;height:auto;object-fit:contain}
.platform-payment-orbit>.p1{right:8%;top:16%}
.platform-payment-orbit>.p2{left:8%;top:18%}
.platform-payment-orbit>.p3{right:6%;bottom:17%}
.platform-payment-orbit>.p4{left:7%;bottom:16%}
.platform-payment-orbit>.p5{left:50%;top:7%;transform:translateX(-50%)}

/* Local real carrier marks used in the shipping demo */
.platform-carrier-band .carrier-brand{min-width:138px;min-height:64px;display:grid;place-items:center;padding:14px 22px}
.platform-carrier-band .carrier-brand img{display:block;max-width:94px;max-height:31px;width:auto;height:auto;object-fit:contain}
.platform-carrier-band .carrier-brand.carrier-dhl{background:#FFCC00}
.platform-carrier-band .carrier-brand.carrier-dhl img{filter:invert(13%) sepia(95%) saturate(6226%) hue-rotate(350deg) brightness(78%) contrast(105%)}
.platform-carrier-band .carrier-brand.carrier-fedex img{filter:invert(20%) sepia(19%) saturate(4226%) hue-rotate(235deg) brightness(77%) contrast(110%)}
.platform-carrier-band .carrier-brand.carrier-ups img{filter:invert(17%) sepia(25%) saturate(1614%) hue-rotate(352deg) brightness(74%) contrast(93%)}

@media (max-width:720px){
  .platform-payment-orbit>.orbit-center{width:128px;height:128px}
  .platform-payment-orbit>.orbit-center .icon{width:42px;height:42px}
  .platform-payment-orbit>span{width:70px;height:48px;padding:9px}
  .platform-payment-orbit>span img{max-width:54px;max-height:24px}
  .platform-payment-orbit>.p5{top:5%}
  .platform-carrier-band .carrier-brand{min-width:112px;min-height:56px;padding:12px 16px}
}

/* ==========================================================
   Platform Demo — Reconciliation / depth / final polish
   ========================================================== */
:root{
  --platform-motion-fast:160ms;
  --platform-motion:240ms;
  --platform-motion-slow:360ms;
}
.platform-page{overflow-x:clip}
.platform-page main,.platform-page section,.platform-shell,.platform-split>*,.platform-hero-grid>*,.platform-apps-grid>*{min-width:0}
.platform-page img{height:auto}

/* Header refinement */
.platform-header-inner{min-height:88px;gap:34px}
.platform-nav{gap:7px}
.platform-nav-direct,.platform-nav-drop>button{height:46px;padding-inline:15px;font-size:14px;border-radius:11px}
.platform-nav-drop>button{position:relative}
.platform-nav-direct::after,.platform-nav-drop>button::after{content:"";position:absolute;right:14px;left:14px;bottom:5px;height:2px;border-radius:4px;background:var(--platform-cyan);transform:scaleX(0);transform-origin:center;transition:transform var(--platform-motion-fast) var(--platform-ease)}
.platform-nav-direct{position:relative}
.platform-nav-direct:hover::after,.platform-nav-direct.is-active::after,.platform-nav-drop>button:hover::after,.platform-nav-drop>button.is-active::after,.platform-nav-drop>button[aria-expanded="true"]::after{transform:scaleX(1)}
.platform-nav-direct:hover,.platform-nav-drop>button:hover,.platform-nav-direct.is-active,.platform-nav-drop>button.is-active,.platform-nav-drop>button[aria-expanded="true"]{background:transparent}
.platform-mega,.platform-menu-pop{top:calc(100% + 12px);padding:20px;border-radius:20px;box-shadow:0 28px 72px rgba(13,59,59,.15);opacity:0;transform:translateY(-6px) scale(.99);transition:opacity var(--platform-motion-fast) var(--platform-ease),transform var(--platform-motion-fast) var(--platform-ease);animation:none;pointer-events:none}
.platform-mega.is-open,.platform-menu-pop.is-open{opacity:1;transform:none;pointer-events:auto}
.platform-mega{width:min(820px,calc(100vw - 48px));grid-template-columns:1fr 1fr 235px;gap:12px}
.platform-menu-pop{width:350px}
.platform-menu-link{padding:12px;border-radius:14px;gap:12px;transition:background var(--platform-motion-fast) var(--platform-ease),transform var(--platform-motion-fast) var(--platform-ease)}
.platform-menu-link:hover{transform:translateX(-3px)}
.platform-menu-icon{width:42px;height:42px;border-radius:12px}
.platform-menu-link b{font-size:13.5px}.platform-menu-link small{font-size:10.5px;line-height:1.65}
.platform-mega-side{padding:22px;border-radius:16px}
.platform-header-actions{gap:9px}

/* Success-partner marquee — deliberately distinct from payment/shipping brands */
.platform-success-partners{padding:68px 0 52px;border-bottom:1px solid var(--platform-line);overflow:hidden}
.platform-section-head-center{justify-content:center;text-align:center}.platform-section-head-center>div{max-width:690px;margin-inline:auto}
.platform-success-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(to left,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to left,transparent,#000 7%,#000 93%,transparent)}
.platform-success-run{display:flex;align-items:center;gap:18px;width:max-content;direction:ltr;animation:platform-success-marquee 34s linear infinite;padding:8px 18px}
.platform-success-run>span{direction:rtl;width:158px;height:82px;border:1px solid var(--platform-line);border-radius:18px;background:#fff;display:grid;place-items:center;align-content:center;gap:4px;box-shadow:0 8px 20px rgba(13,59,59,.035)}
.platform-success-run b{font-size:22px;color:var(--platform-teal);letter-spacing:-.4px}.platform-success-run small{font-size:9px;color:var(--platform-muted)}
.platform-success-marquee:hover .platform-success-run{animation-play-state:paused}
@keyframes platform-success-marquee{to{transform:translateX(-50%)}}

/* Stronger stats band */
.platform-stats-expanded{padding:0;background:#F8FAF9;border-block:1px solid var(--platform-line)}
.platform-stats-expanded .platform-stats-grid{grid-template-columns:repeat(6,1fr);border:0}
.platform-stats-expanded .platform-stats-grid>div{padding:36px 20px;border-inline-start:1px solid var(--platform-line);border-block:0;text-align:center}
.platform-stats-expanded .platform-stats-grid>div:first-child{border-inline-start:0}
.platform-stats-expanded .platform-stats-grid strong{text-align:center;font-size:clamp(32px,3vw,48px);line-height:1;color:var(--platform-teal)}
.platform-stats-expanded .platform-stats-grid span{font-size:11px;margin-top:10px;line-height:1.55}

/* Customer journey */
.platform-customer-journey{background:#fff}
.platform-journey-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:46px;align-items:center}
.platform-storefront-stage{position:relative;min-width:0}
.storefront-browser{background:#fff;border:1px solid var(--platform-line-strong);border-radius:24px;overflow:hidden;box-shadow:var(--platform-shadow)}
.storefront-top{height:56px;padding:0 20px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--platform-line);background:#FBFCFC}.storefront-top b{font-size:15px;color:var(--platform-teal)}.storefront-top span{font-size:10px;color:var(--platform-muted)}.storefront-top i{margin-inline-start:auto;width:28px;height:28px;border-radius:50%;background:#E8F2F0}
.storefront-body{display:grid;grid-template-columns:1.1fr .9fr;min-height:350px}.storefront-visual{min-width:0;background:#F1F5F4}.storefront-visual img{width:100%;height:100%;object-fit:cover}.storefront-detail{padding:42px 34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.storefront-detail small{font-size:10px;color:var(--platform-teal);font-weight:700}.storefront-detail h3{font-size:26px;line-height:1.35;margin:8px 0 12px}.storefront-detail p{font-size:11px;line-height:1.85;color:var(--platform-muted)}.storefront-choice{display:flex;align-items:center;gap:8px;margin:8px 0 18px}.storefront-choice span{font-size:10px;color:var(--platform-muted);margin-inline-end:5px}.storefront-choice i{width:18px;height:18px;border-radius:50%;background:#173D3D;border:3px solid #fff;box-shadow:0 0 0 1px #C9D6D4}.storefront-choice i:nth-of-type(2){background:#B78968}.storefront-choice i:nth-of-type(3){background:#E4E0D6}.storefront-detail button{border:0;background:var(--platform-teal);color:#fff;border-radius:10px;padding:11px 20px;font-weight:700;font-size:11px}
.storefront-checkout{position:absolute;left:-18px;bottom:-22px;background:#fff;border:1px solid var(--platform-line);border-radius:16px;box-shadow:var(--platform-shadow-soft);padding:11px;display:flex;gap:7px}.storefront-checkout span{display:flex;align-items:center;gap:5px;padding:8px 10px;border-radius:9px;background:#F3F8F7;color:var(--platform-teal);font-size:9px;font-weight:700}.storefront-checkout .icon{width:15px;height:15px}
.platform-journey-rail{display:grid;gap:10px}.platform-journey-rail article{display:grid;grid-template-columns:50px 1fr;gap:14px;padding:18px;border:1px solid var(--platform-line);border-radius:17px;background:#fff;transition:transform var(--platform-motion) var(--platform-ease),border-color var(--platform-motion) var(--platform-ease)}.platform-journey-rail article:hover{transform:translateX(-4px);border-color:#BBD2CE}.platform-journey-rail article>span{width:50px;height:50px;border-radius:14px;background:#EAF4F3;color:var(--platform-teal);display:grid;place-items:center}.platform-journey-rail article b{font-size:14px}.platform-journey-rail article p{font-size:10px;line-height:1.75;color:var(--platform-muted);margin:4px 0 0}

/* App ecosystem */
.platform-apps{background:#0B3636;color:#fff;overflow:hidden}
.platform-apps-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:70px;align-items:center}.platform-apps .platform-copy h2,.platform-apps .platform-copy>p{color:#fff}.platform-apps .platform-copy>p{color:#BCD2CF}.platform-apps .platform-kicker{color:#A3EEEE}.platform-app-filters{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.platform-app-filters span{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:7px 11px;font-size:9px;color:#D6E6E4}.platform-apps .btn-secondary{background:#fff;border-color:#fff;color:var(--platform-teal)}
.platform-app-market{background:#fff;border-radius:24px;padding:22px;color:var(--platform-text);box-shadow:0 24px 60px rgba(0,0,0,.12)}.app-market-head{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--platform-line);padding-bottom:16px;margin-bottom:16px}.app-market-head b{font-size:17px}.app-market-head span{font-size:9px;color:var(--platform-muted)}.app-market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.app-market-grid article{min-width:0;border:1px solid var(--platform-line);border-radius:15px;padding:14px;display:grid;grid-template-columns:40px 1fr auto;gap:2px 10px;align-items:center}.app-market-grid i{grid-row:1/3;width:40px;height:40px;border-radius:11px;background:#EAF4F3;color:var(--platform-teal);display:grid;place-items:center}.app-market-grid i .icon{width:19px;height:19px}.app-market-grid b{font-size:11px}.app-market-grid small{font-size:8px;color:var(--platform-muted)}.app-market-grid em{grid-column:3;grid-row:1/3;font-style:normal;font-size:8px;color:var(--platform-teal);font-weight:700;background:#EDF7F5;border-radius:8px;padding:5px 7px}

/* Migration */
.platform-migration .platform-import-board{padding:24px;overflow:visible}.import-head{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--platform-line);margin-bottom:17px}.import-head>.platform-icon-tile{flex:0 0 auto}.import-head>div{display:grid}.import-head small{font-size:8px;color:var(--platform-muted)}.import-head b{font-size:13px}.import-head em{margin-inline-start:auto;font-style:normal;font-size:9px;color:var(--platform-teal);font-weight:700;border:1px solid var(--platform-line);border-radius:8px;padding:6px 8px}

/* Carrier strip */
.platform-carrier-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.platform-carrier-strip span{height:48px;min-width:92px;padding:9px 15px;border:1px solid var(--platform-line);border-radius:12px;background:#fff;display:grid;place-items:center}.platform-carrier-strip img{max-width:68px;max-height:26px;width:auto;height:auto}

/* Footer depth */
.platform-footer-grid-deep{grid-template-columns:1.5fr repeat(5,1fr);gap:34px}.platform-footer-grid>div:not(.platform-footer-brand)>strong{font-size:13px;margin-bottom:6px}.platform-footer-grid a{line-height:1.8}

/* FAQ: panel remains measurable for smooth open/close */
.platform-faq-panel{display:grid;grid-template-rows:0fr;padding:0 2px;opacity:.2;transition:grid-template-rows var(--platform-motion) var(--platform-ease),opacity var(--platform-motion-fast) var(--platform-ease),padding var(--platform-motion) var(--platform-ease)}
.platform-faq-panel>p{min-height:0;overflow:hidden;margin:0}
.platform-faq-panel.is-open{grid-template-rows:1fr;opacity:1;padding:0 2px 22px}
.platform-faq-panel[hidden]{display:grid!important;visibility:hidden;position:absolute;pointer-events:none}
.platform-faq-panel.is-open[hidden]{visibility:visible;position:static;pointer-events:auto}

/* Mobile comparisons: desktop tables remain unchanged on large screens */
.platform-mobile-comparison{display:none}
.platform-mobile-compare-group{border:1px solid var(--platform-line);border-radius:16px;background:#fff;overflow:hidden}.platform-mobile-compare-group+ .platform-mobile-compare-group{margin-top:10px}.platform-mobile-compare-group summary{cursor:pointer;list-style:none;padding:16px 17px;font-weight:700;color:var(--platform-teal);background:#F7FAF9}.platform-mobile-compare-group summary::-webkit-details-marker{display:none}.platform-mobile-compare-body{padding:0 14px 12px}.platform-mobile-compare-body article{padding:14px 2px;border-bottom:1px solid #EDF2F1}.platform-mobile-compare-body article:last-child{border-bottom:0}.platform-mobile-compare-body article>b{font-size:12px}.platform-mobile-compare-body article>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.platform-mobile-compare-body article span,.platform-mobile-compare-card span{border-radius:10px;background:#F7FAF9;padding:8px;display:grid;gap:3px;min-width:0}.platform-mobile-compare-body small,.platform-mobile-compare-card small{font-size:7.5px;color:var(--platform-muted)}.platform-mobile-compare-body strong,.platform-mobile-compare-card strong{font-size:10px;color:var(--platform-text);overflow-wrap:anywhere}.platform-mobile-compare-body span:nth-child(3){background:#EDF7F5}.platform-mobile-compare-body span:nth-child(3) strong{color:var(--platform-teal)}
.platform-mobile-generic-compare{gap:10px}.platform-mobile-compare-card{border:1px solid var(--platform-line);border-radius:16px;background:#fff;padding:15px}.platform-mobile-compare-card h3{font-size:13px;margin:0 0 10px}.platform-mobile-compare-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.platform-mobile-compare-card>div span:first-child{background:#EDF7F5}.platform-mobile-compare-card>div span:first-child strong{color:var(--platform-teal)}

/* Feature mockups must reflow instead of creating nested horizontal gestures */
.platform-catalog-mock,.platform-orders-mock{max-width:100%}.catalog-table,.orders-list{min-width:0!important}.catalog-row,.orders-list>span{min-width:0}.catalog-row>* ,.orders-list>span>*{min-width:0;overflow-wrap:anywhere}

/* Image motion belongs on the base element for symmetric hover in/out */
.platform-sector-card img,.store-browser>img,.platform-theme-browser img{transition:transform var(--platform-motion-slow) var(--platform-ease)}
.platform-sector-card:hover img,.store-browser:hover>img{transform:scale(1.025)}

@media (max-width:1180px){
  .platform-footer-grid-deep{grid-template-columns:1.3fr repeat(3,1fr)}
  .platform-footer-grid-deep>div:nth-last-child(-n+2){grid-column:auto}
  .platform-stats-expanded .platform-stats-grid{grid-template-columns:repeat(3,1fr)}
  .platform-stats-expanded .platform-stats-grid>div:nth-child(4){border-inline-start:0}
  .platform-stats-expanded .platform-stats-grid>div:nth-child(n+4){border-top:1px solid var(--platform-line)}
}
@media (max-width:980px){
  .platform-header-inner{min-height:78px}
  .platform-apps-grid,.platform-journey-layout{grid-template-columns:1fr;gap:36px}
  .platform-journey-rail{grid-template-columns:repeat(3,1fr)}.platform-journey-rail article{grid-template-columns:42px 1fr;padding:14px}.platform-journey-rail article>span{width:42px;height:42px}
  .platform-footer-grid-deep{grid-template-columns:1.4fr repeat(2,1fr)}
  .platform-footer-grid-deep>.platform-footer-brand{grid-column:1/-1}
}
@media (max-width:720px){
  .platform-page{overflow-x:clip}
  .platform-mobile-menu{overflow-y:auto;overflow-x:hidden}
  .platform-mobile-menu details>div{padding:4px 12px 10px;display:grid}
  .platform-mobile-menu{opacity:0;transform:translateY(-6px) scale(.99);transition:opacity var(--platform-motion-fast) var(--platform-ease),transform var(--platform-motion-fast) var(--platform-ease)}
  .platform-mobile-menu.is-open{opacity:1;transform:none}
  .platform-success-partners{padding:50px 0 38px}.platform-success-run{gap:10px}.platform-success-run>span{width:126px;height:70px;border-radius:15px}.platform-success-run b{font-size:18px}
  .platform-stats-expanded .platform-stats-grid{grid-template-columns:repeat(2,1fr)}.platform-stats-expanded .platform-stats-grid>div{padding:24px 10px;border-top:1px solid var(--platform-line)!important}.platform-stats-expanded .platform-stats-grid>div:nth-child(-n+2){border-top:0!important}.platform-stats-expanded .platform-stats-grid>div:nth-child(odd){border-inline-start:0}.platform-stats-expanded .platform-stats-grid strong{font-size:30px}.platform-stats-expanded .platform-stats-grid span{font-size:9px}
  .storefront-body{grid-template-columns:1fr}.storefront-visual{height:230px}.storefront-detail{padding:26px 22px}.storefront-detail h3{font-size:22px}.storefront-checkout{position:static;margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:none}.storefront-checkout span{justify-content:center}.platform-journey-rail{grid-template-columns:1fr}.platform-journey-rail article:hover{transform:none}
  .app-market-grid{grid-template-columns:1fr 1fr}.platform-app-market{padding:16px}.app-market-grid article{grid-template-columns:36px 1fr auto;padding:11px}.app-market-grid i{width:36px;height:36px}.app-market-head{align-items:flex-start;flex-direction:column;gap:4px}
  .platform-import-board .import-stats{grid-template-columns:1fr 1fr 1fr}.platform-import-board .import-stats span{padding:8px 4px}.platform-import-board .import-stats b{font-size:14px}.import-head{align-items:flex-start}.import-head em{font-size:8px}
  .platform-plan-table,.platform-full-compare,.platform-compare-preview{display:none!important;overflow:visible!important}.platform-mobile-comparison{display:grid}.platform-plan-row,.platform-compare-row,.platform-full-compare-row{min-width:0!important}
  .platform-catalog-mock,.platform-orders-mock{overflow:hidden!important}.catalog-row{grid-template-columns:minmax(0,1.45fr) .52fr .58fr .66fr;gap:5px;padding:11px 10px;font-size:8px}.catalog-row i{width:24px;height:24px}.catalog-row.head{font-size:7px}.orders-list{padding-inline:11px}.orders-list>span{grid-template-columns:7px .7fr 1fr .55fr;gap:5px;font-size:8px}
  .platform-theme-stack{overflow:clip}.platform-theme-browser{width:92%}.platform-theme-browser:nth-child(1){transform:translate(12px,-18px) rotate(1deg)}.platform-theme-browser:nth-child(2){transform:translate(-8px,0) rotate(-.5deg)}
  .platform-footer-grid-deep{grid-template-columns:1fr 1fr;gap:28px 18px}.platform-footer-grid-deep>.platform-footer-brand{grid-column:1/-1}.platform-footer-grid-deep>div:not(.platform-footer-brand)>strong{font-size:12px}.platform-footer-grid-deep a{font-size:10px}
}
@media (max-width:420px){
  .app-market-grid{grid-template-columns:1fr}
  .platform-mobile-compare-body article>div,.platform-mobile-compare-card>div{grid-template-columns:1fr}.platform-mobile-compare-body article span,.platform-mobile-compare-card span{grid-template-columns:72px 1fr;align-items:center}.platform-mobile-compare-body small,.platform-mobile-compare-card small{font-size:8px}.platform-mobile-compare-body strong,.platform-mobile-compare-card strong{font-size:10.5px}
  .catalog-row{grid-template-columns:minmax(0,1.35fr) .5fr .56fr .62fr;font-size:7.5px;padding-inline:8px}.catalog-row span:first-child{gap:5px}.catalog-row i{width:20px;height:20px;border-radius:6px}
}
@media (prefers-reduced-motion:reduce){
  .platform-success-run{animation:none!important;transform:none!important}.platform-success-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.platform-faq-panel{transition:none!important}.platform-mega,.platform-menu-pop,.platform-mobile-menu{transition:none!important}
}
@media (max-width:720px){
  .platform-payment-feature{width:100%;height:auto;max-width:100%;padding:16px}
  .platform-payment-feature .platform-logo-run span{width:82px;height:46px}
  .platform-payment-feature .platform-logo-run{gap:12px}
  .platform-carrier-strip{display:grid;grid-template-columns:repeat(3,1fr)}.platform-carrier-strip span{min-width:0;width:100%}
  .platform-route-large{max-width:100%;overflow:hidden}.route-map{min-width:0}
}

/* ==========================================================
   Platform Demo — Header / Pricing / Motion / Login correction
   ========================================================== */

/* Header scale, light-cyan surface, and restrained Qaf watermark */
.platform-header{
  background:rgba(244,251,251,.97);
  border-bottom-color:rgba(13,59,59,.06);
  overflow:visible;
  isolation:isolate;
}
.platform-header::before{
  content:"";
  position:absolute;
  z-index:0;
  top:50%;
  left:48%;
  width:92px;
  height:92px;
  transform:translate(-50%,-50%) rotate(-7deg);
  background:url("../brand/final/qaf-store-symbol-mono-dark.svg") center/contain no-repeat;
  opacity:.022;
  pointer-events:none;
}
.platform-header.is-scrolled{
  background:rgba(244,251,251,.992);
  border-color:#D7E7E5;
  box-shadow:0 10px 30px rgba(13,59,59,.075);
}
.platform-header-inner{min-height:100px;gap:34px;z-index:1}
.platform-brand{gap:13px}
.platform-brand img{width:58px;height:58px}
.platform-brand strong{font-size:20px;line-height:1.15}
.platform-brand small{font-size:11px;margin-top:4px}
.platform-nav{gap:7px}
.platform-nav-direct,.platform-nav-drop>button{
  min-height:52px;
  height:52px;
  padding-inline:16px;
  border-radius:14px;
  font-size:16px;
  font-weight:650;
  gap:8px;
}
.platform-nav-drop>button .icon{width:18px;height:18px}
.platform-header-actions{gap:12px}
.platform-header-actions .btn{min-height:52px;padding-inline:23px;border-radius:15px;font-size:15px;font-weight:700}
.platform-menu-trigger{width:48px;height:48px;border-radius:14px;background:#fff}
.platform-mega,.platform-menu-pop{top:calc(100% + 13px);padding:24px;border-radius:22px}
.platform-mega{width:min(880px,calc(100vw - 48px));grid-template-columns:1fr 1fr 250px;gap:14px}
.platform-menu-pop{width:390px}
.platform-mega-col{padding:12px 9px}
.platform-menu-label{font-size:12px;margin:0 11px 10px}
.platform-menu-link{grid-template-columns:46px 1fr;gap:13px;padding:13px 12px;border-radius:15px}
.platform-menu-icon{width:46px;height:46px;border-radius:13px}
.platform-menu-icon .icon{width:21px;height:21px}
.platform-menu-link b{font-size:14.5px}
.platform-menu-link small{font-size:11.5px;line-height:1.65}
.platform-mega-side{padding:26px;border-radius:18px;gap:13px}
.platform-menu-kicker{font-size:12px}
.platform-mega-side strong{font-size:19px}
.platform-mega-side a{font-size:13px}

/* Payment / shipping provider marks are stable, not continuously animated */
.platform-payment-wall-static{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
  width:100%;
}
.platform-payment-wall-static span{
  min-height:78px;
  border:1px solid var(--platform-line);
  border-radius:15px;
  background:#fff;
  display:grid;
  place-items:center;
  padding:16px;
}
.platform-payment-wall-static img{max-width:88px;max-height:34px;width:auto;height:auto;object-fit:contain}
.platform-payment-feature .platform-payment-wall-static{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.platform-payment-feature .platform-payment-wall-static span{min-height:62px;padding:11px}
.platform-payment-feature .platform-payment-wall-static img{max-width:70px;max-height:28px}

/* Public pricing: customer chooses billing cycle; launch discount is automatic */
#pricing .platform-pricing-controls{
  max-width:820px;
  grid-template-columns:minmax(340px,1fr) auto;
  align-items:stretch;
  gap:16px;
  padding:18px;
}
#pricing .platform-pricing-controls .pricing-control-group{justify-content:center}
#pricing .billing-switch{height:52px;min-width:320px;border-radius:16px}
#pricing .billing-option{font-size:14px;border-radius:12px}
#pricing .billing-save-hint{font-size:9px;padding:4px 7px}
.platform-launch-offer{
  min-width:190px;
  border:1px solid #BFE5E1;
  border-radius:15px;
  background:#ECF9F7;
  padding:11px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:var(--platform-teal);
  white-space:nowrap;
}
.platform-launch-offer span{font-size:11px;font-weight:650;color:#4D6E6A}
.platform-launch-offer strong{font-size:16px;color:var(--platform-teal)}

/* Larger grouped pricing comparison */
.platform-plan-table-large{
  border:1px solid #D2E2DF;
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 18px 48px rgba(13,59,59,.055);
}
.platform-plan-compare-head{
  display:grid;
  grid-template-columns:minmax(280px,1.45fr) repeat(3,minmax(150px,1fr));
  min-height:112px;
  background:#F4FAF9;
  border-bottom:1px solid #D6E5E2;
}
.platform-plan-compare-head>*{padding:22px 24px;border-inline-start:1px solid #D6E5E2;display:flex;align-items:center;justify-content:center}
.platform-plan-compare-head>*:first-child{border-inline-start:0;justify-content:flex-start;font-size:17px;font-weight:700;color:var(--platform-teal)}
.platform-plan-compare-head>div{display:grid;align-content:center;text-align:center;gap:3px}
.platform-plan-compare-head b{font-size:20px;color:var(--platform-teal)}
.platform-plan-compare-head strong{font-size:18px;direction:ltr;color:#183F3E}
.platform-plan-compare-head small{font-size:10px;color:var(--platform-muted)}
.platform-plan-category{
  min-height:58px;
  padding:15px 24px;
  display:flex;
  align-items:center;
  gap:11px;
  background:#EAF6F4;
  border-bottom:1px solid #D3E5E2;
  color:var(--platform-teal);
  font-size:19px;
  font-weight:700;
}
.platform-plan-category .icon{width:23px;height:23px;color:var(--platform-teal)}
.platform-plan-table-large .platform-plan-row{
  display:grid;
  grid-template-columns:minmax(280px,1.45fr) repeat(3,minmax(150px,1fr));
  min-width:0;
  border-bottom:1px solid #E3ECEA;
}
.platform-plan-table-large .platform-plan-row:last-child{border-bottom:0}
.platform-plan-table-large .platform-plan-row>*{
  min-height:66px;
  padding:18px 24px;
  border-inline-start:1px solid #E3ECEA;
  display:flex;
  align-items:center;
  font-size:15.5px;
}
.platform-plan-table-large .platform-plan-row>*:first-child{border-inline-start:0}
.platform-plan-feature-name{font-weight:550;color:#2B4C49;line-height:1.6}
.platform-plan-table-large .platform-plan-row b{justify-content:center;text-align:center;font-weight:700;color:var(--platform-text)}
.platform-compare-value{font-size:15.5px;display:inline-flex;align-items:center;justify-content:center;gap:5px;line-height:1.3}
.platform-compare-value.is-yes{width:34px;height:34px;border-radius:50%;background:#E7F6F3;color:#146A5A}
.platform-compare-value.is-yes .icon{width:18px;height:18px;stroke-width:2.1}
.platform-compare-value.is-no{color:#A0AFAD;font-size:18px}

/* Stronger mobile pricing comparison */
.platform-mobile-compare-group{border-radius:18px;border-color:#D5E3E1;box-shadow:0 8px 22px rgba(13,59,59,.035)}
.platform-mobile-compare-group summary{
  min-height:58px;
  padding:16px 18px;
  display:grid;
  grid-template-columns:24px 1fr 20px;
  align-items:center;
  gap:10px;
  font-size:16px;
  background:#F3F9F8;
}
.platform-mobile-compare-group summary>.icon:first-child{width:22px;height:22px}
.platform-mobile-compare-chevron{width:18px!important;height:18px!important;transition:transform var(--platform-motion-fast) var(--platform-ease)}
.platform-mobile-compare-group[open] .platform-mobile-compare-chevron{transform:rotate(180deg)}
.platform-mobile-compare-body{padding:4px 16px 14px}
.platform-mobile-compare-body article{padding:16px 2px}
.platform-mobile-compare-body article>b{font-size:14px;color:#274744;line-height:1.55}
.platform-mobile-compare-body article>div{gap:8px;margin-top:11px}
.platform-mobile-compare-body article span{padding:10px;border-radius:11px;min-height:54px;align-content:center}
.platform-mobile-compare-body small{font-size:9px}
.platform-mobile-compare-body strong,.platform-mobile-compare-body .platform-compare-value{font-size:12px}
.platform-mobile-compare-body .platform-compare-value.is-yes{width:29px;height:29px;margin-inline:auto}

/* Merchant login is the page itself, not a floating card */
.platform-login-page{min-height:100vh;padding:0;display:block;background:#fff}
.platform-login-shell{
  width:100%;
  min-height:100vh;
  display:grid;
  grid-template-columns:1fr 1fr;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
  background:#fff;
}
.platform-login-form{
  min-height:100vh;
  padding:clamp(48px,6vw,92px) clamp(44px,7vw,112px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#FAFDFC;
  position:relative;
}
.platform-login-form>*{width:min(100%,520px);margin-inline:auto}
.platform-login-brand{gap:13px;margin-bottom:58px}
.platform-login-brand img{width:60px;height:60px}
.platform-login-brand strong{font-size:20px}
.platform-login-brand small{font-size:11px}
.platform-login-head>span{font-size:12px;margin-bottom:7px}
.platform-login-head h1{font-size:46px;line-height:1.2;margin-bottom:11px;color:var(--platform-teal)}
.platform-login-head p{font-size:15px;line-height:1.8;margin-bottom:34px}
.platform-login-field{gap:9px;margin-bottom:20px}
.platform-login-field>span{font-size:13px;font-weight:700;color:#254846}
.platform-login-field>div{height:58px;border-radius:14px;padding-inline:14px;grid-template-columns:25px 1fr auto}
.platform-login-field input{font-size:15px}
.platform-login-field>div>.icon{width:19px;height:19px}
.platform-login-field button{width:38px;height:38px}
.platform-login-help{font-size:12px;margin:6px 0 24px}
.platform-login-form .btn-full{min-height:54px;font-size:15px;border-radius:15px}
.platform-auth-switch{font-size:12px;margin-top:22px}
.platform-login-visual{
  min-height:100vh;
  padding:clamp(48px,6vw,92px);
  background:var(--platform-teal);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:34px;
  position:relative;
  overflow:hidden;
}
.platform-login-visual::before{
  content:"";
  position:absolute;
  width:min(46vw,620px);
  height:min(46vw,620px);
  left:-18%;
  bottom:-23%;
  background:url("../brand/final/qaf-store-symbol-mono-white.svg") center/contain no-repeat;
  opacity:.035;
  transform:rotate(-8deg);
  pointer-events:none;
}
.platform-login-visual::after{width:340px;height:340px;border-width:56px;opacity:.7}
.platform-login-visual-copy{position:relative;z-index:2;width:min(100%,650px);margin-inline:auto;display:grid;gap:10px;align-items:start}
.platform-login-visual-copy img{width:62px;height:62px;margin-bottom:6px}
.platform-login-visual-copy strong{font-size:34px;line-height:1.45;color:#fff;max-width:560px}
.platform-login-visual-copy span{font-size:14px;line-height:1.9;color:#BDD5D2;max-width:570px}
.platform-login-dashboard{width:min(100%,650px);margin-inline:auto;border-radius:22px;padding:22px;box-shadow:0 26px 58px rgba(0,0,0,.20)}
.login-dash-bar{height:54px;margin:-22px -22px 22px;border-radius:22px 22px 0 0;padding-inline:18px}
.login-dash-main>small{font-size:10px}
.login-dash-main>h2{font-size:25px;margin:6px 0 18px}
.login-dash-stats span{padding:13px;border-radius:12px}
.login-dash-stats b{font-size:20px}
.login-dash-stats small{font-size:9px}
.login-dash-chart{height:132px;margin-top:13px;padding:15px}
.platform-login-visual>a{width:min(100%,650px);margin:0 auto;color:#D6E7E4;font-size:12px}

@media (max-width:1180px){
  .platform-header-inner{min-height:94px;gap:18px}
  .platform-brand img{width:52px;height:52px}
  .platform-brand strong{font-size:18px}
  .platform-nav{gap:1px}
  .platform-nav-direct,.platform-nav-drop>button{height:48px;min-height:48px;padding-inline:10px;font-size:13.5px}
  .platform-header-actions .btn{min-height:48px;padding-inline:16px;font-size:13.5px}
  .platform-mega{width:min(820px,calc(100vw - 36px));grid-template-columns:1fr 1fr 225px;padding:20px}
  .platform-menu-pop{width:350px}
  .platform-payment-wall-static{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media (max-width:980px){
  .platform-header::before{display:none}
  .platform-header-inner{min-height:82px}
  .platform-brand img{width:48px;height:48px}
  .platform-brand strong{font-size:17px}
  .platform-menu-trigger{width:48px;height:48px}
  .platform-mobile-menu{background:#F8FCFB}
  .platform-mobile-menu>a,.platform-mobile-menu summary{min-height:48px;font-size:14px;padding:13px}
  .platform-mobile-menu details a{font-size:12px;padding:10px 12px}
  .platform-login-shell{grid-template-columns:1fr;min-height:100vh}
  .platform-login-form{min-height:auto;padding:54px 34px 62px;order:2}
  .platform-login-visual{min-height:270px;padding:32px 34px;order:1;justify-content:center;gap:18px}
  .platform-login-visual-copy{margin:0;gap:7px}
  .platform-login-visual-copy img{width:50px;height:50px;margin:0}
  .platform-login-visual-copy strong{font-size:27px;max-width:480px}
  .platform-login-visual-copy span{font-size:12px;max-width:520px}
  .platform-login-dashboard{display:none}
  .platform-login-visual>a{margin:0;width:auto}
}

@media (max-width:860px){
  .platform-plan-table-large{display:none!important}
  .platform-mobile-comparison{display:grid!important;gap:11px}
}

@media (max-width:720px){
  .platform-header-inner{min-height:76px}
  .platform-brand img{width:44px;height:44px}
  .platform-brand strong{font-size:16px}
  #pricing .platform-pricing-controls{grid-template-columns:1fr;max-width:none;padding:14px}
  #pricing .billing-switch{width:100%;min-width:0;height:50px}
  .platform-launch-offer{width:100%;min-width:0;min-height:48px}
  .platform-payment-wall-static,.platform-payment-feature .platform-payment-wall-static{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .platform-payment-wall-static span{min-height:64px;padding:12px}
  .platform-payment-feature .platform-payment-wall-static span{min-height:58px}
  .platform-login-form{padding:44px 22px 52px}
  .platform-login-brand{margin-bottom:36px}
  .platform-login-brand img{width:52px;height:52px}
  .platform-login-head h1{font-size:38px}
  .platform-login-head p{font-size:14px;margin-bottom:28px}
  .platform-login-field>div{height:56px}
  .platform-login-visual{min-height:220px;padding:28px 22px}
  .platform-login-visual-copy strong{font-size:24px}
  .platform-login-visual-copy span{font-size:11px;line-height:1.75}
}

@media (max-width:420px){
  .platform-mobile-compare-body article>div{grid-template-columns:1fr}
  .platform-mobile-compare-body article span{grid-template-columns:74px 1fr;align-items:center;min-height:48px}
  .platform-mobile-compare-body .platform-compare-value.is-yes{margin-inline:0}
}

/* Mobile comparison legibility polish */
@media (max-width:860px){
  .platform-mobile-compare-body article>b{font-size:15px}
  .platform-mobile-compare-body article>div{gap:9px}
  .platform-mobile-compare-body article span{min-height:58px;padding:11px 12px}
  .platform-mobile-compare-body small{font-size:11px;font-weight:650;color:#5B7471}
  .platform-mobile-compare-body strong,
  .platform-mobile-compare-body .platform-compare-value{font-size:14px;font-weight:700}
}
@media (max-width:420px){
  .platform-mobile-compare-body article span{grid-template-columns:78px minmax(0,1fr);min-height:54px}
  .platform-mobile-compare-body small{font-size:11px}
  .platform-mobile-compare-body strong,
  .platform-mobile-compare-body .platform-compare-value{font-size:14px}
}


/* Production-only composition adapters. Demo data/providers are intentionally not imported. */
.qaf-public{--font:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;background:#fff}
.qaf-public [hidden]{display:none!important}.qaf-public .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.qaf-public .platform-header .btn,.qaf-public .platform-page .btn{font-family:var(--font)}
.qaf-public .platform-brand img{background:transparent;padding:0;border-radius:0}
.qaf-public .platform-header .public-icon--chevron{transition:transform var(--platform-motion-fast) var(--platform-ease)}
.qaf-public .platform-nav-drop>button[aria-expanded="true"] .public-icon--chevron{transform:rotate(180deg)}
.qaf-public .platform-mega,.qaf-public .platform-menu-pop{right:0;left:auto}
.qaf-public .platform-menu-link[aria-current="page"],.qaf-public .platform-mobile-menu a[aria-current="page"]{background:#EAF4F3;color:var(--platform-teal)}
.qaf-public .platform-menu-link .platform-menu-icon{flex:0 0 auto}
.qaf-public .platform-mobile-menu details>div{gap:1px}
.qaf-public .platform-mobile-menu .platform-mobile-actions{margin-top:6px;border-top:1px solid var(--platform-line)}
.qaf-public .platform-validation{margin:18px auto 0;padding:14px 16px;border:1px solid #E9C6C4;border-radius:14px;background:#FFF5F4;color:#8B3B35;display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start}
.qaf-public .platform-validation strong{display:block;margin-bottom:3px}.qaf-public .platform-validation ul{margin:0;padding-inline-start:18px;font-size:12px;line-height:1.7}
.qaf-public .platform-toast.production-toast{opacity:1;transform:none;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;background:#fff;color:var(--platform-text);border:1px solid var(--platform-line-strong);box-shadow:0 18px 45px rgba(13,59,59,.16);font-size:12px}
.qaf-public .platform-toast.production-toast .tone-icon{margin-top:1px}.qaf-public .platform-toast.production-toast strong{display:block;color:var(--platform-teal)}.qaf-public .platform-toast.production-toast p{margin:1px 0 0;color:var(--platform-muted)}
.qaf-public .platform-toast.production-toast button{width:30px;height:30px;border:0;background:transparent;border-radius:9px;color:var(--platform-muted);display:grid;place-items:center;cursor:pointer}
.qaf-public .platform-toast.production-toast.is-leaving{opacity:0;transform:translateY(6px)}
.qaf-public .platform-neutral-kpi b{font-size:12px!important;direction:rtl!important;color:var(--platform-teal);font-weight:700}.qaf-public .platform-neutral-kpi em{display:none}
.qaf-public .platform-neutral-bars{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:8px;height:100%;position:relative}.qaf-public .platform-neutral-bars i{display:block;background:#B9D3CF;border-radius:5px 5px 0 0}.qaf-public .platform-neutral-bars i:nth-child(1){height:28%}.qaf-public .platform-neutral-bars i:nth-child(2){height:48%}.qaf-public .platform-neutral-bars i:nth-child(3){height:40%}.qaf-public .platform-neutral-bars i:nth-child(4){height:68%;background:var(--platform-teal-2)}.qaf-public .platform-neutral-bars i:nth-child(5){height:56%}.qaf-public .platform-neutral-bars i:nth-child(6){height:78%;background:var(--platform-teal-2)}
.qaf-public .platform-stage-chip b{font-size:11px}.qaf-public .platform-stage-chip small{font-size:8px}
.qaf-public .platform-sector-card.no-photo{background:linear-gradient(145deg,#EAF4F2,#D7E9E6)}.qaf-public .platform-sector-card.no-photo::after{inset:30% 0 0;background:linear-gradient(to bottom,transparent,rgba(7,41,40,.88))}
.qaf-public .platform-sector-card .platform-sector-content p{margin:6px 0 0;color:#D7E7E4;font-size:11px;line-height:1.7}.qaf-public .platform-sector-content .icon{width:25px;height:25px;margin-bottom:10px}
.qaf-public .platform-types-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.qaf-public .platform-type-card{min-height:250px;border:1px solid var(--platform-line);border-radius:22px;padding:24px;background:#fff;display:flex;flex-direction:column;gap:13px}.qaf-public .platform-type-card .platform-icon-tile{margin-bottom:8px}.qaf-public .platform-type-card h3{font-size:20px;margin:0;color:var(--platform-teal)}.qaf-public .platform-type-card p{font-size:12px;line-height:1.8;color:var(--platform-muted);margin:0}.qaf-public .platform-type-card a{margin-top:auto}
.qaf-public .platform-feature-list{display:grid;gap:0;border-top:1px solid var(--platform-line)}.qaf-public .platform-feature-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px 0;border-bottom:1px solid var(--platform-line)}.qaf-public .platform-feature-row h3{font-size:20px;margin:0 0 4px;color:var(--platform-teal)}.qaf-public .platform-feature-row p{margin:0;color:var(--platform-muted);font-size:13px;line-height:1.75}.qaf-public .platform-feature-row .platform-icon-tile{width:56px;height:56px;border-radius:16px}
.qaf-public .platform-feature-stories{display:grid;gap:0}.qaf-public .platform-feature-stories>.platform-feature-story:nth-child(even){background:var(--platform-soft)}
.qaf-public .platform-feature-story{padding:90px 0}.qaf-public .platform-feature-story .platform-split{gap:64px}
.qaf-public .platform-neutral-board{border:1px solid var(--platform-line);border-radius:24px;background:#fff;box-shadow:var(--platform-shadow-soft);overflow:hidden;padding:24px;min-height:360px;display:grid;align-content:center}.qaf-public .platform-neutral-board.dark{background:var(--platform-teal);color:#fff;border-color:var(--platform-teal)}
.qaf-public .platform-neutral-board .neutral-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.qaf-public .platform-neutral-board .neutral-grid span{min-height:92px;border:1px solid var(--platform-line);border-radius:15px;padding:16px;display:grid;align-content:center;gap:7px;background:#FBFDFC;color:var(--platform-teal)}.qaf-public .platform-neutral-board .neutral-grid b{font-size:13px}.qaf-public .platform-neutral-board .neutral-grid small{font-size:9px;color:var(--platform-muted)}
.qaf-public .platform-editorial{padding:82px 0}.qaf-public .platform-editorial-list{display:grid;border-top:1px solid var(--platform-line)}.qaf-public .platform-editorial-row{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:38px;padding:30px 0;border-bottom:1px solid var(--platform-line)}.qaf-public .platform-editorial-row h2{font-size:24px;margin:0;color:var(--platform-teal)}.qaf-public .platform-editorial-row p{margin:0;color:var(--platform-muted);font-size:14px;line-height:1.95}
.qaf-public .platform-process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.qaf-public .platform-process-card{border:1px solid var(--platform-line);border-radius:20px;background:#fff;padding:25px;min-height:220px}.qaf-public .platform-process-card .process-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.qaf-public .platform-process-card .process-number{font-size:30px;font-weight:700;color:#B7CCC8;line-height:1}.qaf-public .platform-process-card h2{font-size:21px;margin:0 0 8px;color:var(--platform-teal)}.qaf-public .platform-process-card p{font-size:13px;line-height:1.85;color:var(--platform-muted);margin:0}
.qaf-public .platform-catalogue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.qaf-public .platform-catalogue-card{border:1px solid var(--platform-line);border-radius:18px;padding:20px;background:#fff;display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start}.qaf-public .platform-catalogue-card h3{font-size:16px;margin:0 0 5px}.qaf-public .platform-catalogue-card p{font-size:11px;line-height:1.7;color:var(--platform-muted);margin:0 0 8px}.qaf-public .platform-catalogue-card .badge{display:inline-flex;font-size:9px;padding:4px 7px;border-radius:7px;background:#EEF6F5;color:var(--platform-teal);margin-inline-end:5px}
.qaf-public .platform-help-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:22px;max-width:650px}.qaf-public .platform-help-search .qaf-input{height:52px;border-radius:14px}.qaf-public .platform-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qaf-public .platform-category-card{border:1px solid var(--platform-line);border-radius:18px;padding:20px;background:#fff;display:grid;grid-template-columns:48px 1fr;gap:14px}.qaf-public .platform-category-card.is-active{border-color:#AFCBC6;background:#F7FBFA}.qaf-public .platform-category-card h3{font-size:16px;margin:0 0 5px}.qaf-public .platform-category-card p{font-size:11px;line-height:1.7;color:var(--platform-muted);margin:0}
.qaf-public .platform-article-list{display:grid;border-top:1px solid var(--platform-line)}.qaf-public .platform-article-row{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--platform-line)}.qaf-public .platform-article-row h3{font-size:15px;margin:0 0 3px}.qaf-public .platform-article-row p{font-size:10px;color:var(--platform-muted);margin:0}.qaf-public .platform-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:30px}.qaf-public .platform-pagination span,.qaf-public .platform-pagination a{min-width:40px;height:40px;border-radius:11px;border:1px solid var(--platform-line);display:grid;place-items:center;font-size:12px}.qaf-public .platform-pagination .is-current{background:var(--platform-teal);color:#fff;border-color:var(--platform-teal)}
.qaf-public .platform-contact-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:48px;align-items:start}.qaf-public .platform-form{display:grid;gap:17px}.qaf-public .platform-form .field-label{font-size:13px}.qaf-public .platform-form .qaf-input,.qaf-public .platform-form .qaf-textarea{border-radius:14px;font-size:14px}.qaf-public .platform-form .qaf-input{min-height:52px}.qaf-public .platform-form .qaf-textarea{min-height:150px}.qaf-public .platform-contact-side{background:var(--platform-teal);color:#fff;border-radius:24px;padding:28px;display:grid;gap:22px}.qaf-public .platform-contact-side h2,.qaf-public .platform-contact-side h3{color:#fff}.qaf-public .platform-contact-side p{color:#C7DAD7}.qaf-public .platform-contact-route{display:grid;grid-template-columns:42px 1fr;gap:13px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}.qaf-public .platform-contact-route:first-child{padding-top:0;border-top:0}.qaf-public .platform-contact-route .platform-icon-tile{background:rgba(255,255,255,.09);color:#8CF1F1}
.qaf-public .platform-affiliate-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;padding:0;margin:0}.qaf-public .platform-affiliate-steps li{border:1px solid var(--platform-line);border-radius:18px;padding:22px;background:#fff}.qaf-public .platform-affiliate-steps>li>span{display:block;font-size:30px;font-weight:700;color:#B4C9C5;margin-bottom:14px}.qaf-public .platform-affiliate-steps strong{font-size:13px;color:var(--platform-teal)}
.qaf-public .platform-article-body{font-size:15px;line-height:2;color:#294846}.qaf-public .platform-article-body>*:first-child{margin-top:0}.qaf-public .platform-related{margin-top:52px;padding-top:30px;border-top:1px solid var(--platform-line)}
.qaf-public .platform-pricing-controls.production-controls{max-width:980px;grid-template-columns:repeat(2,minmax(0,1fr)) auto;margin-bottom:32px}.qaf-public .platform-pricing-controls .field-label{min-width:0}.qaf-public .platform-pricing-controls select.qaf-input{height:52px;border-radius:15px}
.qaf-public .platform-plan-table-large{--plan-count:3}.qaf-public .platform-plan-compare-head,.qaf-public .platform-plan-table-large .platform-plan-row{grid-template-columns:minmax(280px,1.45fr) repeat(var(--plan-count),minmax(150px,1fr))}.qaf-public .platform-plan-compare-head .plan-head-price{font-size:10px;color:var(--platform-muted);direction:ltr}.qaf-public .platform-plan-category{position:relative}.qaf-public .platform-mobile-comparison{display:none}.qaf-public .platform-mobile-compare-group{border:1px solid var(--platform-line);border-radius:18px;background:#fff;overflow:hidden}.qaf-public .platform-mobile-compare-group summary{cursor:pointer;list-style:none}.qaf-public .platform-mobile-compare-group summary::-webkit-details-marker{display:none}.qaf-public .platform-mobile-compare-body article>div{display:grid;grid-template-columns:repeat(var(--plan-count),minmax(0,1fr))}
.qaf-public .platform-comparison-value{justify-content:center;text-align:center}.qaf-public .platform-comparison-value.is-empty{color:#9AAEAA}
.qaf-public .platform-login-validation{margin:0 0 20px;padding:13px 14px;border:1px solid #E9C6C4;border-radius:13px;background:#FFF5F4;color:#8B3B35;font-size:12px;line-height:1.7}.qaf-public .platform-login-validation strong{display:block;margin-bottom:4px}.qaf-public .platform-login-validation ul{margin:0;padding-inline-start:18px}.qaf-public .platform-login-field.is-invalid>div{border-color:#C7655F;box-shadow:0 0 0 3px rgba(181,57,57,.08)}.qaf-public .platform-login-field-error{font-size:10px;color:#A34141}.qaf-public .caps-lock-hint{display:block;margin-top:-12px;margin-bottom:12px;font-size:10px;color:#8D6A12}.qaf-public .platform-login-field .username-change{width:auto;padding-inline:8px;font-size:10px;font-weight:700;color:var(--platform-teal)}.qaf-public .platform-login-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite;display:none}.qaf-public [aria-busy="true"] .platform-login-spinner{display:block}
.qaf-public .platform-login-dashboard.neutral .login-dash-stats span{min-height:68px;display:grid;align-content:center}.qaf-public .platform-login-dashboard.neutral .login-dash-stats b{font-size:12px;direction:rtl}.qaf-public .platform-login-dashboard.neutral .login-dash-stats small{font-size:9px}.qaf-public .platform-login-dashboard.neutral .login-dash-chart{display:grid;grid-template-columns:repeat(7,1fr);align-items:end}
@media(max-width:980px){.qaf-public .platform-types-grid{grid-template-columns:repeat(2,1fr)}.qaf-public .platform-feature-row{grid-template-columns:56px 1fr}.qaf-public .platform-feature-row>a{grid-column:2}.qaf-public .platform-contact-grid{grid-template-columns:1fr}.qaf-public .platform-affiliate-steps{grid-template-columns:repeat(2,1fr)}.qaf-public .platform-pricing-controls.production-controls{grid-template-columns:1fr 1fr}.qaf-public .platform-pricing-controls.production-controls>.btn{grid-column:1/-1}}
@media(max-width:720px){.qaf-public .platform-types-grid,.qaf-public .platform-category-grid,.qaf-public .platform-catalogue-grid{grid-template-columns:1fr}.qaf-public .platform-feature-story{padding:64px 0}.qaf-public .platform-editorial-row{grid-template-columns:1fr;gap:10px}.qaf-public .platform-process-grid{grid-template-columns:1fr}.qaf-public .platform-contact-side{border-radius:20px}.qaf-public .platform-affiliate-steps{grid-template-columns:1fr}.qaf-public .platform-pricing-controls.production-controls{grid-template-columns:1fr}.qaf-public .platform-help-search{grid-template-columns:1fr}.qaf-public .platform-help-search .btn{width:100%}}
@media(max-width:420px){.qaf-public .platform-types-grid{grid-template-columns:1fr}.qaf-public .platform-feature-row{grid-template-columns:48px 1fr;gap:12px}.qaf-public .platform-feature-row .platform-icon-tile{width:48px;height:48px}.qaf-public .platform-mobile-compare-body article>div{grid-template-columns:1fr}}

/* Production integration final adapters */
.qaf-public .login-validation-summary{margin:0 0 20px;padding:13px 14px;border:1px solid #E9C6C4;border-radius:13px;background:#FFF5F4;color:#8B3B35;font-size:12px;line-height:1.7}
.qaf-public .login-validation-summary strong{display:block;margin-bottom:4px}.qaf-public .login-validation-summary ul{margin:0;padding-inline-start:18px}
.qaf-public .platform-login-field .login-field-error{font-size:10px;color:#A34141}.qaf-public .platform-login-field.is-invalid>div{border-color:#C7655F;box-shadow:0 0 0 3px rgba(181,57,57,.08)}
.qaf-public .platform-contact-side .platform-text-link{color:#DDF3F0}.qaf-public .platform-contact-side .platform-text-link:hover{color:#fff}
.qaf-public .platform-category-card{color:inherit;text-decoration:none}.qaf-public .platform-category-card:hover{border-color:#B4D0CB;background:#FAFDFC}
.qaf-public .platform-choice-grid article .platform-text-link{margin-top:14px}.qaf-public .platform-choice-grid article{display:flex;flex-direction:column}.qaf-public .platform-choice-grid article .platform-text-link{margin-top:auto;padding-top:12px}
.qaf-public .platform-faq-group+.platform-faq-group{margin-top:34px}.qaf-public .platform-faq-group>h2{font-size:18px;color:var(--platform-teal);margin:0 0 8px}
.qaf-public .platform-note{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;border:1px solid var(--platform-line);border-radius:18px;background:#F8FBFA;padding:20px}.qaf-public .platform-note strong{display:block;color:var(--platform-teal);margin-bottom:5px}.qaf-public .platform-note p{margin:0;color:var(--platform-muted);font-size:12px;line-height:1.8}
.qaf-public .platform-login-field input[readonly]{color:#536E6A;cursor:default}.qaf-public .platform-login-form form{display:block}
.qaf-public .platform-login-form [data-login-submit].is-loading{cursor:progress}.qaf-public .platform-login-form [data-login-submit].is-loading [data-login-submit-text]{opacity:.86}
.qaf-public .platform-login-dashboard.neutral .login-dash-bar span{display:block}.qaf-public .platform-login-dashboard.neutral .login-dash-bar span:first-of-type{margin-inline-start:auto}
.qaf-public .platform-mobile-menu .icon{flex:0 0 auto}
@media(max-width:720px){.qaf-public .platform-article-row{grid-template-columns:40px 1fr}.qaf-public .platform-article-row>.platform-text-link{grid-column:2}.qaf-public .platform-note{grid-template-columns:42px 1fr}}

/* Production dynamic comparison: keep Platform Demo composition with the real number of published plans. */
.qaf-public .platform-compare-preview.is-plan-comparison .platform-compare-row{grid-template-columns:minmax(180px,1.35fr) repeat(var(--plan-count),minmax(120px,1fr))}
.qaf-public .platform-mobile-compare-card>div[style*="--plan-count"]{grid-template-columns:repeat(var(--plan-count),minmax(0,1fr))}
@media (max-width:420px){.qaf-public .platform-mobile-compare-card>div[style*="--plan-count"]{grid-template-columns:1fr}}

/* Targeted correction — RTL, navigation, pricing controls, merchant login, footer. */
.qaf-public .platform-inner-hero.platform-detail-hero{
  display:block;
  text-align:right;
  max-width:none;
}
.qaf-public .platform-inner-hero.platform-detail-hero>.platform-shell.platform-hero-grid{
  max-width:var(--platform-shell);
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(44px,6vw,82px);
  direction:rtl;
}
.qaf-public .platform-inner-hero.platform-detail-hero .platform-copy{
  min-width:0;
  justify-self:stretch;
}
.qaf-public .platform-inner-hero.platform-detail-hero .platform-reveal{
  min-width:0;
  width:100%;
  justify-self:stretch;
}

/* The menu trigger keeps a large hit target without a permanent visible box. */
.qaf-public .platform-menu-trigger{
  width:48px;
  height:48px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--platform-teal);
}
.qaf-public .platform-menu-trigger:hover{background:transparent;color:var(--platform-teal-2)}
.qaf-public .platform-menu-trigger:active{transform:translateY(1px)}
.qaf-public .platform-menu-trigger:focus-visible{outline:3px solid rgba(47,217,217,.32);outline-offset:3px}

/* RTL menu positioning and row composition use logical sides, not LTR assumptions. */
.qaf-public .platform-mega,
.qaf-public .platform-menu-pop{
  right:auto;
  left:auto;
  inset-inline-start:0;
  inset-inline-end:auto;
  direction:rtl;
  text-align:right;
}
.qaf-public .platform-mega::before,
.qaf-public .platform-menu-pop::before{
  right:auto;
  left:auto;
  inset-inline-start:24px;
}
.qaf-public .platform-menu-link{
  direction:rtl;
  text-align:right;
  grid-template-columns:46px minmax(0,1fr);
  width:100%;
}
.qaf-public .platform-menu-link>span:last-child{text-align:right}

/* Pricing controls stay visible whenever real billing data exists. Unavailable cycles remain visible but disabled. */
.qaf-public #pricing .platform-pricing-controls.production-controls{
  max-width:820px;
  margin-inline:auto;
  margin-bottom:32px;
  padding:18px;
  display:grid;
  grid-template-columns:minmax(320px,520px);
  justify-content:center;
  gap:16px;
  align-items:end;
}
.qaf-public #pricing .platform-pricing-controls.production-controls.has-currency.has-billing{
  grid-template-columns:minmax(220px,.75fr) minmax(320px,1.25fr);
}
.qaf-public #pricing .platform-pricing-controls .pricing-control-group{
  display:grid;
  gap:7px;
  align-content:start;
  min-width:0;
}
.qaf-public #pricing .platform-pricing-controls .pricing-control-label{
  color:var(--platform-teal);
  font-size:11px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:7px;
}
.qaf-public #pricing .billing-option:disabled{
  cursor:not-allowed;
  opacity:.48;
  background:transparent;
  color:#7D918E;
  box-shadow:none;
}
.qaf-public #pricing .billing-option:disabled:hover{background:transparent;color:#7D918E}

/* Merchant login must remain a true two-column RTL split without horizontal overflow. */
.qaf-public .platform-login-shell{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  width:100%;
  max-width:100%;
  overflow:hidden;
  direction:rtl;
}
.qaf-public .platform-login-form,
.qaf-public .platform-login-visual{
  min-width:0;
  max-width:100%;
}
.qaf-public .platform-login-field>div{
  direction:rtl;
  grid-template-columns:25px minmax(0,1fr) auto;
}
.qaf-public .platform-login-field input[dir="ltr"]{
  direction:ltr;
  text-align:end;
  unicode-bidi:plaintext;
}

/* Footer correction: readable links and one centered copyright statement. */
.qaf-public .platform-footer-grid>div:not(.platform-footer-brand)>a{
  font-size:13.5px;
  line-height:1.9;
  min-height:30px;
  display:flex;
  align-items:center;
}
.qaf-public .platform-footer-grid>div:not(.platform-footer-brand)>strong{
  font-size:14px;
}
.qaf-public .platform-footer-bottom{
  justify-content:center;
  align-items:center;
  text-align:center;
  font-size:11.5px;
}
.qaf-public .platform-footer-bottom>span{width:100%;text-align:center}

@media(max-width:980px){
  .qaf-public .platform-login-shell{grid-template-columns:1fr}
  .qaf-public .platform-inner-hero.platform-detail-hero>.platform-shell.platform-hero-grid{grid-template-columns:1fr;gap:34px}
}
@media(max-width:720px){
  .qaf-public #pricing .platform-pricing-controls.production-controls,
  .qaf-public #pricing .platform-pricing-controls.production-controls.has-currency.has-billing{grid-template-columns:1fr;max-width:none;padding:14px}
  .qaf-public .platform-footer-grid>div:not(.platform-footer-brand)>a{font-size:13px;min-height:32px}
  .qaf-public .platform-footer-grid>div:not(.platform-footer-brand)>strong{font-size:13px}
  .qaf-public .platform-footer-bottom{align-items:center;text-align:center}
}
.qaf-public .platform-inner-hero.platform-detail-hero .platform-copy>p{margin-inline:0;max-width:650px}
.qaf-public .platform-inner-hero.platform-detail-hero .platform-hero-actions{justify-content:flex-start}

/* Public Start Free gateway — Platform Demo composition; registration behavior stays unchanged. */
.qaf-public.platform-start-page{min-height:100vh;padding:0;background:#fff;display:block;overflow-x:hidden}
.qaf-public .platform-start-shell{
  width:100%;
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  direction:rtl;
  background:#fff;
  overflow:hidden;
}
.qaf-public .platform-start-form{
  min-width:0;
  min-height:100vh;
  padding:clamp(44px,5vw,78px) clamp(42px,6.5vw,96px);
  background:#FAFDFC;
  display:flex;
  align-items:center;
}
.qaf-public .platform-start-form-inner{width:min(100%,590px);margin-inline:auto}
.qaf-public .platform-start-brand{gap:13px;margin-bottom:34px}
.qaf-public .platform-start-brand img{width:58px;height:58px}
.qaf-public .platform-start-brand strong{font-size:20px}
.qaf-public .platform-start-brand small{font-size:11px}
.qaf-public .platform-start-progress-context{display:none;color:#57706D;font-size:12px;font-weight:650;margin:0 0 9px}
.qaf-public .platform-start-progress{
  list-style:none;
  margin:0 0 30px;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-block:1px solid var(--platform-line);
}
.qaf-public .platform-start-progress li{min-width:0;min-height:52px;padding:10px 9px;display:flex;align-items:center;gap:8px;color:#7A908D;font-size:11px}
.qaf-public .platform-start-progress li+li{border-inline-start:1px solid var(--platform-line)}
.qaf-public .platform-start-progress li>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#ECF2F1;color:#66807D;font-size:11px;font-weight:800;flex:0 0 auto}
.qaf-public .platform-start-progress li>b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qaf-public .platform-start-progress li.active{color:var(--platform-teal)}
.qaf-public .platform-start-progress li.active>span{background:var(--platform-teal);color:#fff;box-shadow:0 0 0 3px rgba(47,217,217,.14)}
.qaf-public .platform-start-head>span{display:block;color:var(--platform-teal-2);font-size:12px;font-weight:700;margin-bottom:7px}
.qaf-public .platform-start-head h1{font-size:clamp(36px,3.2vw,46px);line-height:1.22;color:var(--platform-teal);letter-spacing:-.7px;margin-bottom:11px}
.qaf-public .platform-start-head p{font-size:14px;line-height:1.9;color:var(--platform-muted);margin:0 0 27px;max-width:560px}
.qaf-public .platform-start-warning{margin:0 0 18px;padding:12px 14px;border:1px solid #E6D7A5;border-radius:13px;background:#FFF9E6;color:#795E12;font-size:12px;line-height:1.75}
.qaf-public .platform-start-validation{margin:0 0 18px}
.qaf-public .platform-start-fields{display:grid;gap:17px}
.qaf-public .platform-start-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px 14px}
.qaf-public .platform-start-field{min-width:0;display:grid;gap:7px;color:#254846;font-size:13px;font-weight:700}
.qaf-public .platform-start-field.full{grid-column:1/-1}
.qaf-public .platform-start-field>span:first-child{display:flex;align-items:baseline;gap:6px}
.qaf-public .platform-start-field>span:first-child small{font-size:10px;color:#859794;font-weight:500}
.qaf-public .platform-start-field .qaf-input{height:52px;min-height:52px;border-radius:13px;padding-inline:14px;font-size:14px}
.qaf-public .platform-start-field input[dir="ltr"]{direction:ltr;text-align:end;unicode-bidi:plaintext}
.qaf-public .platform-start-field.is-invalid .qaf-input,.qaf-public .platform-start-field .qaf-input[aria-invalid="true"]{border-color:#C7655F;box-shadow:0 0 0 3px rgba(181,57,57,.08)}
.qaf-public .platform-start-field .login-field-error{display:block;margin-top:0;color:#A34141;font-size:10.5px;font-weight:600;line-height:1.6}
.qaf-public .platform-start-password-wrap{position:relative;display:block;min-width:0}
.qaf-public .platform-start-password-wrap .qaf-input{width:100%;padding-inline-end:48px}
.qaf-public .platform-start-password-toggle{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#687F7C;display:grid;place-items:center;cursor:pointer}
.qaf-public .platform-start-password-toggle:hover{background:#EEF4F2;color:var(--platform-teal)}
.qaf-public .platform-start-password-toggle:focus-visible{outline:3px solid rgba(47,217,217,.32);outline-offset:2px}
.qaf-public .platform-start-password-toggle .icon{width:18px;height:18px}
.qaf-public .platform-start-password-toggle .eye-closed{display:none}
.qaf-public .platform-start-password-toggle.is-visible .eye-open{display:none}
.qaf-public .platform-start-password-toggle.is-visible .eye-closed{display:block}
.qaf-public .platform-start-referral{border:1px solid #D6E5E2;border-radius:14px;background:#F7FBFA;padding:14px}
.qaf-public .platform-start-referral-single{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:10px}
.qaf-public .platform-start-referral-check{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#E6F6F0;color:#176C50;font-weight:800}
.qaf-public .platform-start-referral-single strong,.qaf-public .platform-start-referral-single small{display:block}
.qaf-public .platform-start-referral-single strong{font-size:12px;color:var(--platform-teal);margin-bottom:3px}
.qaf-public .platform-start-referral-single small{font-size:10.5px;color:var(--platform-muted);line-height:1.65}
.qaf-public .platform-start-referral-options{margin:0;min-width:0}
.qaf-public .platform-start-referral-options.is-invalid{border-color:#C7655F;box-shadow:0 0 0 3px rgba(181,57,57,.08)}
.qaf-public .platform-start-referral-options legend{padding-inline:6px;color:var(--platform-teal);font-size:13px;font-weight:700}
.qaf-public .platform-start-referral-options>p{margin:0 0 10px;color:var(--platform-muted);font-size:11px;line-height:1.65}
.qaf-public .platform-start-referral-grid{display:flex;gap:8px;flex-wrap:wrap}
.qaf-public .platform-start-referral-option{position:relative;cursor:pointer}
.qaf-public .platform-start-referral-option input{position:absolute;opacity:0;pointer-events:none}
.qaf-public .platform-start-referral-option span{min-height:38px;padding:7px 13px;border:1px solid var(--platform-line-strong);border-radius:10px;background:#fff;color:#46615E;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:background var(--platform-motion-fast),border-color var(--platform-motion-fast),color var(--platform-motion-fast),box-shadow var(--platform-motion-fast)}
.qaf-public .platform-start-referral-option input:checked+span{border-color:var(--platform-teal);background:#EDF6F4;color:var(--platform-teal);box-shadow:0 0 0 2px rgba(13,59,59,.05)}
.qaf-public .platform-start-referral-option input:focus-visible+span{outline:3px solid rgba(47,217,217,.32);outline-offset:2px}
.qaf-public .platform-start-submit{min-height:54px;border-radius:15px;font-size:14px;margin-top:2px}
.qaf-public .platform-start-spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}
.qaf-public .platform-start-submit.is-loading .platform-start-spinner,.qaf-public .platform-start-submit[aria-busy="true"] .platform-start-spinner{display:block}
.qaf-public .platform-start-submit.is-loading{cursor:progress;opacity:.84}
.qaf-public .platform-start-switch{font-size:12px;margin:20px 0 0}
.qaf-public .platform-start-visual{min-width:0;min-height:100vh;padding:clamp(44px,5vw,84px);background:var(--platform-teal);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:34px;position:relative;overflow:hidden}
.qaf-public .platform-start-visual::before{content:"";position:absolute;width:min(46vw,620px);height:min(46vw,620px);inset-inline-end:-18%;bottom:-24%;background:url("../brand/final/qaf-store-symbol-mono-white.svg") center/contain no-repeat;opacity:.035;transform:rotate(8deg);pointer-events:none}
.qaf-public .platform-start-visual::after{content:"";position:absolute;width:310px;height:310px;border:52px solid rgba(47,217,217,.065);border-radius:50%;inset-inline-start:-86px;top:-92px;pointer-events:none}
.qaf-public .platform-start-visual-copy{position:relative;z-index:1;width:min(100%,650px);margin-inline:auto;display:grid;gap:10px}
.qaf-public .platform-start-visual-copy img{width:62px;height:62px;margin-bottom:5px}
.qaf-public .platform-start-visual-copy strong{font-size:clamp(28px,3vw,36px);line-height:1.45;color:#fff;max-width:590px}
.qaf-public .platform-start-visual-copy span{font-size:14px;line-height:1.9;color:#BDD5D2;max-width:590px}
.qaf-public .platform-start-journey{position:relative;z-index:1;width:min(100%,650px);margin-inline:auto;background:#fff;color:var(--platform-text);border-radius:22px;box-shadow:0 26px 58px rgba(0,0,0,.2);overflow:hidden}
.qaf-public .platform-start-journey-head{height:54px;background:#F7FAF9;border-bottom:1px solid #E7EEEC;display:flex;align-items:center;gap:7px;padding-inline:18px;direction:ltr}
.qaf-public .platform-start-journey-head span{width:8px;height:8px;border-radius:50%;background:#D4DEDC}
.qaf-public .platform-start-journey-body{padding:23px}
.qaf-public .platform-start-journey-body>small{font-size:10px;color:var(--platform-muted)}
.qaf-public .platform-start-journey-body>h2{font-size:24px;color:var(--platform-teal);margin:6px 0 20px}
.qaf-public .platform-start-journey-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.qaf-public .platform-start-journey-steps>span{min-width:0;padding:13px 8px;border:1px solid #E3ECEA;border-radius:12px;background:#F8FBFA;display:grid;justify-items:center;gap:7px;text-align:center;color:#5E7774}
.qaf-public .platform-start-journey-steps i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#E8EFED;color:#56716E;font-size:11px;font-weight:800}
.qaf-public .platform-start-journey-steps b{font-size:10px;font-weight:700}
.qaf-public .platform-start-journey-steps .is-current{border-color:#9FD0CB;background:#EFF8F6;color:var(--platform-teal)}
.qaf-public .platform-start-journey-steps .is-current i{background:var(--platform-teal);color:#fff}
.qaf-public .platform-start-journey-lines{height:78px;margin-top:13px;padding:12px 10px;border-radius:12px;background:#F7FAF9;display:flex;align-items:flex-end;gap:8px}
.qaf-public .platform-start-journey-lines i{display:block;flex:1;border-radius:7px 7px 3px 3px;background:#D7E5E2}
.qaf-public .platform-start-journey-lines i:nth-child(1){height:38%}.qaf-public .platform-start-journey-lines i:nth-child(2){height:63%;background:#94C6C1}.qaf-public .platform-start-journey-lines i:nth-child(3){height:82%;background:var(--platform-teal-3)}

@media(max-width:980px){
  .qaf-public .platform-start-shell{grid-template-columns:1fr}
  .qaf-public .platform-start-form{min-height:auto;padding:48px 34px 58px;order:2}
  .qaf-public .platform-start-visual{min-height:300px;padding:34px;order:1;gap:18px}
  .qaf-public .platform-start-visual-copy{margin:0;gap:7px}
  .qaf-public .platform-start-visual-copy img{width:50px;height:50px;margin:0}
  .qaf-public .platform-start-visual-copy strong{font-size:27px;max-width:560px}
  .qaf-public .platform-start-visual-copy span{font-size:12px;max-width:580px}
  .qaf-public .platform-start-journey{display:none}
}
@media(max-width:720px){
  .qaf-public .platform-start-form{padding:40px 22px 50px}
  .qaf-public .platform-start-brand{margin-bottom:28px}
  .qaf-public .platform-start-brand img{width:52px;height:52px}
  .qaf-public .platform-start-progress{margin-bottom:25px}
  .qaf-public .platform-start-progress-context{display:block}
  .qaf-public .platform-start-progress li{justify-content:center;min-height:48px;padding-inline:5px}
  .qaf-public .platform-start-progress li>b{display:none}
  .qaf-public .platform-start-head h1{font-size:36px}
  .qaf-public .platform-start-head p{font-size:13px;margin-bottom:24px}
  .qaf-public .platform-start-grid{grid-template-columns:1fr}
  .qaf-public .platform-start-field.full{grid-column:auto}
  .qaf-public .platform-start-visual{min-height:230px;padding:28px 22px}
  .qaf-public .platform-start-visual-copy strong{font-size:24px}
  .qaf-public .platform-start-visual-copy span{font-size:11px;line-height:1.75}
}

/* ===== Onboarding verification reconciliation ===== */
.qaf-public .platform-start-progress li.done{color:#3f7168}
.qaf-public .platform-start-progress li.done>span{background:#e7f5ef;color:#247057;border-color:#cfe6dc}
.qaf-public .platform-start-success{margin:0 0 18px;padding:12px 14px;border-inline-start:3px solid #4f9b7d;background:#f2faf6;color:#2f6554;font-size:12px;line-height:1.75}
.qaf-public .platform-verify-head p bdi{font-weight:700;color:#31534f}
.qaf-public .platform-otp-form{display:grid;gap:18px;margin-top:2px}
.qaf-public .platform-otp-field{display:grid;gap:8px;min-width:0}
.qaf-public .platform-otp-label{color:#254846;font-size:13px;font-weight:700}
.qaf-public .platform-otp-digits{direction:ltr;display:grid;grid-template-columns:repeat(var(--otp-length,6),minmax(44px,58px));justify-content:flex-start;gap:9px;max-width:100%}
.qaf-public .platform-otp-digit{width:100%;aspect-ratio:1/1;min-height:54px;border:1px solid #C9D8D5;border-radius:12px;background:#fff;color:var(--platform-teal);font:700 23px/1 "IBM Plex Sans Arabic","Segoe UI",sans-serif;text-align:center;outline:0;caret-color:var(--platform-teal);transition:border-color var(--platform-motion-fast),box-shadow var(--platform-motion-fast),background var(--platform-motion-fast)}
.qaf-public .platform-otp-digit:hover{border-color:#9EB8B4}
.qaf-public .platform-otp-digit:focus-visible{border-color:var(--platform-teal);box-shadow:0 0 0 3px rgba(47,217,217,.18);outline:0}
.qaf-public .platform-otp-field[data-invalid="true"] .platform-otp-digit{border-color:#C7655F;background:#FFFDFC}
.qaf-public .platform-otp-help{color:var(--platform-muted);font-size:11.5px;line-height:1.6}
.qaf-public .platform-otp-error{min-height:0;color:#A34141;font-size:11px;font-weight:600;line-height:1.6}
.qaf-public .platform-otp-error:empty{display:none}
.qaf-public .platform-otp-submit{width:max-content;min-width:170px;margin-top:0;padding-inline:22px}
.qaf-public .platform-otp-resend{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding-top:15px;border-top:1px solid #E2EBE9}
.qaf-public .platform-otp-resend-button{border:0;background:transparent;color:var(--platform-teal-2);font:700 12px/1.6 "IBM Plex Sans Arabic","Segoe UI",sans-serif;padding:5px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.qaf-public .platform-otp-resend-button:hover{color:var(--platform-teal)}
.qaf-public .platform-otp-resend-button:focus-visible{outline:3px solid rgba(47,217,217,.28);outline-offset:3px;border-radius:5px}
.qaf-public .platform-otp-resend-button:disabled{cursor:not-allowed;color:#8D9D9A;text-decoration:none}
.qaf-public .platform-otp-resend-status{margin:0;color:var(--platform-muted);font-size:11.5px;line-height:1.6}
.qaf-public #pricing [data-public-plan-price-display][hidden],
.qaf-public #pricing [data-public-plan-unavailable][hidden],
.qaf-public #pricing [data-public-compare-amount][hidden],
.qaf-public #pricing [data-public-compare-period][hidden],
.qaf-public #pricing [data-public-compare-unavailable][hidden]{display:none!important}
.qaf-public #pricing .billing-option:focus-visible{outline:3px solid rgba(47,217,217,.28);outline-offset:2px}
@media(max-width:620px){
  .qaf-public .platform-otp-digits{grid-template-columns:repeat(var(--otp-length,6),minmax(39px,1fr));gap:6px;width:100%}
  .qaf-public .platform-otp-digit{min-height:48px;border-radius:10px;font-size:20px}
  .qaf-public .platform-otp-submit{width:100%;min-width:0}
  .qaf-public .platform-otp-resend{align-items:flex-start;flex-direction:column;gap:4px}
}
@media(max-width:390px){
  .qaf-public .platform-otp-digits{gap:5px}
  .qaf-public .platform-otp-digit{min-height:44px;font-size:18px}
}

/* ===== Public platform visual corrections — 2026-09-21 ===== */
.qaf-public .platform-menu-icon,
.qaf-public .platform-type-card .platform-icon-tile,
.qaf-public .platform-feature-row .platform-icon-tile,
.qaf-public .platform-choice-grid .platform-icon-tile,
.qaf-public .platform-steps .platform-icon-tile{
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.qaf-public .platform-menu-icon{width:34px;height:34px}
.qaf-public .platform-menu-icon .icon{width:22px;height:22px}
.qaf-public .platform-inline-action{width:max-content;margin-top:24px;min-height:40px;padding-inline:15px;border-radius:11px}
.qaf-public .platform-inline-action .icon{width:16px;height:16px}
.qaf-public .platform-section-dark .platform-inline-action{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}
.qaf-public .platform-section-dark .platform-inline-action:hover{background:rgba(255,255,255,.16)}

/* Product types: centered content, no icon tile, subtle Qaf watermark. */
.qaf-public .platform-types-grid{gap:1px;background:var(--platform-line);border-block:1px solid var(--platform-line)}
.qaf-public .platform-type-card{
  position:relative;
  isolation:isolate;
  min-height:280px;
  border:0;
  border-radius:0;
  padding:34px 26px;
  background:#fff;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
}
.qaf-public .platform-type-card .platform-type-watermark{position:absolute;width:148px;height:148px;inset-inline-end:-35px;bottom:-44px;opacity:.035;z-index:-1;pointer-events:none}
.qaf-public .platform-type-icon{display:grid;place-items:center;width:46px;height:46px;color:var(--platform-teal);margin-bottom:4px}
.qaf-public .platform-type-icon .icon{width:30px;height:30px}
.qaf-public .platform-type-card h3{font-size:21px}
.qaf-public .platform-type-card p{max-width:270px;font-size:12.5px;line-height:1.9}
.qaf-public .platform-type-card .platform-inline-action{margin-top:8px}

/* Management bullets use semantic custom icons. */
.qaf-public .platform-check-list{gap:14px}
.qaf-public .platform-check-list li{align-items:center;font-size:14px}
.qaf-public .platform-check-list .icon{width:21px;height:21px;margin-top:0;color:var(--platform-teal)}

/* Storefront mobile preview. */
.qaf-public .platform-store-phone{min-height:500px;display:grid;place-items:center;position:relative;padding:24px}
.qaf-public .platform-store-phone-frame{width:248px;height:492px;border:8px solid #173E3D;border-radius:42px;background:#173E3D;padding:5px;box-shadow:0 24px 50px rgba(13,59,59,.16);position:relative;z-index:2}
.qaf-public .platform-store-phone-island{position:absolute;z-index:3;top:13px;left:50%;transform:translateX(-50%);width:72px;height:20px;border-radius:999px;background:#173E3D}
.qaf-public .platform-store-phone-screen{height:100%;border-radius:30px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.qaf-public .platform-store-phone-head{height:58px;padding:17px 14px 8px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #EDF2F1}
.qaf-public .platform-store-phone-head img{width:24px;height:24px}.qaf-public .platform-store-phone-head b{font-size:10px;color:var(--platform-teal)}.qaf-public .platform-store-phone-head span{margin-inline-start:auto;color:var(--platform-teal)}
.qaf-public .platform-store-phone-cover{width:calc(100% - 20px);height:142px;object-fit:cover;border-radius:14px;margin:10px}
.qaf-public .platform-store-phone-copy{display:grid;gap:2px;padding:2px 12px 9px}.qaf-public .platform-store-phone-copy b{font-size:12px}.qaf-public .platform-store-phone-copy small{font-size:8px;color:var(--platform-muted)}
.qaf-public .platform-store-phone-products{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 10px 11px}
.qaf-public .platform-store-phone-products span{min-width:0}.qaf-public .platform-store-phone-products img{width:100%;height:96px;object-fit:cover;border-radius:11px}.qaf-public .platform-store-phone-products i{display:block;width:70%;height:7px;border-radius:6px;background:#E4ECEA;margin:8px 2px 0}
.qaf-public .platform-store-design-tools{position:absolute;inset-inline-start:4%;top:20%;display:grid;gap:13px;z-index:1}
.qaf-public .platform-store-design-tools span{display:flex;align-items:center;gap:8px;color:var(--platform-teal);font-size:11px;font-weight:700}.qaf-public .platform-store-design-tools .icon{color:var(--platform-teal-3)}

/* Payment network: five approved brands, no logo cards. */
.qaf-public .platform-payment-network{min-height:430px;position:relative;display:grid;place-items:center;overflow:hidden}
.qaf-public .platform-payment-network::before,.qaf-public .platform-payment-network::after{content:"";position:absolute;border:1px dashed #C9D9D6;border-radius:50%}.qaf-public .platform-payment-network::before{width:330px;height:330px}.qaf-public .platform-payment-network::after{width:235px;height:235px}
.qaf-public .platform-payment-core{width:132px;height:132px;border-radius:50%;background:var(--platform-teal);color:#fff;display:grid;place-items:center;align-content:center;gap:7px;z-index:2;box-shadow:0 16px 38px rgba(13,59,59,.16)}
.qaf-public .platform-payment-core b{font-size:14px}
.qaf-public .platform-payment-brand{position:absolute;z-index:3;display:grid;place-items:center;min-width:92px;min-height:45px;padding:5px 8px;background:transparent;border:0;box-shadow:none}
.qaf-public .platform-payment-brand img{display:block;max-width:94px;max-height:38px;width:auto;height:auto}
.qaf-public .platform-payment-brand.brand-alomqy{right:7%;top:16%;color:#278466;font-size:18px;font-weight:800}.qaf-public .platform-payment-brand.brand-alomqy span::after{content:"";display:block;width:42px;height:3px;margin:3px auto 0;border-radius:4px;background:#11BDC7}
.qaf-public .platform-payment-brand.brand-bcash{left:7%;top:18%;display:flex;gap:2px;color:#AAB7CC;font-size:24px;font-family:Arial,sans-serif;font-weight:700}.qaf-public .platform-payment-brand .bcash-mark{color:#3479C4;font-weight:900}
.qaf-public .platform-payment-brand.brand-mastercard{right:3%;bottom:15%}.qaf-public .platform-payment-brand.brand-apple-pay{left:4%;bottom:15%}.qaf-public .platform-payment-brand.brand-visa{left:50%;transform:translateX(-50%);bottom:3%}

/* Delivery: one route, clearly named endpoints; no carrier brands. */
.qaf-public .platform-delivery-map{min-height:410px;position:relative;overflow:hidden;border-block:1px solid var(--platform-line);background:#F7FAF9}
.qaf-public .platform-delivery-map>svg{position:absolute;inset:0;width:100%;height:100%}.qaf-public .platform-delivery-map>svg path{fill:none;stroke:#A7C4BF;stroke-width:2.2;stroke-dasharray:8 8}
.qaf-public .platform-delivery-node{position:absolute;display:flex;align-items:center;gap:7px;color:var(--platform-teal);font-size:11px;font-weight:700;background:#fff;padding:8px 9px;border-bottom:2px solid #CFE0DD}.qaf-public .platform-delivery-node .icon{color:var(--platform-teal-3)}.qaf-public .platform-delivery-node small{font-size:8px;color:#788D89;font-weight:600}
.qaf-public .platform-delivery-map .node-store{right:6%;bottom:17%}.qaf-public .platform-delivery-map .node-delegate{right:30%;top:26%}.qaf-public .platform-delivery-map .node-local{left:29%;bottom:25%}.qaf-public .platform-delivery-map .node-global{left:5%;top:24%}

/* Growth: four functions linked around one Qaf hub, not a card grid. */
.qaf-public .platform-growth-network{min-height:400px;position:relative;overflow:hidden}
.qaf-public .platform-growth-network::before,.qaf-public .platform-growth-network::after{content:"";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.18);border-radius:50%}.qaf-public .platform-growth-network::before{width:290px;height:290px}.qaf-public .platform-growth-network::after{width:190px;height:190px}
.qaf-public .platform-growth-hub{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;gap:8px;color:#fff;z-index:2}.qaf-public .platform-growth-hub img{width:60px;height:60px}.qaf-public .platform-growth-hub b{font-size:13px}
.qaf-public .growth-node{position:absolute;display:flex;align-items:center;gap:8px;color:#D9EEEE;font-size:11px;font-weight:700}.qaf-public .growth-node .icon{color:#7EE9E9}.qaf-public .growth-network .icon{flex:0 0 auto}
.qaf-public .growth-node.node-coupons{right:5%;top:17%}.qaf-public .growth-node.node-carts{left:7%;top:21%}.qaf-public .growth-node.node-analytics{right:5%;bottom:18%}.qaf-public .growth-node.node-apps{left:6%;bottom:18%}
.qaf-public .platform-section-dark .platform-hero-actions .btn{min-height:42px;border-radius:11px}
.qaf-public .platform-btn-on-dark:hover{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.52)}

/* Data transfer visual. */
.qaf-public .platform-transfer-visual{min-height:360px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;padding:26px;border-block:1px solid var(--platform-line);background:#FBFDFC}
.qaf-public .platform-transfer-source,.qaf-public .platform-transfer-target{display:grid;justify-items:center;text-align:center;gap:6px;color:var(--platform-teal)}
.qaf-public .platform-transfer-source>span{width:58px;height:58px;display:grid;place-items:center}.qaf-public .platform-transfer-target img{width:62px;height:62px}.qaf-public .platform-transfer-source b,.qaf-public .platform-transfer-target b{font-size:15px}.qaf-public .platform-transfer-source small,.qaf-public .platform-transfer-target small{font-size:10px;color:var(--platform-muted)}
.qaf-public .platform-transfer-path{display:flex;align-items:center;gap:9px;color:var(--platform-teal)}.qaf-public .platform-transfer-path i{display:block;width:48px;height:1px;background:#A9C4C0;position:relative}.qaf-public .platform-transfer-path i:last-child::after{content:"";position:absolute;left:-1px;top:-3px;width:7px;height:7px;border-left:1.5px solid var(--platform-teal);border-bottom:1.5px solid var(--platform-teal);transform:rotate(45deg)}

/* Pricing preview: real published prices; comparison readability. */
.qaf-public .plan-preview-prices{display:grid;align-content:center;gap:7px}
.qaf-public .plan-price-row-preview{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.qaf-public .plan-price-row-preview strong{font-size:22px;color:var(--platform-teal)}.qaf-public .plan-price-row-preview span{font-size:11px;color:var(--platform-muted)}
.qaf-public .platform-compare-row>*,.qaf-public .platform-full-compare-row>*{font-size:13px}.qaf-public .platform-compare-row.head>*{font-size:13.5px}.qaf-public .platform-compare-row b{font-size:15px}
.qaf-public .platform-plan-row>*,.qaf-public .platform-plan-compare-head>*{font-size:13px}

/* Start steps: dividers instead of four floating cards. */
.qaf-public .platform-steps{gap:0;border-block:1px solid var(--platform-line)}
.qaf-public .platform-steps article{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;min-height:210px;padding:28px 22px!important;position:relative}
.qaf-public .platform-steps article+article{border-inline-start:1px solid var(--platform-line)!important}
.qaf-public .platform-steps .platform-icon-tile{width:42px;height:42px}

/* Final CTA becomes a contained banner with the real Qaf watermark. */
.qaf-public .platform-final-cta{background:#fff;padding:42px 0 58px}
.qaf-public .platform-final-cta>.platform-shell{position:relative;overflow:hidden;background:var(--platform-teal);border-radius:24px;padding:42px 46px;min-height:210px}
.qaf-public .platform-final-cta>.platform-shell::after{content:"";position:absolute;width:260px;height:260px;inset-inline-end:-52px;bottom:-92px;background:url("../brand/final/qaf-store-symbol-mono-white.svg") center/contain no-repeat;opacity:.055;pointer-events:none}
.qaf-public .platform-final-cta>.platform-shell>div{position:relative;z-index:1}

/* Feature/page lists: remove decorative icon boxes and unnecessary cards through shared components. */
.qaf-public .platform-feature-row{grid-template-columns:48px minmax(0,1fr) auto;gap:17px}
.qaf-public .platform-feature-row .platform-icon-tile{width:42px;height:42px;color:var(--platform-teal)}
.qaf-public .platform-choice-grid{gap:0;border-block:1px solid var(--platform-line)}
.qaf-public .platform-choice-grid article{border:0;border-radius:0;background:transparent;padding:26px 24px;box-shadow:none}
.qaf-public .platform-choice-grid article+article{border-inline-start:1px solid var(--platform-line)}

/* Registration / verification: denser functional form, no saved-plan card. */
.qaf-public .platform-start-form-inner{width:min(100%,520px)}
.qaf-public .platform-start-grid{gap:13px 12px}
.qaf-public .platform-start-field .qaf-input{height:48px;min-height:48px;border-radius:11px}
.qaf-public .platform-start-fields{gap:14px}
.qaf-public .platform-start-submit{min-height:48px;border-radius:12px;width:max-content!important;padding-inline:22px}
.qaf-public .platform-start-referral:not(.platform-start-referral-options){border:0;border-radius:0;background:transparent;padding:0}
.qaf-public .platform-start-success{padding:8px 0 8px 12px;background:transparent;margin-bottom:13px}
.qaf-public .platform-otp-form{gap:14px}
.qaf-public .platform-otp-digits{grid-template-columns:repeat(var(--otp-length,6),48px);gap:7px}
.qaf-public .platform-otp-digit{min-height:48px;border-radius:10px;font-size:20px}
.qaf-public .platform-otp-help{font-size:10.5px}
.qaf-public .platform-otp-submit{min-width:0;width:max-content!important;min-height:46px;padding-inline:20px}
.qaf-public .platform-otp-resend{padding-top:11px;gap:8px 12px}
.qaf-public .platform-otp-resend-status{font-size:10.5px}

@media(max-width:980px){
  .qaf-public .platform-store-design-tools{inset-inline-start:0}
  .qaf-public .platform-type-card{min-height:250px}
}
@media(max-width:720px){
  .qaf-public .platform-types-grid{gap:0;background:transparent;border-block:0}
  .qaf-public .platform-type-card{border-bottom:1px solid var(--platform-line);min-height:235px;padding:28px 18px}
  .qaf-public .platform-inline-action{max-width:100%}
  .qaf-public .platform-store-phone{min-height:450px;padding:8px}.qaf-public .platform-store-phone-frame{width:220px;height:438px;border-radius:38px}.qaf-public .platform-store-design-tools{display:none}
  .qaf-public .platform-payment-network{min-height:350px}.qaf-public .platform-payment-network::before{width:270px;height:270px}.qaf-public .platform-payment-network::after{width:185px;height:185px}.qaf-public .platform-payment-core{width:110px;height:110px}.qaf-public .platform-payment-brand{min-width:74px;min-height:38px}.qaf-public .platform-payment-brand img{max-width:74px;max-height:30px}.qaf-public .platform-payment-brand.brand-alomqy{right:0;top:13%;font-size:15px}.qaf-public .platform-payment-brand.brand-bcash{left:0;top:15%;font-size:20px}.qaf-public .platform-payment-brand.brand-mastercard{right:0;bottom:14%}.qaf-public .platform-payment-brand.brand-apple-pay{left:0;bottom:14%}
  .qaf-public .platform-delivery-map{min-height:360px}.qaf-public .platform-delivery-node{font-size:9px;padding:6px}.qaf-public .platform-delivery-map .node-store{right:2%;bottom:13%}.qaf-public .platform-delivery-map .node-delegate{right:25%;top:24%}.qaf-public .platform-delivery-map .node-local{left:25%;bottom:23%}.qaf-public .platform-delivery-map .node-global{left:2%;top:20%}
  .qaf-public .platform-growth-network{min-height:330px}.qaf-public .platform-growth-network::before{width:230px;height:230px}.qaf-public .platform-growth-network::after{width:150px;height:150px}.qaf-public .growth-node{font-size:9px;gap:5px}.qaf-public .growth-node .icon{width:20px;height:20px}.qaf-public .platform-growth-hub img{width:48px;height:48px}.qaf-public .platform-growth-hub b{font-size:10px}
  .qaf-public .platform-transfer-visual{min-height:300px;padding:18px 8px;gap:10px}.qaf-public .platform-transfer-path i{width:22px}.qaf-public .platform-transfer-source b,.qaf-public .platform-transfer-target b{font-size:12px}
  .qaf-public .platform-steps{border-block:0}.qaf-public .platform-steps article{min-height:auto;padding:22px 6px!important;border-bottom:1px solid var(--platform-line)!important}.qaf-public .platform-steps article+article{border-inline-start:0!important}
  .qaf-public .platform-choice-grid{border-block:0}.qaf-public .platform-choice-grid article{padding:22px 4px;border-bottom:1px solid var(--platform-line)}.qaf-public .platform-choice-grid article+article{border-inline-start:0}
  .qaf-public .platform-final-cta{padding:30px 0 42px}.qaf-public .platform-final-cta>.platform-shell{padding:30px 24px;border-radius:18px}
  .qaf-public .platform-start-form-inner{width:min(100%,470px)}
  .qaf-public .platform-start-submit,.qaf-public .platform-otp-submit{width:max-content!important}
  .qaf-public .platform-otp-digits{grid-template-columns:repeat(var(--otp-length,6),minmax(38px,46px));gap:6px;width:auto}
}
@media(max-width:390px){
  .qaf-public .platform-otp-digits{grid-template-columns:repeat(var(--otp-length,6),minmax(36px,1fr));width:100%}
  .qaf-public .platform-otp-digit{min-height:42px;font-size:18px}
  .qaf-public .platform-payment-brand.brand-visa{bottom:0}
}

/* ===== Auth and public-platform final correction — 2026-09-22 ===== */
.qaf-public.platform-start-page{background:#fff}
.qaf-public .platform-start-shell.platform-start-shell-compact{display:block;min-height:100vh;background:#fff;overflow:visible}
.qaf-public .platform-start-shell-compact .platform-start-form{min-height:100vh;padding:44px 24px 60px;background:#fff;align-items:flex-start;justify-content:center}
.qaf-public .platform-start-shell-compact .platform-start-form-inner{width:min(100%,620px);margin:0 auto}
.qaf-public .platform-start-shell-compact .platform-start-brand{margin-bottom:30px}
.qaf-public .platform-start-shell-compact .platform-start-brand img{width:48px;height:48px}
.qaf-public .platform-start-shell-compact .platform-start-brand strong{font-size:18px}
.qaf-public .platform-start-shell-compact .platform-start-progress{margin-bottom:28px}
.qaf-public .platform-start-shell-compact .platform-start-progress li{min-height:46px;padding-block:8px}
.qaf-public .platform-start-shell-compact .platform-start-head h1{font-size:34px;letter-spacing:-.45px;margin-bottom:8px}
.qaf-public .platform-start-shell-compact .platform-start-head p{font-size:13px;line-height:1.8;margin-bottom:22px;max-width:520px}
.qaf-public .platform-start-shell-compact .platform-start-grid{gap:13px 12px}
.qaf-public .platform-start-shell-compact .platform-start-field>label,
.qaf-public .platform-start-shell-compact .platform-start-field>span:first-child{font-size:12.5px;font-weight:700;color:#254846}
.qaf-public .platform-start-shell-compact .platform-start-field .qaf-input{height:46px;min-height:46px;border-radius:10px}
.qaf-public .platform-start-shell-compact .platform-start-submit{min-height:46px;border-radius:10px;margin-top:0}
.qaf-public .platform-start-status{margin:0 0 14px;color:#39715f;font-size:12px;line-height:1.7}

.qaf-public .platform-phone-control{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);direction:ltr}
.qaf-public .platform-country-trigger{height:46px;min-width:112px;padding:0 12px;border:1px solid #C9D8D5;border-inline-end:0;border-radius:10px 0 0 10px;background:#fff;color:var(--platform-teal);display:flex;align-items:center;justify-content:center;gap:7px;font:700 12px/1 "IBM Plex Sans Arabic","Segoe UI",sans-serif;cursor:pointer}
.qaf-public .platform-country-trigger:hover{background:#F7FAF9}
.qaf-public .platform-country-trigger:focus-visible{position:relative;z-index:2;outline:3px solid rgba(47,217,217,.24);outline-offset:1px}
.qaf-public .platform-country-trigger .icon{width:15px;height:15px;color:#6E8582;transition:transform var(--platform-motion-fast)}
.qaf-public .platform-phone-control.is-open .platform-country-trigger .icon{transform:rotate(180deg)}
.qaf-public .platform-country-flag{font-size:20px;line-height:1}
.qaf-public .platform-country-dial{font-family:"Segoe UI",sans-serif;font-size:12px;unicode-bidi:isolate}
.qaf-public .platform-phone-local{border-radius:0 10px 10px 0!important;text-align:left!important;direction:ltr!important}
.qaf-public .platform-phone-control:focus-within .platform-country-trigger,
.qaf-public .platform-phone-control:focus-within .platform-phone-local{border-color:var(--platform-teal-3)}
.qaf-public .platform-country-menu{position:absolute;z-index:40;top:calc(100% + 7px);inset-inline:0;direction:rtl;background:#fff;border:1px solid #D6E3E1;border-radius:12px;box-shadow:0 18px 46px rgba(13,59,59,.14);padding:10px;max-height:min(410px,55vh);overflow:hidden}
.qaf-public .platform-country-search{display:block;padding-bottom:8px;border-bottom:1px solid #E7EFED}
.qaf-public .platform-country-search .qaf-input{height:40px!important;min-height:40px!important;border-radius:9px!important;font-size:12px!important}
.qaf-public .platform-country-options{display:grid;max-height:min(338px,45vh);overflow-y:auto;overscroll-behavior:contain;padding-top:6px}
.qaf-public .platform-country-options[data-empty="true"]::after{content:"لا توجد نتائج";padding:18px 10px;text-align:center;color:var(--platform-muted);font-size:12px}
.qaf-public .platform-country-option{width:100%;min-height:42px;padding:7px 8px;border:0;border-radius:8px;background:transparent;color:#254846;display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:start;font:inherit;cursor:pointer}
.qaf-public .platform-country-option:hover,.qaf-public .platform-country-option:focus-visible{background:#F1F7F6;outline:0}
.qaf-public .platform-country-option.is-selected{background:#EDF6F4;color:var(--platform-teal)}
.qaf-public .platform-country-option-flag{font-size:20px;line-height:1}
.qaf-public .platform-country-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.qaf-public .platform-country-option bdi{direction:ltr;unicode-bidi:isolate;font-size:11px;color:#66807D}
.qaf-public .platform-start-field.is-invalid .platform-country-trigger,
.qaf-public .platform-start-field.is-invalid .platform-phone-local{border-color:#C7655F}

.qaf-public .platform-verify-page .platform-start-form-inner{width:min(100%,560px)}
.qaf-public .platform-verify-page .platform-start-head{margin-bottom:2px}
.qaf-public .platform-verify-page .platform-otp-digits{grid-template-columns:repeat(var(--otp-length,6),46px);gap:7px}
.qaf-public .platform-verify-page .platform-otp-digit{min-height:46px;border-radius:9px;font-size:19px}
.qaf-public .platform-verify-page .platform-otp-submit{min-height:44px;border-radius:10px;padding-inline:22px}
.qaf-public .platform-verify-page .platform-otp-resend{display:block;padding-top:12px;margin-top:2px}
.qaf-public .platform-verify-page .platform-otp-resend-button{font-size:12px;text-decoration:none;color:var(--platform-teal-2)}
.qaf-public .platform-verify-page .platform-otp-resend-button:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}

.qaf-public.platform-login-page{background:#fff;padding:0;display:block}
.qaf-public .platform-login-shell{width:100%;min-height:100vh;display:block;border:0;border-radius:0;background:#fff;box-shadow:none;overflow:visible}
.qaf-public .platform-login-form{min-height:100vh;width:min(100%,620px);margin-inline:auto;padding:44px 24px 60px;display:block}
.qaf-public .platform-login-form>*{width:100%;margin-inline:0}
.qaf-public .platform-login-brand{margin-bottom:34px}
.qaf-public .platform-login-brand img{width:48px;height:48px}
.qaf-public .platform-login-head h1{font-size:34px;letter-spacing:-.45px;margin-bottom:8px}
.qaf-public .platform-login-head p{font-size:13px;line-height:1.8;margin-bottom:24px}
.qaf-public .platform-login-context{margin:0 0 18px;padding-block:9px;border-block:1px solid var(--platform-line);color:#5C7471;font-size:12px;line-height:1.7}
.qaf-public .platform-login-field{margin-bottom:14px}
.qaf-public .platform-login-field>div{height:48px;border-radius:10px}
.qaf-public .platform-login-form .btn-full{min-height:46px;border-radius:10px;font-size:14px}

/* Remove residual decorative icon tiles from remaining public resource pages. */
.qaf-public .platform-article-row .platform-icon-tile,
.qaf-public .platform-category-card .platform-icon-tile,
.qaf-public .platform-contact-route .platform-icon-tile,
.qaf-public .platform-type-detail-list .platform-icon-tile,
.qaf-public .platform-note .platform-icon-tile,
.qaf-public .platform-process-card .platform-icon-tile,
.qaf-public .platform-related .platform-icon-tile,
.qaf-public .platform-themes-grid .platform-icon-tile{
  background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--platform-teal)
}
.qaf-public .platform-contact-route .platform-icon-tile{color:#8CF1F1}

@media(max-width:720px){
  .qaf-public .platform-start-shell-compact .platform-start-form,
  .qaf-public .platform-login-form{padding:30px 18px 42px}
  .qaf-public .platform-start-shell-compact .platform-start-brand,
  .qaf-public .platform-login-brand{margin-bottom:25px}
  .qaf-public .platform-start-shell-compact .platform-start-progress{margin-bottom:22px}
  .qaf-public .platform-start-shell-compact .platform-start-progress li{min-height:42px;padding-inline:4px;justify-content:center}
  .qaf-public .platform-start-shell-compact .platform-start-progress li>b{display:none}
  .qaf-public .platform-start-shell-compact .platform-start-head h1,
  .qaf-public .platform-login-head h1{font-size:30px}
  .qaf-public .platform-start-grid{grid-template-columns:1fr}
  .qaf-public .platform-start-field.full{grid-column:auto}
  .qaf-public .platform-start-submit,
  .qaf-public .platform-otp-submit{width:100%!important}
  .qaf-public .platform-country-menu{position:fixed;z-index:100;top:auto;right:12px;left:12px;bottom:12px;max-height:min(520px,72vh);border-radius:16px}
  .qaf-public .platform-country-options{max-height:min(430px,58vh)}
  .qaf-public .platform-verify-page .platform-otp-digits{grid-template-columns:repeat(var(--otp-length,6),minmax(38px,1fr));width:100%;gap:6px}
}
@media(max-width:390px){
  .qaf-public .platform-country-trigger{min-width:100px;padding-inline:9px}
  .qaf-public .platform-country-flag{font-size:18px}
  .qaf-public .platform-verify-page .platform-otp-digits{gap:5px}
}


/* ===== Full public-page review refinements — 2026-09-22 ===== */
.qaf-public .platform-hero-single{width:min(calc(100% - 40px),900px);margin-inline:auto}
.qaf-public .platform-hero-single .platform-copy{max-width:760px}

/* Process steps are a sequence, not four standalone cards. */
.qaf-public .platform-process-grid{gap:0;border-block:1px solid var(--platform-line)}
.qaf-public .platform-process-card{min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;padding:27px 24px}
.qaf-public .platform-process-card+ .platform-process-card{border-inline-start:1px solid var(--platform-line)}
.qaf-public .platform-process-card .process-top{margin-bottom:14px}
.qaf-public .platform-process-card .process-number{font-size:24px}

/* Product-type operation notes read as a list, not decorative pills. */
.qaf-public .platform-type-detail-list ul{display:grid;gap:6px}
.qaf-public .platform-type-detail-list li{position:relative;padding:0 14px 0 0;background:transparent;border-radius:0;font-size:10px;line-height:1.75}
.qaf-public .platform-type-detail-list li::before{content:"";position:absolute;inset-inline-start:0;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--platform-cyan)}

@media(max-width:720px){
  .qaf-public .platform-hero-single{width:min(calc(100% - 28px),900px)}
  .qaf-public .platform-process-grid{border-block:0}
  .qaf-public .platform-process-card{padding:22px 4px;border-bottom:1px solid var(--platform-line)}
  .qaf-public .platform-process-card+ .platform-process-card{border-inline-start:0}
}

/* Keep numeric OTP order LTR while aligning the group with the RTL form edge. */
.qaf-public .platform-verify-page .platform-otp-digits{justify-content:end}
.qaf-public .platform-type-detail-list li{padding:0;padding-inline-start:14px}


/* Affiliate program steps are a sequence, not cards. */
.qaf-public .platform-affiliate-steps{gap:0;border-block:1px solid var(--platform-line)}
.qaf-public .platform-affiliate-steps li{border:0;border-radius:0;background:transparent;box-shadow:none;padding:26px 22px}
.qaf-public .platform-affiliate-steps li+li{border-inline-start:1px solid var(--platform-line)}
@media(max-width:980px){
  .qaf-public .platform-affiliate-steps li:nth-child(odd){border-inline-start:0}
  .qaf-public .platform-affiliate-steps li:nth-child(n+3){border-top:1px solid var(--platform-line)}
}
@media(max-width:720px){
  .qaf-public .platform-affiliate-steps{border-block:0}
  .qaf-public .platform-affiliate-steps li{padding:22px 4px;border-bottom:1px solid var(--platform-line)}
  .qaf-public .platform-affiliate-steps li+li{border-inline-start:0}
  .qaf-public .platform-affiliate-steps li:nth-child(n+3){border-top:0}
}

/* ===== Auth split-layout correction + marketing visual contrast — 2026-09-22 ===== */
@media (min-width:981px){
  .qaf-public .platform-start-shell.platform-start-shell-compact{
    display:grid;
    grid-template-columns:minmax(320px,.82fr) minmax(0,1.48fr);
    min-height:100vh;
    direction:ltr;
    overflow:hidden;
    background:#fff;
  }
  .qaf-public .platform-start-shell-compact .platform-start-form{
    grid-column:2;
    grid-row:1;
    min-height:100vh;
    padding:clamp(48px,5vw,76px) clamp(48px,6vw,92px);
    align-items:center;
    justify-content:center;
    background:#fff;
    direction:rtl;
  }
  .qaf-public .platform-start-shell-compact .platform-start-form-inner{width:min(100%,660px)}
  .qaf-public .platform-start-shell-compact .platform-start-brand{display:none}
  .qaf-public .platform-verify-page .platform-start-form-inner{width:min(100%,590px)}

  .qaf-public .platform-login-shell{
    display:grid;
    grid-template-columns:minmax(320px,.82fr) minmax(0,1.48fr);
    min-height:100vh;
    direction:ltr;
    overflow:hidden;
    background:#fff;
  }
  .qaf-public .platform-login-form{
    grid-column:2;
    grid-row:1;
    width:auto;
    min-height:100vh;
    margin:0;
    padding:clamp(48px,5vw,76px) clamp(48px,6vw,92px);
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:#fff;
    direction:rtl;
  }
  .qaf-public .platform-login-form>*{width:min(100%,560px);margin-inline:auto}
  .qaf-public .platform-login-brand{display:none}
}

.qaf-public .platform-auth-visual{
  min-width:0;
  min-height:100vh;
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  padding:48px 34px;
  background:var(--platform-teal);
  color:#fff;
}
.qaf-public .platform-auth-visual::before{
  content:"";
  position:absolute;
  width:min(34vw,470px);
  aspect-ratio:1;
  inset-inline-start:50%;
  top:50%;
  transform:translate(-50%,-50%) rotate(-7deg);
  background:url("../brand/final/qaf-store-symbol-mono-white.svg") center/contain no-repeat;
  opacity:.045;
  pointer-events:none;
}
.qaf-public .platform-auth-visual-brand{
  position:relative;
  z-index:1;
  display:grid;
  justify-items:center;
  gap:10px;
  text-align:center;
}
.qaf-public .platform-auth-visual-brand>img{width:88px;height:88px}
.qaf-public .platform-auth-visual-brand>span{display:grid;gap:3px}
.qaf-public .platform-auth-visual-brand strong{font-size:26px;line-height:1.35;color:#fff}
.qaf-public .platform-auth-visual-brand small{font:500 12px/1.4 "Segoe UI",sans-serif;color:#AFC9C6;direction:ltr}
@media (min-width:981px){
  .qaf-public .platform-auth-visual{grid-column:1;grid-row:1;direction:rtl}
}

.qaf-public .platform-start-shell-compact .platform-start-head h1,
.qaf-public .platform-login-head h1{font-size:clamp(34px,3vw,42px)}
.qaf-public .platform-start-shell-compact .platform-start-grid{gap:15px 14px}
.qaf-public .platform-start-shell-compact .platform-start-field .qaf-input{height:50px;min-height:50px}
.qaf-public .platform-start-shell-compact .platform-start-submit{
  min-width:210px;
  min-height:50px;
  padding-inline:24px;
  justify-self:start;
  border-radius:12px;
}

.qaf-public .platform-country-flag,
.qaf-public .platform-country-option-flag{
  display:inline-block;
  width:28px;
  height:20px;
  flex:0 0 28px;
  background-image:url("../img/country-flags.png");
  background-repeat:no-repeat;
  background-size:28px auto;
  border-radius:3px;
  box-shadow:0 0 0 1px rgba(13,59,59,.10);
  font-size:0;
  line-height:0;
}
.qaf-public .platform-country-trigger{min-width:116px;gap:8px}
.qaf-public .platform-country-option{grid-template-columns:28px minmax(0,1fr) auto}

.qaf-public .platform-login-label-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#254846;
  font-size:13px;
  font-weight:700;
}
.qaf-public .platform-login-label-row .username-change{
  width:auto;
  min-height:28px;
  padding:2px 4px;
  border:0;
  background:transparent;
  color:var(--platform-teal-2);
  font:700 11px/1.4 "IBM Plex Sans Arabic","Segoe UI",sans-serif;
  cursor:pointer;
}
.qaf-public .platform-login-label-row .username-change:hover{text-decoration:underline;text-underline-offset:3px}
.qaf-public .platform-login-label-row .username-change:focus-visible{outline:3px solid rgba(47,217,217,.28);outline-offset:2px;border-radius:5px}
.qaf-public .platform-login-field>.login-input-wrap{
  height:50px;
  padding-inline:14px;
  border:1px solid var(--platform-line-strong);
  border-radius:12px;
  background:#fff;
  display:grid;
  grid-template-columns:25px minmax(0,1fr);
  align-items:center;
  gap:7px;
  direction:rtl;
}
.qaf-public .platform-login-field>.login-input-wrap:has([data-password-toggle]){grid-template-columns:25px minmax(0,1fr) auto}
.qaf-public .platform-login-field>.platform-login-label-row{
  height:auto;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.qaf-public .platform-login-field.is-invalid>.platform-login-label-row{border:0;box-shadow:none}

/* Marketing diagram is rendered on a light hero, so its information must stay readable. */
.qaf-public .platform-detail-hero .platform-growth-network::before,
.qaf-public .platform-detail-hero .platform-growth-network::after{border-color:rgba(13,59,59,.16)}
.qaf-public .platform-detail-hero .platform-growth-hub{color:var(--platform-teal)}
.qaf-public .platform-detail-hero .platform-growth-hub b{color:var(--platform-teal);font-size:13px}
.qaf-public .platform-detail-hero .growth-node{color:#355B57;font-size:11.5px}
.qaf-public .platform-detail-hero .growth-node .icon{color:var(--platform-teal-3)}

@media (max-width:980px){
  .qaf-public .platform-start-shell.platform-start-shell-compact,
  .qaf-public .platform-login-shell{display:block;min-height:100vh}
  .qaf-public .platform-auth-visual{display:none}
  .qaf-public .platform-start-shell-compact .platform-start-form,
  .qaf-public .platform-login-form{min-height:100vh;padding:42px 30px 54px;background:#fff}
  .qaf-public .platform-start-shell-compact .platform-start-brand,
  .qaf-public .platform-login-brand{display:flex}
  .qaf-public .platform-login-form>*{width:min(100%,620px);margin-inline:auto}
}
@media (max-width:720px){
  .qaf-public .platform-start-shell-compact .platform-start-form,
  .qaf-public .platform-login-form{padding:30px 18px 42px}
  .qaf-public .platform-start-shell-compact .platform-start-submit{width:100%;min-width:0}
}

.qaf-public .platform-start-field>label,
.qaf-public .platform-login-field>label,
.qaf-public .platform-login-label-row>label{color:#254846;font-size:13px;font-weight:700}