/* ZadKeys QW3 redesign (2026-10-18): hero video, how it works, trust, pricing.
   Scoped to .zk3 so the existing theme is untouched. Brand: BRAND-PALETTE.md (approved 2026-10-09). */
@font-face{font-family:"ZK Manrope";src:url(manrope-latin.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"ZK Cairo";src:url(cairo-arabic.woff2) format("woff2");font-weight:200 1000;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
.zk3{--zk-canvas:#050B1A;--zk-ink:#000714;--zk-surface:#0B1A3A;--zk-navy:#071B41;--zk-blue:#0066FF;--zk-blue-hover:#0052CC;--zk-link:#3D8BFF;--zk-cyan:#00A3FF;--zk-white:#F2F4F8;--zk-muted:#C3D0E0;--zk-line:rgba(61,139,255,.22);--zk-radius:20px;--zk-radius-s:12px;
 --zk-font:"ZK Manrope","ZK Cairo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
 color:var(--zk-white);font-family:var(--zk-font);line-height:1.6;-webkit-font-smoothing:antialiased;position:relative}
.zk3:lang(ar),[dir=rtl] .zk3,.zk3[dir=rtl]{--zk-font:"ZK Cairo","ZK Manrope",Tahoma,system-ui,sans-serif;line-height:1.75}
.zk3 *,.zk3 *:before,.zk3 *:after{box-sizing:border-box}
.zk3 h1,.zk3 h2,.zk3 h3,.zk3 p,.zk3 ul,.zk3 ol,.zk3 figure{margin:0;padding:0}
.zk3 a{color:var(--zk-link);text-underline-offset:3px}
.zk3 :focus-visible{outline:3px solid var(--zk-link);outline-offset:3px;border-radius:6px}
.zk3-wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.zk3-wrap--narrow{width:min(880px,100% - 40px)}
.zk3-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.zk3-ico{flex:none;width:20px;height:20px}
/* sections */
.zk3-hero,.zk3-how,.zk3-trust,.zk3-teaser,.zk3-phero,.zk3-compare,.zk3-faq{padding-block:clamp(56px,8vw,104px)}
.zk3-hero{padding-block:clamp(40px,6vw,88px) clamp(56px,7vw,96px);background:radial-gradient(70% 60% at 85% 0%,rgba(0,102,255,.30),transparent 62%),radial-gradient(50% 50% at 0% 100%,rgba(0,163,255,.10),transparent 60%),var(--zk-canvas);overflow:hidden}
.zk3-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(195,208,224,.08) 1px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:radial-gradient(70% 70% at 70% 30%,#000 20%,transparent 80%);mask-image:radial-gradient(70% 70% at 70% 30%,#000 20%,transparent 80%);pointer-events:none}
.zk3-how{background:var(--zk-canvas)}
.zk3-trust{background:linear-gradient(180deg,var(--zk-canvas),var(--zk-navy) 55%,var(--zk-canvas))}
.zk3-teaser{background:var(--zk-canvas);padding-top:0}
.zk3-phero{background:radial-gradient(60% 50% at 50% 0%,rgba(0,102,255,.28),transparent 65%),var(--zk-canvas)}
.zk3-compare,.zk3-faq{background:var(--zk-canvas)}
.zk3-head{max-width:760px;margin:0 auto clamp(32px,5vw,56px);text-align:center}
.zk3-head h2{font-size:clamp(28px,3.4vw,42px);line-height:1.15;letter-spacing:-.02em;font-weight:800}
.zk3-head p{margin-top:14px;color:var(--zk-muted);font-size:clamp(16px,1.6vw,18px)}
.zk3-head--hero h1{font-size:clamp(34px,4.6vw,56px);line-height:1.08;letter-spacing:-.025em;font-weight:800}
[dir=rtl] .zk3 h1,[dir=rtl] .zk3 h2,[dir=rtl] .zk3 h3{letter-spacing:0}
/* hero */
.zk3-hero__grid{position:relative;display:grid;grid-template-columns:1fr;gap:clamp(36px,5vw,56px);justify-items:center}
.zk3-hero__copy{max-width:860px;text-align:center;display:flex;flex-direction:column;align-items:center}
.zk3-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--zk-line);border-radius:999px;background:rgba(11,26,58,.6);color:var(--zk-muted);font-size:13px;font-weight:700;letter-spacing:.02em}
.zk3-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--zk-cyan);box-shadow:0 0 12px var(--zk-cyan)}
.zk3-hero__title{margin-top:18px!important;font-size:clamp(36px,4.8vw,60px);line-height:1.05;letter-spacing:-.03em;font-weight:800;text-wrap:balance}
[dir=rtl] .zk3-hero__title{line-height:1.3}
.zk3-hero__lead{margin-top:20px!important;color:var(--zk-muted);font-size:clamp(17px,1.7vw,20px);max-width:62ch}
.zk3-ticks{list-style:none;margin-top:24px!important;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;font-weight:600}
.zk3-ticks li,.zk3-plan__feats li,.zk3-badges li{display:flex;gap:10px;align-items:flex-start}
.zk3-ticks .zk3-ico{color:#2FD08A;margin-top:3px}
.zk3-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.zk3-hero .zk3-actions{justify-content:center}
.zk3-micro{margin-top:14px!important;font-size:14px;color:var(--zk-muted)}
.zk3-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:12px;font-weight:800;font-size:16px;line-height:1.2;text-decoration:none!important;transition:background-color .15s,border-color .15s,transform .15s,box-shadow .15s;cursor:pointer}
.zk3-btn--primary{background:var(--zk-blue);color:#fff!important;box-shadow:0 10px 28px -10px rgba(0,102,255,.85),inset 0 1px 0 rgba(255,255,255,.18)}
.zk3-btn--primary:hover{background:var(--zk-blue-hover);transform:translateY(-1px)}
.zk3-btn--ghost{background:rgba(11,26,58,.55);color:var(--zk-white)!important;border:1px solid rgba(195,208,224,.28)}
.zk3-btn--ghost:hover{border-color:var(--zk-link);background:rgba(11,26,58,.9)}
.zk3-btn--block{width:100%}
.zk3-hero__media{position:relative;width:min(1060px,100%)}
.zk3-hero__media:before{content:"";position:absolute;inset:8% 6% -6%;background:radial-gradient(50% 50% at 50% 50%,rgba(0,102,255,.55),transparent 70%);filter:blur(40px);z-index:0}
.zk3-hero__media>*{position:relative;z-index:1}
.zk3-video{position:relative;border-radius:calc(var(--zk-radius) + 4px);overflow:hidden;background:#071430;border:1px solid var(--zk-line);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 40px 80px -30px rgba(0,0,0,.8),0 0 120px -30px rgba(0,102,255,.75)}
.zk3-video__bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:linear-gradient(#13254A,#0E1D3D);border-bottom:1px solid var(--zk-line);direction:ltr}
.zk3-video__bar i{width:9px;height:9px;border-radius:50%;background:#2A3D66}
.zk3-video__bar span{margin-left:10px;flex:1;height:20px;padding:0 10px;border-radius:10px;background:rgba(5,11,26,.55);color:#8FA3C2;font-size:11.5px;font-weight:600;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[dir=rtl] .zk3-video__bar span{direction:rtl;text-align:right}
.zk3-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#050B1A}
.zk3-video__toggle{position:absolute;inset-inline-end:12px;bottom:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(195,208,224,.35);background:rgba(5,11,26,.72);color:#fff;cursor:pointer;backdrop-filter:blur(6px)}
.zk3-video__toggle:hover{border-color:var(--zk-link)}
.zk3-video__toggle .zk3-video__ico-play{display:none}
.zk3-video.is-paused .zk3-video__ico-play{display:block}.zk3-video.is-paused .zk3-video__ico-pause{display:none}
.zk3-video__note{margin-top:14px!important;text-align:center;color:var(--zk-muted);font-size:13.5px}
.zk3-steps{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px!important;color:var(--zk-muted);font-size:14px;font-weight:600}
.zk3-steps span{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:rgba(11,26,58,.6);border:1px solid var(--zk-line)}
[dir=rtl] .zk3-steps span{padding:6px 6px 6px 12px}
.zk3-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--zk-blue);color:#fff;font-size:12px}
/* how it works */
.zk3-how__list{list-style:none;display:grid;gap:clamp(40px,6vw,80px)}
.zk3-how__item{display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.zk3-how__item:nth-child(even) .zk3-how__shot{order:2}
.zk3-how__copy{max-width:440px}
.zk3-how__shot,.zk3-tcard__shot{border-radius:var(--zk-radius);overflow:hidden;line-height:0;box-shadow:0 30px 60px -32px rgba(0,0,0,.9)}
.zk3-how__shot img,.zk3-tcard__shot img{display:block;width:100%;height:auto}
.zk3-how__num{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#0066FF,#0057D9);color:#fff;font-weight:800;font-size:17px;box-shadow:0 0 26px -4px rgba(0,163,255,.7)}
.zk3-how__item h3{margin-top:18px!important;font-size:clamp(22px,2.4vw,28px);font-weight:800;line-height:1.25;letter-spacing:-.01em}
.zk3-how__copy p:last-child{margin-top:10px!important;color:var(--zk-muted);font-size:17px}
/* trust */
.zk3-trust__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.6vw,32px)}
.zk3-tcard{padding:14px 14px 26px;border-radius:calc(var(--zk-radius) + 8px);background:linear-gradient(180deg,rgba(11,26,58,.9),rgba(7,27,65,.55));border:1px solid var(--zk-line)}
.zk3-tcard h3{display:flex;align-items:center;gap:10px;margin:20px 12px 0!important;font-size:20px;font-weight:800;line-height:1.3}
.zk3-tcard h3 .zk3-ico{color:var(--zk-cyan)}
.zk3-tcard p{margin:8px 12px 0 42px!important;color:var(--zk-muted);font-size:16px}
[dir=rtl] .zk3-tcard p{margin:8px 42px 0 12px!important}
.zk3-badges{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(32px,4vw,48px)!important}
.zk3-badges li{align-items:center;padding:8px 14px;border-radius:999px;border:1px solid var(--zk-line);background:rgba(11,26,58,.6);font-size:14px;font-weight:600;color:var(--zk-white)}
.zk3-badges .zk3-ico{width:16px;height:16px;color:#2FD08A}
/* teaser */
.zk3-teaser__box{display:grid;grid-template-columns:1.4fr auto auto;gap:28px;align-items:center;padding:clamp(24px,4vw,40px);border-radius:calc(var(--zk-radius) + 8px);border:1px solid rgba(61,139,255,.4);background:radial-gradient(80% 140% at 100% 0%,rgba(0,102,255,.35),transparent 60%),var(--zk-surface)}
.zk3-teaser h2{font-size:clamp(22px,2.4vw,30px);font-weight:800;line-height:1.2}
.zk3-teaser p{margin-top:8px!important;color:var(--zk-muted)}
.zk3-teaser__price{display:flex;flex-direction:column;align-items:flex-start;color:var(--zk-muted);font-size:14px}
.zk3-teaser__price strong{font-size:40px;line-height:1;color:var(--zk-white);font-weight:800;margin-block:4px}
.zk3-teaser .zk3-actions{margin-top:0}
/* pricing */
.zk3-cycle{display:flex;width:max-content;max-width:100%;margin:0 auto 36px;padding:5px;border-radius:14px;background:rgba(11,26,58,.85);border:1px solid var(--zk-line)}
.zk3-cycle button{appearance:none;border:0;background:transparent;color:var(--zk-muted);font:700 15px/1 var(--zk-font);padding:12px 18px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px}
.zk3-cycle button[aria-pressed=true]{background:var(--zk-blue);color:#fff;box-shadow:0 6px 18px -6px rgba(0,102,255,.9)}
.zk3-save{font-size:12px;padding:3px 8px;border-radius:999px;background:rgba(47,208,138,.16);color:#7CF0BE}
.zk3-cycle button[aria-pressed=true] .zk3-save{background:#003B99;color:#fff}
.zk3-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.zk3-plan{position:relative;display:flex;flex-direction:column;padding:26px 22px 24px;border-radius:calc(var(--zk-radius) + 4px);background:linear-gradient(180deg,rgba(11,26,58,.95),rgba(7,27,65,.7));border:1px solid var(--zk-line)}
.zk3-plan--popular{border:1px solid transparent;background:linear-gradient(180deg,#0E2350,#0A1C42) padding-box,linear-gradient(160deg,#3D8BFF,#00A3FF 45%,rgba(61,139,255,.25)) border-box;box-shadow:0 30px 70px -30px rgba(0,102,255,.9);transform:translateY(-8px)}
.zk3-plan__badge{position:absolute;top:-13px;inset-inline-start:50%;transform:translateX(-50%);padding:5px 12px;border-radius:999px;background:linear-gradient(90deg,#0057D9,#0066FF);color:#fff;font-size:12.5px;font-weight:800;white-space:nowrap;box-shadow:0 6px 16px -4px rgba(0,163,255,.8)}
[dir=rtl] .zk3-plan__badge{transform:translateX(50%)}
.zk3-plan h3{font-size:18px;font-weight:800}
.zk3-plan__price{margin-top:14px!important;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.zk3-plan__price strong{font-size:40px;line-height:1.05;font-weight:800;letter-spacing:-.02em}
.zk3-plan__price span{color:var(--zk-muted);font-size:15px}
.zk3-plan__sub{min-height:44px;margin:6px 0 18px!important;color:var(--zk-muted);font-size:13.5px;line-height:1.5}
.zk3-plan__sub bdi{color:var(--zk-white)}
.zk3-plan__feats{list-style:none;display:grid;gap:10px;margin-top:22px!important;padding-top:20px!important;border-top:1px solid var(--zk-line);font-size:15px}
.zk3-plan__feats .zk3-ico{width:18px;height:18px;color:#2FD08A;margin-top:3px}
.zk3-cy[hidden]{display:none!important}
.zk3-trialline{margin-top:30px!important;text-align:center;color:var(--zk-muted)}
.zk3-badges--center{margin-top:18px!important}
/* compare */
.zk3-table{overflow-x:auto;border-radius:var(--zk-radius);border:1px solid var(--zk-line);background:var(--zk-surface)}
.zk3-table table{width:100%;border-collapse:collapse;font-size:15.5px}
.zk3-table th,.zk3-table td{padding:14px 18px;text-align:start;border-bottom:1px solid rgba(61,139,255,.14);vertical-align:middle}
.zk3-table thead th{background:rgba(5,11,26,.55);font-size:14px;color:var(--zk-muted);text-transform:none;font-weight:800}
.zk3-table thead th:nth-child(3){color:#fff}
.zk3-table td{text-align:center;width:22%}
.zk3-table tbody th{font-weight:600}
.zk3-table tr:last-child>*{border-bottom:0}
.zk3-yes{color:#2FD08A;display:inline-flex}.zk3-no{color:#FF6B6B;display:inline-flex}
.zk3-table td:nth-child(3){background:rgba(0,102,255,.08)}
/* faq */
.zk3-faq details{border:1px solid var(--zk-line);border-radius:var(--zk-radius-s);background:var(--zk-surface);padding:0 20px;margin-bottom:12px}
.zk3-faq summary{cursor:pointer;padding:18px 0;font-weight:800;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.zk3-faq summary::-webkit-details-marker{display:none}
.zk3-faq summary:after{content:"+";color:var(--zk-link);font-size:22px;line-height:1}
.zk3-faq details[open] summary:after{content:"–"}
.zk3-faq details p{padding:0 0 18px!important;color:var(--zk-muted)}
.zk3-contact{text-align:center;margin-top:28px!important;color:var(--zk-muted)}
/* responsive */
@media (max-width:1080px){.zk3-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.zk3-plan--popular{transform:none}.zk3-teaser__box{grid-template-columns:1fr auto}.zk3-teaser .zk3-actions{grid-column:1/-1}}
@media (max-width:900px){.zk3-how__item{grid-template-columns:1fr;max-width:620px;margin-inline:auto}.zk3-how__item:nth-child(even) .zk3-how__shot{order:0}.zk3-how__copy{max-width:none}.zk3-trust__grid{grid-template-columns:1fr;max-width:620px;margin-inline:auto}}
@media (max-width:640px){.zk3-hero__copy{text-align:start;align-items:flex-start}.zk3-ticks{flex-direction:column;align-items:flex-start;gap:8px}.zk3-hero .zk3-actions{justify-content:flex-start}.zk3-video{border-radius:14px}.zk3-wrap{width:calc(100% - 32px)}.zk3-plans{grid-template-columns:1fr}.zk3-teaser__box{grid-template-columns:1fr}.zk3-actions .zk3-btn{flex:1 1 100%}.zk3-cycle{width:100%}.zk3-cycle button{flex:1;justify-content:center;padding:12px 8px;font-size:14px}.zk3-cycle{width:100%}.zk3-cycle button{flex:1 1 0;flex-direction:column;justify-content:center;gap:4px;padding:8px 6px;min-height:52px;font-size:14px}.zk3-cycle .zk3-save{font-size:11px;padding:2px 7px;white-space:nowrap}.zk3-tcard p{margin-inline:12px!important}.zk3-table th,.zk3-table td{padding:12px}.zk3-steps{font-size:13px}}
@media (prefers-reduced-motion:reduce){.zk3 *{transition:none!important;animation:none!important}.zk3-btn--primary:hover{transform:none}}