/* tqcoders.com theme "defense" (2026-10-30): style + layout, CSS only (HTML/text unchanged). One audited variant (frontend-design skill), v3 redo on owner request (round 3); own skeleton, logo and favicon. Fonts self-hosted from Google Fonts (SIL OFL). */ @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Sofia Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/sofia-sans-700-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Sofia Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/sofia-sans-700-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Sofia Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/sofia-sans-700-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Sofia Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/sofia-sans-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Sofia Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/sofia-sans-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Sofia Sans";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/sofia-sans-700-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Sofia Sans";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/sofia-sans-700-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Sofia Sans";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/sofia-sans-700-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Sofia Sans";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/sofia-sans-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Sofia Sans";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/sofia-sans-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} /* _reset3.css - tqcoders.com "Defense in depth": neutralise site.css + theme-tq quirks (flat opacities, theme-tq h1 weight / hero rule / feature-list rules, fixed .wrap widths, closing/reading max-widths). */ body.theme-tq{--bg:#f7f9fb!important;--ink:#0f1b2d!important;--accent:#f59e0b!important;background:#0f1b2d;color:#0f1b2d} body.theme-tq h1{font-weight:800} body.theme-tq .header{border-bottom:0} body.theme-tq .home-hero{border-top:0} body.theme-tq .feature-list li{border:0;border-bottom:0;border-radius:0} body.theme-tq main.wrap,body.theme-tq footer.wrap{width:auto;max-width:none;margin:0;padding:0} body.theme-tq .reading,body.theme-tq .faq,body.theme-tq .product-lead,body.theme-tq .privacy{max-width:none;margin:0} body.theme-tq .closing{margin:0;border:0;border-radius:0;max-width:none} body.theme-tq .scenario{margin:0;border:0;border-radius:0;max-width:none} body.theme-tq .cards{border-top:0} body.theme-tq .split-section{border-top:0} body.theme-tq .feature-matrix{padding-block:0} body.theme-tq .hero{padding:0} body.theme-tq .inner-hero{min-height:0} /* flat opacities from site.css / inline styles -> full contrast */ body.theme-tq .main-nav a,body.theme-tq .hero-lead,body.theme-tq .cards p,body.theme-tq .steps p,body.theme-tq .split-section p,body.theme-tq .large, body.theme-tq .faq p,body.theme-tq .privacy p,body.theme-tq .feature-matrix>p,body.theme-tq .sticky-example>p,body.theme-tq .number, body.theme-tq .feature-definitions dd,body.theme-tq .ar-res,body.theme-tq .agent-run-foot>span:first-child,body.theme-tq .agent-run-bar span:first-child, body.theme-tq .footer-top p,body.theme-tq .footer-bottom,body.theme-tq .software-copy p,body.theme-tq .software-faq p,body.theme-tq .hero-number{opacity:1} /* v3-defense.css - tqcoders.com "Defense in depth". Concentric layers: dark hero wall -> nested framed sections -> rules in the innermost layer. Display: Sofia Sans 700/800 (latin, latin-ext, cyrillic[-ext], greek). Other scripts fall back to heavy Inter. Body: Inter. */ body.theme-tq{--s:16px;--r0:#b2c3d5;--r1:#c2cfdd;--r2:#d0dbe7;--r3:#dce5ee;--line:#8da4bc;--f1:#e5ebf2;--f2:#ebf0f6;--f3:#f1f5f9;--f4:#f7f9fc; --ink:#0f1b2d;--amber:#f59e0b;--red:#dc2626;--teal:#14b8a6;--tealx:#0f766e;--steel:#d9e2ec;--disp:"Sofia Sans",Inter,system-ui,sans-serif; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased} body.theme-tq h1,body.theme-tq h2,body.theme-tq h3,body.theme-tq summary,body.theme-tq .brand,body.theme-tq .cards h3,body.theme-tq .hero-number,body.theme-tq .app-icon{font-family:var(--disp)} body.theme-tq ::selection{background:#f59e0b;color:#0f1b2d} /* ---------- header: tripwire bar over the scene, rule-id chips for nav ---------- */ body.theme-tq .header{--lang-radius:4px;--nav-radius:4px;--nav-accent:#f59e0b;position:absolute;inset:0 0 auto 0;z-index:30;width:auto;margin:0;min-height:80px;gap:18px; padding:0 max(24px,calc((100% - 1180px)/2));color:#fff;border:0;background:linear-gradient(180deg,#0f1b2d 0,rgba(15,27,45,.9) 62%,rgba(15,27,45,0))} body.theme-tq .header::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--amber)} body.theme-tq .brand{font:800 26px/1 var(--disp);letter-spacing:0;color:#fff;gap:11px} body.theme-tq .brand-symbol{display:block;width:40px;height:40px;background:none;border-radius:0;padding:0;color:inherit} body.theme-tq .brand-symbol svg{display:block;width:100%;height:100%} body.theme-tq .main-nav{margin-inline:14px auto;gap:6px;font-size:14px} body.theme-tq .main-nav a{padding:8px 14px;border:1px solid rgba(203,213,225,.3);border-radius:4px;color:#e2e8f0;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s} body.theme-tq .main-nav a:hover{background:rgba(255,255,255,.1);border-color:#fff;text-decoration:none;color:#fff} body.theme-tq .main-nav a[aria-current]{background:var(--amber);border-color:var(--amber);color:#0f1b2d;text-decoration:none} body.theme-tq .language{color:#e2e8f0} /* ---------- buttons ---------- */ body.theme-tq .button{border-radius:4px;padding:15px 24px;font-size:15px;font-weight:700;gap:14px;letter-spacing:.005em} body.theme-tq .button.primary,body.theme-tq .primary{background:var(--tealx);color:#fff;border:2px solid #2dd4bf;box-shadow:0 0 0 4px rgba(20,184,166,.18),0 10px 28px rgba(15,118,110,.32)} body.theme-tq .button.primary:hover{background:#0b5f58;transform:translateY(-2px)} body.theme-tq .secondary{background:transparent;color:var(--ink);border:2px solid var(--ink)} body.theme-tq .hero .secondary{color:#fff;border-color:rgba(255,255,255,.55)} body.theme-tq .hero .secondary:hover{border-color:#fff;background:rgba(255,255,255,.08)} body.theme-tq .eyebrow{display:flex;width:fit-content;max-width:100%;text-transform:none;letter-spacing:.01em;font-size:14px;font-weight:700;color:#6b4200;background:#fff2d1;border:1px solid #efc25b;border-radius:4px;padding:6px 13px;margin-bottom:18px;gap:9px} body.theme-tq .eyebrow i{width:9px;height:9px;border-radius:2px;background:var(--amber)} /* ---------- ring engine: every section is a nested frame ---------- */ body.theme-tq main>*{--d:0;--px:max(calc(var(--d)*var(--s) + 28px),calc((100% - 1180px)/2));margin:0;max-width:none} body.theme-tq main>:not(.hero):not(.closing){--d:1;--fill:var(--f1);position:relative;padding:46px var(--px);border:0;border-radius:0; background:linear-gradient(90deg,var(--line),var(--line)) top/100% 1px no-repeat,linear-gradient(90deg,var(--r0) calc(min(var(--d),0)*var(--s)) calc(calc(min(var(--d),1)*var(--s)) - 2px),var(--line) calc(calc(min(var(--d),1)*var(--s)) - 2px) calc(min(var(--d),1)*var(--s)),var(--r1) calc(min(var(--d),1)*var(--s)) calc(calc(min(var(--d),2)*var(--s)) - 2px),var(--line) calc(calc(min(var(--d),2)*var(--s)) - 2px) calc(min(var(--d),2)*var(--s)),var(--r2) calc(min(var(--d),2)*var(--s)) calc(calc(min(var(--d),3)*var(--s)) - 2px),var(--line) calc(calc(min(var(--d),3)*var(--s)) - 2px) calc(min(var(--d),3)*var(--s)),var(--r3) calc(min(var(--d),3)*var(--s)) calc(calc(min(var(--d),4)*var(--s)) - 2px),var(--line) calc(calc(min(var(--d),4)*var(--s)) - 2px) calc(min(var(--d),4)*var(--s)),var(--fill) calc(min(var(--d),4)*var(--s)) calc(100% - calc(min(var(--d),4)*var(--s))),var(--line) calc(100% - calc(min(var(--d),4)*var(--s))) calc(100% - calc(min(var(--d),4)*var(--s)) + 2px),var(--r3) calc(100% - calc(min(var(--d),4)*var(--s)) + 2px) calc(100% - calc(min(var(--d),3)*var(--s))),var(--line) calc(100% - calc(min(var(--d),3)*var(--s))) calc(100% - calc(min(var(--d),3)*var(--s)) + 2px),var(--r2) calc(100% - calc(min(var(--d),3)*var(--s)) + 2px) calc(100% - calc(min(var(--d),2)*var(--s))),var(--line) calc(100% - calc(min(var(--d),2)*var(--s))) calc(100% - calc(min(var(--d),2)*var(--s)) + 2px),var(--r1) calc(100% - calc(min(var(--d),2)*var(--s)) + 2px) calc(100% - calc(min(var(--d),1)*var(--s))),var(--line) calc(100% - calc(min(var(--d),1)*var(--s))) calc(100% - calc(min(var(--d),1)*var(--s)) + 2px),var(--r0) calc(100% - calc(min(var(--d),1)*var(--s)) + 2px) calc(100% - calc(min(var(--d),0)*var(--s))))} body.theme-tq main>:not(.hero):not(.closing)>*{position:relative} /* depth map (outer wall = 0 ... innermost = 4) */ body.theme-tq.page-0 main>.cards{--d:1;--fill:var(--f1);padding-top:146px} body.theme-tq.page-0 main>.scenario{--d:2;--fill:var(--f2)} body.theme-tq.page-0 main>.reading:has(.steps){--d:4;--fill:var(--f4)} body.theme-tq.page-0 main>.feature-matrix{--d:3;--fill:var(--f3)} body.theme-tq.page-0 main>.split-section{--d:2;--fill:var(--f2)} body.theme-tq.page-0 main>.split-section+.reading{--d:2;--fill:var(--f2)} body.theme-tq.page-0 main>.faq{--d:1;--fill:var(--f1)} body.theme-tq.page-0 main>.closing+.reading{--d:1;--fill:var(--f1)} body.theme-tq.page-1 main>.product-lead{--d:1;--fill:var(--f1)} body.theme-tq.page-1 main>.cards{--d:2;--fill:var(--f2)} body.theme-tq.page-1 main>.reading:has(.feature-list){--d:3;--fill:var(--f3)} body.theme-tq.page-1 main>.split-section{--d:4;--fill:var(--f4)} body.theme-tq.page-1 main>.split-section+.reading{--d:2;--fill:var(--f2)} body.theme-tq.page-2 main>.hero+.reading{--d:1;--fill:var(--f1)} body.theme-tq.page-2 main>.connection{--d:2;--fill:var(--f2)} body.theme-tq.page-2 main>.connection+.reading{--d:3;--fill:var(--f3)} body.theme-tq.page-3 main>.scenario{--d:1;--fill:var(--f1)} body.theme-tq.page-3 main>.workflow-grid{--d:4;--fill:var(--f4)} body.theme-tq.page-3 main>.workflow-grid+.reading{--d:2;--fill:var(--f2)} body.theme-tq.page-4 main>.download-grid{--d:2;--fill:var(--f2)} body.theme-tq.page-4 main>.download-grid+.reading{--d:1;--fill:var(--f1)} body.theme-tq.page-5 main>.hero+.faq{--d:1;--fill:var(--f1)} body.theme-tq.page-5 main>.faq+.faq{--d:2;--fill:var(--f2)} body.theme-tq.page-5 main>.faq+.faq+.faq{--d:3;--fill:var(--f3)} body.theme-tq.page-6 main>.privacy{--d:2;--fill:var(--f2)} /* ---------- headings ---------- */ body.theme-tq main h2{font-family:var(--disp);font-weight:800;font-size:clamp(30px,3.5vw,52px);line-height:1.06;letter-spacing:0;margin:0 0 .5em;color:var(--ink);text-wrap:balance;hyphens:auto;overflow-wrap:anywhere} body.theme-tq main h3{font-family:var(--disp);font-weight:700;font-size:clamp(21px,1.9vw,26px);line-height:1.15;letter-spacing:0;margin:0 0 .45em;color:var(--ink);overflow-wrap:anywhere} body.theme-tq main p{font-size:16.5px;line-height:1.6;overflow-wrap:break-word} body.theme-tq main :is(p,li,dd,td){max-width:72ch} /* ---------- HERO (home): full-bleed scene, rule-block H1 ---------- */ body.theme-tq main>.hero{position:relative;z-index:3;color:#fff;background:#0f1b2d;border-bottom:4px solid var(--amber);padding-inline:var(--px)} body.theme-tq main>.hero::before{content:"";position:absolute;inset:0;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1600 760%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cstyle%3E%0A@keyframes dr%7Bfrom%7Btransform:translateX%28-26px%29%7Dto%7Btransform:translateX%2826px%29%7D%7D%0A@keyframes sp%7B0%25,100%25%7Bopacity:.35%7D50%25%7Bopacity:1%7D%7D%0A.a%7Banimation:dr 5.5s ease-in-out infinite alternate%7D.b%7Banimation:dr 7s ease-in-out infinite alternate-reverse%7D%0A.k%7Banimation:sp 1.6s ease-in-out infinite%7D%0A@media %28prefers-reduced-motion:reduce%29%7B.a,.b,.k%7Banimation:none%7D%7D%0A%3C/style%3E%3Cdefs%3E%0A%3CradialGradient id=%22core%22 cx=%221500%22 cy=%22392%22 r=%22470%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2314b8a6%22 stop-opacity=%22.62%22/%3E%3Cstop offset=%22.45%22 stop-color=%22%2314b8a6%22 stop-opacity=%22.16%22/%3E%3Cstop offset=%221%22 stop-color=%22%2314b8a6%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%0A%3ClinearGradient id=%22tt%22%3E%3Cstop offset=%220%22 stop-color=%22%235eead4%22 stop-opacity=%220%22/%3E%3Cstop offset=%221%22 stop-color=%22%235eead4%22 stop-opacity=%22.9%22/%3E%3C/linearGradient%3E%0A%3ClinearGradient id=%22tw%22%3E%3Cstop offset=%220%22 stop-color=%22%23e2e8f0%22 stop-opacity=%220%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e2e8f0%22 stop-opacity=%22.8%22/%3E%3C/linearGradient%3E%0A%3ClinearGradient id=%22tr%22%3E%3Cstop offset=%220%22 stop-color=%22%23f87171%22 stop-opacity=%220%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f87171%22 stop-opacity=%22.95%22/%3E%3C/linearGradient%3E%0A%3Cpattern id=%22g%22 width=%2248%22 height=%2248%22 patternUnits=%22userSpaceOnUse%22%3E%3Cpath d=%22M48 0H0V48%22 fill=%22none%22 stroke=%22%237aa2c8%22 stroke-opacity=%22.07%22/%3E%3C/pattern%3E%0A%3Ccircle id=%22c%22 r=%229%22/%3E%3Crect id=%22s%22 x=%22-9%22 y=%22-9%22 width=%2218%22 height=%2218%22 rx=%223%22/%3E%0A%3Cpolygon id=%22d%22 points=%220,-12 12,0 0,12 -12,0%22/%3E%3Cpolygon id=%22t%22 points=%220,-12 11,9 -11,9%22/%3E%0A%3C/defs%3E%3Crect width=%221600%22 height=%22760%22 fill=%22%230f1b2d%22/%3E%3Crect width=%221600%22 height=%22760%22 fill=%22url%28%23g%29%22/%3E%3Crect width=%221600%22 height=%22760%22 fill=%22url%28%23core%29%22/%3E%3Ccircle cx=%221500%22 cy=%22392%22 r=%2278%22 fill=%22none%22 stroke=%22%2314b8a6%22 stroke-opacity=%220.34%22 stroke-width=%221.5%22 stroke-dasharray=%22%22/%3E%3Ccircle cx=%221500%22 cy=%22392%22 r=%22122%22 fill=%22none%22 stroke=%22%2314b8a6%22 stroke-opacity=%220.22%22 stroke-width=%221.5%22 stroke-dasharray=%226 9%22/%3E%3Ccircle cx=%221500%22 cy=%22392%22 r=%22172%22 fill=%22none%22 stroke=%22%2314b8a6%22 stroke-opacity=%220.34%22 stroke-width=%221.5%22 stroke-dasharray=%22%22/%3E%3Ccircle cx=%221500%22 cy=%22392%22 r=%22228%22 fill=%22none%22 stroke=%22%2314b8a6%22 stroke-opacity=%220.22%22 stroke-width=%221.5%22 stroke-dasharray=%223 12%22/%3E%3Ccircle cx=%221500%22 cy=%22392%22 r=%22292%22 fill=%22none%22 stroke=%22%2314b8a6%22 stroke-opacity=%220.34%22 stroke-width=%221.5%22 stroke-dasharray=%22%22/%3E%3Ccircle cx=%221500%22 cy=%22392%22 r=%22362%22 fill=%22none%22 stroke=%22%2314b8a6%22 stroke-opacity=%220.22%22 stroke-width=%221.5%22 stroke-dasharray=%228 14%22/%3E%3Cline x1=%220%22 y1=%22128%22 x2=%22950%22 y2=%22128%22 stroke=%22%237aa2c8%22 stroke-opacity=%22.10%22 stroke-dasharray=%223 11%22/%3E%3Cline x1=%220%22 y1=%22196%22 x2=%22950%22 y2=%22196%22 stroke=%22%237aa2c8%22 stroke-opacity=%22.10%22 stroke-dasharray=%223 11%22/%3E%3Cline x1=%220%22 y1=%22262%22 x2=%22950%22 y2=%22262%22 stroke=%22%237aa2c8%22 stroke-opacity=%22.10%22 stroke-dasharray=%223 11%22/%3E%3Cline x1=%220%22 y1=%22328%22 x2=%22950%22 y2=%22328%22 stroke=%22%237aa2c8%22 stroke-opacity=%22.10%22 stroke-dasharray=%223 11%22/%3E%3Cline x1=%220%22 y1=%22392%22 x2=%22950%22 y2=%22392%22 stroke=%22%237aa2c8%22 stroke-opacity=%22.10%22 stroke-dasharray=%223 11%22/%3E%3Cline x1=%220%22 y1=%22458%22 x2=%22950%22 y2=%22458%22 stroke=%22%237aa2c8%22 stroke-opacity=%22.10%22 stroke-dasharray=%223 11%22/%3E%3Cline x1=%220%22 y1=%22524%22 x2=%22950%22 y2=%22524%22 stroke=%22%237aa2c8%22 stroke-opacity=%22.10%22 stroke-dasharray=%223 11%22/%3E%3Cline x1=%220%22 y1=%22590%22 x2=%22950%22 y2=%22590%22 stroke=%22%237aa2c8%22 stroke-opacity=%22.10%22 stroke-dasharray=%223 11%22/%3E%3Cline x1=%220%22 y1=%22656%22 x2=%22950%22 y2=%22656%22 stroke=%22%237aa2c8%22 stroke-opacity=%22.10%22 stroke-dasharray=%223 11%22/%3E%3Cpath d=%22M1175 128 C1285 128 1345 392 1452 360.32%22 fill=%22none%22 stroke=%22%235eead4%22 stroke-opacity=%22.38%22 stroke-width=%222%22/%3E%3Cpath d=%22M1175 262 C1285 262 1345 392 1452 376.4%22 fill=%22none%22 stroke=%22%235eead4%22 stroke-opacity=%22.38%22 stroke-width=%222%22/%3E%3Cpath d=%22M1175 328 C1285 328 1345 392 1452 384.32%22 fill=%22none%22 stroke=%22%235eead4%22 stroke-opacity=%22.38%22 stroke-width=%222%22/%3E%3Cpath d=%22M1175 458 C1285 458 1345 392 1452 399.92%22 fill=%22none%22 stroke=%22%235eead4%22 stroke-opacity=%22.38%22 stroke-width=%222%22/%3E%3Cpath d=%22M1175 590 C1285 590 1345 392 1452 415.76%22 fill=%22none%22 stroke=%22%235eead4%22 stroke-opacity=%22.38%22 stroke-width=%222%22/%3E%3Cline x1=%22960%22 y1=%22128%22 x2=%221178%22 y2=%22128%22 stroke=%22%235eead4%22 stroke-opacity=%22.32%22 stroke-width=%223%22/%3E%3Cline x1=%22960%22 y1=%22262%22 x2=%221178%22 y2=%22262%22 stroke=%22%235eead4%22 stroke-opacity=%22.32%22 stroke-width=%223%22/%3E%3Cline x1=%22960%22 y1=%22328%22 x2=%221178%22 y2=%22328%22 stroke=%22%235eead4%22 stroke-opacity=%22.32%22 stroke-width=%223%22/%3E%3Cline x1=%22960%22 y1=%22458%22 x2=%221178%22 y2=%22458%22 stroke=%22%235eead4%22 stroke-opacity=%22.32%22 stroke-width=%223%22/%3E%3Cline x1=%22960%22 y1=%22590%22 x2=%221178%22 y2=%22590%22 stroke=%22%235eead4%22 stroke-opacity=%22.32%22 stroke-width=%223%22/%3E%3Crect x=%22972%22 y=%2266%22 width=%22238%22 height=%22648%22 rx=%2216%22 fill=%22%23f59e0b%22 fill-opacity=%22.045%22 stroke=%22%23f59e0b%22 stroke-opacity=%22.28%22 stroke-dasharray=%225 9%22/%3E%3Cg%3E%3Crect x=%22990%22 y=%2284%22 width=%2230%22 height=%2255%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%22990%22 y=%22158%22 width=%2230%22 height=%2249%22 rx=%225%22 fill=%22%23dc2626%22 fill-opacity=%22.34%22 stroke=%22%23f87171%22 stroke-opacity=%220.95%22 stroke-width=%221.6%22/%3E%3Crect x=%22990%22 y=%22221%22 width=%2230%22 height=%2252%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%22990%22 y=%22291%22 width=%2230%22 height=%2249%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%22990%22 y=%22361%22 width=%2230%22 height=%2259%22 rx=%225%22 fill=%22%23dc2626%22 fill-opacity=%22.34%22 stroke=%22%23f87171%22 stroke-opacity=%220.95%22 stroke-width=%221.6%22/%3E%3Crect x=%22990%22 y=%22433%22 width=%2230%22 height=%2251%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%22990%22 y=%22503%22 width=%2230%22 height=%2272%22 rx=%225%22 fill=%22%23dc2626%22 fill-opacity=%22.34%22 stroke=%22%23f87171%22 stroke-opacity=%220.95%22 stroke-width=%221.6%22/%3E%3Crect x=%22990%22 y=%22589%22 width=%2230%22 height=%2261%22 rx=%225%22 fill=%22%23dc2626%22 fill-opacity=%22.34%22 stroke=%22%23f87171%22 stroke-opacity=%220.95%22 stroke-width=%221.6%22/%3E%3Crect x=%221042%22 y=%22101%22 width=%2230%22 height=%2273%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221042%22 y=%22187%22 width=%2230%22 height=%2253%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221042%22 y=%22256%22 width=%2230%22 height=%2249%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221042%22 y=%22327%22 width=%2230%22 height=%2271%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221042%22 y=%22411%22 width=%2230%22 height=%2260%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221042%22 y=%22484%22 width=%2230%22 height=%2254%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221042%22 y=%22555%22 width=%2230%22 height=%2272%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221042%22 y=%22642%22 width=%2230%22 height=%2253%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221094%22 y=%2284%22 width=%2230%22 height=%2257%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221094%22 y=%22155%22 width=%2230%22 height=%2258%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221094%22 y=%22231%22 width=%2230%22 height=%2252%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221094%22 y=%22304%22 width=%2230%22 height=%2250%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221094%22 y=%22376%22 width=%2230%22 height=%2249%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221094%22 y=%22447%22 width=%2230%22 height=%2259%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221094%22 y=%22526%22 width=%2230%22 height=%2273%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221094%22 y=%22617%22 width=%2230%22 height=%2275%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221146%22 y=%22113%22 width=%2230%22 height=%2275%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221146%22 y=%22206%22 width=%2230%22 height=%2265%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221146%22 y=%22287%22 width=%2230%22 height=%2257%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221146%22 y=%22360%22 width=%2230%22 height=%2251%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221146%22 y=%22433%22 width=%2230%22 height=%2265%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221146%22 y=%22519%22 width=%2230%22 height=%2277%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221146%22 y=%22614%22 width=%2230%22 height=%2274%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3C/g%3E%3Crect x=%221452%22 y=%22344%22 width=%2296%22 height=%2296%22 rx=%2222%22 fill=%22%230c2a33%22 stroke=%22%232dd4bf%22 stroke-width=%223%22/%3E%3Crect x=%221470%22 y=%22366%22 width=%2260%22 height=%229%22 rx=%223%22 fill=%22%232dd4bf%22 opacity=%22.9%22/%3E%3Crect x=%221470%22 y=%22383%22 width=%2238%22 height=%228%22 rx=%223%22 fill=%22%232dd4bf%22 opacity=%22.55%22/%3E%3Crect x=%221470%22 y=%22399%22 width=%2250%22 height=%228%22 rx=%223%22 fill=%22%232dd4bf%22 opacity=%22.55%22/%3E%3Ccircle cx=%221524%22 cy=%22420%22 r=%225%22 fill=%22%235eead4%22/%3E%3Cg class=%22b%22 opacity=%221%22%3E%3Crect x=%22650%22 y=%22126%22 width=%22100%22 height=%224%22 fill=%22url%28%23tt%29%22/%3E%3Cuse href=%22%23c%22 x=%22760%22 y=%22128%22 fill=%22%235eead4%22/%3E%3C/g%3E%3Cg class=%22a%22 opacity=%220.55%22%3E%3Crect x=%22310%22 y=%22126%22 width=%22100%22 height=%224%22 fill=%22url%28%23tw%29%22/%3E%3Cuse href=%22%23s%22 x=%22420%22 y=%22128%22 fill=%22%23e2e8f0%22/%3E%3C/g%3E%3Cg class=%22b%22 opacity=%221%22%3E%3Crect x=%22530%22 y=%22260%22 width=%22100%22 height=%224%22 fill=%22url%28%23tt%29%22/%3E%3Cuse href=%22%23d%22 x=%22640%22 y=%22262%22 fill=%22%235eead4%22/%3E%3C/g%3E%3Cg class=%22a%22 opacity=%220.55%22%3E%3Crect x=%22140%22 y=%22260%22 width=%22100%22 height=%224%22 fill=%22url%28%23tw%29%22/%3E%3Cuse href=%22%23c%22 x=%22250%22 y=%22262%22 fill=%22%23e2e8f0%22/%3E%3C/g%3E%3Cg class=%22b%22 opacity=%221%22%3E%3Crect x=%22410%22 y=%22326%22 width=%22100%22 height=%224%22 fill=%22url%28%23tt%29%22/%3E%3Cuse href=%22%23s%22 x=%22520%22 y=%22328%22 fill=%22%237dd3fc%22/%3E%3C/g%3E%3Cg class=%22a%22 opacity=%221%22%3E%3Crect x=%22650%22 y=%22456%22 width=%22100%22 height=%224%22 fill=%22url%28%23tt%29%22/%3E%3Cuse href=%22%23c%22 x=%22760%22 y=%22458%22 fill=%22%235eead4%22/%3E%3C/g%3E%3Cg class=%22b%22 opacity=%220.55%22%3E%3Crect x=%22320%22 y=%22456%22 width=%22100%22 height=%224%22 fill=%22url%28%23tw%29%22/%3E%3Cuse href=%22%23d%22 x=%22430%22 y=%22458%22 fill=%22%23e2e8f0%22/%3E%3C/g%3E%3Cg class=%22a%22 opacity=%221%22%3E%3Crect x=%22500%22 y=%22588%22 width=%22100%22 height=%224%22 fill=%22url%28%23tt%29%22/%3E%3Cuse href=%22%23s%22 x=%22610%22 y=%22590%22 fill=%22%235eead4%22/%3E%3C/g%3E%3Cg class=%22b%22 opacity=%220.55%22%3E%3Crect x=%22170%22 y=%22588%22 width=%22100%22 height=%224%22 fill=%22url%28%23tw%29%22/%3E%3Cuse href=%22%23c%22 x=%22280%22 y=%22590%22 fill=%22%23e2e8f0%22/%3E%3C/g%3E%3Cg class=%22a%22 opacity=%220.55%22%3E%3Crect x=%2270%22 y=%22326%22 width=%22100%22 height=%224%22 fill=%22url%28%23tw%29%22/%3E%3Cuse href=%22%23c%22 x=%22180%22 y=%22328%22 fill=%22%23e2e8f0%22/%3E%3C/g%3E%3Cg class=%22b%22 opacity=%221%22%3E%3Crect x=%22750%22 y=%22588%22 width=%22100%22 height=%224%22 fill=%22url%28%23tt%29%22/%3E%3Cuse href=%22%23d%22 x=%22860%22 y=%22590%22 fill=%22%237dd3fc%22/%3E%3C/g%3E%3Cuse href=%22%23c%22 x=%221290%22 y=%22170%22 fill=%22%235eead4%22/%3E%3Cuse href=%22%23d%22 x=%221312%22 y=%22283%22 fill=%22%237dd3fc%22/%3E%3Cuse href=%22%23s%22 x=%221300%22 y=%22447%22 fill=%22%235eead4%22/%3E%3Cuse href=%22%23c%22 x=%221335%22 y=%22558%22 fill=%22%23e2e8f0%22/%3E%3Cg class=%22a%22 opacity=%221%22%3E%3Crect x=%22798%22 y=%22194%22 width=%22110%22 height=%224%22 fill=%22url%28%23tr%29%22/%3E%3Cuse href=%22%23t%22 x=%22918%22 y=%22196%22 fill=%22%23f87171%22/%3E%3C/g%3E%3Cg class=%22k%22 stroke=%22%23f59e0b%22 stroke-linecap=%22round%22 stroke-width=%222.6%22%3E%3Cline x1=%22972.6%22 y1=%22205.4%22 x2=%22967.1%22 y2=%22220.4%22/%3E%3Cline x1=%22968.3%22 y1=%22202.4%22 x2=%22948.4%22 y2=%22219.1%22/%3E%3Cline x1=%22966.2%22 y1=%22198.1%22 x2=%22950.6%22 y2=%22201.4%22/%3E%3Cline x1=%22966.3%22 y1=%22193.6%22 x2=%22941.1%22 y2=%22187.3%22/%3E%3Cline x1=%22968.6%22 y1=%22189.3%22 x2=%22956.7%22 y2=%22178.6%22/%3E%3Cline x1=%22972.9%22 y1=%22186.5%22 x2=%22964.9%22 y2=%22161.8%22/%3E%3C/g%3E%3Ccircle cx=%22976%22 cy=%22196%22 r=%227%22 fill=%22%23f87171%22 opacity=%22.9%22/%3E%3Ccircle cx=%22976%22 cy=%22196%22 r=%2216%22 fill=%22none%22 stroke=%22%23f87171%22 stroke-opacity=%22.5%22 stroke-width=%222%22/%3E%3Cpath d=%22M964 196 Q906 183.2 846 132%22 fill=%22none%22 stroke=%22%23f87171%22 stroke-width=%222.4%22 stroke-dasharray=%222 9%22 stroke-linecap=%22round%22 opacity=%22.85%22/%3E%3Cuse href=%22%23c%22 x=%22846%22 y=%22132%22 fill=%22%23f87171%22 opacity=%22.55%22 transform=%22translate%280.0 0%29%22/%3E%3Cg class=%22a%22 opacity=%221%22%3E%3Crect x=%22824%22 y=%22390%22 width=%22110%22 height=%224%22 fill=%22url%28%23tr%29%22/%3E%3Cuse href=%22%23d%22 x=%22944%22 y=%22392%22 fill=%22%23f87171%22/%3E%3C/g%3E%3Cg class=%22k%22 stroke=%22%23f59e0b%22 stroke-linecap=%22round%22 stroke-width=%222.6%22%3E%3Cline x1=%22972.6%22 y1=%22401.4%22 x2=%22967.1%22 y2=%22416.4%22/%3E%3Cline x1=%22968.3%22 y1=%22398.4%22 x2=%22948.4%22 y2=%22415.1%22/%3E%3Cline x1=%22966.2%22 y1=%22394.1%22 x2=%22950.6%22 y2=%22397.4%22/%3E%3Cline x1=%22966.3%22 y1=%22389.6%22 x2=%22941.1%22 y2=%22383.3%22/%3E%3Cline x1=%22968.6%22 y1=%22385.3%22 x2=%22956.7%22 y2=%22374.6%22/%3E%3Cline x1=%22972.9%22 y1=%22382.5%22 x2=%22964.9%22 y2=%22357.8%22/%3E%3C/g%3E%3Ccircle cx=%22976%22 cy=%22392%22 r=%227%22 fill=%22%23f87171%22 opacity=%22.9%22/%3E%3Ccircle cx=%22976%22 cy=%22392%22 r=%2216%22 fill=%22none%22 stroke=%22%23f87171%22 stroke-opacity=%22.5%22 stroke-width=%222%22/%3E%3Cpath d=%22M964 392 Q906 406.0 846 462%22 fill=%22none%22 stroke=%22%23f87171%22 stroke-width=%222.4%22 stroke-dasharray=%222 9%22 stroke-linecap=%22round%22 opacity=%22.85%22/%3E%3Cuse href=%22%23c%22 x=%22846%22 y=%22462%22 fill=%22%23f87171%22 opacity=%22.55%22 transform=%22translate%280.0 0%29%22/%3E%3Cg class=%22b%22 opacity=%221%22%3E%3Crect x=%22792%22 y=%22522%22 width=%22110%22 height=%224%22 fill=%22url%28%23tr%29%22/%3E%3Cuse href=%22%23t%22 x=%22912%22 y=%22524%22 fill=%22%23f87171%22/%3E%3C/g%3E%3Cg class=%22k%22 stroke=%22%23f59e0b%22 stroke-linecap=%22round%22 stroke-width=%222.6%22%3E%3Cline x1=%22972.6%22 y1=%22533.4%22 x2=%22967.1%22 y2=%22548.4%22/%3E%3Cline x1=%22968.3%22 y1=%22530.4%22 x2=%22948.4%22 y2=%22547.1%22/%3E%3Cline x1=%22966.2%22 y1=%22526.1%22 x2=%22950.6%22 y2=%22529.4%22/%3E%3Cline x1=%22966.3%22 y1=%22521.6%22 x2=%22941.1%22 y2=%22515.3%22/%3E%3Cline x1=%22968.6%22 y1=%22517.3%22 x2=%22956.7%22 y2=%22506.6%22/%3E%3Cline x1=%22972.9%22 y1=%22514.5%22 x2=%22964.9%22 y2=%22489.8%22/%3E%3C/g%3E%3Ccircle cx=%22976%22 cy=%22524%22 r=%227%22 fill=%22%23f87171%22 opacity=%22.9%22/%3E%3Ccircle cx=%22976%22 cy=%22524%22 r=%2216%22 fill=%22none%22 stroke=%22%23f87171%22 stroke-opacity=%22.5%22 stroke-width=%222%22/%3E%3Cpath d=%22M964 524 Q906 537.2 846 590%22 fill=%22none%22 stroke=%22%23f87171%22 stroke-width=%222.4%22 stroke-dasharray=%222 9%22 stroke-linecap=%22round%22 opacity=%22.85%22/%3E%3Cuse href=%22%23c%22 x=%22846%22 y=%22590%22 fill=%22%23f87171%22 opacity=%22.55%22 transform=%22translate%280.0 0%29%22/%3E%3Cg class=%22b%22 opacity=%221%22%3E%3Crect x=%22810%22 y=%22654%22 width=%22110%22 height=%224%22 fill=%22url%28%23tr%29%22/%3E%3Cuse href=%22%23d%22 x=%22930%22 y=%22656%22 fill=%22%23f87171%22/%3E%3C/g%3E%3Cg class=%22k%22 stroke=%22%23f59e0b%22 stroke-linecap=%22round%22 stroke-width=%222.6%22%3E%3Cline x1=%22972.6%22 y1=%22665.4%22 x2=%22967.1%22 y2=%22680.4%22/%3E%3Cline x1=%22968.3%22 y1=%22662.4%22 x2=%22948.4%22 y2=%22679.1%22/%3E%3Cline x1=%22966.2%22 y1=%22658.1%22 x2=%22950.6%22 y2=%22661.4%22/%3E%3Cline x1=%22966.3%22 y1=%22653.6%22 x2=%22941.1%22 y2=%22647.3%22/%3E%3Cline x1=%22968.6%22 y1=%22649.3%22 x2=%22956.7%22 y2=%22638.6%22/%3E%3Cline x1=%22972.9%22 y1=%22646.5%22 x2=%22964.9%22 y2=%22621.8%22/%3E%3C/g%3E%3Ccircle cx=%22976%22 cy=%22656%22 r=%227%22 fill=%22%23f87171%22 opacity=%22.9%22/%3E%3Ccircle cx=%22976%22 cy=%22656%22 r=%2216%22 fill=%22none%22 stroke=%22%23f87171%22 stroke-opacity=%22.5%22 stroke-width=%222%22/%3E%3Cpath d=%22M964 656 Q906 644.0 846 596%22 fill=%22none%22 stroke=%22%23f87171%22 stroke-width=%222.4%22 stroke-dasharray=%222 9%22 stroke-linecap=%22round%22 opacity=%22.85%22/%3E%3Cuse href=%22%23c%22 x=%22846%22 y=%22596%22 fill=%22%23f87171%22 opacity=%22.55%22 transform=%22translate%280.0 0%29%22/%3E%3Cg class=%22a%22 opacity=%220.45%22%3E%3Crect x=%22440%22 y=%22260%22 width=%2290%22 height=%224%22 fill=%22url%28%23tr%29%22/%3E%3Cuse href=%22%23t%22 x=%22540%22 y=%22262%22 fill=%22%23f87171%22/%3E%3C/g%3E%3C/svg%3E") right top/auto 780px no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 620px,transparent 780px);mask-image:linear-gradient(180deg,#000 0,#000 620px,transparent 780px)} body.theme-tq main>.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(15,27,45,.9) 0,rgba(15,27,45,.62) 36%,rgba(15,27,45,0) 60%)} [dir=rtl] body.theme-tq main>.hero::before{transform:scaleX(-1)} [dir=rtl] body.theme-tq main>.hero::after{background:linear-gradient(270deg,rgba(15,27,45,.9) 0,rgba(15,27,45,.62) 36%,rgba(15,27,45,0) 60%)} body.theme-tq main>.home-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;min-height:0;padding-block:122px 0} body.theme-tq main>.hero .hero-copy{position:relative;z-index:2;max-width:640px} body.theme-tq main>.hero .eyebrow{color:#fcd34d;background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.6);margin-bottom:24px} body.theme-tq main>.hero h1{display:inline;font-family:var(--disp);font-weight:800;font-size:clamp(38px,5.4vw,80px);line-height:1.34;letter-spacing:0;color:#fff;background:#0f1b2d; padding:.03em .24em .03em .22em;border-inline-start:.11em solid var(--amber);-webkit-box-decoration-break:clone;box-decoration-break:clone;max-width:none;margin:0; hyphens:auto;overflow-wrap:anywhere;text-wrap:wrap} body.theme-tq main>.hero .hero-lead{display:block;margin:24px 0 0;max-width:540px;font-size:19px;line-height:1.6;color:#d5deea;opacity:1} body.theme-tq main>.hero .actions{margin-top:26px;gap:14px} body.theme-tq main>.home-hero .agent-run{position:relative;z-index:4;width:100%;margin:40px 0 -110px;align-self:start} body.theme-tq main>.home-hero .agent-run-steps{grid-template-columns:repeat(2,minmax(0,1fr))} /* inner pages: shorter wall band */ body.theme-tq main>.inner-hero{display:block;padding-block:128px 56px} body.theme-tq main>.inner-hero::before{background-position:right center} body.theme-tq main>.inner-hero::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1600 330%22 preserveAspectRatio=%22xMaxYMid slice%22%3E%3Cstyle%3E%0A@keyframes dr%7Bfrom%7Btransform:translateX%28-26px%29%7Dto%7Btransform:translateX%2826px%29%7D%7D%0A@keyframes sp%7B0%25,100%25%7Bopacity:.35%7D50%25%7Bopacity:1%7D%7D%0A.a%7Banimation:dr 5.5s ease-in-out infinite alternate%7D.b%7Banimation:dr 7s ease-in-out infinite alternate-reverse%7D%0A.k%7Banimation:sp 1.6s ease-in-out infinite%7D%0A@media %28prefers-reduced-motion:reduce%29%7B.a,.b,.k%7Banimation:none%7D%7D%0A%3C/style%3E%3Cdefs%3E%0A%3CradialGradient id=%22core%22 cx=%221490%22 cy=%22168%22 r=%22330%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2314b8a6%22 stop-opacity=%22.62%22/%3E%3Cstop offset=%22.45%22 stop-color=%22%2314b8a6%22 stop-opacity=%22.16%22/%3E%3Cstop offset=%221%22 stop-color=%22%2314b8a6%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%0A%3ClinearGradient id=%22tt%22%3E%3Cstop offset=%220%22 stop-color=%22%235eead4%22 stop-opacity=%220%22/%3E%3Cstop offset=%221%22 stop-color=%22%235eead4%22 stop-opacity=%22.9%22/%3E%3C/linearGradient%3E%0A%3ClinearGradient id=%22tw%22%3E%3Cstop offset=%220%22 stop-color=%22%23e2e8f0%22 stop-opacity=%220%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e2e8f0%22 stop-opacity=%22.8%22/%3E%3C/linearGradient%3E%0A%3ClinearGradient id=%22tr%22%3E%3Cstop offset=%220%22 stop-color=%22%23f87171%22 stop-opacity=%220%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f87171%22 stop-opacity=%22.95%22/%3E%3C/linearGradient%3E%0A%3Cpattern id=%22g%22 width=%2248%22 height=%2248%22 patternUnits=%22userSpaceOnUse%22%3E%3Cpath d=%22M48 0H0V48%22 fill=%22none%22 stroke=%22%237aa2c8%22 stroke-opacity=%22.07%22/%3E%3C/pattern%3E%0A%3Ccircle id=%22c%22 r=%229%22/%3E%3Crect id=%22s%22 x=%22-9%22 y=%22-9%22 width=%2218%22 height=%2218%22 rx=%223%22/%3E%0A%3Cpolygon id=%22d%22 points=%220,-12 12,0 0,12 -12,0%22/%3E%3Cpolygon id=%22t%22 points=%220,-12 11,9 -11,9%22/%3E%0A%3C/defs%3E%3Crect width=%221600%22 height=%22330%22 fill=%22%230f1b2d%22/%3E%3Crect width=%221600%22 height=%22330%22 fill=%22url%28%23g%29%22/%3E%3Crect width=%221600%22 height=%22330%22 fill=%22url%28%23core%29%22/%3E%3Ccircle cx=%221490%22 cy=%22168%22 r=%2260%22 fill=%22none%22 stroke=%22%2314b8a6%22 stroke-opacity=%22.28%22 stroke-width=%221.5%22 stroke-dasharray=%22%22/%3E%3Ccircle cx=%221490%22 cy=%22168%22 r=%22104%22 fill=%22none%22 stroke=%22%2314b8a6%22 stroke-opacity=%22.28%22 stroke-width=%221.5%22 stroke-dasharray=%226 9%22/%3E%3Ccircle cx=%221490%22 cy=%22168%22 r=%22152%22 fill=%22none%22 stroke=%22%2314b8a6%22 stroke-opacity=%22.28%22 stroke-width=%221.5%22 stroke-dasharray=%22%22/%3E%3Ccircle cx=%221490%22 cy=%22168%22 r=%22206%22 fill=%22none%22 stroke=%22%2314b8a6%22 stroke-opacity=%22.28%22 stroke-width=%221.5%22 stroke-dasharray=%223 12%22/%3E%3Ccircle cx=%221490%22 cy=%22168%22 r=%22266%22 fill=%22none%22 stroke=%22%2314b8a6%22 stroke-opacity=%22.28%22 stroke-width=%221.5%22 stroke-dasharray=%22%22/%3E%3Cline x1=%22500%22 y1=%2260%22 x2=%221010%22 y2=%2260%22 stroke=%22%237aa2c8%22 stroke-opacity=%22.10%22 stroke-dasharray=%223 11%22/%3E%3Cline x1=%22500%22 y1=%22120%22 x2=%221010%22 y2=%22120%22 stroke=%22%237aa2c8%22 stroke-opacity=%22.10%22 stroke-dasharray=%223 11%22/%3E%3Cline x1=%22500%22 y1=%22180%22 x2=%221010%22 y2=%22180%22 stroke=%22%237aa2c8%22 stroke-opacity=%22.10%22 stroke-dasharray=%223 11%22/%3E%3Cline x1=%22500%22 y1=%22240%22 x2=%221010%22 y2=%22240%22 stroke=%22%237aa2c8%22 stroke-opacity=%22.10%22 stroke-dasharray=%223 11%22/%3E%3Cline x1=%22500%22 y1=%22290%22 x2=%221010%22 y2=%22290%22 stroke=%22%237aa2c8%22 stroke-opacity=%22.10%22 stroke-dasharray=%223 11%22/%3E%3Cpath d=%22M1150 60 C1270 60 1330 168 1450 168%22 fill=%22none%22 stroke=%22%235eead4%22 stroke-opacity=%22.38%22 stroke-width=%222%22/%3E%3Cline x1=%221010%22 y1=%2260%22 x2=%221152%22 y2=%2260%22 stroke=%22%235eead4%22 stroke-opacity=%22.3%22 stroke-width=%223%22/%3E%3Cpath d=%22M1150 180 C1270 180 1330 168 1450 168%22 fill=%22none%22 stroke=%22%235eead4%22 stroke-opacity=%22.38%22 stroke-width=%222%22/%3E%3Cline x1=%221010%22 y1=%22180%22 x2=%221152%22 y2=%22180%22 stroke=%22%235eead4%22 stroke-opacity=%22.3%22 stroke-width=%223%22/%3E%3Cpath d=%22M1150 290 C1270 290 1330 168 1450 168%22 fill=%22none%22 stroke=%22%235eead4%22 stroke-opacity=%22.38%22 stroke-width=%222%22/%3E%3Cline x1=%221010%22 y1=%22290%22 x2=%221152%22 y2=%22290%22 stroke=%22%235eead4%22 stroke-opacity=%22.3%22 stroke-width=%223%22/%3E%3Crect x=%221024%22 y=%228%22 width=%22216%22 height=%22314%22 rx=%2214%22 fill=%22%23f59e0b%22 fill-opacity=%22.045%22 stroke=%22%23f59e0b%22 stroke-opacity=%22.28%22 stroke-dasharray=%225 9%22/%3E%3Cg%3E%3Crect x=%221040%22 y=%2220%22 width=%2226%22 height=%2275%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221040%22 y=%22111%22 width=%2226%22 height=%2278%22 rx=%225%22 fill=%22%23dc2626%22 fill-opacity=%22.34%22 stroke=%22%23f87171%22 stroke-opacity=%220.95%22 stroke-width=%221.6%22/%3E%3Crect x=%221040%22 y=%22206%22 width=%2226%22 height=%2258%22 rx=%225%22 fill=%22%23dc2626%22 fill-opacity=%22.34%22 stroke=%22%23f87171%22 stroke-opacity=%220.95%22 stroke-width=%221.6%22/%3E%3Crect x=%221088%22 y=%2245%22 width=%2226%22 height=%2278%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221088%22 y=%22139%22 width=%2226%22 height=%2257%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221088%22 y=%22209%22 width=%2226%22 height=%2274%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221136%22 y=%2220%22 width=%2226%22 height=%2251%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221136%22 y=%2288%22 width=%2226%22 height=%2248%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221136%22 y=%22153%22 width=%2226%22 height=%2271%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221136%22 y=%22240%22 width=%2226%22 height=%2256%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221184%22 y=%2220%22 width=%2226%22 height=%2250%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221184%22 y=%2283%22 width=%2226%22 height=%2248%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221184%22 y=%22145%22 width=%2226%22 height=%2261%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3Crect x=%221184%22 y=%22223%22 width=%2226%22 height=%2247%22 rx=%225%22 fill=%22%23f59e0b%22 fill-opacity=%22.10%22 stroke=%22%23f59e0b%22 stroke-opacity=%220.6%22 stroke-width=%221.6%22/%3E%3C/g%3E%3Crect x=%221452%22 y=%22130%22 width=%2276%22 height=%2276%22 rx=%2218%22 fill=%22%230c2a33%22 stroke=%22%232dd4bf%22 stroke-width=%223%22/%3E%3Crect x=%221467%22 y=%22149%22 width=%2246%22 height=%228%22 rx=%223%22 fill=%22%232dd4bf%22 opacity=%22.9%22/%3E%3Crect x=%221467%22 y=%22164%22 width=%2230%22 height=%227%22 rx=%223%22 fill=%22%232dd4bf%22 opacity=%22.55%22/%3E%3Crect x=%221467%22 y=%22177%22 width=%2238%22 height=%227%22 rx=%223%22 fill=%22%232dd4bf%22 opacity=%22.55%22/%3E%3Cg class=%22b%22 opacity=%221%22%3E%3Crect x=%22720%22 y=%2258%22 width=%2290%22 height=%224%22 fill=%22url%28%23tt%29%22/%3E%3Cuse href=%22%23c%22 x=%22820%22 y=%2260%22 fill=%22%235eead4%22/%3E%3C/g%3E%3Cg class=%22a%22 opacity=%221%22%3E%3Crect x=%22540%22 y=%2258%22 width=%2290%22 height=%224%22 fill=%22url%28%23tw%29%22/%3E%3Cuse href=%22%23s%22 x=%22640%22 y=%2260%22 fill=%22%23e2e8f0%22/%3E%3C/g%3E%3Cg class=%22b%22 opacity=%221%22%3E%3Crect x=%22660%22 y=%22178%22 width=%2290%22 height=%224%22 fill=%22url%28%23tt%29%22/%3E%3Cuse href=%22%23d%22 x=%22760%22 y=%22180%22 fill=%22%237dd3fc%22/%3E%3C/g%3E%3Cg class=%22a%22 opacity=%221%22%3E%3Crect x=%22460%22 y=%22178%22 width=%2290%22 height=%224%22 fill=%22url%28%23tw%29%22/%3E%3Cuse href=%22%23c%22 x=%22560%22 y=%22180%22 fill=%22%23e2e8f0%22/%3E%3C/g%3E%3Cg class=%22b%22 opacity=%221%22%3E%3Crect x=%22740%22 y=%22288%22 width=%2290%22 height=%224%22 fill=%22url%28%23tt%29%22/%3E%3Cuse href=%22%23s%22 x=%22840%22 y=%22290%22 fill=%22%235eead4%22/%3E%3C/g%3E%3Cg class=%22a%22 opacity=%221%22%3E%3Crect x=%22500%22 y=%22288%22 width=%2290%22 height=%224%22 fill=%22url%28%23tw%29%22/%3E%3Cuse href=%22%23c%22 x=%22600%22 y=%22290%22 fill=%22%23e2e8f0%22/%3E%3C/g%3E%3Cg class=%22a%22 opacity=%221%22%3E%3Crect x=%22860%22 y=%22118%22 width=%22100%22 height=%224%22 fill=%22url%28%23tr%29%22/%3E%3Cuse href=%22%23t%22 x=%22970%22 y=%22120%22 fill=%22%23f87171%22/%3E%3C/g%3E%3Cg class=%22k%22 stroke=%22%23f59e0b%22 stroke-linecap=%22round%22 stroke-width=%222.6%22%3E%3Cline x1=%221022.6%22 y1=%22129.4%22 x2=%221017.1%22 y2=%22144.4%22/%3E%3Cline x1=%221018.3%22 y1=%22126.4%22 x2=%22998.4%22 y2=%22143.1%22/%3E%3Cline x1=%221016.2%22 y1=%22122.1%22 x2=%221000.6%22 y2=%22125.4%22/%3E%3Cline x1=%221016.3%22 y1=%22117.6%22 x2=%22991.1%22 y2=%22111.3%22/%3E%3Cline x1=%221018.6%22 y1=%22113.3%22 x2=%221006.7%22 y2=%22102.6%22/%3E%3Cline x1=%221022.9%22 y1=%22110.5%22 x2=%221014.9%22 y2=%2285.8%22/%3E%3C/g%3E%3Ccircle cx=%221026%22 cy=%22120%22 r=%227%22 fill=%22%23f87171%22 opacity=%22.9%22/%3E%3Ccircle cx=%221026%22 cy=%22120%22 r=%2216%22 fill=%22none%22 stroke=%22%23f87171%22 stroke-opacity=%22.5%22 stroke-width=%222%22/%3E%3Cpath d=%22M1014 120 Q956 112.0 896 80%22 fill=%22none%22 stroke=%22%23f87171%22 stroke-width=%222.4%22 stroke-dasharray=%222 9%22 stroke-linecap=%22round%22 opacity=%22.85%22/%3E%3Cuse href=%22%23c%22 x=%22896%22 y=%2280%22 fill=%22%23f87171%22 opacity=%22.55%22 transform=%22translate%280.0 0%29%22/%3E%3Cg class=%22a%22 opacity=%221%22%3E%3Crect x=%22860%22 y=%22238%22 width=%22100%22 height=%224%22 fill=%22url%28%23tr%29%22/%3E%3Cuse href=%22%23t%22 x=%22970%22 y=%22240%22 fill=%22%23f87171%22/%3E%3C/g%3E%3Cg class=%22k%22 stroke=%22%23f59e0b%22 stroke-linecap=%22round%22 stroke-width=%222.6%22%3E%3Cline x1=%221022.6%22 y1=%22249.4%22 x2=%221017.1%22 y2=%22264.4%22/%3E%3Cline x1=%221018.3%22 y1=%22246.4%22 x2=%22998.4%22 y2=%22263.1%22/%3E%3Cline x1=%221016.2%22 y1=%22242.1%22 x2=%221000.6%22 y2=%22245.4%22/%3E%3Cline x1=%221016.3%22 y1=%22237.6%22 x2=%22991.1%22 y2=%22231.3%22/%3E%3Cline x1=%221018.6%22 y1=%22233.3%22 x2=%221006.7%22 y2=%22222.6%22/%3E%3Cline x1=%221022.9%22 y1=%22230.5%22 x2=%221014.9%22 y2=%22205.8%22/%3E%3C/g%3E%3Ccircle cx=%221026%22 cy=%22240%22 r=%227%22 fill=%22%23f87171%22 opacity=%22.9%22/%3E%3Ccircle cx=%221026%22 cy=%22240%22 r=%2216%22 fill=%22none%22 stroke=%22%23f87171%22 stroke-opacity=%22.5%22 stroke-width=%222%22/%3E%3Cpath d=%22M1014 240 Q956 248.8 896 284%22 fill=%22none%22 stroke=%22%23f87171%22 stroke-width=%222.4%22 stroke-dasharray=%222 9%22 stroke-linecap=%22round%22 opacity=%22.85%22/%3E%3Cuse href=%22%23c%22 x=%22896%22 y=%22284%22 fill=%22%23f87171%22 opacity=%22.55%22 transform=%22translate%280.0 0%29%22/%3E%3C/svg%3E");background-size:cover;background-position:right center;-webkit-mask-image:none;mask-image:none} body.theme-tq main>.inner-hero::after{background:linear-gradient(90deg,rgba(15,27,45,.88) 0,rgba(15,27,45,.55) 42%,rgba(15,27,45,0) 66%)} [dir=rtl] body.theme-tq main>.inner-hero::after{background:linear-gradient(270deg,rgba(15,27,45,.88) 0,rgba(15,27,45,.55) 42%,rgba(15,27,45,0) 66%)} body.theme-tq main>.inner-hero h1{font-size:clamp(34px,4.6vw,66px)} body.theme-tq main>.inner-hero .hero-copy{max-width:760px} body.theme-tq .hero-number{position:absolute;z-index:1;inset-inline-end:max(24px,calc((100% - 1180px)/2));bottom:-14px;font-size:170px;line-height:1;font-weight:800;letter-spacing:0;color:rgba(255,255,255,.07);pointer-events:none} /* ---------- agent window = inspector console ---------- */ body.theme-tq .agent-run{background:#0b1626;border:1px solid #2b4463;border-radius:8px;color:#e2e8f0;overflow:hidden;box-shadow:0 22px 50px rgba(15,27,45,.38),0 8px 0 -3px #c3d0de,0 16px 0 -6px #d0dbe7} body.theme-tq .agent-run-bar{background:#12253d;border-bottom:1px solid #2b4463;color:#cbd5e1;padding:10px 18px;font-size:13px;font-weight:600} body.theme-tq .agent-run-bar span:first-child{color:#cbd5e1;opacity:1;white-space:normal} body.theme-tq .agent-run-mode{color:#fcd34d} body.theme-tq .agent-run-body{padding:14px 16px} body.theme-tq .agent-run-prompt span{background:#1a3250;color:#f1f5f9;border-radius:6px 6px 2px 6px;font-size:15px;max-width:100%} [dir=rtl] body.theme-tq .agent-run-prompt span{border-radius:6px 6px 6px 2px} body.theme-tq .agent-run-steps li{background:#0f2036;border:1px solid #24405f;border-inline-start:4px solid var(--teal);border-radius:4px;color:#e2e8f0;padding:8px 14px} body.theme-tq .ar-tool{color:#fcd34d} body.theme-tq .agent-run-steps code{color:#e6edf5;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere} body.theme-tq .ar-res{color:#cbd5e1;opacity:1} body.theme-tq .ar-ok{color:#5eead4} body.theme-tq .agent-run-foot>span:first-child{color:#cbd5e1;opacity:1} body.theme-tq .ar-btn{border:1px solid #6b86a3;color:#e2e8f0;border-radius:4px;background:none;font-weight:600} body.theme-tq .ar-btn-primary{background:var(--tealx);border-color:#2dd4bf;color:#fff} /* code blocks */ body.theme-tq .code-example{background:#0b1626;border:1px solid #2b4463;border-radius:6px;color:#dbe7f3} body.theme-tq .code-example>div{background:#12253d;color:#cbd5e1;font-weight:600;padding:9px 14px;font-size:12px} body.theme-tq .code-example button{background:rgba(255,255,255,.12);color:#f1f5f9;border-radius:4px;padding:6px 10px;font-weight:600} body.theme-tq .code-example pre{padding:13px 18px;font-size:13px;line-height:1.65;color:#d6e4f1} /* ---------- facts: status strip (home) ---------- */ body.theme-tq.page-0 .cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0} body.theme-tq.page-0 .cards article{position:relative;padding:24px 18px 8px;border:0;border-inline-start:1px solid #aebfd1;border-radius:0;background:none;margin:0} body.theme-tq.page-0 .cards article:first-child{border-inline-start:0;padding-inline-start:0} body.theme-tq.page-0 .cards article::before{content:"";position:absolute;top:0;inset-inline-start:18px;width:34px;height:5px;background:var(--amber)} body.theme-tq.page-0 .cards article:first-child::before{inset-inline-start:0} body.theme-tq.page-0 .cards article:nth-child(2)::before,body.theme-tq.page-0 .cards article:nth-child(6)::before{background:var(--teal)} body.theme-tq.page-0 .cards article:nth-child(3)::before{background:var(--red)} body.theme-tq.page-0 .cards article:nth-child(4)::before{background:#3b6aa0} body.theme-tq.page-0 .cards .number{display:block;margin:0 0 6px;font:600 13px/1.3 Inter,system-ui,sans-serif;color:#41536a;letter-spacing:.01em} body.theme-tq.page-0 .cards h3{font-size:clamp(22px,2.1vw,31px);line-height:1.08;margin:0 0 6px} body.theme-tq.page-0 .cards p{font-size:14px;line-height:1.45;margin:0;color:#334155} /* product: three layered plates */ body.theme-tq.page-1 .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} body.theme-tq.page-1 .cards article{background:#fff;border:1px solid #9fb2c6;border-top:6px solid var(--amber);border-radius:6px;padding:26px;box-shadow:0 7px 0 -2px #d0dbe7,0 14px 0 -5px #bccade} body.theme-tq.page-1 .cards article:nth-child(2){border-top-color:var(--teal)} body.theme-tq.page-1 .cards article:nth-child(3){border-top-color:var(--red)} body.theme-tq.page-1 .cards h3{font-size:27px;margin-bottom:10px} body.theme-tq.page-1 .cards p{font-size:16px;color:#25364b;margin:0} body.theme-tq .product-lead p.large{font-size:clamp(20px,2vw,27px);line-height:1.5;margin:0;max-width:62ch;border-inline-start:6px solid var(--amber);padding-inline-start:26px;color:var(--ink)} /* ---------- scenario: heading | answer, with ring-mark ---------- */ body.theme-tq .scenario{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(28px,5vw,72px);align-items:start} body.theme-tq .scenario .eyebrow{grid-column:1/-1} body.theme-tq .scenario h2{grid-column:1;margin:0} body.theme-tq .scenario p{grid-column:2;font-size:18px;line-height:1.62;margin:0;max-width:none;color:#1e2d41} body.theme-tq .scenario::after{content:"";position:absolute;top:42px;inset-inline-end:max(28px,calc((100% - 1180px)/2));width:14px;height:14px;background:var(--amber);border-radius:3px; box-shadow:0 0 0 8px rgba(245,158,11,.26),0 0 0 17px rgba(245,158,11,.15),0 0 0 27px rgba(245,158,11,.08)} /* ---------- walkthroughs: rule cards stacked in the innermost layer ---------- */ body.theme-tq .steps{display:grid;gap:30px} body.theme-tq.page-0 .steps{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch} body.theme-tq .steps article{--rc:var(--amber);position:relative;padding:22px 24px;border:1px solid #9fb2c6;border-inline-start:9px solid var(--rc);border-radius:6px;background:#fff; display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 14px;align-items:center;align-content:start;box-shadow:0 8px 0 -2px #dde6ef,0 16px 0 -5px #c3d0de} body.theme-tq .steps article:nth-child(2){--rc:var(--teal)} body.theme-tq .steps article:nth-child(3){--rc:var(--red)} body.theme-tq .steps article:nth-child(4){--rc:#3b6aa0} body.theme-tq .steps .number{position:static;display:inline-block;width:fit-content;margin:0;padding:4px 10px;border-radius:3px;background:var(--ink);color:#fff;font:700 13px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em} body.theme-tq .steps h3{margin:0;font-size:clamp(20px,1.8vw,25px);padding-top:0;border-top:0} body.theme-tq .steps p{grid-column:1/-1;margin:14px 0 0;font-size:15.5px;line-height:1.56;color:#1e2d41;max-width:none} body.theme-tq .steps .code-example{grid-column:1/-1;margin:14px 0 0} [dir=rtl] body.theme-tq .steps article{padding:28px 30px} [dir=rtl] body.theme-tq .steps .number{right:auto} body.theme-tq.page-0 .reading:has(.steps)>p:last-child{margin:30px 0 0} body.theme-tq.page-0 .reading:has(.steps)>p:last-child .button{background:#fff} /* ---------- comparison: rule-set table ---------- */ body.theme-tq .feature-matrix>h2{margin-bottom:.3em} body.theme-tq .feature-matrix>p{margin:0 0 20px;font-size:17px;color:#25364b;max-width:70ch} body.theme-tq .feature-matrix table{table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid #8da4bc;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 8px 0 -2px #dde6ef,0 16px 0 -5px #c3d0de} body.theme-tq .feature-matrix th,body.theme-tq .feature-matrix td{padding:10px 20px;border-bottom:1px solid #d3dde8;font-size:16px;line-height:1.45;vertical-align:middle} body.theme-tq .feature-matrix tbody tr:last-child :is(th,td){border-bottom:0} body.theme-tq .feature-matrix thead th{background:var(--ink);color:#fff;font:800 19px/1.2 var(--disp);border-bottom:0} body.theme-tq .feature-matrix thead th:last-child{background:var(--tealx)} body.theme-tq .feature-matrix tbody th{width:22%;background:#edf2f7;font:800 19px/1.2 var(--disp);color:var(--ink)} body.theme-tq .feature-matrix td{color:#2b3b50} body.theme-tq .feature-matrix td:nth-child(2)::before{content:"\2715";display:inline-block;margin-inline-end:10px;color:var(--red);font-weight:800} body.theme-tq .feature-matrix td:last-child{color:var(--ink);font-weight:600;background:#f0fbf9} body.theme-tq .feature-matrix td:last-child::before{content:"\2713";display:inline-block;margin-inline-end:10px;color:var(--tealx);font-weight:800} /* ---------- set-up gates (A-D) ---------- */ body.theme-tq .split-section{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start} body.theme-tq.page-0 .split-section h2{margin-bottom:.6em} body.theme-tq .setup{counter-reset:g;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} body.theme-tq .setup li{counter-increment:g;position:relative;padding:58px 18px 18px;margin:0;background:#fff;border:1px solid #9fb2c6;border-top:5px solid var(--teal);border-radius:6px;font-size:16px;line-height:1.55;max-width:none; box-shadow:0 6px 0 -2px #d6e0ea} body.theme-tq .setup li:nth-child(2){border-top-color:var(--amber)} body.theme-tq .setup li:nth-child(3){border-top-color:var(--red)} body.theme-tq .setup li:nth-child(4){border-top-color:#3b6aa0} body.theme-tq .setup li::before{content:counter(g,upper-alpha);position:absolute;top:16px;inset-inline-start:20px;width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:#fcd34d;border-radius:4px;font:800 18px/1 var(--disp)} /* ---------- who it is for: three bands ---------- */ body.theme-tq.page-0 .split-section+.reading{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 34px} body.theme-tq.page-0 .split-section+.reading>h2{grid-column:1/-1} body.theme-tq.page-0 .split-section+.reading>p{margin:0;padding-top:16px;border-top:5px solid var(--amber);font-size:16px;line-height:1.6;color:#1e2d41} body.theme-tq.page-0 .split-section+.reading>p:nth-of-type(2){border-top-color:var(--teal)} body.theme-tq.page-0 .split-section+.reading>p:nth-of-type(3){border-top-color:#3b6aa0} /* ---------- FAQ: rule rows in a grid ---------- */ body.theme-tq .faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;align-items:start} body.theme-tq .faq>h2{grid-column:1/-1;margin-bottom:.2em} body.theme-tq .faq details{margin:0;padding:0;border:1px solid #9fb2c6;border-inline-start:7px solid #9fb2c6;border-radius:6px;background:#fff;transition:border-color .15s} body.theme-tq .faq details[open]{border-inline-start-color:var(--amber);box-shadow:0 6px 0 -2px #dde6ef} body.theme-tq .faq summary{list-style:none;position:relative;padding:15px 60px 15px 20px;font-family:var(--disp);font-weight:700;font-size:clamp(19px,1.7vw,22px);line-height:1.2;cursor:pointer;color:var(--ink);overflow-wrap:anywhere} body.theme-tq .faq summary::-webkit-details-marker{display:none} body.theme-tq .faq summary::after{content:"+";position:absolute;top:50%;inset-inline-end:16px;width:30px;height:30px;margin-top:-15px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:4px;font:700 22px/1 Inter,sans-serif} body.theme-tq .faq details[open] summary::after{content:"\2212";background:var(--amber);color:var(--ink)} body.theme-tq .faq p{margin:0;padding:0 20px 18px;font-size:15.5px;line-height:1.6;color:#1e2d41;max-width:none} [dir=rtl] body.theme-tq .faq summary{padding:18px 20px 18px 60px} /* ---------- closing: app core behind the last wall ---------- */ body.theme-tq main>.closing{--d:0;position:relative;z-index:2;text-align:center;color:#fff;padding:56px var(--px);border-top:4px solid var(--amber); background:radial-gradient(circle at 50% 118%,rgba(20,184,166,.5),rgba(20,184,166,0) 58%),repeating-radial-gradient(circle at 50% 118%,rgba(94,234,212,.26) 0 2px,transparent 2px 70px),#0f1b2d} body.theme-tq .closing>span{display:inline-flex;width:fit-content;font-size:14px;font-weight:700;letter-spacing:.01em;text-transform:none;color:#fcd34d;background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.6);border-radius:4px;padding:6px 13px} body.theme-tq .closing h2{color:#fff;margin:18px auto 16px;max-width:880px;font-size:clamp(32px,4vw,56px)} body.theme-tq .closing p{color:#d5deea;margin:0 auto 26px;max-width:60ch;font-size:19px} body.theme-tq .closing .button{font-size:16px;padding:17px 30px} /* ---------- links ---------- */ body.theme-tq.page-0 .closing+.reading>p{margin:0 0 14px;max-width:none} body.theme-tq .reading .text-link{display:inline-flex;margin:0;margin-inline-end:10px;margin-block-end:12px;padding:10px 16px;background:#fff;border:1px solid #8da4bc;border-inline-start:5px solid var(--teal);border-radius:4px;font-size:15px;font-weight:600;text-decoration:none;color:var(--ink)} body.theme-tq .reading .text-link:hover{background:#0f1b2d;border-color:#0f1b2d;color:#fff} [dir=rtl] body.theme-tq .reading .text-link{margin:0;margin-inline-end:10px;margin-block-end:12px} /* ---------- inner pages ---------- */ /* prose grids (product / workflows / download / models) */ body.theme-tq.page-1 .split-section+.reading,body.theme-tq.page-3 .workflow-grid+.reading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px} body.theme-tq.page-1 .split-section+.reading>h2,body.theme-tq.page-3 .workflow-grid+.reading>h2,body.theme-tq.page-1 .split-section+.reading>.notice{grid-column:1/-1} body.theme-tq.page-1 .split-section+.reading>h3:nth-of-type(1),body.theme-tq.page-3 .workflow-grid+.reading>h3:nth-of-type(1){grid-column:1;grid-row:2} body.theme-tq.page-1 .split-section+.reading>p:nth-of-type(1),body.theme-tq.page-3 .workflow-grid+.reading>p:nth-of-type(1){grid-column:1;grid-row:3} body.theme-tq.page-1 .split-section+.reading>h3:nth-of-type(2),body.theme-tq.page-3 .workflow-grid+.reading>h3:nth-of-type(2){grid-column:2;grid-row:2} body.theme-tq.page-1 .split-section+.reading>p:nth-of-type(2),body.theme-tq.page-3 .workflow-grid+.reading>p:nth-of-type(2){grid-column:2;grid-row:3} body.theme-tq.page-1 .split-section+.reading>.notice{grid-row:4} body.theme-tq .reading h3{padding-top:16px;border-top:5px solid var(--amber)} body.theme-tq .reading h3:nth-of-type(2){border-top-color:var(--teal)} body.theme-tq .reading h3:nth-of-type(3){border-top-color:#3b6aa0} body.theme-tq .notice{border:1px solid #9fb2c6;border-inline-start:7px solid var(--amber);border-radius:6px;background:#fff;padding:18px 24px;font-size:16px;margin:26px 0 0;color:#1e2d41} body.theme-tq .notice p{margin:6px 0 0;font-size:16px} body.theme-tq .notice strong{font-family:var(--disp);font-size:20px} body.theme-tq .feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;margin:22px 0 0} body.theme-tq .feature-list li{background:#fff;border:1px solid #9fb2c6;border-inline-start:6px solid var(--teal);border-radius:6px;padding:16px 20px;font-size:16px;line-height:1.55;color:#1e2d41;max-width:none} body.theme-tq .feature-list li:nth-child(4n+1),body.theme-tq .feature-list li:nth-child(4n+4){border-inline-start-color:var(--amber)} body.theme-tq .feature-list strong{color:var(--ink);font-family:var(--disp);font-size:20px;font-weight:700;margin-bottom:3px} body.theme-tq.page-1 .split-section{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,56px);align-items:center} body.theme-tq.page-1 .split-section>div:first-child p{font-size:18px;color:#1e2d41} /* models: pipeline + three tiers */ body.theme-tq .connection{display:flex;align-items:center;justify-content:center;gap:14px;padding-block:44px;font-size:clamp(15px,1.8vw,22px)} body.theme-tq .connection span{padding:22px 30px;background:var(--ink);color:#fff;border:2px solid #2b4463;border-radius:6px;font:800 clamp(18px,2vw,26px)/1.1 var(--disp);text-align:center;box-shadow:0 7px 0 -2px #c3d0de,0 14px 0 -5px #b2c3d5} body.theme-tq .connection span:nth-of-type(2){background:#12253d;border-color:var(--amber)} body.theme-tq .connection span:last-of-type{background:var(--tealx);border-color:#2dd4bf} body.theme-tq .connection b{color:var(--amber);font-size:34px;font-weight:800;line-height:1} body.theme-tq.page-2 .connection+.reading{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px;align-items:start} body.theme-tq.page-2 .connection+.reading>h2{grid-column:1/-1} body.theme-tq.page-2 .connection+.reading>h2:nth-of-type(2),body.theme-tq.page-2 .connection+.reading>h2:nth-of-type(3){margin-top:56px} body.theme-tq.page-2 .connection+.reading>h3:nth-of-type(1){grid-column:1;grid-row:2} body.theme-tq.page-2 .connection+.reading>p:nth-of-type(1){grid-column:1;grid-row:3} body.theme-tq.page-2 .connection+.reading>h3:nth-of-type(2){grid-column:2;grid-row:2} body.theme-tq.page-2 .connection+.reading>p:nth-of-type(2){grid-column:2;grid-row:3} body.theme-tq.page-2 .connection+.reading>h3:nth-of-type(3){grid-column:3;grid-row:2} body.theme-tq.page-2 .connection+.reading>p:nth-of-type(3){grid-column:3;grid-row:3} body.theme-tq.page-2 .connection+.reading>h2:nth-of-type(2){grid-row:4} body.theme-tq.page-2 .connection+.reading>p:nth-of-type(4){grid-column:1/-1;grid-row:5} body.theme-tq.page-2 .connection+.reading>h2:nth-of-type(3){grid-row:6} body.theme-tq.page-2 .connection+.reading>p:nth-of-type(5){grid-column:1/3;grid-row:7;margin-bottom:0} body.theme-tq.page-2 .connection+.reading>p:nth-of-type(6){grid-column:1/3;grid-row:8} body.theme-tq .hero+.reading p.large{font-size:clamp(20px,2vw,26px);line-height:1.5;margin:0;max-width:64ch;border-inline-start:6px solid var(--amber);padding-inline-start:26px;color:var(--ink)} /* workflows: plates in a row, then console + code */ body.theme-tq .workflow-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:46px} body.theme-tq .workflow-grid .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px} body.theme-tq.page-3 .steps article{display:block;padding:24px 22px;border-inline-start-width:1px;border-top:9px solid var(--rc)} body.theme-tq.page-3 .steps p{font-size:16px;margin:0} body.theme-tq.page-3 .steps h3{font-size:24px;margin-bottom:8px} body.theme-tq .sticky-example{padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 30px;align-items:start} body.theme-tq .sticky-example>h2{grid-column:1/-1;margin:0} body.theme-tq .sticky-example .agent-run{margin:0;grid-column:1} body.theme-tq .sticky-example .code-example{grid-column:2;margin:0} body.theme-tq .sticky-example>p{grid-column:1/-1;margin:0;font-size:16px;color:#25364b} body.theme-tq.page-3 .scenario p{max-width:none} /* download */ body.theme-tq .download-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(26px,4vw,52px);align-items:start;margin:0} body.theme-tq .download-card{padding:40px 28px 36px;border:1px solid #2b4463;border-radius:8px;background:radial-gradient(circle at 50% 18%,rgba(20,184,166,.42),rgba(20,184,166,0) 62%),repeating-radial-gradient(circle at 50% 18%,rgba(94,234,212,.24) 0 2px,transparent 2px 46px),#0f1b2d;color:#fff; box-shadow:0 8px 0 -2px #c3d0de,0 16px 0 -5px #b2c3d5} body.theme-tq .download-card h2{color:#fff;margin:0 0 6px;font-size:36px} body.theme-tq .download-card p{color:#d5deea;margin:0 auto 24px;font-size:17px;max-width:none} body.theme-tq .app-icon{width:92px;height:92px;border-radius:20px;background:#0c2a33;border:3px solid #2dd4bf;color:#5eead4;font-size:56px;box-shadow:0 0 0 10px rgba(20,184,166,.18),0 0 0 22px rgba(20,184,166,.09);margin:0 auto 34px} body.theme-tq .download-grid .large{font-size:19px;line-height:1.6;margin:0 0 24px;max-width:none;color:#1e2d41} body.theme-tq .download-grid .setup{grid-template-columns:minmax(0,1fr);gap:12px} body.theme-tq .download-grid .setup li{padding:16px 20px 16px 70px;border-top-width:1px;border-inline-start:6px solid var(--teal);display:block;min-height:68px} body.theme-tq .download-grid .setup li:nth-child(2){border-inline-start-color:var(--amber)} body.theme-tq .download-grid .setup li:nth-child(3){border-inline-start-color:var(--red)} body.theme-tq .download-grid .setup li:nth-child(4){border-inline-start-color:#3b6aa0} body.theme-tq .download-grid .setup li::before{top:15px;inset-inline-start:18px} body.theme-tq.page-4 .download-grid+.reading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px} body.theme-tq.page-4 .download-grid+.reading>h2{margin-bottom:.35em} body.theme-tq.page-4 .download-grid+.reading>h2:nth-of-type(1){grid-column:1;grid-row:1} body.theme-tq.page-4 .download-grid+.reading>p:nth-of-type(1){grid-column:1;grid-row:2} body.theme-tq.page-4 .download-grid+.reading>h2:nth-of-type(2){grid-column:2;grid-row:1} body.theme-tq.page-4 .download-grid+.reading>p:nth-of-type(2){grid-column:2;grid-row:2} body.theme-tq.page-4 .download-grid+.reading>h2:nth-of-type(3){grid-column:1/-1;grid-row:3;margin-top:36px} body.theme-tq.page-4 .download-grid+.reading>.code-example{grid-column:1/-1;grid-row:4} body.theme-tq.page-4 .download-grid+.reading>p:nth-of-type(3){grid-column:1/-1;grid-row:5;margin-top:18px} /* privacy: layered articles */ body.theme-tq .privacy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 30px;align-items:stretch} body.theme-tq .privacy article{padding:26px 28px 14px;border:1px solid #9fb2c6;border-top:7px solid var(--amber);border-radius:6px;background:#fff;box-shadow:0 7px 0 -2px #d6e0ea} body.theme-tq .privacy article:nth-of-type(2){border-top-color:var(--teal)} body.theme-tq .privacy article:nth-of-type(3){border-top-color:var(--red)} body.theme-tq .privacy article:nth-of-type(4){border-top-color:#3b6aa0} body.theme-tq .privacy article:nth-of-type(5){grid-column:1/-1;border-top-color:var(--teal)} body.theme-tq .privacy article h2{font-size:clamp(24px,2.3vw,32px);margin-bottom:.4em} body.theme-tq .privacy p{font-size:16px;color:#1e2d41;margin:0 0 14px;max-width:none} body.theme-tq .privacy .updated{grid-column:1/-1;margin:0;font-size:14px!important;color:#41536a;opacity:1!important} /* ---------- footer: the outer wall again ---------- */ body.theme-tq footer.wrap{--px:max(28px,calc((100% - 1180px)/2));background:#0f1b2d;color:#cbd5e1;border-top:4px solid var(--amber);padding:48px var(--px) 30px} body.theme-tq footer .brand{color:#fff} body.theme-tq footer .footer-top p{color:#cbd5e1;font-size:14px;opacity:1} body.theme-tq footer nav{gap:8px;margin:28px 0} body.theme-tq footer nav a{padding:7px 13px;border:1px solid rgba(203,213,225,.3);border-radius:4px;color:#e2e8f0;font-size:13px;font-weight:600} body.theme-tq footer nav a:hover{background:rgba(255,255,255,.1);border-color:#fff} body.theme-tq footer .footer-bottom{color:#b4c1d1;font-size:12.5px;line-height:1.6;opacity:1} /* ---------- fallbacks for scripts Sofia Sans lacks ---------- */ html:is([lang=vi],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-tq :is(h1,h2,h3,summary,.brand,.cards h3,.app-icon,.hero-number,.feature-matrix th,.connection span,.setup li::before,.notice strong,.feature-list strong){font-family:Inter,system-ui,sans-serif;font-weight:800} html:is([lang=th],[lang=ja],[lang=ko],[lang=hi]) body.theme-tq main>.hero h1{line-height:1.5} html:is([lang=ja],[lang=ko],[lang=th]) body.theme-tq main>.hero h1{overflow-wrap:break-word;word-break:keep-all} /* ---------- responsive ---------- */ @media(max-width:1100px){ body.theme-tq.page-0 .cards{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px} body.theme-tq.page-0 .cards article:nth-child(4){border-inline-start:0;padding-inline-start:0} body.theme-tq.page-0 .cards article:nth-child(4)::before{inset-inline-start:0} body.theme-tq .setup{grid-template-columns:repeat(2,minmax(0,1fr))} body.theme-tq .workflow-grid .steps{grid-template-columns:repeat(2,minmax(0,1fr))} body.theme-tq.page-0 .steps{grid-template-columns:minmax(0,1fr)} } @media(max-width:900px){ body.theme-tq{--s:10px} body.theme-tq .scenario{grid-template-columns:minmax(0,1fr)} body.theme-tq .scenario h2,body.theme-tq .scenario p{grid-column:1} body.theme-tq .scenario h2{margin-bottom:.5em} body.theme-tq.page-0 .split-section+.reading{grid-template-columns:minmax(0,1fr);gap:0} body.theme-tq.page-0 .split-section+.reading>p{margin-top:22px} body.theme-tq .faq{grid-template-columns:minmax(0,1fr)} body.theme-tq .privacy{grid-template-columns:minmax(0,1fr)} body.theme-tq .privacy article:nth-of-type(5){grid-column:auto} body.theme-tq.page-1 .cards{grid-template-columns:minmax(0,1fr)} body.theme-tq .feature-list{grid-template-columns:minmax(0,1fr)} body.theme-tq.page-1 .split-section,body.theme-tq .download-grid,body.theme-tq .sticky-example{grid-template-columns:minmax(0,1fr)} body.theme-tq .sticky-example .agent-run,body.theme-tq .sticky-example .code-example{grid-column:1} body.theme-tq.page-1 .split-section+.reading,body.theme-tq.page-3 .workflow-grid+.reading,body.theme-tq.page-4 .download-grid+.reading,body.theme-tq.page-2 .connection+.reading{display:block} body.theme-tq.page-2 .connection+.reading>h2:nth-of-type(2),body.theme-tq.page-2 .connection+.reading>h2:nth-of-type(3){margin-top:40px} body.theme-tq.page-4 .download-grid+.reading>h2:nth-of-type(2){margin-top:30px} body.theme-tq .reading h3{margin-top:26px} body.theme-tq.page-1 .split-section+.reading>h3:nth-of-type(1),body.theme-tq.page-3 .workflow-grid+.reading>h3:nth-of-type(1){margin-top:0} body.theme-tq main>.home-hero .agent-run-steps{grid-template-columns:minmax(0,1fr)} } @media(max-width:760px){ body.theme-tq{font-size:16.5px;--s:4px} body.theme-tq .header{background:#0f1b2d;min-height:0} html body.theme-tq .header.has-burger{padding-inline:16px!important} body.theme-tq .brand{font-size:23px} body.theme-tq .brand-symbol{width:34px;height:34px} body.theme-tq main>*{--px:calc(var(--d)*var(--s) + 12px)} body.theme-tq main>.home-hero{grid-template-columns:minmax(0,1fr)!important} body.theme-tq main>.home-hero>*{min-width:0} body.theme-tq main>:not(.hero):not(.closing){padding-block:44px} body.theme-tq main>.hero::before{background-position:66% top;background-size:auto 640px} body.theme-tq main>.inner-hero::before{background-size:cover;background-position:88% center} body.theme-tq main>.hero::after{background:linear-gradient(90deg,rgba(15,27,45,.82) 0,rgba(15,27,45,.6) 100%)} body.theme-tq .agent-run-foot>span:first-child{flex:1 1 100%} [dir=rtl] body.theme-tq main>.hero::after{background:linear-gradient(270deg,rgba(15,27,45,.82) 0,rgba(15,27,45,.6) 100%)} body.theme-tq main>.home-hero{padding-block:98px 0} body.theme-tq main>.inner-hero{padding-block:96px 36px} body.theme-tq main>.hero h1{font-size:clamp(34px,9.6vw,44px);line-height:1.32} body.theme-tq main>.inner-hero h1{font-size:clamp(30px,8.4vw,40px)} body.theme-tq main>.hero .hero-lead{font-size:17px;margin-top:22px} body.theme-tq main>.hero .actions{margin-top:22px} body.theme-tq main>.hero .actions .button{width:100%} body.theme-tq main>.home-hero .agent-run{margin:40px 0 -80px} body.theme-tq.page-0 main>.cards{padding-top:112px} body.theme-tq main h2{font-size:clamp(28px,8vw,36px)} body.theme-tq.page-0 .cards{grid-template-columns:repeat(2,minmax(0,1fr))} body.theme-tq.page-0 .cards article:nth-child(n){border-inline-start:1px solid #aebfd1;padding-inline-start:14px} body.theme-tq.page-0 .cards article:nth-child(odd){border-inline-start:0;padding-inline-start:0} body.theme-tq.page-0 .cards article::before{inset-inline-start:14px} body.theme-tq.page-0 .cards article:nth-child(odd)::before{inset-inline-start:0} body.theme-tq .steps article{padding:20px 14px;border-inline-start-width:7px} body.theme-tq .setup{grid-template-columns:minmax(0,1fr)} body.theme-tq .workflow-grid .steps{grid-template-columns:minmax(0,1fr)} body.theme-tq.page-3 .steps article{padding:20px 14px} body.theme-tq .scenario::after{display:block;top:30px;width:11px;height:11px} body.theme-tq .scenario p{font-size:17px} body.theme-tq .feature-matrix th,body.theme-tq .feature-matrix td{display:table-cell;width:auto;padding:12px 10px;font-size:14px} body.theme-tq .feature-matrix thead th{font-size:15px} body.theme-tq .feature-matrix tbody th{width:24%;font-size:15px} body.theme-tq .feature-matrix th{padding-bottom:12px;border-bottom:1px solid #d3dde8} body.theme-tq .feature-matrix td:nth-child(2)::before,body.theme-tq .feature-matrix td:last-child::before{display:block;margin:0 0 4px} body.theme-tq .connection{flex-direction:column;gap:12px;padding-block:36px;align-items:stretch} body.theme-tq .connection span{padding:16px;width:100%} body.theme-tq .connection b{transform:rotate(90deg);align-self:center} body.theme-tq .download-card{padding:30px 20px} body.theme-tq .download-grid .setup li{padding-inline-start:64px} body.theme-tq.page-1 .cards article{padding:22px 20px} body.theme-tq .faq summary{padding:15px 54px 15px 16px;font-size:19px} [dir=rtl] body.theme-tq .faq summary{padding:15px 16px 15px 54px} body.theme-tq .faq p{padding:0 16px 18px} body.theme-tq main>.closing{padding:64px var(--px)} body.theme-tq .closing h2{font-size:clamp(30px,8.4vw,40px)} body.theme-tq .closing p{font-size:17px} body.theme-tq .privacy article{padding:20px 18px 8px} body.theme-tq .code-example pre{padding:14px;font-size:12px} body.theme-tq .reading .text-link{padding:9px 13px;font-size:14.5px} body.theme-tq footer.wrap{--px:20px;padding-top:36px} body.theme-tq .agent-run-steps li{padding:10px 12px} } @media(prefers-reduced-motion:reduce){body.theme-tq .button,body.theme-tq .faq details{transition:none}} /* no automatic hyphenation in the main headline (long words still wrap) */ body h1{hyphens:manual;-webkit-hyphens:manual}