/* Approved Qaf UI Lab components, extracted from the owner-supplied 20260915 reference.
 * Public-only scope. Demo selectors/data/providers/handlers are intentionally not imported.
 * v4 is the actual locked pricing markup in index.html (the v3 docs lag behind). */
.qaf-public {
  --qaf-teal: #0D3B3B;
  --qaf-teal-2: #154D4D;
  --qaf-teal-3: #1D5A5A;
  --qaf-cyan: #2FD9D9;
  --qaf-white: #FFFFFF;
  --bg: #F4F7F6;
  --surface: #FFFFFF;
  --surface-soft: #F8FAF9;
  --text: #143232;
  --muted: #667A78;
  --line: #DCE6E4;
  --line-strong: #C7D7D4;
  --focus: #0E7C7C;
  --danger: #B53939;
  --danger-soft: #FFF1F1;
  --warning: #976C00;
  --warning-soft: #FFF8DD;
  --success: #176C50;
  --success-soft: #EAF8F2;
  --info: #25657A;
  --info-soft: #EEF7FA;
  --shadow-sm: 0 5px 18px rgba(13, 59, 59, .07);
  --shadow-pop: 0 18px 44px rgba(13, 59, 59, .16);
  --radius-xs: 10px;
  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 30px;
  --speed: 160ms;
  --font: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
}
.qaf-public .icon { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.qaf-public .qaf-surface { position: relative; border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
.qaf-public .qaf-surface::before { content:""; position: absolute; top: -1px; inset-inline-start: 22px; width: 34px; height: 6px; background: var(--qaf-cyan); border-radius: 0 0 7px 7px; transform: skewX(-28deg); transform-origin: top; }

.qaf-public .btn { min-height: 44px; border: 0; border-radius: 13px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; font-weight: 600; font-size: 14px; line-height: 1; transition: transform var(--speed), background var(--speed), border-color var(--speed), color var(--speed), box-shadow var(--speed); position: relative; user-select: none; }
.qaf-public .btn:active { transform: translateY(1px); }
.qaf-public .btn:focus-visible, .qaf-public .icon-btn:focus-visible, .qaf-public .alert-action:focus-visible { outline: 3px solid rgba(47,217,217,.32); outline-offset: 3px; box-shadow: 0 0 0 1px var(--qaf-teal); }
.qaf-public .btn-primary { background: var(--qaf-teal); color: white; }
.qaf-public .btn-primary:hover, .qaf-public .btn-primary.state-hover { background: var(--qaf-teal-2); }
.qaf-public .btn-primary:active, .qaf-public .btn-primary.state-active { background: #092F2F; transform: translateY(1px); }
.qaf-public .btn-primary.state-focus { outline: 3px solid rgba(47,217,217,.32); outline-offset: 3px; box-shadow: 0 0 0 1px var(--qaf-teal); }
.qaf-public .qaf-fold { overflow: hidden; }
.qaf-public .qaf-fold::after { content:""; position:absolute; top:0; inset-inline-start:0; width: 18px; height: 7px; background: var(--qaf-cyan); clip-path: polygon(0 0,100% 0,68% 100%,0 100%); opacity:.95; }
.qaf-public .btn-secondary { background: white; color: var(--qaf-teal); border: 1px solid var(--line-strong); }
.qaf-public .btn-secondary:hover { background: #F2F7F6; border-color: #ADC5C1; }
.qaf-public .btn-subtle { background: #E9F1EF; color: var(--qaf-teal); }
.qaf-public .btn-subtle:hover { background: #DDEAE7; }
.qaf-public .btn-outline { background: transparent; color: var(--qaf-teal); border: 1.5px solid var(--qaf-teal); }
.qaf-public .btn-outline:hover { background: #EAF4F2; }
.qaf-public .btn-ghost { background: transparent; color: var(--qaf-teal); }
.qaf-public .btn-ghost:hover { background: #EAF1EF; }
.qaf-public .btn-danger { background: var(--danger); color: white; }
.qaf-public .btn-danger:hover { background: #9F2E2E; }
.qaf-public .btn:disabled, .qaf-public .btn[aria-disabled="true"] { opacity: .46; cursor: not-allowed; pointer-events: none; transform: none; }
.qaf-public .is-loading { cursor: wait; }
.qaf-public .spinner { width: 16px; height: 16px; border: 2px solid rgba(255,255,255,.35); border-top-color: currentColor; border-radius: 50%; animation: spin .75s linear infinite; }
.qaf-public .spinner.dark { color: var(--qaf-teal); border-color: #CAD9D6; border-top-color: var(--qaf-teal); }
@keyframes spin { to { transform: rotate(360deg); } }

.qaf-public .icon-btn { width: 44px; height: 44px; border: 1px solid var(--line-strong); border-radius: 13px; background: white; color: var(--qaf-teal); display: inline-grid; place-items: center; cursor: pointer; position: relative; transition: background var(--speed), border-color var(--speed), transform var(--speed), color var(--speed), box-shadow var(--speed); }
.qaf-public .icon-btn:hover { background: #EDF4F2; border-color: #ACC4C0; }
.qaf-public .icon-btn:active { transform: translateY(1px); }
.qaf-public .icon-btn-round { border-radius: 50%; }
.qaf-public .icon-btn.is-active { background: var(--qaf-teal); color: white; border-color: var(--qaf-teal); }
.qaf-public .icon-btn.compact { width: 34px; height: 34px; border: 0; background: transparent; }
.qaf-public .chevron { width: 17px; height: 17px; }
.qaf-public .menu-trigger[aria-expanded="true"] .public-icon--chevron{transform:rotate(180deg)}
.qaf-public .menu-popover { position: absolute; z-index: 80; min-width: 218px; top: calc(100% + 8px); inset-inline-start: 0; background: white; border: 1px solid var(--line-strong); border-radius: 16px; box-shadow: var(--shadow-pop); padding: 6px; animation: menu-in 130ms ease-out; transform-origin: top right; }
.qaf-public .menu-popover[hidden] { display: none !important; }
@keyframes menu-in { from { opacity: 0; transform: translateY(-4px) scale(.99); } to { opacity:1; transform:none; } }
.qaf-public .menu-popover::before { content:""; position: absolute; top: -1px; inset-inline-start: 18px; width: 28px; height: 4px; border-radius: 0 0 5px 5px; background: var(--qaf-cyan); transform: skewX(-26deg); }
.qaf-public .menu-popover.wide { min-width: 310px; }
.qaf-public .menu-popover [role="menuitem"] { width: 100%; min-height: 42px; border: 0; background: transparent; border-radius: 10px; padding: 9px 10px; display: flex; align-items: center; gap: 10px; text-align: start; cursor: pointer; color: #294846; position: relative; }
.qaf-public .menu-popover [role="menuitem"]:hover, .qaf-public .menu-popover [role="menuitem"]:focus-visible { background: #EDF4F2; outline: none; color: var(--qaf-teal); }
.qaf-public .menu-popover [role="menuitem"]:focus-visible { box-shadow: inset 0 0 0 1px #A7C4BF; }
.qaf-public .menu-popover [role="menuitem"] > span { display: grid; flex: 1; }
.qaf-public .menu-popover [role="menuitem"] b { font-size: 13px; font-weight: 600; }
.qaf-public .menu-popover [role="menuitem"] small { color: var(--muted); font-size: 11px; line-height: 1.4; }
.qaf-public .menu-popover [role="menuitem"][disabled] { opacity: .42; cursor: not-allowed; }
.qaf-public .menu-popover button.danger-item { color: var(--danger); }
.qaf-public .menu-popover button.danger-item:hover, .qaf-public .menu-popover button.danger-item:focus-visible { background: var(--danger-soft); }
.qaf-public .menu-separator { height: 1px; background: #E9EFEE; margin: 5px 4px; }
.qaf-public .menu-label { display: block; padding: 7px 10px 3px; color: #79908D; font-size: 10px; font-weight: 700; }

.qaf-public .toast-actions { margin-bottom: 24px; }
.qaf-public .toast-specimens { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; border-top: 1px solid #E6EEEC; padding-top: 20px; }
.qaf-public .tone-icon { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; flex: 0 0 auto; }
.qaf-public .tone-icon .icon { width: 17px; height: 17px; }
.qaf-public .tone-success .tone-icon { color: var(--success); background: var(--success-soft); }
.qaf-public .tone-warning .tone-icon { color: var(--warning); background: var(--warning-soft); }
.qaf-public .tone-error .tone-icon { color: var(--danger); background: var(--danger-soft); }
.qaf-public .tone-info .tone-icon { color: var(--info); background: var(--info-soft); }

.qaf-public .toast-region { position: fixed; z-index: 200; left: 22px; bottom: 22px; width: min(380px, calc(100vw - 32px)); display: grid; gap: 10px; pointer-events: none; }
.qaf-public .toast { pointer-events: auto; position: relative; display: grid; grid-template-columns: auto 1fr auto; gap: 11px; align-items: start; background: white; border: 1px solid var(--line-strong); border-radius: 18px; box-shadow: var(--shadow-pop); padding: 14px; overflow: hidden; animation: toast-in 180ms ease-out; }
.qaf-public .toast::after { content:""; position:absolute; top:0; right:0; width: 4px; height: 100%; background: var(--qaf-teal); }
.qaf-public .toast[data-tone="success"]::after { background: var(--success); }
.qaf-public .toast[data-tone="warning"]::after { background: #C28B00; }
.qaf-public .toast[data-tone="error"]::after { background: var(--danger); }
.qaf-public .toast[data-tone="info"]::after { background: var(--info); }
.qaf-public .toast.is-leaving { animation: toast-out 160ms ease-in forwards; }
@keyframes toast-in { from { opacity:0; transform: translateY(8px) scale(.985); } }
@keyframes toast-out { to { opacity:0; transform: translateY(6px) scale(.985); } }
.qaf-public .toast-body { min-width: 0; }
.qaf-public .toast-body strong { display: block; color: var(--qaf-teal); font-size: 13px; margin-bottom: 2px; }
.qaf-public .toast-body p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.qaf-public .toast-close { width: 30px; height: 30px; border: 0; border-radius: 9px; background: transparent; color: #607774; cursor: pointer; display: grid; place-items: center; }
.qaf-public .toast-close:hover { background: #EEF4F2; color: var(--qaf-teal); }
.qaf-public .toast-close .icon { width: 16px; height: 16px; }
.qaf-public .toast-action { margin-top: 8px; display: inline-flex; border: 0; background: transparent; color: var(--qaf-teal); font-weight: 700; font-size: 11px; padding: 0; cursor: pointer; }

.qaf-public .alert-stack { display: grid; gap: 12px; }
.qaf-public .alert { display: grid; grid-template-columns: auto 1fr auto auto; gap: 13px; align-items: center; background: white; border: 1px solid var(--line); border-radius: 17px; padding: 15px 16px; }
.qaf-public .alert.tone-info { border-inline-start: 4px solid var(--info); }
.qaf-public .alert.tone-success { border-inline-start: 4px solid var(--success); }
.qaf-public .alert.tone-warning { border-inline-start: 4px solid #C28B00; }
.qaf-public .alert.tone-error { border-inline-start: 4px solid var(--danger); }
.qaf-public .alert-content { min-width: 0; }
.qaf-public .alert-content strong { display: block; color: var(--qaf-teal); font-size: 14px; margin-bottom: 1px; }
.qaf-public .alert-content p { margin: 0; color: var(--muted); font-size: 12px; }
.qaf-public .alert-action { border: 0; border-radius: 10px; padding: 8px 10px; color: var(--qaf-teal); background: #EDF4F2; cursor: pointer; font-weight: 700; font-size: 11px; }
.qaf-public .alert-action:hover { background: #DEEAE8; }
.qaf-public .close-btn { width: 34px; height: 34px; display: grid; place-items: center; border: 0; background: transparent; color: #718582; border-radius: 10px; cursor: pointer; position: relative; }
.qaf-public .close-btn:hover { color: var(--qaf-teal); background: #EEF3F2; }
.qaf-public .close-btn .icon { width: 17px; height: 17px; }
.qaf-public .alert.is-dismissed { opacity: 0; transform: translateY(-4px); transition: opacity 150ms, transform 150ms; }

.qaf-public .icon-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
.qaf-public .icon-tile { min-height: 94px; border: 1px solid #E2EAE8; border-radius: 15px; background: #FAFCFB; display: grid; place-items: center; align-content: center; gap: 9px; color: var(--qaf-teal); transition: background var(--speed), border-color var(--speed), transform var(--speed); }
.qaf-public .icon-tile:hover { background: #F0F6F4; border-color: #BED1CE; transform: translateY(-1px); }
.qaf-public .icon-tile .icon { width: 24px; height: 24px; }
.qaf-public .icon-tile span { color: var(--muted); direction: ltr; font-size: 10px; }

@media (max-width: 980px) {
  .qaf-public .icon-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 700px) {
  .qaf-public .toast-specimens { grid-template-columns: 1fr; }
  .qaf-public .alert { grid-template-columns: auto 1fr auto; align-items: start; }
  .qaf-public .alert-action { grid-column: 2 / 4; justify-self: start; }
  .qaf-public .alert .close-btn { grid-column: 3; grid-row: 1; }
  .qaf-public .icon-grid { grid-template-columns: repeat(3, 1fr); }
  .qaf-public .menu-popover.wide { min-width: min(310px, calc(100vw - 44px)); }
  .qaf-public .toast-region { left: 16px; bottom: 16px; width: calc(100vw - 32px); }
}

@media (max-width: 430px) {
  .qaf-public .icon-grid { grid-template-columns: repeat(2, 1fr); }
  .qaf-public .toast { grid-template-columns: auto 1fr auto; }
}

@media (prefers-reduced-motion: reduce) {.qaf-public *, .qaf-public *::before, .qaf-public *::after { animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important; }
}

.qaf-public{
  --z-content:1;
  --z-sticky:60;
  --z-dropdown:80;
  --z-tooltip:90;
  --z-toast:200;
  --z-modal:300;
}
.qaf-public .menu-popover{z-index:var(--z-dropdown)}
.qaf-public .toast-region{z-index:var(--z-toast)}
.qaf-public .btn-cyan{background:var(--qaf-cyan);color:#083B3B}
.qaf-public .btn-cyan:hover{background:#28C9C9}
.qaf-public .btn-success{background:var(--success);color:#fff}
.qaf-public .btn-success:hover{background:#125B43}
.qaf-public .btn-sm{min-height:38px;padding-inline:13px;border-radius:11px;font-size:12px}
.qaf-public .btn-mini{min-height:32px;padding-inline:10px;border-radius:10px;font-size:11px;gap:6px}
.qaf-public .btn-lg{min-height:50px;padding-inline:21px;border-radius:15px;font-size:15px}
.qaf-public .btn-compact{min-height:36px;padding-inline:11px;border-radius:11px;font-size:12px}
.qaf-public .btn-full{width:100%}
.qaf-public .btn-toolbar-action{min-height:36px;padding-inline:11px;border:1px solid var(--line-strong);background:#F0F5F4;color:var(--qaf-teal);border-radius:11px;font-size:12px}
.qaf-public .btn-toolbar-action:hover{background:#E4EEEC;border-color:#B6CBC7}
.qaf-public .ui-card{background:#fff;padding:21px;min-height:180px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:start;color:var(--text)}
.qaf-public .ui-card h3{margin:0;color:var(--qaf-teal);font-size:18px}
.qaf-public .ui-card p{margin:0;color:var(--muted);font-size:13px}
.qaf-public .card-kicker{color:#718582;font-size:10px;font-weight:700;letter-spacing:.03em;direction:ltr}
.qaf-public .card-icon{width:42px;height:42px;border-radius:13px;background:#EAF2F0;color:var(--qaf-teal);display:grid;place-items:center;margin-bottom:4px}
.qaf-public .card-icon.large{width:52px;height:52px;border-radius:16px}
.qaf-public .empty-card{align-items:center;text-align:center;justify-content:center}
.qaf-public .empty-icon{width:52px;height:52px;border-radius:16px;background:#EEF4F2;color:var(--qaf-teal);display:grid;place-items:center}
.qaf-public .icon-card-demo{justify-content:center}
.qaf-public .header-preview{min-height:70px;border:1px solid #DDE7E5;border-radius:17px;background:#FAFCFB;display:flex;align-items:center;gap:18px;padding:12px 14px}
.qaf-public .header-preview{justify-content:space-between}
.qaf-public .header-preview nav{display:flex;gap:5px;align-items:center}
.qaf-public .header-preview nav a{padding:8px 10px;border-radius:10px;color:#58706D;font-size:12px;font-weight:600}
.qaf-public .header-preview nav a:hover{background:#EAF2F0;color:var(--qaf-teal)}
.qaf-public .mini-brand{display:inline-flex;align-items:center;gap:8px;color:var(--qaf-teal);font-size:13px;white-space:nowrap}
.qaf-public .mini-brand img{width:34px;height:34px;background:#EAF2F0;border-radius:10px;padding:5px}
.qaf-public .mini-brand.inverse{color:#fff}
.qaf-public .mini-brand.inverse img{background:rgba(255,255,255,.08)}
.qaf-public .footer-demo{border-radius:18px;background:var(--qaf-teal);color:#fff;padding:22px;overflow:hidden}
.qaf-public .footer-demo a{color:inherit}
.qaf-public .footer-demo.simple{display:flex;align-items:center;justify-content:space-between;gap:20px}
.qaf-public .footer-demo.simple nav, .qaf-public .footer-demo.compact nav{display:flex;gap:16px;flex-wrap:wrap}
.qaf-public .footer-demo nav a{font-size:11px;color:#D6E5E3}
.qaf-public .footer-demo small{color:#BFD0CE}
.qaf-public .footer-demo.columns{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}
.qaf-public .footer-demo.columns>div{display:grid;align-content:start;gap:7px}
.qaf-public .footer-demo.columns strong{font-size:12px}
.qaf-public .footer-demo.columns p{margin:4px 0 0;color:#C6D9D6;font-size:11px;max-width:260px}
.qaf-public .footer-demo-intro{gap:10px!important}
.qaf-public .footer-demo.compact{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:16px}
.qaf-public .footer-demo.compact>span{font-weight:700}
.qaf-public .footer-demo.with-cta{display:grid;gap:18px}
.qaf-public .footer-cta-demo{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.14)}
.qaf-public .footer-cta-demo>div{display:grid;gap:3px}
.qaf-public .footer-cta-demo strong{font-size:20px}
.qaf-public .footer-cta-demo span{color:#C7D8D6;font-size:12px}
.qaf-public .footer-demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}
.qaf-public .status-code{font-size:34px;font-weight:700;line-height:1;color:#ABC0BD;direction:ltr}
@media(max-width:980px){
  .qaf-public .footer-demo.columns{grid-template-columns:1fr 1fr}.qaf-public .footer-demo-intro{grid-column:1/-1}
}

@media(max-width:700px){
  .qaf-public .header-preview nav{display:none}
  .qaf-public .footer-demo.simple, .qaf-public .footer-demo.compact, .qaf-public .footer-cta-demo, .qaf-public .footer-demo-bottom{align-items:flex-start;flex-direction:column}
  .qaf-public .footer-demo.columns{grid-template-columns:1fr}.qaf-public .footer-demo-intro{grid-column:auto}
}
.qaf-public.system-state-body{min-height:100vh;background:var(--bg);padding:0;display:block}
.qaf-public .system-state-shell{min-height:100vh;width:min(1180px,100%);margin-inline:auto;padding:26px clamp(20px,4vw,48px);display:grid;grid-template-rows:auto 1fr auto;gap:20px}
.qaf-public .system-state-brand{justify-self:start}
.qaf-public .system-state-content{align-self:center;justify-self:center;width:min(720px,100%);text-align:center;display:grid;justify-items:center;gap:14px;padding-block:36px}
.qaf-public .system-state-icon{width:54px;height:54px;border:0;border-radius:0;background:transparent;color:var(--qaf-teal);display:grid;place-items:center;box-shadow:none}
.qaf-public .system-state-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qaf-public .system-state-content .status-code{font-size:clamp(62px,13vw,116px);font-weight:700;letter-spacing:-.04em;color:#B6C9C6;direction:ltr;line-height:.95;margin-top:4px}
.qaf-public .system-state-content h1{margin:0;color:var(--qaf-teal);font-size:clamp(25px,4vw,38px);line-height:1.35}
.qaf-public .system-state-content p{margin:0;color:var(--muted);max-width:570px;font-size:13px;line-height:1.9}
.qaf-public .system-state-content::before{content:"";width:42px;height:4px;border-radius:999px;background:var(--qaf-cyan);order:-1}
.qaf-public .system-state-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:7px}
.qaf-public .system-state-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:16px;border-top:1px solid #DDE8E6;color:#849692;font-size:10px}
.qaf-public .system-state-foot a{color:#5E7772;font-weight:600}
@media (max-width: 520px){
  .qaf-public .system-state-shell{padding:20px 18px}
  .qaf-public .system-state-brand{justify-self:center}
  .qaf-public .system-state-content{padding-block:24px}
  .qaf-public .system-state-actions{width:100%;display:grid}
  .qaf-public .system-state-actions .btn{width:100%}
  .qaf-public .system-state-foot{justify-content:center;text-align:center;flex-wrap:wrap}
}
.qaf-public .billing-switch{height:46px;min-width:264px;border:1px solid var(--line-strong);border-radius:15px;background:#F7FAF9;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.qaf-public .billing-option{border:0;border-radius:11px;background:transparent;color:#55706C;display:flex;align-items:center;justify-content:center;gap:6px;padding-inline:14px;cursor:pointer;font:700 12px/1 var(--font);transition:background var(--speed),color var(--speed),box-shadow var(--speed)}
.qaf-public .billing-option:hover{background:#ECF3F1;color:var(--qaf-teal)}
.qaf-public .billing-option.is-active{background:var(--qaf-teal);color:#fff;box-shadow:0 4px 12px rgba(13,59,59,.13)}
.qaf-public .billing-option:focus-visible{outline:3px solid rgba(47,217,217,.32);outline-offset:2px}
.qaf-public .billing-save-hint{font-size:8px;padding:3px 6px;border-radius:999px;background:rgba(47,217,217,.18);color:inherit;white-space:nowrap}
@media (max-width: 620px){
  .qaf-public .billing-switch{width:100%;min-width:0}
}
.qaf-public .public-pricing .pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.qaf-public .public-pricing .pricing-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.qaf-public .public-pricing .pricing-grid-interactive{align-items:stretch}
.qaf-public .public-pricing .pricing-grid-v4{gap:16px;align-items:stretch}
.qaf-public .public-pricing .plan-description{margin:6px 0 0;color:var(--muted);font-size:11.5px;line-height:1.75}
.qaf-public .public-pricing .plan-preview-copy{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.qaf-public .public-pricing .plan-card-v4{padding:0;overflow:hidden;min-height:0;background:#fff;display:flex;position:relative;isolation:isolate}
.qaf-public .public-pricing .plan-card-v4.is-featured{border-color:#A8C9C4;box-shadow:0 12px 30px rgba(13,59,59,.085)}
.qaf-public .public-pricing .plan-watermark{position:absolute;z-index:0;width:205px;height:205px;object-fit:contain;inset-inline-end:-78px;top:58px;opacity:.025;pointer-events:none;user-select:none}
.qaf-public .public-pricing .plan-card-v4.is-featured .plan-watermark{opacity:.038}
.qaf-public .public-pricing .plan-card-inner{position:relative;z-index:1;width:100%;padding:24px 22px 22px;display:flex;flex-direction:column;min-width:0}
.qaf-public .public-pricing .plan-title-row{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.qaf-public .public-pricing .plan-title-row h3{margin:0;color:var(--qaf-teal);font-size:29px;line-height:1.2}
.qaf-public .public-pricing .plan-price-v4{min-height:104px;margin-top:12px;display:flex;flex-direction:column;justify-content:center;gap:5px;position:relative}
.qaf-public .public-pricing .plan-price-free-v4{min-height:104px}
.qaf-public .public-pricing .plan-price-main-v4{display:flex;align-items:baseline;gap:7px;direction:ltr;justify-content:flex-end;text-align:right}
.qaf-public .public-pricing .plan-price-main-v4 strong{font-size:38px;line-height:1;color:var(--qaf-teal);letter-spacing:-.035em}
.qaf-public .public-pricing .plan-price-main-v4 span{font-size:10px;font-weight:650;color:#617873;direction:rtl}
.qaf-public .public-pricing .plan-price-free-v4 .plan-price-main-v4{direction:rtl;justify-content:flex-start}
.qaf-public .public-pricing .plan-price-free-v4 .plan-price-main-v4 strong{font-size:34px;letter-spacing:0}
.qaf-public .public-pricing .plan-price-original-v4{height:17px;display:flex;align-items:center;justify-content:flex-end;direction:ltr;color:#859894;font-size:10px}
.qaf-public .public-pricing .plan-price-original-v4 del{text-decoration-thickness:1px;text-decoration-color:#78908B}
.qaf-public .public-pricing .plan-price-meta-v4{min-height:25px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#506D68;font-size:9px;font-weight:650}
.qaf-public .public-pricing .plan-cta-v4{width:100%;margin-top:10px;min-height:44px}
.qaf-public .public-pricing .plan-features-v4{margin-top:22px;display:grid;gap:14px}
.qaf-public .public-pricing .plan-feature-v4{display:grid;grid-template-columns:27px minmax(0,1fr);gap:10px;align-items:start;padding:0;border:0;min-width:0}
.qaf-public .public-pricing .plan-feature-icon-v4{width:27px;height:27px;color:var(--qaf-teal);display:grid;place-items:center;margin-top:1px}
.qaf-public .public-pricing .plan-feature-icon-v4 .icon{width:25px;height:25px;stroke-width:1.7}
.qaf-public .public-pricing .plan-feature-v4>div{min-width:0;display:grid;gap:2px}
.qaf-public .public-pricing .plan-feature-v4 strong{color:var(--qaf-teal);font-size:11.5px;line-height:1.45}
.qaf-public .public-pricing .plan-feature-v4 small{color:var(--muted);font-size:9.5px;line-height:1.55}
.qaf-public .public-pricing .plan-feature-more{align-items:center;margin-top:2px;color:var(--qaf-teal)}
.qaf-public .public-pricing .plan-feature-more .plan-feature-icon-v4{color:#1A7775}
.qaf-public .public-pricing .plan-feature-more strong{font-size:11px}
.qaf-public .public-pricing .plan-card-v4 [hidden]{display:none!important}
.qaf-public .public-pricing .plan-price-v4.pricing-refresh{animation:qafPriceRefresh .19s ease both}

@media (max-width:980px){
  .qaf-public .public-pricing .pricing-grid-v4{grid-template-columns:1fr;max-width:680px;margin-inline:auto;overflow:visible;padding-bottom:0}
  .qaf-public .public-pricing .plan-watermark{width:230px;height:230px;inset-inline-end:-70px;top:42px}
}
@media (max-width:620px){
  .qaf-public .public-pricing .plan-card-inner{padding:21px 18px 20px}
  .qaf-public .public-pricing .plan-title-row h3{font-size:27px}
  .qaf-public .public-pricing .plan-price-v4, .qaf-public .public-pricing .plan-price-free-v4{min-height:98px}
  .qaf-public .public-pricing .plan-price-main-v4 strong{font-size:34px}
  .qaf-public .public-pricing .plan-price-free-v4 .plan-price-main-v4 strong{font-size:31px}
  .qaf-public .public-pricing .plan-features-v4{gap:13px;margin-top:20px}
  .qaf-public .public-pricing .plan-watermark{width:180px;height:180px;inset-inline-end:-62px;top:48px}
}
.qaf-public .modal-close-btn{width:36px;height:36px;border:0;border-radius:11px;background:transparent;color:#5F7571;display:grid;place-items:center;cursor:pointer;transition:background var(--speed),color var(--speed)}
.qaf-public .modal-close-btn:hover{background:#EDF3F1;color:var(--qaf-teal)}
.qaf-public .modal-close-btn:focus-visible{outline:3px solid rgba(47,217,217,.32);outline-offset:2px}
.qaf-public .modal-close-btn .icon{width:18px;height:18px}
.qaf-public .field-label{display:grid;gap:7px;color:var(--qaf-teal);font-size:11px;font-weight:700}
.qaf-public .field-label>span{color:var(--muted);font-size:9px;font-weight:500}
.qaf-public .qaf-input, .qaf-public .qaf-textarea{width:100%;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--text);padding:11px 12px;outline:0;font:500 13px/1.55 var(--font);transition:border-color var(--speed),box-shadow var(--speed)}
.qaf-public .qaf-input{min-height:44px}
.qaf-public .qaf-textarea{resize:vertical;min-height:90px}
.qaf-public .qaf-input:focus, .qaf-public .qaf-textarea:focus{border-color:#6DAEAA;box-shadow:0 0 0 3px rgba(47,217,217,.14)}
.qaf-public .qaf-input[aria-invalid="true"], .qaf-public .qaf-textarea[aria-invalid="true"]{border-color:#C7655F;box-shadow:0 0 0 3px rgba(181,57,57,.08)}
.qaf-public .field-error{display:block;margin-top:6px;color:#A34141;font-size:10px;font-weight:600;line-height:1.6}
.qaf-public .drawer-layer{position:fixed;inset:0;z-index:140;display:grid;grid-template-columns:1fr auto;direction:ltr}
.qaf-public .drawer-layer[hidden]{display:none!important}
.qaf-public .drawer-backdrop{grid-column:1/-1;grid-row:1;border:0;background:rgba(5,28,28,.52);cursor:default}
.qaf-public .drawer-panel{grid-column:2;grid-row:1;position:relative;z-index:1;width:min(440px,calc(100vw - 28px));height:100dvh;background:#fff;box-shadow:-16px 0 44px rgba(13,59,59,.16);direction:rtl;display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:drawer-in 180ms ease-out}
@keyframes drawer-in{from{transform:translateX(24px);opacity:.75}to{transform:none;opacity:1}}
.qaf-public .drawer-header{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:16px;align-items:start;padding:24px 22px 18px;border-bottom:1px solid #E8EFED}
.qaf-public .drawer-header h2{margin:0;color:var(--qaf-teal);font-size:20px}
.qaf-public .drawer-header p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.65}
.qaf-public .drawer-body{padding:20px 22px;overflow:auto;overscroll-behavior:contain}
.qaf-public .drawer-footer{padding:16px 22px 20px;border-top:1px solid #E8EFED;display:flex;gap:8px;justify-content:flex-start;flex-wrap:wrap}
@media (max-width:620px){
  .qaf-public .drawer-panel{width:min(92vw,420px)}
  .qaf-public .drawer-header, .qaf-public .drawer-body, .qaf-public .drawer-footer{padding-inline:18px}
  .qaf-public .drawer-footer{flex-direction:column}
  .qaf-public .drawer-footer .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.qaf-public *, .qaf-public *::before, .qaf-public *::after { animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important; }
}