.qc-trigger{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:80;display:flex;align-items:center;gap:9px;min-height:48px;padding:11px 17px;border:1px solid rgb(194,170,104);border-radius:28px;background:rgb(14,21,22);color:rgb(250,250,247);font:600 14px/1.2 system-ui,sans-serif;box-shadow:0 4px 18px rgb(0 0 0 / .2);cursor:pointer}
.qc-trigger[hidden]{display:none!important}.qc-trigger svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.qc-trigger:hover{background:rgb(34,46,45)}
.qc-trigger:focus-visible,.qc-panel :focus-visible{outline:3px solid rgb(194,170,104);outline-offset:3px}
.qc-panel{position:fixed;inset:auto 20px 20px auto;box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:0;padding:24px;border:1px solid rgb(113,123,115);border-radius:14px;background:rgb(243,244,240);color:rgb(24,34,29);box-shadow:0 12px 60px rgb(0 0 0 / .3);font:16px/1.5 system-ui,sans-serif;overflow:auto;overscroll-behavior:contain}
.qc-panel::backdrop{background:rgb(0 0 0 / .35)}.qc-panel h2{font:700 24px/1.25 system-ui,sans-serif;margin:0 45px 10px 0;color:inherit}.qc-panel p{font:inherit;margin:0 0 16px;color:inherit}.qc-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:inherit;font:28px/1 system-ui;cursor:pointer}.qc-close:hover{background:rgb(224,227,220)}
.qc-panel label{display:block;font:600 14px/1.4 system-ui,sans-serif;margin:12px 0 5px}.qc-panel input:not([type=checkbox]),.qc-panel textarea{box-sizing:border-box;display:block;width:100%;border:1px solid rgb(104,118,108);border-radius:5px;background:rgb(255,255,252);color:rgb(24,34,29);padding:10px;font:16px/1.4 system-ui,sans-serif}.qc-panel textarea{resize:vertical;min-height:100px}.qc-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qc-panel .qc-consent{display:flex;align-items:flex-start;gap:9px;font-weight:400;font-size:13px;margin:16px 0}.qc-consent input{flex:0 0 auto;margin:3px 0 0;width:18px;height:18px}.qc-panel a{color:rgb(34,70,59);text-decoration:underline}.qc-send{width:100%;min-height:46px;border:0;border-radius:5px;background:rgb(34,70,59);color:white;font:600 16px/1.3 system-ui,sans-serif;cursor:pointer}.qc-send:disabled{opacity:.65;cursor:wait}.qc-panel .qc-status{margin:12px 0 0;font-size:14px}.qc-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.qc-panel [hidden]{display:none!important}
@media(max-width:600px){.qc-trigger{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:11px 14px}.qc-panel{inset:auto 0 0;width:100%;max-width:none;max-height:calc(100dvh - 16px);border-radius:16px 16px 0 0;padding:22px 20px max(22px,env(safe-area-inset-bottom))}.qc-fields{grid-template-columns:1fr;gap:0}}

/* Contact typography matches mobile-toc-chip exactly. */
.qc-trigger{font:750 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em;text-transform:uppercase;min-height:42px}
.qc-trigger .qc-person{display:block;width:38px;height:34px;object-fit:contain}
.qc-trigger.qc-rail{left:var(--qc-left);right:auto;top:50%;bottom:auto;transform:translateY(-50%);width:96px;box-sizing:border-box;flex-direction:column;gap:10px;padding:14px 8px;border-radius:12px}
.qc-trigger.qc-rail .qc-person{width:64px;height:57px}
.qc-panel.qc-rail{inset:50% calc(100vw - var(--qc-left) + 16px) auto auto;transform:translateY(-50%)}

/* White vector motif on the existing header texture. No blending or scaling. */
.qc-trigger,.qc-trigger:hover,.qc-trigger.qc-rail{
 box-sizing:border-box;justify-content:center;gap:0;padding:7px;
 width:64px;height:64px;min-height:64px;border:1px solid rgb(113,123,115);
 border-radius:8px;color:rgb(250,250,247);background-color:rgb(10,12,15);
 background-image:linear-gradient(rgb(8 10 13 / .55),rgb(8 9 11 / .70)),url("/assets/header-data-tunnel-mobile.webp");
 background-size:cover;background-position:58% center;background-repeat:no-repeat;
 box-shadow:0 3px 12px rgb(0 0 0 / .18);mix-blend-mode:normal;
}
.qc-trigger .qc-person{display:block;flex:none;width:48px;height:44px;fill:currentColor;stroke:none;shape-rendering:geometricPrecision}
.qc-trigger.qc-rail{width:96px;height:88px;padding:11px;top:var(--qc-top);transform:none}
.qc-trigger.qc-rail .qc-person{width:72px;height:64px}
.qc-trigger:hover{border-color:rgb(194,170,104)}
.qc-trigger:focus-visible{outline:3px solid rgb(194,170,104);outline-offset:4px}

/* The mobile contents control uses the same surface as contact. */
.mobile-toc-chip{box-sizing:border-box;min-height:64px;border:1px solid rgb(113,123,115);border-radius:8px;color:rgb(250,250,247);background-color:rgb(10,12,15);background-image:linear-gradient(rgb(8 10 13 / .55),rgb(8 9 11 / .70)),url("/assets/header-data-tunnel-mobile.webp");background-size:cover;background-position:58% center;background-repeat:no-repeat;box-shadow:0 3px 12px rgb(0 0 0 / .18)}
.mobile-toc-chip:hover{border-color:rgb(194,170,104)}
.mobile-toc-chip:focus-visible{outline:3px solid rgb(194,170,104);outline-offset:4px}
@media(max-width:600px){.qc-trigger{right:14px;bottom:max(14px,env(safe-area-inset-bottom))}}