*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--fg)}:root{--bg:#08090e;--panel:#12141c;--fg:#f7f5fc;--muted:#b5b0c0;--border:#34303d;--accent:#b65bc7;--lime:#b9de24}html[data-theme=light]{--bg:#f7f8fb;--panel:#fff;--fg:#17151c;--muted:#5b5864;--border:#dedce4;--accent:#8e278f}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding:0 22px}header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--border)}nav{display:flex;gap:16px;align-items:center;justify-content:space-between;min-height:76px}.logo{width:145px;height:54px;object-fit:contain}.lightlogo{display:none}html[data-theme=light] .darklogo{display:none}html[data-theme=light] .lightlogo{display:inline-block}.links{display:flex;gap:17px;align-items:center;flex-wrap:wrap;font-size:14px}button,select,input,textarea{font:inherit}button,select{background:var(--panel);color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:8px}button{cursor:pointer}.hero{padding:95px 0 90px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.17em;color:var(--accent);font-weight:800}h1{font-size:clamp(42px,7vw,78px);letter-spacing:-.06em;line-height:1.04;max-width:900px;margin:20px 0}h2{font-size:clamp(29px,4vw,47px);letter-spacing:-.04em;line-height:1.13}p.lead{font-size:clamp(18px,2vw,21px);color:var(--muted);max-width:780px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;border:1px solid var(--border);border-radius:12px;padding:12px 18px;font-weight:700}.btn.primary{background:#922d9b;color:white;border-color:#922d9b}section{padding:70px 0;border-top:1px solid var(--border)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{padding:23px;background:var(--panel);border:1px solid var(--border);border-radius:19px;min-width:0}.card p,.muted{color:var(--muted)}.card h3{margin:8px 0}.card img{height:64px;max-width:90%;object-fit:contain;object-position:left}.tag{font-size:12px;color:var(--accent);font-weight:800}.qflogo{width:min(420px,100%);object-fit:contain}.split{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.steps{display:flex;gap:10px;flex-wrap:wrap}.steps span{padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:20px}label{display:block;font-weight:650;margin-top:16px}input:not([type=checkbox]),textarea,select.field{display:block;width:100%;padding:12px;margin-top:6px;border-radius:9px;background:var(--panel);color:var(--fg);border:1px solid var(--border)}textarea{min-height:130px}.check{display:flex;gap:10px;align-items:start}.check input{margin-top:6px}.check a{text-decoration:underline}footer{padding:35px 0;border-top:1px solid var(--border);color:var(--muted)}.small{font-size:13px}.menu-toggle{display:none}@media(max-width:800px){.wrap{padding:0 16px}.menu-toggle{display:block}.links{display:none;position:absolute;top:70px;left:0;right:0;padding:20px;background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch}.links.open{display:flex}.hero{padding:64px 0}.grid,.split{grid-template-columns:1fr}section{padding:52px 0}nav{min-height:70px}}
/* ZoeLabs 2026 polish */
:root{--accent:#ae6aff;--ring:#16c1c8}html[data-theme=light]{--accent:#812cb5;--ring:#087c83}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ring);outline-offset:3px}
input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 17%,transparent);transition:box-shadow .2s}
button,.btn,.card,.tile,article{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.card:hover,.tile:hover,article:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 28px rgba(90,50,145,.12)}
button:hover,.btn:hover{filter:brightness(1.12)}
.logo{width:160px;max-width:100%;object-fit:contain} .tech-logos{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:25px 0}.tech-logos img{max-height:35px;max-width:100px;object-fit:contain}
@media(max-width:500px){.logo{width:132px;height:48px}.tech-logos img{max-width:72px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Branding & navigation repair */
.logo{object-fit:contain;object-position:left center;max-width:100%}
.links a[aria-current=page]{color:var(--accent);font-weight:800}
.links a:hover,.links a:focus-visible{color:var(--accent)}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--ring,#16c1c8);outline-offset:3px}
@media(max-width:800px){.links.open{max-height:calc(100dvh - 70px);overflow:auto}}

/* Final release: navigation, focus and brand polish */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #16c1c8;outline-offset:3px}a.btn:hover,.card:hover{transform:translateY(-2px);transition:transform .2s ease}.logo{object-fit:contain;object-position:left center}html[data-theme=dark] .logo{filter:none}html[data-theme=light] .logo{filter:none}

/* ZoeLabs logos: original user-provided files, never recolored. */
nav>a[aria-label="ZoeLabs"]{display:inline-flex;align-items:center;flex-shrink:0;padding:4px 9px;border-radius:10px;background:#fff}nav>a[aria-label="ZoeLabs"] .logo{width:155px;height:58px;object-fit:contain}html[data-theme="light"] nav>a[aria-label="ZoeLabs"]{background:#fff}
