/* Colors and typography from the Stylesheet project; ScreenInk uses purple. */
:root,:root[data-design="dunkel"]{--background:#111b25;--foreground:#f1f4f8;--surface:#1a2937;--surface-2:#111b25;--text-2:#b3c0ce;--border:#4d6175;--teal:#c6aeff;--blue:#92b8ff;--gold:#f3c65d;--soft:#1a2937;--button-ink:#111b25;color-scheme:dark}




html{scroll-padding-top:96px}body{background:var(--background);color:var(--foreground)}
.wrap{width:100%;max-width:1288px;padding-inline:44px;margin-inline:auto}
h1,h2,h3{font-weight:600;letter-spacing:-.015em}h2{font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.16}
.hero{padding-block:70px 72px;gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero h1{font-size:clamp(2.5rem,4.4vw,3.8rem);line-height:1.12}.hero>*,.detail-grid>*,.shortcuts>*{min-width:0}
.section{padding-block:72px}.eyebrow{font-family:'IBM Plex Mono',Consolas,monospace;font-size:.82rem;letter-spacing:.13em;color:var(--teal)}
.button{min-height:49px;padding:12px 20px;border-radius:5px;border-color:var(--border);font-size:.88rem;font-weight:600}
.button.primary{background:var(--blue);border-color:var(--blue);color:var(--button-ink)}.button:hover{transform:none;filter:brightness(.95)}
.brandmark{color:var(--background)}.brand small,.hero-meta,.usecases,.usecases>span,.tool-row,.key-row,dd>span,footer,footer .brand,.visual-caption,.shot-heading,.screenshot-card figcaption,.secondary-shot figcaption,.detail-copy p.tip,.end-section .download-meta,.querypilot-brand small,.querypilot-summary,.querypilot-report figcaption{color:var(--text-2)}
.features article,.screenshot-card,.secondary-shot{background:var(--surface);border-color:var(--border)}
.showcase{background:var(--surface-2);border-color:var(--border)}
.feature-icon{background:var(--soft);border-color:var(--border)}
kbd{background:var(--surface-2);border-color:var(--border);color:var(--foreground);box-shadow:0 2px 0 var(--border)}
.shot-heading,.screenshot-card figcaption{border-color:var(--border)}.shot-image{background:var(--surface)}
.end-section{background:var(--surface-2);border-color:var(--border)}
.querypilot-promo{background:var(--surface);border-color:var(--border);box-shadow:none}.querypilot-report img{transform:none}
/* The illustrated slide is a deliberately dark canvas in every page palette. */
.demo-desktop{color:#f0f3f2;transform:none}.demo-desktop .annotation-label{color:#8fe4ce}
.site-header{position:sticky;top:0;z-index:20;background:var(--background);border-bottom:1px solid var(--border);backdrop-filter:none}
.identity{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:12px}.identity .brand{min-width:0;flex-wrap:nowrap}
.header-linkedin{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0}.header-linkedin img{width:40px;height:40px;background:#0a66c2}





button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip{position:absolute;top:-100px;left:20px;padding:10px 18px;background:var(--surface);z-index:30}.skip:focus{position:fixed;top:10px}
footer>div{flex-wrap:wrap}.demo-player{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.demo-player video{display:block;width:100%;height:auto}.demo-player figcaption{padding:16px 22px;color:var(--text-2);font-size:.88rem}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-visual{max-width:650px;width:100%;margin-inline:auto}}
@media(max-width:760px){html{scroll-padding-top:88px}.wrap{padding-inline:22px}.identity{min-height:68px;padding-block:10px}.identity .brand small{display:none}.hero{padding-block:45px;gap:36px}.hero h1{font-size:clamp(2.1rem,8.8vw,3.4rem)}h2{font-size:clamp(1.7rem,6.8vw,2.5rem)}.section,.showcase{padding-block:45px}.eyebrow{font-size:.75rem}.shortcuts dl>div{flex-wrap:wrap;gap:10px}.steps>div{font-size:11px}.slide-content{padding:22px 16px}.slide-content h2{font-size:27px}.querypilot-brand{gap:12px}.querypilot-brand>img{width:64px;height:64px}.querypilot-brand>span{font-size:1.6rem}.querypilot-promo{padding:24px 18px}.shot-image{overflow:auto}.end-section{width:calc(100% - 44px)}.end-section .button{max-width:100%;text-align:center}}
@media print{.site-header{position:static}.wrap{padding-inline:0}body{background:white;color:#16202e}.section,.hero,.showcase{padding-block:24px}.demo-desktop,.querypilot-report img{box-shadow:none}@page{margin:18mm}}

/* Current shared typography and original vector wordmarks. */
body,h1,h2,h3,.brand,.eyebrow,kbd,.brand small,.querypilot-brand>span,.querypilot-brand small,.slide-label,.steps>div span,.usecases>span{font-family:"Segoe UI",Arial,sans-serif}
.lede{font-size:21px}.hero h1{font-size:clamp(48px,4.4vw,84px)}
.identity .brand,footer .brand{display:block;width:250px;max-width:calc(100% - 66px)}
.brand img{display:block;width:100%;height:auto}
.button.primary{background:var(--teal);border-color:var(--teal)}
.querypilot-copy .button.primary{background:var(--gold);border-color:var(--gold)}
.querypilot-copy .eyebrow,.querypilot-copy h2 em{color:var(--gold)}



.features article,.screenshot-card,.secondary-shot,.querypilot-promo,.end-section,.demo-player{border-radius:8px}
@media(max-width:760px){.identity .brand,footer .brand{width:225px}.hero h1{font-size:clamp(2.1rem,8.8vw,3.4rem)}.lede{font-size:1.1rem}}

.querypilot-brand{display:block;width:320px;max-width:100%;margin-bottom:30px}.querypilot-brand>img{display:block;width:100%;height:auto;max-width:100%}
.querypilot-promo>*{min-width:0}.querypilot-copy h2{overflow-wrap:anywhere}.querypilot-copy .button{max-width:100%;gap:10px}

/* QueryPilot teaser uses the linked homepage's fixed Hellgrau product design. */
.querypilot-promo{--foreground:#24272b;--text-2:#51555b;--surface:#fff;--border:#a6a8ad;--gold:#6a4b00;--blue:#6a4b00;--teal:#6a4b00;--button-ink:#fff;color-scheme:light;background:#e8e9eb;color:var(--foreground);border:1px solid var(--border);border-radius:8px;padding:40px;gap:40px;box-shadow:none}
.querypilot-copy h2{font-family:"Segoe UI",Arial,sans-serif;font-weight:600;letter-spacing:-.015em;line-height:1.16;text-wrap:balance}
.querypilot-copy .eyebrow{font-family:"Segoe UI",Arial,sans-serif;font-size:.82rem;letter-spacing:.13em}
.querypilot-summary{font-size:21px;line-height:1.65;color:var(--text-2)}
.querypilot-copy .button.primary{background:#6a4b00;border-color:#6a4b00;color:#fff;border-radius:6px}
.querypilot-report img{border-color:#a6a8ad;border-radius:8px;box-shadow:none;transform:none}
.querypilot-report figcaption{color:#51555b}
.querypilot-promo a:focus-visible{outline-color:#6a4b00}
@media(max-width:760px){.querypilot-promo{padding:24px 22px;gap:28px}.querypilot-summary{font-size:1.1rem}.querypilot-copy .eyebrow{font-size:.75rem}}