/* Additions for the static zektav.ai page (2026-10-18). The base styles are the original site.css. */
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes scanLine{0%,100%{top:10%}50%{top:90%}}
@keyframes zk-wave{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:96px}
.zk-quote{font-family:Inter,sans-serif;font-size:12px;line-height:1.5;color:rgba(11,39,63,.75);background:#fff;border:1px solid rgba(11,39,63,.1);border-radius:12px;padding:8px 10px;margin-bottom:10px}
.zk-pill-amber{padding:4px 12px;background:#eaaf49;color:#0b273f;border-radius:9999px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}
.zk-row{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.zk-slide{background:#0b273f;border-radius:12px;padding:14px 14px 12px;margin-bottom:10px}
.zk-slide-title{font-family:Playfair Display,serif;font-style:italic;color:#f8f1e9;font-size:16px;margin-bottom:10px}
.zk-lines span{display:block;height:6px;border-radius:3px;background:rgba(248,241,233,.18);margin-top:6px}
.zk-lines span.short{width:60%}
.zk-progress{height:4px;border-radius:2px;background:rgba(11,39,63,.1);overflow:hidden}
.zk-progress span{display:block;height:100%;background:#eaaf49}
.zk-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.zk-chip{padding:3px 10px;border-radius:9999px;background:rgba(11,39,63,.08);font-family:JetBrains Mono,monospace;font-size:10px;color:rgba(11,39,63,.65)}
.zk-msg{font-family:Inter,sans-serif;font-size:12px;line-height:1.45;border-radius:12px;padding:7px 10px;max-width:88%;margin-bottom:7px}
.zk-msg b{display:block;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}
.zk-ai{background:#0b273f;color:#f8f1e9}
.zk-ai b{color:#eaaf49}
.zk-you{background:#fff;color:rgba(11,39,63,.8);border:1px solid rgba(11,39,63,.1);margin-left:auto}
.zk-you b{color:rgba(11,39,63,.5)}
.zk-wave{display:flex;align-items:center;gap:3px;height:22px;margin-top:4px}
.zk-wave span{width:3px;height:100%;border-radius:2px;background:#eaaf49;opacity:.7;transform-origin:center;animation:zk-wave 1.2s ease-in-out infinite}
.zk-wave span:nth-child(2n){animation-delay:.15s}.zk-wave span:nth-child(3n){animation-delay:.3s}.zk-wave span:nth-child(5n){animation-delay:.45s}
.zk-badge-partner{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;background:rgba(234,175,73,.15);font-family:JetBrains Mono,monospace;font-size:12px;color:#8a5a12}
.zk-built{font-family:JetBrains Mono,monospace;font-size:12px;color:#8a9bb0;margin-top:14px}
.zk-partners-head{margin:72px 0 28px}
.zk-mobile{display:none;margin-top:8px;padding:12px 20px;border-radius:24px;background:rgba(11,39,63,.92);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(24px)}
.zk-mobile.open{display:block}
.zk-mobile a{display:block;padding:10px 0;font-family:Inter,sans-serif;font-size:15px;color:rgba(248,241,233,.85)}
.zk-mobile a.zk-cta{color:#eaaf49;font-weight:600}
@media (min-width:768px){.zk-mobile,.zk-mobile.open{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* ZekTouch product page (2026-10-19) */
.zk-hero{padding-top:140px;padding-bottom:88px}
.zk-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.zk-hero-panel{background:#f8f1e9;border-radius:28px;padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.zk-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.zk-feature{background:#fff;border-radius:2rem;padding:28px;box-shadow:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.06)}
.zk-feature h3{font-family:Inter,sans-serif;font-weight:700;color:#0b273f;font-size:18px;margin:14px 0 8px}
.zk-feature p{font-family:Inter,sans-serif;color:#8a9bb0;font-size:14px;line-height:1.65}
.zk-icon{display:inline-flex;padding:10px;border-radius:12px;background:rgba(11,39,63,.05);color:#0b273f}
.zk-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.zk-faq{max-width:760px}
.zk-faq details{background:#fff;border-radius:20px;padding:18px 22px;margin-bottom:12px;box-shadow:0 4px 10px rgba(11,39,63,.05)}
.zk-faq summary{cursor:pointer;font-family:Inter,sans-serif;font-weight:600;color:#0b273f;font-size:16px;list-style:none}
.zk-faq summary::-webkit-details-marker{display:none}
.zk-faq summary::after{content:"+";float:right;color:#eaaf49;font-weight:700}
.zk-faq details[open] summary::after{content:"–"}
.zk-faq details p{font-family:Inter,sans-serif;color:#5d6f84;font-size:14px;line-height:1.7;margin-top:10px}
.zk-note{font-family:Inter,sans-serif;font-size:12px;color:rgba(248,241,233,.4);margin-top:14px}
@media (max-width:1023px){.zk-hero-grid{grid-template-columns:1fr}.zk-feature-grid,.zk-control-grid{grid-template-columns:1fr 1fr}}
@media (max-width:639px){.zk-hero{padding-top:120px;padding-bottom:64px}.zk-feature-grid,.zk-control-grid{grid-template-columns:1fr}}
.mt-3{margin-top:.75rem}.mt-10{margin-top:2.5rem}.text-5xl{font-size:3rem}
@media (min-width:640px){.sm\:text-6xl{font-size:3.75rem}}
/* "Chrome extension" label (2026-10-20); a neutral puzzle icon, not Google's Chrome logo */
.zk-pill-ext{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;background:rgba(11,39,63,.06);border:1px solid rgba(11,39,63,.12);font-family:JetBrains Mono,monospace;font-size:12px;color:#0b273f}
.bg-deep-navy .zk-pill-ext{background:rgba(248,241,233,.08);border-color:rgba(248,241,233,.18);color:#f8f1e9}
