:root{--bg:#080e10;--surface:#0b1314;--surface-glass:#101d20e8;--ink:#edf5f3;--ink-strong:#dfede8;--text:#aebfbe;--text-muted:#9dacac;--text-subtle:#839d9a;--line:#ffffff26;--line-strong:#69807e;--accent:#4bffa5;--accent-soft:#72dea9;--accent-phrase:#9adbb9;--accent-tag:#8fbea5;--accent-line:#4bffa566;--on-accent:#0c211a;--danger:#ff9a7a;--focus:#4bffa5;--font-display:Manrope,"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-body:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--ease:cubic-bezier(.22,.8,.2,1);--gutter:7%;--shadow-glass:0 32px 90px #00000066,0 8px 24px #00000033,inset 0 1px 0 #ffffff42,inset 0 -1px 0 #00000099;--shadow-button:inset 0 1px #eafff299,inset 0 -1px #143a2555,0 4px 12px #00000033;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);}@media (prefers-color-scheme: light){:root:not([data-theme="light"]){--bg:#080e10;}}:root[data-theme="dark"]{--bg:#080e10;}*,*::before,*::after{box-sizing:inherit;}html{scroll-padding-top:env(safe-area-inset-top,0px);background:var(--bg);}body.product-page{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:300;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden;}img{max-width:100%;}a{color:inherit;}.skip{position:absolute;left:-9999px;top:0;}.skip:focus{left:var(--gutter);top:calc(env(safe-area-inset-top,0px) + 12px);z-index:50;background:var(--surface);color:var(--ink);padding:8px 14px;border-radius:3px;outline:2px solid var(--focus);outline-offset:4px;}#stage{position:fixed;inset:0;z-index:0;display:block;width:100%;height:100%;}.poster{position:fixed;inset:0;z-index:0;background:radial-gradient(60% 50% at 50% 60%,#0f2a24 0%,transparent 70%),var(--bg);display:none;}.no-webgl .poster{display:block;}.topbar{position:fixed;left:0;right:0;top:0;z-index:20;padding:calc(env(safe-area-inset-top,0px) + 22px) var(--gutter) 22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;}.topbar>*{pointer-events:auto;}.topbar .mark img{height:30px;width:auto;display:block;}.motion-toggle{display:inline-flex;align-items:center;gap:10px;background:transparent;color:var(--text-muted);border:1px solid var(--line-strong);border-radius:3px;padding:7px 13px 7px 11px;cursor:pointer;font:400 13px/1 var(--font-body);transition:color .3s var(--ease),border-color .3s var(--ease);}.motion-toggle:hover{color:var(--accent);border-color:var(--accent-line);}.motion-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:4px;}.motion-toggle .glyph{color:var(--accent);font-size:13px;width:12px;text-align:center;}.progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:21;transform-origin:0 50%;transform:scaleX(0);background:var(--accent);}#labels{position:fixed;inset:0;z-index:5;pointer-events:none;}.tag{position:absolute;left:0;top:0;opacity:0;white-space:nowrap;text-align:center;transition:opacity .45s var(--ease);will-change:transform;}.tag .name{display:block;font:400 14px/1.2 var(--font-display);letter-spacing:-.02em;color:var(--ink);}.tag .role{display:block;margin-top:3px;font:400 10.5px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--text-subtle);}.tag .dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:8px;vertical-align:2px;background:var(--accent);box-shadow:0 0 10px #4bffa5aa;}.tag.dept .name{font-size:12px;font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-tag);}.tag.dept .role{letter-spacing:.04em;text-transform:none;font-size:12px;}.tag.stat{padding:6px 10px;border-radius:5px;background:#0b1314d9;border:1px solid var(--line);}.tag.stat .name{font:400 12px/1.2 var(--font-body);letter-spacing:.02em;}.tag.stat.bad .name{color:var(--danger);}.tag.stat.good .name{color:var(--accent-soft);}.tag.biz .name{font-size:13px;}.tag.biz .role{color:var(--accent-soft);letter-spacing:.06em;}.tag.chip{padding:7px 12px;border-radius:22px;background:#0b1314bf;border:1px solid var(--accent-line);}.tag.chip .name{font:400 12.5px/1.2 var(--font-body);letter-spacing:.02em;color:var(--ink);}.tag.chip .role{font-size:9.5px;margin-top:4px;color:var(--accent-tag);}.chat{position:absolute;left:0;top:0;width:250px;display:flex;flex-direction:column;gap:6px;opacity:0;transition:opacity .5s var(--ease);}.chat .head{display:flex;align-items:center;gap:8px;margin:0 0 2px 4px;font:400 10.5px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--text-subtle);}.chat .head i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #4bffa5aa;}.bubble{max-width:82%;padding:8px 12px 9px;border-radius:17px;font:300 13.5px/1.4 var(--font-body);opacity:0;transform:translateY(10px) scale(.96);transform-origin:bottom left;transition:opacity .4s var(--ease),transform .4s var(--ease);}.bubble.in{opacity:1;transform:none;animation:pop .45s var(--ease);}@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.94);}to{opacity:1;transform:none;}}.bubble.gone{display:none;}.bubble.draper{align-self:flex-start;color:var(--ink);background:#16292ce0;border:1px solid #ffffff1a;border-bottom-left-radius:5px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 26px #00000055;}.bubble.keith{align-self:flex-end;transform-origin:bottom right;color:var(--on-accent);background:var(--accent-soft);border-bottom-right-radius:5px;box-shadow:0 10px 26px #00000055;font-weight:400;}.bubble.typing{display:flex;gap:4px;padding:11px 13px;}.bubble.typing span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:blink 1s infinite;}.bubble.typing span:nth-child(2){animation-delay:.15s;}.bubble.typing span:nth-child(3){animation-delay:.3s;}@keyframes blink{0%,80%,100%{opacity:.3}40%{opacity:1}}.product-story{position:relative;z-index:10;}.scene{position:relative;min-height:135svh;padding:0 var(--gutter);display:flex;align-items:flex-start;}.scene .copy{position:sticky;top:0;min-height:100svh;width:42%;max-width:490px;display:flex;flex-direction:column;justify-content:center;padding:120px 0 80px;}.scene.right{justify-content:flex-end;}.scene .copy::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:50%;left:-40%;width:180%;height:90%;transform:translateY(-50%);background:radial-gradient(closest-side,#080e10d9 0%,#080e10a6 45%,#080e1000 100%);}.scene.hero .copy{justify-content:flex-end;padding-bottom:14svh;}.scene.cardscene{min-height:120svh;}.scene.closing .copy{width:auto;max-width:1000px;}.marker{display:flex;align-items:center;gap:14px;margin:0 0 34px;font:400 12px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--text-subtle);}.marker::after{content:"";flex:0 0 56px;height:1px;background:var(--line);}.marker b{font-weight:400;color:var(--accent-soft);}.eyebrow{margin:0 0 22px;font:400 12px/1.4 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--text-subtle);}.product-story h1,.product-story h2{font-family:var(--font-display);font-weight:300;color:var(--ink);letter-spacing:-.06em;line-height:1.08;margin:0 0 28px;}.product-story h1 em,.product-story h2 em{font-style:normal;color:var(--text-muted);display:block;}.product-story h1{font-size:clamp(48px,6.15vw,100px);}.product-story h2{font-size:clamp(40px,5vw,78px);}.closing h2{font-size:clamp(46px,6.4vw,104px);}.product-story p{margin:0 0 20px;max-width:440px;}.lead{font-size:17px;}.hint{margin-top:18px;color:var(--text-muted);font-size:14px;}.hint .arrow{color:var(--accent);display:inline-block;margin-left:8px;animation:drift 2.4s var(--ease) infinite;}@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}.card{position:relative;width:100%;max-width:400px;padding:28px 28px 24px;border-radius:14px;background:linear-gradient(180deg,#16292c73,#0d1a1d59);-webkit-backdrop-filter:blur(8px) saturate(1.3);backdrop-filter:blur(8px) saturate(1.3);box-shadow:0 24px 60px #00000040,inset 0 1px 0 #ffffff38,inset 0 -1px 0 #00000066;border:1px solid #ffffff1f;}@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.card{background:var(--surface-glass);}}.card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:6px;}.card .eyebrow{margin:0 0 10px;color:var(--accent-soft);}.card .idno{font:400 12px/1 var(--font-body);letter-spacing:.16em;color:var(--text-subtle);padding-top:2px;}.card h2{font-size:clamp(40px,4.2vw,62px);line-height:1.1;margin:0 0 4px;}.card .role{margin:0 0 18px;color:var(--text-muted);font-size:15px;}.card .trained{margin:0 0 18px;font-size:14px;line-height:1.6;color:var(--accent-phrase);max-width:none;}.card dl{margin:0 0 20px;display:grid;grid-template-columns:auto 1fr;gap:0 18px;border-top:1px solid var(--line);}.card dt,.card dd{margin:0;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;}.card dt{color:var(--text-subtle);font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding-top:12px;}.card dd{color:var(--ink-strong);}.card h3{margin:0 0 8px;font:400 12px/1.4 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--text-subtle);}.card .delivers{margin:0 0 18px;font:300 18px/1.45 var(--font-display);letter-spacing:-.02em;color:var(--ink);max-width:none;}.card .quirk{margin:0;padding-top:16px;border-top:1px solid var(--line);font-size:14.5px;color:var(--accent-phrase);max-width:none;}.card .quirk span{color:var(--text-subtle);font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-right:10px;}.btn{display:inline-flex;align-items:center;gap:14px;border:0;cursor:pointer;border-radius:3px;padding:15px 24px;font:400 16px/1 var(--font-body);color:var(--on-accent);background:var(--accent-soft);box-shadow:var(--shadow-button);text-decoration:none;transition:transform .3s var(--ease),background .3s var(--ease);}.btn:hover{transform:translateY(-2px);background:#86ebba;}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:4px;}.caption{margin-top:34px;padding-top:16px;border-top:1px solid var(--line);max-width:520px;font-size:12.5px;line-height:1.7;color:var(--text-subtle);}.signoff{margin-top:40px;}.signoff img{height:44px;width:auto;}body.xray .scene h1,body.xray .scene h2,body.xray .scene p:not(.caption),body.xray .card,body.xray .marker,body.xray .btn{outline:1px dashed var(--accent-line);outline-offset:6px;transition:outline-color .6s var(--ease);}body.xray [data-spec]{position:relative;}body.xray [data-spec]::after{content:attr(data-spec);position:absolute;left:0;top:-26px;font:400 11px/1 var(--font-body);letter-spacing:.08em;color:var(--accent-soft);white-space:nowrap;}@media (min-width:1500px){:root{--gutter:10%;}.scene .copy{max-width:550px;}}@media (max-width:800px){:root{--gutter:6.5%;}.topbar .mark img{height:24px;}.motion-toggle .word{display:none;}.motion-toggle{padding:8px 11px;}.scene{min-height:150svh;}.scene.cardscene{min-height:140svh;}.scene .copy,.scene.hero .copy{width:100%;max-width:none;justify-content:flex-end;padding:0 0 calc(env(safe-area-inset-bottom,0px) + 30px);}.scene .copy::before{left:calc(var(--gutter) * -1.2);right:calc(var(--gutter) * -1.2);top:auto;width:auto;transform:none;bottom:0;height:78%;background:linear-gradient(to top,#080e10f2 0%,#080e10d9 45%,#080e1000 100%);}.product-story h1{font-size:clamp(40px,11vw,62px);}.product-story h2{font-size:clamp(32px,9vw,50px);margin-bottom:16px;}.closing h2{font-size:clamp(38px,10.5vw,58px);}.product-story p{font-size:15.5px;line-height:1.7;margin-bottom:14px;}.marker{margin-bottom:18px;}.card{padding:18px 18px 16px;background:linear-gradient(180deg,#16292ca6,#0d1a1d99);}.card .trained{font-size:12.5px;margin-bottom:10px;}.card h2{font-size:36px;}.card .role{margin-bottom:12px;}.card dt,.card dd{padding:7px 0;font-size:13px;}.card .delivers{font-size:16px;margin-bottom:12px;}.card .quirk{font-size:13.5px;padding-top:10px;}.chat{width:min(220px,58vw);gap:5px;}.bubble{font-size:12.5px;padding:7px 11px 8px;}.tag .name{font-size:12px;}.tag .role{font-size:9.5px;}body.xray [data-spec]::after{display:none;}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none !important;animation:none !important;}}
/* Site integration: native scroll, shared header, bounded labels and static fallback. */
.product-page #labels{overflow:hidden}
.product-page .scene{flex-direction:row;justify-content:flex-start}
.product-page .scene.right{justify-content:flex-end}
.product-page .scene .copy{margin:0}
.product-page .scene.hero{padding-top:0}
.product-page .scene.hero .copy{padding-top:140px}
.product-page .scene .copy>h1 em,.product-page .scene .copy>h2 em{color:var(--accent-soft)}
.product-page #motion{z-index:22;min-width:44px;min-height:44px}
.product-page .product-back{position:relative;z-index:11;display:inline-flex;margin:0 7% 60px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.product-page .product-status{font-size:12px;color:var(--text-muted);max-width:440px}
.product-page .signoff{display:none}
.no-webgl .product-page .scene{min-height:auto;padding:100px 7% 40px}
.no-webgl .product-page .scene .copy{position:relative;min-height:0;width:100%;max-width:650px;padding:0}
.no-webgl .product-page .scene .copy::before{display:none}
.no-webgl .product-page #labels,.no-webgl .product-page #motion{display:none}
.product-page .poster{background:linear-gradient(#080e10c9,#080e10ef),url('/assets/aiq-product-overview.webp') center/cover}
@media(max-width:800px){.product-page .scene .copy{min-height:100svh;padding-top:110px;padding-bottom:32px}.product-page .scene.hero .copy{padding-top:110px}.product-page .scene{min-height:140svh}.product-page .cardscene{min-height:155svh}.product-page .scene.closing .copy{max-width:100%}.product-page .scene .copy::before{height:90%}.product-page .scene .card{max-width:100%}}
@media(max-width:800px) and (max-height:740px){.product-page .cardscene .copy{justify-content:center}.product-page .card{padding:15px}.product-page .card dt,.product-page .card dd{padding:5px 0}.product-page .card .quirk{font-size:12px}.product-page .card .delivers{font-size:14px}.product-page .card h2{font-size:30px}.product-page .card .trained{font-size:12px}.product-page .marker{margin-bottom:10px}}