:root{color-scheme:dark;--bg:#090d16;--surface:#111827;--surface2:#172033;--text:#edf2ff;--muted:#abb7cc;--border:#2a3850;--accent:#9c8cff;--accent2:#c0b5ff;--success:#68d3ad;--warning:#ffc16b;--danger:#ff8f88;--shadow:0 18px 55px rgba(0,0,0,.34);--radius:18px;--header:70px;--sidebar:290px;--toc:250px;--max:1500px}html[data-theme=light]{color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface2:#f0f4fb;--text:#162033;--muted:#58667d;--border:#d9e1ef;--accent:#5b47e8;--accent2:#7c68ff;--success:#087f5b;--warning:#a55b00;--danger:#b42318;--shadow:0 18px 50px rgba(21,31,51,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.drawer-open{overflow:hidden}a{color:var(--accent);text-underline-offset:3px}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:50;height:var(--header);display:flex;align-items:center;gap:20px;padding:0 clamp(16px,3vw,40px);background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand img{width:42px;height:42px;border-radius:12px}.brand small{display:block;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.02em}.top-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.top-nav a,.icon-btn,.search-btn{border:0;border-radius:12px;padding:10px 13px;color:var(--text);background:transparent;text-decoration:none;cursor:pointer}.top-nav a:hover,.icon-btn:hover,.search-btn:hover{background:var(--surface2)}.top-nav a.active{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}.header-actions{display:flex;align-items:center;gap:6px}.mobile-menu{display:none}.hero{max-width:var(--max);margin:auto;padding:clamp(52px,8vw,100px) clamp(20px,5vw,72px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:56px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--accent);font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.hero h1{font-size:clamp(2.7rem,6vw,5.6rem);line-height:1.02;letter-spacing:-.055em;margin:.25em 0}.hero p{font-size:clamp(1.05rem,1.6vw,1.28rem);color:var(--muted);max-width:720px}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 18px;border-radius:13px;border:1px solid var(--border);text-decoration:none;font-weight:750;color:var(--text);background:var(--surface)}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.09)}.hero-art{position:relative}.hero-art img{width:100%;display:block;border-radius:28px;border:1px solid var(--border);box-shadow:var(--shadow);background:var(--surface)}.floating-badge{position:absolute;right:-18px;bottom:20px;max-width:240px;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);font-weight:700}.section{max-width:var(--max);margin:auto;padding:70px clamp(20px,5vw,72px)}.section-header{max-width:780px;margin-bottom:30px}.section-header h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 12px}.section-header p{color:var(--muted);font-size:1.08rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{padding:25px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);box-shadow:0 8px 28px rgba(20,30,50,.05)}.card img.illustration{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin-bottom:18px;background:var(--surface2)}.card h3{margin:0 0 8px;font-size:1.28rem}.card p{margin:0;color:var(--muted)}.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.platform-card{display:flex;flex-direction:column;min-height:290px;padding:25px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.platform-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent);font-size:1.55rem;font-weight:900}.platform-card h3{margin:18px 0 4px}.platform-card p{color:var(--muted);flex:1}.status{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;background:var(--surface2);font-size:.76rem;font-weight:800}.status.available{color:var(--success)}.status.testing{color:var(--warning)}.status.soon{color:var(--muted)}.manual-layout{max-width:var(--max);margin:auto;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr) var(--toc);min-height:calc(100vh - var(--header))}.docs-sidebar{position:sticky;top:var(--header);height:calc(100vh - var(--header));overflow:auto;padding:22px 18px 40px;border-right:1px solid var(--border);background:var(--surface)}.docs-sidebar h2{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.11em;margin:24px 10px 8px}.docs-sidebar a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:.93rem}.docs-sidebar a:hover{background:var(--surface2);color:var(--text)}.docs-sidebar a.active{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent);font-weight:750}.docs-main{min-width:0;padding:42px clamp(22px,4vw,68px) 90px}.article{max-width:880px;margin:auto}.breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:.86rem;margin-bottom:16px}.article>h1:first-child{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 20px}.article h2{font-size:1.75rem;line-height:1.25;margin-top:2.2em;padding-top:.2em}.article h3{font-size:1.25rem;margin-top:1.8em}.heading-anchor{opacity:0;text-decoration:none;margin-left:8px;font-weight:500}.article h2:hover .heading-anchor,.article h3:hover .heading-anchor,.heading-anchor:focus{opacity:1}.article p,.article li{max-width:78ch}.article table{border-collapse:separate;border-spacing:0;width:100%;display:block;overflow:auto;border:1px solid var(--border);border-radius:14px}.article th,.article td{padding:11px 13px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);text-align:left;vertical-align:top;min-width:150px}.article tr:last-child td{border-bottom:0}.article th:last-child,.article td:last-child{border-right:0}.article th{background:var(--surface2)}pre{position:relative;overflow:auto;padding:20px;border:1px solid var(--border);border-radius:15px;background:#0d1321;color:#e8edf8;line-height:1.55}code{font-family:"Cascadia Code","SFMono-Regular",Consolas,monospace;font-size:.91em}.article :not(pre)>code{padding:.12em .35em;border-radius:6px;background:var(--surface2);color:var(--text)}.copy-code{position:absolute;top:10px;right:10px;border:1px solid #39465d;background:#172033;color:#dfe7f6;border-radius:8px;padding:5px 9px;cursor:pointer;font-size:.75rem}.callout{margin:24px 0;padding:16px 18px;border-left:4px solid var(--accent);border-radius:0 13px 13px 0;background:color-mix(in srgb,var(--accent) 9%,var(--surface));max-width:78ch}.callout strong{display:block;margin-bottom:5px}.callout.warning,.callout.caution{border-color:var(--warning);background:color-mix(in srgb,var(--warning) 9%,var(--surface))}.callout.important{border-color:var(--success);background:color-mix(in srgb,var(--success) 9%,var(--surface))}.hero-inline{display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:center;margin:24px 0;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.hero-inline img{width:100%;border-radius:12px}.diagram-card{margin:28px 0;border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:16px}.graph-diagram{width:100%;height:auto;min-height:260px}.graph-diagram .edge{fill:none;stroke:var(--muted);stroke-width:3;opacity:.65}.graph-diagram marker path{fill:var(--muted)}.graph-diagram .node rect{fill:var(--surface2);stroke:var(--border);stroke-width:2}.graph-diagram .node.primary rect{fill:color-mix(in srgb,var(--accent) 18%,var(--surface));stroke:var(--accent)}.graph-diagram text{fill:var(--text);font-size:18px;text-anchor:middle;font-weight:750}.graph-diagram text.sub{font-size:13px;fill:var(--muted);font-weight:500}.diagram-caption{text-align:center;color:var(--muted);margin:3px 0 0!important}.toc{position:sticky;top:var(--header);height:calc(100vh - var(--header));overflow:auto;padding:30px 20px;border-left:1px solid var(--border)}.toc h2{font-size:.78rem;text-transform:uppercase;color:var(--muted);letter-spacing:.1em}.toc a{display:block;padding:5px 0;text-decoration:none;color:var(--muted);font-size:.84rem;line-height:1.4}.toc a.level-3{padding-left:13px}.toc a:hover,.toc a.active{color:var(--accent)}.article-footer{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:60px;padding-top:26px;border-top:1px solid var(--border)}.pager{display:flex;flex-direction:column;padding:14px;border:1px solid var(--border);border-radius:14px;text-decoration:none;color:var(--text)}.pager:last-child{text-align:right}.pager small{color:var(--muted)}.site-footer{padding:40px clamp(20px,5vw,72px);border-top:1px solid var(--border);background:var(--surface)}.footer-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:30px}.footer-inner h3{font-size:.86rem;text-transform:uppercase;letter-spacing:.08em}.footer-inner a{display:block;color:var(--muted);text-decoration:none;margin:5px 0}.footer-inner a:hover{color:var(--accent)}.search-overlay{position:fixed;inset:0;z-index:100;display:none;background:rgba(5,8,14,.64);padding:8vh 16px}.search-overlay.open{display:block}.search-panel{max-width:760px;max-height:82vh;overflow:hidden;margin:auto;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.search-panel input{width:100%;padding:18px 20px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);font-size:1.1rem;outline:none}.search-results{max-height:65vh;overflow:auto;padding:10px}.search-result{display:block;padding:13px;border-radius:12px;color:var(--text);text-decoration:none}.search-result:hover,.search-result.active{background:var(--surface2)}.search-result strong{display:block}.search-result span{display:block;color:var(--muted);font-size:.87rem}.empty-search{padding:30px;text-align:center;color:var(--muted)}.mobile-drawer-backdrop{display:none}.doc-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.doc-chip{padding:5px 9px;border-radius:999px;background:var(--surface2);color:var(--muted);font-size:.78rem}.home-doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-doc-link{display:flex;gap:14px;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface);text-decoration:none;color:var(--text)}.home-doc-link span{color:var(--muted);font-size:.9rem}.home-doc-link:hover{border-color:var(--accent);transform:translateY(-1px)}.notice-bar{padding:10px 18px;text-align:center;background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-bottom:1px solid var(--border);font-size:.88rem}.skip-link{position:absolute;top:-100px;left:14px;background:var(--accent);color:#fff;padding:10px 14px;border-radius:10px;z-index:200}.skip-link:focus{top:10px}@media(max-width:1180px){:root{--toc:0px}.manual-layout{grid-template-columns:var(--sidebar) minmax(0,1fr)}.toc{display:none}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.top-nav{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;position:fixed;z-index:80;left:0;top:0;height:100vh;width:min(88vw,330px);padding:82px 18px 30px;background:var(--surface);box-shadow:var(--shadow);transform:translateX(-105%);visibility:hidden;transition:transform .2s ease,visibility .2s ease}.top-nav.open{transform:translateX(0);visibility:visible}.top-nav a{width:100%;padding:12px 14px}.mobile-menu{display:inline-flex}.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{max-width:680px}.cards,.platform-grid{grid-template-columns:1fr}.manual-layout{display:block}.docs-sidebar{position:fixed;z-index:80;left:0;top:0;height:100vh;width:min(88vw,330px);transform:translateX(-105%);transition:.2s ease;box-shadow:var(--shadow);padding-top:82px}.docs-sidebar.open{transform:translateX(0)}.mobile-drawer-backdrop.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:70}.docs-main{padding:30px 18px 75px}.hero-inline{grid-template-columns:1fr}.hero-inline img{max-width:350px;margin:auto}.footer-inner{grid-template-columns:1fr 1fr}.home-doc-grid{grid-template-columns:1fr}}@media(max-width:520px){.brand small{display:none}.site-header{gap:8px}.header-actions{margin-left:auto}.search-btn span{display:none}.hero h1{font-size:2.7rem}.floating-badge{position:static;margin-top:12px}.footer-inner{grid-template-columns:1fr}.article-footer{grid-template-columns:1fr}.pager:last-child{text-align:left}.article table{font-size:.9rem}.section{padding-top:50px;padding-bottom:50px}}
.hero-product{padding-bottom:66px}.trust-list{display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;margin:24px 0 0;list-style:none;color:var(--muted);font-size:.92rem}.trust-list li{display:flex;align-items:center;gap:8px}.trust-list li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 14%,transparent)}.section-tinted{max-width:none;padding-left:max(clamp(20px,5vw,72px),calc((100vw - var(--max))/2 + clamp(20px,5vw,72px)));padding-right:max(clamp(20px,5vw,72px),calc((100vw - var(--max))/2 + clamp(20px,5vw,72px)));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface))}.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.audience-card{position:relative;overflow:hidden;padding:clamp(24px,4vw,40px);border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.audience-card:after{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-80px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,transparent)}.audience-card h3{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.15;margin:12px 0}.audience-card p,.audience-card li{color:var(--muted)}.audience-card a{font-weight:800}.audience-label{display:inline-flex;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.developer-card{background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface))}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;list-style:none;counter-reset:none}.steps li{display:flex;align-items:flex-start;gap:16px;padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.steps>li>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:var(--accent);color:#fff;font-weight:900}.steps h3{margin:2px 0 7px}.steps p{margin:0;color:var(--muted)}.comparison-wrap{overflow:auto;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.comparison{width:100%;border-collapse:collapse;min-width:720px}.comparison th,.comparison td{padding:17px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}.comparison th{background:var(--surface2)}.comparison th:first-child,.comparison td:first-child{font-weight:800}.comparison th:last-child,.comparison td:last-child{background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.comparison tr:last-child td{border-bottom:0}.comparison-note{color:var(--muted);font-size:.88rem;max-width:78ch}.cta-panel{padding:clamp(30px,6vw,68px);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:28px;background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 38%),var(--surface);box-shadow:var(--shadow)}.cta-panel h2{font-size:clamp(2rem,5vw,4rem);line-height:1.08;max-width:900px;margin:12px 0}.cta-panel p{color:var(--muted);max-width:720px}@media(max-width:1180px){.steps{grid-template-columns:1fr}}@media(max-width:820px){.audience-grid{grid-template-columns:1fr}}@media(max-width:520px){.trust-list{display:grid}.search-btn kbd{display:none}.search-btn:after{content:"Find"}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.availability-note{max-width:760px;margin:18px 0 0;padding:13px 15px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--muted);font-size:.92rem}.availability-note strong{color:var(--text)}.availability-note a{font-weight:750}.brand img{object-fit:contain}.btn:focus-visible,.top-nav a:focus-visible,.home-doc-link:focus-visible,.brand:focus-visible,.footer-inner a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 65%,white);outline-offset:3px}.download-contact{margin-top:12px;font-size:.9rem}.download-contact a{font-weight:750}.downloads-hero .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:820px){.downloads-hero .platform-grid{grid-template-columns:1fr}}
.article{min-width:0}.article p,.article li,.article td,.article th{overflow-wrap:anywhere}.article :not(pre)>code{overflow-wrap:anywhere;word-break:break-word}.article pre,.article table{max-width:100%;min-width:0}
.agent-demo-section{padding-top:20px}.demo-spotlight{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(24px,5vw,64px);align-items:center;padding:clamp(22px,4vw,48px);border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-radius:28px;background:radial-gradient(circle at 78% 8%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),var(--surface));box-shadow:var(--shadow)}.demo-preview{overflow:hidden;border:1px solid var(--border);border-radius:20px;background:#101217;box-shadow:0 18px 45px rgba(0,0,0,.24)}.demo-preview img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center}.demo-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--surface);color:var(--text);font-size:.88rem}.demo-copy h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.045em;margin:10px 0 16px}.demo-copy>p{color:var(--muted);font-size:1.05rem;max-width:62ch}.demo-benefits{display:grid;gap:10px;padding:0;margin:22px 0;list-style:none}.demo-benefits li{position:relative;padding-left:28px;color:var(--text)}.demo-benefits li:before{content:"✓";position:absolute;left:0;top:0;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--success) 18%,var(--surface));color:var(--success);font-size:.78rem;font-weight:900}.demo-note{font-size:.88rem!important}.demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 0;padding:0;list-style:none}.demo-steps li{display:flex;gap:13px;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.demo-steps>li>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:10px;background:var(--accent);color:#fff;font-size:.88rem;font-weight:900}.demo-steps h3{margin:1px 0 5px;font-size:1rem}.demo-steps p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.agent-promo-section{padding-top:16px}.agent-promo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:32px;padding:clamp(26px,5vw,56px);border-radius:28px;background:#111a2c;color:#f4f7ff;box-shadow:var(--shadow)}html[data-theme="light"] .agent-promo{background:linear-gradient(135deg,#16315b,#24559b)}.agent-promo h2{font-size:clamp(2rem,4vw,3.45rem);line-height:1.06;letter-spacing:-.04em;margin:10px 0 14px}.agent-promo p{max-width:64ch;color:#dce6fb;font-size:1.05rem}.agent-promo .eyebrow{color:#a9c8ff}.agent-promo .btn{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.08);color:#fff}.agent-promo .btn.primary{border-color:#b9d7ff;background:#eaf3ff;color:#12305b}.agent-promo-list{display:grid;align-content:center;gap:14px;margin:0;padding:0;list-style:none}.agent-promo-list li{padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(255,255,255,.07)}.agent-promo-list strong,.agent-promo-list span{display:block}.agent-promo-list span{margin-top:4px;color:#dce6fb;font-size:.9rem;line-height:1.5}.agent-promo-list code{color:#fff}@media(max-width:920px){.demo-spotlight,.agent-promo{grid-template-columns:1fr}.demo-preview{max-width:740px}.demo-steps{grid-template-columns:1fr}}@media(max-width:520px){.demo-spotlight,.agent-promo{padding:22px}.demo-preview-caption{align-items:flex-start;flex-direction:column}.demo-copy h2,.agent-promo h2{font-size:2rem}}
.client-connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.client-connect-card{padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.client-connect-card h3{margin:10px 0 9px;font-size:1.2rem}.client-connect-card ol{display:grid;gap:8px;margin:0 0 17px;padding-left:22px;color:var(--muted);line-height:1.5}.client-connect-card strong{color:var(--text)}.client-connect-card>a{font-weight:800;text-decoration:none}.client-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent);font-size:.76rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}@media(max-width:720px){.client-connect-grid{grid-template-columns:1fr}}
.demo-gallery-intro{margin:56px 0 20px;max-width:680px}.demo-gallery-intro h3{margin:8px 0;font-size:clamp(1.65rem,3vw,2.35rem);letter-spacing:-.035em}.demo-gallery-intro p{margin:0;color:var(--muted);line-height:1.6}.demo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.demo-gallery-card{overflow:hidden;margin:0;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 14px 35px rgba(0,0,0,.12)}.demo-gallery-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;border-bottom:1px solid var(--border)}.demo-gallery-card figcaption{display:grid;gap:5px;padding:17px 18px}.demo-gallery-card strong{font-size:1.03rem}.demo-gallery-card span{color:var(--muted);font-size:.9rem;line-height:1.5}@media(max-width:720px){.demo-gallery{grid-template-columns:1fr}.demo-gallery-intro{margin-top:38px}}
.top-nav a.nav-demo{border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent);font-weight:800}.top-nav a.nav-demo:hover{background:color-mix(in srgb,var(--accent) 22%,var(--surface))}

/* 2026 visual refresh: clearer hierarchy, richer product surfaces, and safer mobile controls. */
:root{
  --bg:#070a13;
  --surface:#101725;
  --surface2:#172238;
  --text:#f5f7ff;
  --muted:#aab7cf;
  --border:#293854;
  --accent:#8b7cff;
  --accent2:#42d5ef;
  --shadow:0 24px 70px rgba(0,0,0,.36);
  --radius:22px;
  --header:76px;
}
html[data-theme=light]{
  --bg:#f7f8fc;
  --surface:#fff;
  --surface2:#eff3fa;
  --text:#11192b;
  --muted:#5b6880;
  --border:#dce3ef;
  --accent:#5d4ce6;
  --accent2:#087f9c;
  --shadow:0 24px 70px rgba(27,38,67,.12);
}
html{overflow-x:clip}
body{
  position:relative;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 10% -10%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 30rem),
    radial-gradient(circle at 95% 12%,color-mix(in srgb,var(--accent2) 9%,transparent),transparent 32rem),
    var(--bg);
  letter-spacing:-.006em;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.18;
  background-image:linear-gradient(color-mix(in srgb,var(--border) 25%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 25%,transparent) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,#000,transparent 72%);
}
.site-header{
  padding-inline:max(18px,calc((100vw - var(--max))/2 + 32px));
  background:color-mix(in srgb,var(--bg) 76%,transparent);
  border-color:color-mix(in srgb,var(--border) 80%,transparent);
  box-shadow:0 8px 35px rgba(0,0,0,.08);
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
}
.brand{gap:11px;font-size:1.02rem}.brand img{width:44px;height:44px;filter:drop-shadow(0 8px 16px color-mix(in srgb,var(--accent) 22%,transparent))}.brand small{margin-top:-2px}
.top-nav a,.icon-btn,.search-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease}
.top-nav a:hover,.icon-btn:hover,.search-btn:hover{transform:translateY(-1px)}
.icon-btn[data-theme-toggle]{width:44px;padding:0;font-size:0}.icon-btn[data-theme-toggle]:before{content:"☼";font-size:1.25rem;line-height:1}.icon-btn[data-theme-toggle][aria-pressed=true]:before{content:"☾"}
.mobile-menu,.drawer-close{display:none}
.hero-product{position:relative;isolation:isolate;padding-top:clamp(64px,8vw,118px);gap:clamp(42px,6vw,88px)}
.hero-product:before{content:"";position:absolute;z-index:-1;width:min(58vw,820px);aspect-ratio:1;right:-12%;top:-24%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 20%,transparent),transparent 68%);filter:blur(12px)}
.hero-product>div:first-child{max-width:780px}
.hero-product .eyebrow{padding:7px 11px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));box-shadow:inset 0 1px rgba(255,255,255,.08)}
.hero-product h1{max-width:830px;background:linear-gradient(115deg,var(--text) 5%,var(--text) 56%,color-mix(in srgb,var(--accent2) 78%,var(--accent)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance}
.hero-product p{line-height:1.65}
.hero-actions .btn{min-height:52px;padding-inline:21px}.btn{position:relative;overflow:hidden;box-shadow:0 7px 20px rgba(0,0,0,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.btn.primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 64%,#3b56db));box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 26%,transparent)}.btn:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 12px 30px rgba(0,0,0,.16)}
.hero-art{padding:18px 8px 34px;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:12% 2% 8%;z-index:-1;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 36%,transparent),color-mix(in srgb,var(--accent2) 22%,transparent));filter:blur(48px);opacity:.82}
.workspace-window{overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 90%,white);border-radius:25px;background:#0b101b;box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08);transform:perspective(1200px) rotateY(-2.5deg) rotateX(1deg)}
.workspace-window-bar{height:43px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #26344a;background:#111927;color:#9eacc2}.workspace-window-bar span{width:9px;height:9px;border-radius:50%;background:#ff6c6c}.workspace-window-bar span:nth-child(2){background:#ffc35c}.workspace-window-bar span:nth-child(3){background:#5ed49a}.workspace-window-bar strong{min-width:0;margin-left:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;letter-spacing:.02em}
.workspace-window>img{width:100%;display:block;border:0;border-radius:0;box-shadow:none;background:#080d14}
.hero-signal{position:absolute;z-index:2;display:grid;grid-template-columns:35px auto;column-gap:9px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--border) 90%,white);border-radius:15px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 18px 45px rgba(0,0,0,.26);backdrop-filter:blur(16px)}.hero-signal>span{grid-row:1/3;display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:color-mix(in srgb,var(--success) 18%,var(--surface));color:var(--success);font-weight:900}.hero-signal strong{font-size:.83rem;line-height:1.2}.hero-signal small{color:var(--muted);font-size:.7rem;line-height:1.35}.hero-signal-files{left:-20px;top:3px}.hero-signal-local{right:-18px;top:28%;}.hero-signal-local>span{background:color-mix(in srgb,var(--accent2) 17%,var(--surface));color:var(--accent2);font-size:.72rem}
.floating-badge{right:10px;bottom:0;max-width:270px;padding:15px 17px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);font-size:.84rem;line-height:1.5}.floating-badge code{color:var(--accent2)}
.availability-note{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface));box-shadow:0 10px 28px rgba(0,0,0,.08)}
.trust-list{font-weight:650}.trust-list li:before{width:7px;height:7px}
.section{position:relative}.section-header h2{text-wrap:balance}.section-header p{line-height:1.7}
.card,.platform-card,.home-doc-link,.steps li,.audience-card{box-shadow:0 12px 35px rgba(0,0,0,.09);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover,.platform-card:hover,.home-doc-link:hover,.steps li:hover,.audience-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 22px 50px rgba(0,0,0,.15)}
.card{overflow:hidden}.card img.illustration{border:1px solid color-mix(in srgb,var(--border) 80%,transparent)}
.section-tinted{border-block:1px solid color-mix(in srgb,var(--border) 76%,transparent);background:radial-gradient(circle at 88% 20%,color-mix(in srgb,var(--accent2) 8%,transparent),transparent 26rem),linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),color-mix(in srgb,var(--surface) 88%,var(--bg)))}
.audience-card:after{width:230px;height:230px;right:-105px;top:-115px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 20%,transparent),color-mix(in srgb,var(--accent2) 10%,transparent))}
.steps>li>span{box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 24%,transparent)}
.comparison-wrap{box-shadow:0 18px 45px rgba(0,0,0,.09)}
.home-doc-link{position:relative;padding-right:50px}.home-doc-link:after{content:"→";position:absolute;right:19px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--surface2);color:var(--accent);font-weight:900}.home-doc-link:hover:after{background:var(--accent);color:#fff}
.cta-panel{overflow:hidden;background:radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--accent2) 18%,transparent),transparent 34%),radial-gradient(circle at 8% 100%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 38%),var(--surface)}
.site-footer{background:color-mix(in srgb,var(--surface) 92%,var(--bg));border-color:color-mix(in srgb,var(--border) 78%,transparent)}
.downloads-hero{padding-top:clamp(52px,7vw,92px)}.downloads-hero .section-header{max-width:900px}.downloads-hero .section-header h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:1.02;letter-spacing:-.055em;margin:.18em 0;text-wrap:balance}.platform-card{position:relative;overflow:hidden;min-height:320px}.platform-card:after{content:"";position:absolute;right:-45px;top:-45px;width:150px;height:150px;border-radius:50%;background:color-mix(in srgb,var(--accent) 9%,transparent)}.platform-icon{position:relative;z-index:1;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 16%,transparent)}
.docs-sidebar{background:color-mix(in srgb,var(--surface) 95%,var(--bg))}.docs-sidebar a{min-height:38px}.article>h1:first-child{text-wrap:balance}.article h2{letter-spacing:-.025em}.pager:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.update-status{position:fixed;z-index:250;left:50%;bottom:max(22px,env(safe-area-inset-bottom));max-width:min(92vw,520px);transform:translate(-50%,24px);padding:13px 17px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--text);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;backdrop-filter:blur(18px);font-size:.9rem;font-weight:750;text-align:center}.update-status.visible{opacity:1;transform:translate(-50%,0)}

@media(max-width:980px){
  .site-header{padding-inline:18px}
  .hero-signal-files{left:0}.hero-signal-local{right:0}
}
@media(max-width:820px){
  :root{--header:68px}
  .site-header{z-index:130;gap:9px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));height:calc(var(--header) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
  .brand{font-size:.98rem}.brand img{width:39px;height:39px;border-radius:11px}
  .mobile-menu{display:inline-flex;width:44px;padding:0;font-size:0}.mobile-menu:before{content:"☰";font-size:1.22rem}.mobile-menu[aria-expanded=true]:before{content:"×";font-size:1.75rem}
  .top-nav,.docs-sidebar{z-index:140;width:min(88vw,360px);padding-top:calc(76px + env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom));box-shadow:28px 0 75px rgba(0,0,0,.38);transition:transform .24s cubic-bezier(.22,.8,.2,1),visibility .24s ease}
  .top-nav a,.docs-sidebar a{min-height:46px}
  .drawer-close{display:grid;place-items:center;position:absolute;right:16px;top:calc(15px + env(safe-area-inset-top));width:42px;height:42px;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--text);font-size:1.65rem;line-height:1;cursor:pointer}
  .mobile-drawer-backdrop.open{z-index:120;backdrop-filter:blur(3px)}
  .hero-product{padding:48px 20px 70px;gap:42px}.hero-product:before{width:110vw;right:-54%;top:-8%}.hero-product>div:first-child{max-width:680px}
  .hero-product h1{font-size:clamp(2.75rem,10vw,4.4rem)}
  .hero-art{width:min(100%,680px);margin-inline:auto;padding-inline:6px}
  .workspace-window{transform:none;border-radius:20px}.workspace-window-bar{height:39px}.hero-signal{display:none}
  .floating-badge{position:relative;right:auto;bottom:auto;margin:-12px 12px 0 auto;max-width:290px}
  .cards,.platform-grid{gap:15px}
}
@media(max-width:600px){
  body{font-size:15.5px;background:radial-gradient(circle at 30% 0,color-mix(in srgb,var(--accent) 12%,transparent),transparent 25rem),var(--bg)}
  body:before{background-size:38px 38px;opacity:.12}
  .site-header .brand small{display:none}.site-header .brand{margin-right:auto}
  .header-actions{margin-left:0}.search-btn{width:44px;padding:0}.search-btn:after{content:"⌕";font-size:1.4rem}.search-btn span,.search-btn kbd{display:none}
  .hero-product{padding:42px 17px 56px}.hero-product .eyebrow{font-size:.7rem;letter-spacing:.085em;line-height:1.35}.hero-product h1{font-size:clamp(2.45rem,12.4vw,3.35rem);line-height:1.01;letter-spacing:-.052em;margin:.34em 0}.hero-product p{font-size:1.02rem;line-height:1.58}
  .hero-actions,.button-row{display:grid;grid-template-columns:1fr;gap:10px}.hero-actions .btn,.button-row .btn{width:100%;min-height:50px;padding-inline:15px;text-align:center}.availability-note{font-size:.86rem;padding:12px}.trust-list{gap:10px;margin-top:20px}
  .hero-art{padding:4px 0 18px}.workspace-window{border-radius:17px}.workspace-window-bar{height:36px;padding-inline:11px}.workspace-window-bar span{width:8px;height:8px}.workspace-window-bar strong{font-size:.66rem}.floating-badge{margin:-7px 7px 0 20px;padding:12px 13px;font-size:.76rem}
  .section{padding:48px 17px}.section-header{margin-bottom:23px}.section-header h2{font-size:clamp(1.9rem,9vw,2.55rem)}
  .card,.platform-card,.steps li{padding:20px;border-radius:18px}.audience-card{padding:23px;border-radius:20px}.card:hover,.platform-card:hover,.home-doc-link:hover,.steps li:hover,.audience-card:hover{transform:none}
  .home-doc-link{padding:16px 46px 16px 16px}.home-doc-link:after{right:13px}
  .downloads-hero .section-header h1{font-size:clamp(2.5rem,12vw,3.35rem)}
  .footer-inner{gap:20px}.site-footer{padding-inline:18px}
  .docs-main{padding-left:17px;padding-right:17px}.article>h1:first-child{font-size:clamp(2.15rem,10vw,3rem)}
  .update-status{bottom:max(14px,env(safe-area-inset-bottom));padding:12px 14px;font-size:.82rem}
}

/* Manual-powered support assistant: static, private, and friendly to small screens. */
.support-intro-section{padding-top:20px}
.support-intro-panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(28px,5vw,70px);align-items:center;padding:clamp(28px,5vw,60px);border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-radius:28px;background:radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--accent2) 16%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface));box-shadow:var(--shadow)}
.support-intro-panel h2{max-width:850px;margin:10px 0 14px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.07;letter-spacing:-.045em;text-wrap:balance}
.support-intro-panel p{max-width:68ch;margin:0;color:var(--muted);font-size:1.04rem}
.support-principles{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.support-principles li{padding:16px 17px;border:1px solid color-mix(in srgb,var(--border) 88%,white);border-radius:16px;background:color-mix(in srgb,var(--surface2) 76%,transparent)}
.support-principles strong,.support-principles span{display:block}.support-principles strong{margin-bottom:3px}.support-principles span{color:var(--muted);font-size:.88rem;line-height:1.5}
.support-launcher{position:fixed;z-index:210;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 16px 8px 9px;border:1px solid color-mix(in srgb,var(--accent) 54%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--text);box-shadow:0 18px 45px rgba(0,0,0,.3);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.support-launcher:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 22px 55px rgba(0,0,0,.38)}
.support-launcher>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#285ada));color:#fff;font-size:1.05rem;font-weight:900}.support-launcher strong{font-size:.9rem}
.support-launcher:disabled{display:none}
.support-assistant-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:stretch;justify-content:flex-end;padding:14px;background:rgba(3,6,12,.68);opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:opacity .18s ease,visibility .18s ease}
.support-assistant-overlay.open{opacity:1;visibility:visible;pointer-events:auto}
.support-assistant-panel{width:min(100%,560px);height:min(820px,calc(100dvh - 28px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:24px;background:var(--surface);box-shadow:0 30px 100px rgba(0,0,0,.52);transform:translateX(20px);transition:transform .2s ease}
.support-assistant-overlay.open .support-assistant-panel{transform:translateX(0)}
.support-assistant-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 20px 16px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface))}
.support-assistant-header h2{margin:3px 0 0;font-size:1.25rem;line-height:1.2;letter-spacing:-.025em}.support-assistant-kicker{color:var(--accent2);font-size:.71rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.support-assistant-close{min-height:38px;padding:7px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--text);font-size:.8rem;font-weight:800;cursor:pointer}
.support-assistant-trust{display:flex;align-items:center;gap:9px;padding:10px 20px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--success) 8%,var(--surface));color:var(--muted);font-size:.76rem;line-height:1.4}
.support-assistant-trust>span{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 12%,transparent)}
.support-assistant-log{min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:13px;padding:18px;scrollbar-gutter:stable}
.support-message{max-width:92%;padding:13px 14px;border:1px solid var(--border);border-radius:16px;background:var(--surface2);overflow-wrap:anywhere}.support-message-user{align-self:flex-end;background:color-mix(in srgb,var(--accent) 16%,var(--surface));border-color:color-mix(in srgb,var(--accent) 34%,var(--border))}.support-message-assistant{align-self:flex-start}.support-message p{margin:5px 0 0;line-height:1.55}.support-message-label{color:var(--muted);font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.support-answer-title{display:block;margin-top:6px;font-size:1.02rem}
.support-answer-direct{padding:10px 11px;border-left:3px solid var(--success);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--success) 8%,var(--surface));color:var(--text)}
.support-quick-questions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.support-quick-questions button{padding:7px 10px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));border-radius:999px;background:var(--surface);color:var(--text);font-size:.76rem;line-height:1.35;text-align:left;cursor:pointer}.support-quick-questions button:hover{border-color:var(--accent);color:var(--accent)}
.support-answer-guidance{margin-top:11px;padding:11px 12px;border-radius:12px;background:var(--surface)}.support-answer-guidance>span{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.support-answer-guidance ul{margin:7px 0 0;padding-left:19px}.support-answer-guidance li{margin-top:6px;line-height:1.48}
.support-answer-sources{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-size:.77rem}.support-answer-sources strong{color:var(--muted)}.support-answer-sources a{padding:4px 7px;border-radius:7px;background:color-mix(in srgb,var(--accent) 11%,var(--surface));font-weight:750;text-decoration:none}
.support-assistant-form{padding:15px 18px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,var(--bg))}.support-assistant-form>label{display:block;margin-bottom:7px;font-size:.78rem;font-weight:800}.support-assistant-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}.support-assistant-form textarea{width:100%;min-height:50px;max-height:120px;resize:vertical;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);line-height:1.4;outline:none}.support-assistant-form button{min-height:48px;padding:9px 15px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-weight:850;cursor:pointer}.support-assistant-form button:disabled{opacity:.48;cursor:not-allowed}.support-assistant-form small{display:block;margin-top:7px;color:var(--muted);font-size:.68rem;line-height:1.35}
.support-launcher:focus-visible,.support-assistant-panel button:focus-visible,.support-assistant-panel textarea:focus-visible,.support-assistant-panel a:focus-visible,[data-assistant-open]:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 64%,white);outline-offset:3px}
body.support-assistant-open{overflow:hidden}
@media(max-width:900px){.support-intro-panel{grid-template-columns:1fr}}
@media(max-width:600px){
  .support-intro-section{padding-top:8px}.support-intro-panel{padding:23px 20px;border-radius:21px}.support-intro-panel h2{font-size:2rem}.support-intro-panel p{font-size:.95rem}.support-principles{gap:9px}.support-principles li{padding:13px 14px}
  .support-launcher{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));min-height:48px;padding:7px 12px 7px 8px}.support-launcher>span{width:32px;height:32px}.support-launcher strong{font-size:.8rem}
  .support-assistant-overlay{align-items:flex-end;padding:0;background:rgba(3,6,12,.62)}.support-assistant-panel{width:100%;height:min(92dvh,820px);border-width:1px 0 0;border-radius:22px 22px 0 0;transform:translateY(20px)}.support-assistant-overlay.open .support-assistant-panel{transform:translateY(0)}
  .support-assistant-header{padding:16px 16px 13px}.support-assistant-header h2{font-size:1.1rem}.support-assistant-trust{padding:9px 16px}.support-assistant-log{padding:14px;gap:10px}.support-message{max-width:96%;padding:12px 13px}.support-assistant-form{padding:12px 14px max(12px,env(safe-area-inset-bottom))}.support-assistant-form>div{grid-template-columns:1fr auto}.support-assistant-form textarea{min-height:48px}.support-assistant-form button{min-height:46px;padding-inline:13px}
}

/* Manual home USP: focused project context, reviewed changes, user ownership. */
.manual-usp-showcase{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(285px,.88fr);gap:clamp(24px,4vw,46px);margin:32px 0 48px;padding:clamp(25px,4vw,42px);border:1px solid color-mix(in srgb,var(--accent) 44%,var(--border));border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface) 58%,color-mix(in srgb,var(--accent2) 9%,var(--surface)));box-shadow:0 24px 65px rgba(0,0,0,.24)}
.manual-usp-showcase:before{content:"";position:absolute;z-index:-1;right:-90px;top:-120px;width:300px;height:300px;border-radius:50%;background:color-mix(in srgb,var(--accent2) 17%,transparent);filter:blur(6px)}
.manual-usp-copy{min-width:0}.manual-usp-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent2);font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.manual-usp-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 13%,transparent)}
.article .manual-usp-showcase h2{max-width:660px;margin:15px 0 14px;padding:0;font-size:clamp(2rem,4.8vw,3.45rem);line-height:1.03;letter-spacing:-.05em;text-wrap:balance}.manual-usp-copy>p{margin:0;color:var(--muted);font-size:1rem;line-height:1.65}
.manual-usp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.manual-usp-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 15px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface2) 84%,transparent);color:var(--text);font-size:.86rem;font-weight:850;text-decoration:none}.manual-usp-action:hover{border-color:var(--accent);transform:translateY(-1px)}.manual-usp-action-primary{border-color:var(--accent);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 62%,#3158cf));color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 24%,transparent)}
.manual-usp-trust{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 0!important;padding:0!important;list-style:none}.manual-usp-trust li{display:inline-flex;align-items:center;gap:7px;margin:0;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--surface2) 80%,transparent);color:var(--muted);font-size:.72rem;font-weight:750}.manual-usp-trust li:before{content:"✓";color:var(--success);font-weight:950}
.manual-usp-flow{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:18px;border:1px solid color-mix(in srgb,var(--border) 88%,white);border-radius:19px;background:color-mix(in srgb,var(--bg) 68%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.05)}.manual-usp-flow ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.manual-usp-flow li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:start;margin:0;padding:13px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--surface) 90%,transparent)}.manual-usp-flow li>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent2);font-size:.72rem;font-weight:950}.manual-usp-flow strong,.manual-usp-flow small{display:block}.manual-usp-flow strong{margin:0 0 2px;font-size:.91rem}.manual-usp-flow small{color:var(--muted);font-size:.75rem;line-height:1.45}.manual-usp-flow>p{margin:14px 2px 0;padding-top:13px;border-top:1px solid var(--border);color:var(--muted);font-size:.74rem;line-height:1.5}.manual-usp-flow>p strong{display:inline;color:var(--text)}
.manual-usp-showcase a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 66%,white);outline-offset:3px}
@media(max-width:760px){.manual-usp-showcase{grid-template-columns:1fr}.manual-usp-flow{max-width:620px}.article .manual-usp-showcase h2{font-size:clamp(2rem,9vw,3rem)}}
@media(max-width:520px){.manual-usp-showcase{margin:24px 0 38px;padding:21px 18px;border-radius:21px}.manual-usp-actions{display:grid}.manual-usp-action{width:100%;text-align:center}.manual-usp-trust{display:grid}.manual-usp-flow{padding:13px}.manual-usp-flow li{padding:11px}}

/* Homepage AI-ready project positioning. */
.home-usp-section{padding-top:14px;padding-bottom:38px}.home-usp-shell{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:clamp(30px,5vw,76px);align-items:center;padding:clamp(31px,5vw,66px);border:1px solid rgba(169,200,255,.28);border-radius:30px;background:linear-gradient(135deg,#101827,#16243b 62%,#172a4b);color:#f5f8ff;box-shadow:0 28px 80px rgba(0,0,0,.34)}.home-usp-shell:before,.home-usp-shell:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(8px)}.home-usp-shell:before{width:420px;height:420px;right:-150px;top:-230px;background:rgba(91,116,255,.23)}.home-usp-shell:after{width:300px;height:300px;left:-150px;bottom:-210px;background:rgba(54,200,157,.13)}
.home-usp-copy{min-width:0}.home-usp-kicker{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(169,200,255,.28);border-radius:999px;background:rgba(255,255,255,.06);color:#b9d4ff;font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.home-usp-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:#68d3ad;box-shadow:0 0 0 5px rgba(104,211,173,.12)}.home-usp-copy h2{max-width:760px;margin:16px 0 17px;font-size:clamp(2.35rem,5vw,4.55rem);line-height:1.01;letter-spacing:-.055em;text-wrap:balance}.home-usp-copy>p{max-width:66ch;margin:0;color:#c7d4e9;font-size:clamp(1rem,1.6vw,1.14rem);line-height:1.68}.home-usp-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}.home-usp-actions .btn{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.07);color:#fff}.home-usp-actions .btn.primary{border-color:#c8ddff;background:#edf5ff;color:#142d55;box-shadow:0 14px 32px rgba(0,0,0,.2)}
.home-usp-proof{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 0;padding:0;list-style:none}.home-usp-proof li{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.045);color:#c7d4e9;font-size:.75rem;font-weight:750}.home-usp-proof li:before{content:"✓";color:#68d3ad;font-weight:950}
.home-usp-workflow{min-width:0;overflow:hidden;border:1px solid rgba(183,205,241,.19);border-radius:21px;background:#0c1422;box-shadow:0 22px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)}.home-usp-workflow-bar{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border-bottom:1px solid rgba(183,205,241,.14);background:#121e30}.home-usp-workflow-bar>span{width:8px;height:8px;border-radius:50%;background:#ff7777}.home-usp-workflow-bar>span:nth-child(2){background:#ffc766}.home-usp-workflow-bar>span:nth-child(3){background:#68d3ad}.home-usp-workflow-bar strong{margin-left:6px;color:#aebbd0;font-size:.72rem;letter-spacing:.03em}.home-usp-workflow ol{display:grid;gap:10px;margin:0;padding:16px;list-style:none}.home-usp-workflow li{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(183,205,241,.15);border-radius:14px;background:#111c2c}.home-usp-workflow li>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#1f3150;color:#b9d4ff;font-size:.72rem;font-weight:950}.home-usp-workflow li strong,.home-usp-workflow li small{display:block}.home-usp-workflow li strong{margin-bottom:2px;color:#f5f8ff;font-size:.91rem}.home-usp-workflow li small{color:#9eacc2;font-size:.75rem;line-height:1.45}.home-usp-workflow li em{padding:5px 8px;border-radius:999px;background:#17263b;color:#a9c8ff;font-size:.66rem;font-style:normal;font-weight:850;white-space:nowrap}.home-usp-workflow .home-usp-decision{border-color:rgba(104,211,173,.3);background:linear-gradient(135deg,rgba(104,211,173,.11),#111c2c)}.home-usp-workflow .home-usp-decision>span{background:rgba(104,211,173,.15);color:#85e2bf}.home-usp-workflow .home-usp-decision em{background:rgba(104,211,173,.13);color:#85e2bf}.home-usp-workflow>p{display:flex;align-items:center;gap:8px;margin:0;padding:12px 16px;border-top:1px solid rgba(183,205,241,.14);color:#9eacc2;font-size:.72rem}.home-usp-workflow>p span{color:#68d3ad;font-size:.62rem}
.home-usp-shell a:focus-visible{outline:3px solid #c8ddff;outline-offset:3px}
@media(max-width:980px){.home-usp-shell{grid-template-columns:1fr}.home-usp-copy{max-width:850px}.home-usp-workflow{max-width:760px}}
@media(max-width:600px){.home-usp-section{padding-top:4px;padding-bottom:26px}.home-usp-shell{padding:24px 18px;border-radius:22px}.home-usp-copy h2{font-size:clamp(2.2rem,11vw,3.15rem)}.home-usp-actions{display:grid}.home-usp-actions .btn{width:100%;text-align:center}.home-usp-proof{display:grid}.home-usp-workflow ol{padding:12px}.home-usp-workflow li{grid-template-columns:36px minmax(0,1fr);padding:12px}.home-usp-workflow li>span{width:36px;height:36px}.home-usp-workflow li em{grid-column:2;width:max-content;margin-top:3px}}

/* Featured graph-to-code demo and future multilingual narration. */
.featured-demo-section{padding-top:24px;padding-bottom:34px;scroll-margin-top:92px}
.featured-demo-shell{position:relative;isolation:isolate;overflow:hidden;padding:clamp(24px,4.5vw,58px);border:1px solid color-mix(in srgb,var(--accent) 46%,var(--border));border-radius:30px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--accent) 23%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface));box-shadow:0 28px 80px rgba(0,0,0,.25)}
.featured-demo-shell:before{content:"";position:absolute;z-index:-1;left:-140px;bottom:-190px;width:360px;height:360px;border-radius:50%;background:color-mix(in srgb,var(--success) 12%,transparent);filter:blur(8px)}
.featured-demo-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,5vw,70px);align-items:end;margin-bottom:clamp(24px,4vw,42px)}
.featured-demo-header>div{max-width:880px}.featured-demo-badge{display:inline-flex;align-items:center;min-height:29px;margin-right:9px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--success) 48%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.featured-demo-header h2{max-width:930px;margin:14px 0 15px;font-size:clamp(2.35rem,5.3vw,4.8rem);line-height:.99;letter-spacing:-.058em;text-wrap:balance}.featured-demo-header p{max-width:72ch;margin:0;color:var(--muted);font-size:clamp(1rem,1.6vw,1.13rem);line-height:1.65}
.featured-demo-proof{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px;margin:0;padding:0;list-style:none}.featured-demo-proof li{min-width:105px;padding:14px;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--surface2) 82%,transparent);text-align:center}.featured-demo-proof strong,.featured-demo-proof span{display:block}.featured-demo-proof strong{color:var(--accent2);font-size:1.42rem}.featured-demo-proof span{margin-top:2px;color:var(--muted);font-size:.69rem;line-height:1.3}
.featured-demo-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:22px;align-items:start}.featured-demo-media{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:#080b11;box-shadow:0 20px 55px rgba(0,0,0,.28)}.featured-demo-video{display:block;width:100%;aspect-ratio:16/9;background:#06080c;object-fit:contain}.featured-demo-video:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 68%,white);outline-offset:-4px}
.demo-language-panel{display:grid;gap:13px;padding:16px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,#080b11)}.demo-language-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-language-heading span,.demo-language-heading strong{display:block}.demo-language-heading>div>span{color:var(--muted);font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.demo-language-heading strong{margin-top:2px;font-size:.94rem}.demo-language-heading>.status{font-size:.65rem;white-space:nowrap}
.demo-language-options{display:flex;flex-wrap:wrap;gap:8px}.demo-language-options button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--text);font:inherit;font-size:.75rem;font-weight:800;cursor:pointer}.demo-language-options button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.demo-language-options button[aria-pressed="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent2)}.demo-language-options button:disabled{opacity:.56;cursor:not-allowed}.demo-language-options small{padding:2px 5px;border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted);font-size:.56rem;font-weight:800}
.demo-volume-control{display:grid;grid-template-columns:auto minmax(100px,220px);gap:12px;align-items:center;color:var(--muted);font-size:.7rem;font-weight:750}.demo-volume-control input{width:100%;accent-color:var(--accent)}.demo-volume-control input:disabled{opacity:.42}.demo-language-note{margin:0;color:var(--muted);font-size:.69rem;line-height:1.5}
.featured-demo-guide{padding:clamp(20px,3vw,30px);border:1px solid var(--border);border-radius:22px;background:color-mix(in srgb,var(--surface2) 76%,var(--surface));box-shadow:0 16px 42px rgba(0,0,0,.12)}.featured-demo-guide h3{margin:9px 0 20px;font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.1;letter-spacing:-.035em}.featured-demo-guide ol{display:grid;gap:11px;margin:0;padding:0;list-style:none}.featured-demo-guide li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:start;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.featured-demo-guide li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--accent) 15%,var(--surface));color:var(--accent2);font-size:.72rem;font-weight:900}.featured-demo-guide li strong{display:block;font-size:.86rem}.featured-demo-guide li p{margin:3px 0 0;color:var(--muted);font-size:.73rem;line-height:1.45}.featured-demo-actions{display:grid;gap:9px;margin-top:17px}.featured-demo-actions .btn{width:100%;text-align:center}.featured-demo-safety{margin:14px 2px 0;color:var(--muted);font-size:.68rem;line-height:1.5}
.featured-demo-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px}.featured-demo-outcomes article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--surface2) 72%,transparent)}.featured-demo-outcomes article>span{color:var(--accent2);font-size:.68rem;font-weight:950;letter-spacing:.08em}.featured-demo-outcomes strong{display:block;font-size:.88rem}.featured-demo-outcomes p{margin:4px 0 0;color:var(--muted);font-size:.73rem;line-height:1.48}.featured-demo-shell button:focus-visible,.featured-demo-shell a:focus-visible,.demo-volume-control input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 66%,white);outline-offset:3px}
.secondary-demo-section{padding-top:26px;scroll-margin-top:92px}.secondary-demo-section .demo-spotlight{border-color:var(--border);box-shadow:0 18px 50px rgba(0,0,0,.14)}
@media(max-width:1080px){.featured-demo-header{grid-template-columns:1fr}.featured-demo-proof{width:min(100%,430px)}.featured-demo-layout{grid-template-columns:1fr}.featured-demo-guide{max-width:none}.featured-demo-outcomes{grid-template-columns:1fr}}
@media(max-width:640px){.featured-demo-section{padding-top:8px}.featured-demo-shell{padding:22px 17px;border-radius:22px}.featured-demo-header{margin-bottom:21px}.featured-demo-header h2{font-size:clamp(2.2rem,11vw,3.25rem)}.featured-demo-badge{margin-bottom:8px}.featured-demo-proof{grid-template-columns:repeat(3,1fr);gap:7px}.featured-demo-proof li{min-width:0;padding:11px 5px}.featured-demo-proof strong{font-size:1.18rem}.featured-demo-media,.featured-demo-guide{border-radius:17px}.demo-language-panel{padding:14px 12px}.demo-language-heading{align-items:flex-start;flex-direction:column;gap:8px}.demo-language-heading>.status{white-space:normal}.demo-language-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.demo-language-options button{justify-content:center}.demo-volume-control{grid-template-columns:1fr}.featured-demo-guide{padding:19px 16px}.featured-demo-outcomes{gap:9px}.secondary-demo-section{padding-top:18px}}

/* Inclusive homepage: one product, four honest starting paths. */
.hero-product{position:relative;isolation:isolate;overflow:hidden;padding-top:clamp(58px,8vw,112px)}
.hero-product:before{content:"";position:absolute;z-index:-1;left:7%;top:4%;width:44vw;height:44vw;max-width:680px;max-height:680px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 15%,transparent),transparent 67%);filter:blur(5px)}
.hero-product h1{max-width:850px;text-wrap:balance}.hero-product>div:first-child>p{max-width:760px}.hero-product .workspace-window{border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}
.hero-audience-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:760px;margin-top:18px}.hero-audience-links a{display:grid;gap:2px;min-height:62px;padding:11px 13px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text);text-decoration:none;box-shadow:0 9px 25px rgba(0,0,0,.07)}.hero-audience-links a:hover{border-color:color-mix(in srgb,var(--accent) 52%,var(--border));transform:translateY(-1px)}.hero-audience-links strong{font-size:.83rem}.hero-audience-links span{color:var(--muted);font-size:.68rem;line-height:1.35}.hero-audience-links a:after{content:"→";position:absolute}.hero-audience-links a{position:relative;padding-right:36px}.hero-audience-links a:after{right:13px;top:50%;transform:translateY(-50%);color:var(--accent);font-weight:900}
.audience-paths-section{max-width:none;padding-top:clamp(36px,5vw,68px);padding-left:max(clamp(20px,5vw,72px),calc((100vw - var(--max))/2 + clamp(20px,5vw,72px)));padding-right:max(clamp(20px,5vw,72px),calc((100vw - var(--max))/2 + clamp(20px,5vw,72px)));background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface) 66%,transparent) 12%,color-mix(in srgb,var(--surface) 66%,transparent) 88%,transparent)}
.audience-paths-header{max-width:980px}.audience-paths-header h2{max-width:970px}.audience-track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.audience-track{--track:var(--accent);position:relative;isolation:isolate;overflow:hidden;padding:clamp(25px,3.5vw,40px);scroll-margin-top:96px;border:1px solid color-mix(in srgb,var(--track) 34%,var(--border));border-radius:27px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--track) 14%,transparent),transparent 23rem),linear-gradient(145deg,color-mix(in srgb,var(--track) 7%,var(--surface)),var(--surface) 58%);box-shadow:0 20px 56px rgba(0,0,0,.13)}.audience-track-human{--track:#64d5aa}.audience-track-developer{--track:#8e7cff}.audience-track-topline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px}.audience-track-label{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--track) 42%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--track) 10%,var(--surface));color:color-mix(in srgb,var(--track) 78%,var(--text));font-size:.7rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase}.audience-track-topline em{color:var(--muted);font-size:.7rem;font-style:normal;font-weight:800}.audience-track h3{max-width:670px;margin:22px 0 12px;font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.07;letter-spacing:-.045em;text-wrap:balance}.audience-track>p{max-width:68ch;margin:0;color:var(--muted);font-size:.97rem;line-height:1.65}
.audience-use-flow{display:grid;gap:9px;margin:25px 0 21px;padding:0;list-style:none}.audience-use-flow li{display:grid;grid-template-columns:37px minmax(0,1fr);gap:11px;align-items:center;min-height:68px;padding:10px 12px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--surface2) 72%,transparent)}.audience-use-flow li>span{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:color-mix(in srgb,var(--track) 17%,var(--surface));color:color-mix(in srgb,var(--track) 82%,var(--text));font-size:.72rem;font-weight:950}.audience-use-flow strong,.audience-use-flow small{display:block}.audience-use-flow strong{font-size:.86rem}.audience-use-flow small{margin-top:2px;color:var(--muted);font-size:.72rem;line-height:1.42}
.audience-feature-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}.audience-feature-tags li{padding:5px 8px;border:1px solid color-mix(in srgb,var(--track) 24%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--track) 7%,var(--surface));color:var(--muted);font-size:.68rem;font-weight:750}.audience-feature-tags li:before{content:"✓";margin-right:5px;color:var(--track);font-weight:950}.audience-track-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.audience-track-actions .btn{min-height:45px;padding:9px 13px;font-size:.78rem}.audience-track-actions .btn.primary{background:var(--track);border-color:var(--track);color:#fff}.audience-track a:focus-visible{outline:3px solid color-mix(in srgb,var(--track) 60%,white);outline-offset:3px}
.audience-outcome-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;margin-top:17px;border:1px solid var(--border);border-radius:16px;background:var(--border)}.audience-outcome-strip span{padding:13px 15px;background:var(--surface);color:var(--muted);font-size:.72rem;line-height:1.45}.audience-outcome-strip strong{display:block;margin-bottom:2px;color:var(--text);font-size:.78rem}
.complete-app-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end}.complete-app-header .section-header{max-width:900px;margin-bottom:0}.complete-app-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;padding-bottom:3px}.product-pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}.product-pillar-grid article{position:relative;overflow:hidden;min-height:245px;padding:24px;border:1px solid var(--border);border-radius:19px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 12px 34px rgba(0,0,0,.09);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.product-pillar-grid article:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 20px 45px rgba(0,0,0,.13)}.product-pillar-grid article>span{position:absolute;right:17px;top:13px;color:color-mix(in srgb,var(--accent) 28%,var(--muted));font-size:2.8rem;font-weight:950;line-height:1;letter-spacing:-.07em;opacity:.45}.product-pillar-grid h3{position:relative;margin:32px 0 10px;font-size:1.45rem;letter-spacing:-.03em}.product-pillar-grid p{position:relative;margin:0;color:var(--muted);font-size:.88rem;line-height:1.58}.product-pillar-grid strong{position:relative;display:block;margin-top:22px;color:var(--accent2);font-size:.71rem;letter-spacing:.055em;text-transform:uppercase}
@media(max-width:1060px){.audience-track-grid{grid-template-columns:1fr}.audience-track{max-width:900px}.complete-app-header{grid-template-columns:1fr}.complete-app-actions{justify-content:flex-start}.product-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-outcome-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hero-audience-links{grid-template-columns:1fr}.audience-paths-section{padding-top:38px}.audience-track{padding:22px 18px;border-radius:21px}.audience-track-topline{align-items:flex-start;flex-direction:column}.audience-track h3{font-size:clamp(1.8rem,9vw,2.4rem)}.audience-use-flow li{align-items:start}.audience-feature-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.audience-feature-tags li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audience-track-actions{display:grid}.audience-track-actions .btn{width:100%;text-align:center}.audience-outcome-strip,.product-pillar-grid{grid-template-columns:1fr}.complete-app-actions{display:grid}.complete-app-actions .btn{width:100%;text-align:center}.product-pillar-grid article{min-height:210px}.product-pillar-grid article:hover{transform:none}}

/* Manual entry: audience-first guidance with the same real starter profiles. */
.manual-audience-showcase{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(300px,.96fr);gap:clamp(24px,4vw,48px);margin:32px 0 50px;padding:clamp(25px,4vw,44px);border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-radius:27px;background:radial-gradient(circle at 4% 0,color-mix(in srgb,var(--success) 13%,transparent),transparent 31%),linear-gradient(145deg,color-mix(in srgb,var(--accent) 11%,var(--surface)),var(--surface));box-shadow:0 24px 65px rgba(0,0,0,.2)}
.manual-audience-showcase:after{content:"";position:absolute;z-index:-1;right:-120px;bottom:-170px;width:360px;height:360px;border-radius:50%;background:color-mix(in srgb,var(--accent2) 13%,transparent)}
.manual-audience-kicker{display:inline-flex;align-items:center;min-height:29px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--success) 38%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--success) 9%,var(--surface));color:var(--success);font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.article .manual-audience-showcase h2{max-width:660px;margin:16px 0 14px;padding:0;font-size:clamp(2rem,4.8vw,3.55rem);line-height:1.02;letter-spacing:-.05em;text-wrap:balance}.manual-audience-copy>p{margin:0;color:var(--muted);font-size:1rem;line-height:1.65}
.manual-audience-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.manual-audience-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 15px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface2) 84%,transparent);color:var(--text);font-size:.86rem;font-weight:850;text-decoration:none}.manual-audience-action-primary{border-color:var(--accent);background:var(--accent);color:#fff}.manual-audience-action:hover{transform:translateY(-1px);border-color:var(--accent)}
.manual-audience-trust{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0!important;padding:0!important;list-style:none}.manual-audience-trust li{display:inline-flex;align-items:center;gap:7px;margin:0;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--surface2) 82%,transparent);color:var(--muted);font-size:.7rem;font-weight:750}.manual-audience-trust li:before{content:"✓";color:var(--success);font-weight:950}
.manual-path-list{display:grid;gap:9px;align-content:center}.manual-path-list>a{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;min-height:70px;padding:11px 13px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface2) 76%,transparent);color:var(--text);text-decoration:none}.manual-path-list>a:hover{border-color:var(--accent);transform:translateX(2px)}.manual-path-list>a>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent2);font-size:.7rem;font-weight:950}.manual-path-list strong,.manual-path-list small{display:block}.manual-path-list strong{font-size:.87rem}.manual-path-list small{margin-top:2px;color:var(--muted);font-size:.72rem;line-height:1.4}.manual-audience-showcase a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 64%,white);outline-offset:3px}
@media(max-width:760px){.manual-audience-showcase{grid-template-columns:1fr}.manual-path-list{max-width:620px}}
@media(max-width:520px){.manual-audience-showcase{margin:24px 0 38px;padding:21px 17px;border-radius:21px}.manual-audience-actions{display:grid}.manual-audience-action{width:100%}.manual-audience-trust{display:grid}.manual-path-list>a{min-height:66px;padding:10px}}

/* Visual manual: app-matched HTML/CSS scenes shared by the site and every guide. */
.manual-screen-preview{margin:22px 0 38px;max-width:none}.manual-screen-preview figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0;padding:13px 15px;border:1px solid var(--border);border-top:0;border-radius:0 0 15px 15px;background:var(--surface);color:var(--muted);font-size:.82rem;line-height:1.45}.manual-screen-preview figcaption span,.manual-screen-preview figcaption strong{display:block}.manual-screen-preview figcaption strong{color:var(--text);font-size:.88rem}.manual-screen-preview figcaption a{flex:0 0 auto;font-weight:800;text-decoration:none}
.dd-app-preview{--dd-bg:#0d1015;--dd-panel:#12161d;--dd-panel-2:#181e27;--dd-panel-3:#202837;--dd-line:#343d4c;--dd-text:#f4f7fb;--dd-muted:#9fa9b8;--dd-blue:#9ec8ff;--dd-blue-2:#2d5c91;--dd-purple:#c6a8ee;--dd-green:#76d7af;position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;min-height:310px;border:1px solid #303846;border-radius:16px 16px 0 0;background:var(--dd-bg);color:var(--dd-text);box-shadow:0 20px 44px rgba(0,0,0,.22);font:500 clamp(7px,1vw,12px)/1.35 Inter,ui-sans-serif,system-ui,sans-serif;isolation:isolate}.dd-app-preview.is-compact{min-height:230px;border-radius:13px;box-shadow:none}.dd-app-preview *{box-sizing:border-box}.dd-app-preview button,.dd-app-preview input{pointer-events:none}.dd-app-titlebar{position:absolute;z-index:9;inset:0 0 auto 0;height:8.5%;display:flex;align-items:center;gap:2.1%;padding:0 1.3%;border-bottom:1px solid var(--dd-line);background:#0f1217;color:#c5ccd6;white-space:nowrap}.dd-app-titlebar>strong{font-size:1.12em;color:#fff}.dd-app-titlebar>span{font-size:.84em}.dd-app-titlebar>.dd-command{width:34%;margin:auto;padding:.55% 2%;border:1px solid #333d4d;border-radius:7px;background:#151a22;color:#98a2b0}.dd-app-titlebar>em{font-style:normal;color:#8993a1}.dd-tab-strip{position:absolute;z-index:8;left:0;right:0;top:100%;height:95%;display:flex;align-items:stretch;padding-left:20%;border-bottom:1px solid var(--dd-line);background:#0d1015}.dd-tab-strip>span{display:flex;align-items:center;gap:10%;min-width:0;max-width:19%;padding:0 1.2%;border-right:1px solid var(--dd-line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b2bbc8}.dd-tab-strip>span.active{border-bottom:2px solid var(--dd-blue);background:#151a22;color:#fff}.dd-tab-strip>span b{margin-left:auto;font-size:1.05em;color:#8e98a5}.dd-tab-strip>button{margin-left:auto;min-width:8%;border:0;border-left:1px solid var(--dd-line);background:#141922;color:#d9e1eb}.dd-tab-strip>button strong{display:inline-grid;place-items:center;min-width:1.45em;height:1.45em;border-radius:999px;background:#7c3540;color:#fff;font-size:.75em}.dd-app-viewport{position:absolute;inset:16.5% 0 0;background:var(--dd-bg)}.dd-scene-api .dd-app-viewport,.dd-scene-openapi .dd-app-viewport,.dd-scene-search .dd-app-viewport,.dd-scene-views .dd-app-viewport,.dd-scene-okf .dd-app-viewport,.dd-scene-utility .dd-app-viewport,.dd-scene-agent .dd-app-viewport,.dd-scene-settings .dd-app-viewport,.dd-scene-graph .dd-app-viewport{inset:8.5% 0 0}
.dd-app-rail{position:absolute;z-index:6;inset:0 auto 0 0;width:4.2%;display:flex;flex-direction:column;align-items:center;gap:6%;padding:1.2% .4%;border-right:1px solid var(--dd-line);background:#0d1015}.dd-app-rail .dd-brand-glyph{display:grid;place-items:center;width:68%;aspect-ratio:1;border-radius:5px;background:#103a69;color:#9ec8ff;font-size:.8em;font-weight:900}.dd-app-rail i{display:block;width:47%;aspect-ratio:1;border:1.5px solid #c2cad5;border-radius:2px;opacity:.8}.dd-app-rail i:nth-of-type(2){border-radius:50%}.dd-app-rail b{margin-top:auto;width:45%;aspect-ratio:1;border:2px dotted #98a2b0;border-radius:50%}.dd-project-tree{position:absolute;z-index:5;inset:0 auto 0 4.2%;width:20%;overflow:hidden;border-right:1px solid var(--dd-line);background:#11151b}.dd-tree-heading{display:flex;align-items:center;justify-content:space-between;height:11%;padding:0 8%;border-bottom:1px solid var(--dd-line);font-size:1.03em}.dd-tree-heading b{font-size:1.45em}.dd-tree-row{display:flex;align-items:center;gap:7%;height:9.2%;padding:0 7%;overflow:hidden;white-space:nowrap;color:#b6bfcb}.dd-tree-row.folder{color:#e4e9f0}.dd-tree-row.active{background:#193552;color:#cfe4ff}.dd-tree-row i{flex:0 0 1.05em;width:1.05em;height:.86em;border:1.5px solid #8ebff4;border-radius:2px}.dd-tree-row.folder i{border-top-width:3px}.dd-scene-main{position:absolute;inset:0 0 0 24.2%;padding:3.2%;overflow:hidden}.dd-scene-toolbar{display:flex;align-items:center;justify-content:space-between}.dd-scene-toolbar strong{font-size:1.55em}.dd-scene-toolbar button,.dd-view-footer button,.dd-json-status button{padding:.65em 1.05em;border:1px solid #6995c9;border-radius:7px;background:#9dc7f8;color:#10233a;font-weight:850}.dd-workspace-scene>p{margin:.8% 0 3%;color:var(--dd-muted)}.dd-tool-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4%;height:70%}.dd-tool-card-grid>div{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:6%;overflow:hidden;border:1px solid var(--dd-line);border-radius:9px;background:linear-gradient(145deg,#181d25,#12161c)}.dd-tool-card-grid strong,.dd-tool-card-grid small{display:block}.dd-tool-card-grid strong{font-size:1.12em}.dd-tool-card-grid small{color:var(--dd-muted)}.dd-tool-mark{position:absolute;top:14%;left:7%;width:38%;height:35%;border-radius:7px;background:linear-gradient(135deg,#20334c,#17202c)}.dd-tool-mark:after,.dd-tool-mark:before{content:"";position:absolute;border:2px solid var(--dd-blue);border-radius:50%}.dd-tool-mark:before{width:18%;height:28%;left:12%;top:38%}.dd-tool-mark:after{width:22%;height:34%;right:14%;top:17%}.dd-tool-mark.diagram:before{border-radius:2px}.dd-tool-mark.diagram:after{border-radius:2px;top:48%}.dd-tool-mark.api:before{width:54%;height:8%;left:18%;top:28%;border-radius:5px}.dd-tool-mark.api:after{width:54%;height:8%;right:15%;top:58%;border-radius:5px}.dd-tool-mark.git:before{left:20%;top:19%}.dd-tool-mark.git:after{right:20%;top:54%}
.dd-workbench-scene{background:repeating-linear-gradient(90deg,transparent 0 36px,rgba(255,255,255,.018) 37px),#0d1015}.dd-editor-header{display:flex;align-items:center;gap:2%;height:12%;padding:0 2.5%;border-bottom:1px solid var(--dd-line);background:#151a21}.dd-editor-header span,.dd-editor-header strong{margin-right:auto}.dd-editor-header b{padding:.35em .65em;border-radius:4px;color:var(--dd-muted)}.dd-editor-header b.active{background:#263348;color:#dcecff}.dd-code-line{width:54%;height:2.6%;margin:4% 0 0 6%;border-radius:8px;background:#34445a}.dd-code-line.wide{width:68%;background:#293849}.dd-code-line.short{width:36%;background:#263240}.dd-context-card{position:absolute;right:4%;top:20%;display:grid;gap:12%;width:22%;height:58%;padding:3%;border:1px solid var(--dd-line);border-radius:8px;background:#151a21}.dd-context-card span{padding:8%;border-radius:5px;background:#202734;color:var(--dd-muted)}.dd-hidden-menu{position:absolute;z-index:5;right:2%;top:2%;display:grid;width:28%;padding:2%;border:1px solid #4a5668;border-radius:8px;background:#1b2029;box-shadow:0 12px 30px rgba(0,0,0,.45)}.dd-hidden-menu strong{padding-bottom:4%;color:var(--dd-muted)}.dd-hidden-menu span{padding:5%;border-radius:4px}.dd-hidden-menu span:hover{background:#273140}
.dd-graph-toolbar{position:absolute;z-index:5;inset:2% 1% auto;display:flex;align-items:center;height:10%;padding:0 .4%;border:1px solid var(--dd-line);border-radius:8px;background:#181d24}.dd-graph-toolbar b,.dd-graph-toolbar span{display:grid;place-items:center;width:13%;height:72%;border-radius:6px}.dd-graph-toolbar b{background:#364862;color:#e7f2ff}.dd-graph-toolbar span{border:1px solid #4b5668}.dd-graph-toolbar i{width:3%;height:34%;margin-left:auto;border:2px solid #a5afbc;border-radius:50%}.dd-graph-toolbar i+i{margin-left:2%}.dd-graph-toolbar button{margin:0 1% 0 2%;padding:.65em;border:0;border-radius:50%;background:#3c4f69;color:#dfeeff}.dd-graph-stage{position:absolute;inset:14% 27% 0 1%;overflow:hidden;background-image:radial-gradient(#2b313b 1px,transparent 1px);background-size:20px 20px}.dd-graph-stage .node{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;gap:5%;width:23%;height:12%;border:1px solid #3b4450;border-radius:8px;background:#191e25;color:#d9dfe8;box-shadow:0 5px 15px rgba(0,0,0,.18)}.dd-graph-stage .node span{width:.55em;height:.55em;border-radius:50%;background:var(--dd-purple)}.dd-graph-stage .node.selected{border-color:var(--dd-blue);background:#285787;color:#fff;box-shadow:0 0 24px rgba(111,170,237,.26)}.dd-graph-stage .n1{left:41%;top:42%}.dd-graph-stage .n2{left:42%;top:10%}.dd-graph-stage .n3{left:8%;top:30%}.dd-graph-stage .n4{left:11%;top:70%}.dd-graph-stage .n5{right:3%;top:63%}.dd-graph-stage .edge{position:absolute;z-index:1;display:block;width:30%;height:1px;background:#4c6079;transform-origin:left center}.dd-graph-stage .e1{left:52%;top:43%;transform:rotate(-86deg)}.dd-graph-stage .e2{left:23%;top:36%;transform:rotate(24deg)}.dd-graph-stage .e3{left:23%;top:74%;transform:rotate(-33deg)}.dd-graph-stage .e4{left:52%;top:53%;transform:rotate(38deg)}.dd-graph-stage .e5{left:50%;top:52%;transform:rotate(145deg)}.dd-graph-controls{position:absolute;inset:14% 1% 2% auto;width:25%;padding:2%;overflow:hidden;border:1px solid var(--dd-line);border-radius:9px;background:#181d24}.dd-graph-controls>div{display:flex;justify-content:space-between;padding:6% 0;border-bottom:1px solid #2c3541}.dd-graph-controls label{display:block;margin:6% 0;padding:6%;border:1px solid #3c4654;border-radius:6px;color:var(--dd-muted)}.dd-graph-controls input{width:100%;accent-color:var(--dd-blue)}.dd-group-chip{display:inline-flex;margin:7% 3% 3% 0;padding:3% 5%;border-radius:999px;background:#293244}.dd-group-chip:before{content:"";width:.7em;height:.7em;margin-right:.45em;border-radius:50%;background:var(--dd-purple)}.dd-group-chip.blue:before{background:var(--dd-blue)}.dd-graph-play{position:absolute;z-index:4;right:3%;bottom:4%;display:flex;align-items:center;gap:.7em;padding:.55em .9em;border:1px solid #6c99ca;border-radius:999px;background:#1c3552;color:#fff;box-shadow:0 0 22px rgba(93,154,225,.34)}.dd-graph-play b{display:grid;place-items:center;width:2em;height:2em;border-radius:50%;background:var(--dd-blue);color:#10243b}.dd-graph-play span{font-weight:800}
.dd-shape-library{position:absolute;z-index:4;inset:0 auto 0 24.2%;width:19%;display:flex;flex-direction:column;gap:3%;padding:2%;border-right:1px solid var(--dd-line);background:#13171c}.dd-shape-library>label{padding:6%;border:1px solid #3b4551;border-radius:6px;color:var(--dd-muted)}.dd-shape-library>small{margin-top:2%;color:#9ca7b5;font-weight:900}.dd-shape-library>span{display:flex;align-items:center;gap:7%;height:8%;color:#d2d8e0}.dd-shape-library i{display:block;width:1.5em;height:1.05em;border:1.5px solid #c4ccd6;border-radius:2px}.dd-shape-library i.pill{border-radius:999px}.dd-shape-library i.diamond{transform:rotate(45deg);width:1em;height:1em}.dd-shape-library i.slant{transform:skew(-15deg)}.dd-shape-library i.cylinder{border-radius:50%/22%}.dd-diagram-stage{position:absolute;inset:0 0 0 43.2%;overflow:hidden;background-color:#0e1115;background-image:radial-gradient(#30363e 1px,transparent 1px);background-size:18px 18px}.dd-diagram-stage .shape{position:absolute;z-index:2;display:grid;place-items:center;width:27%;height:12%;border:1.5px solid #88afe0;background:#1e324a;color:#f2f7ff;font-weight:800}.dd-diagram-stage .start,.dd-diagram-stage .end{left:36%;border-radius:999px}.dd-diagram-stage .start{top:8%}.dd-diagram-stage .process{left:36%;top:34%;border-radius:6px}.dd-diagram-stage .decision{left:39%;top:58%;width:21%;transform:rotate(45deg);border-color:#caa7ed;background:#332447}.dd-diagram-stage .decision::after{content:"Valid?";transform:rotate(-45deg)}.dd-diagram-stage .decision{font-size:0}.dd-diagram-stage .end{top:82%}.dd-diagram-stage .connector{position:absolute;left:49%;z-index:1;width:1px;height:19%;background:#8caed5}.dd-diagram-stage .connector:after{content:"";position:absolute;bottom:-1px;left:-3px;border:4px solid transparent;border-top-color:#8caed5}.dd-diagram-stage .c1{top:20%}.dd-diagram-stage .c2{top:46%}.dd-diagram-stage .c3{top:69%}.dd-diagram-stage .edge-label{position:absolute;left:58%;top:72%;color:var(--dd-muted)}.dd-zoom{position:absolute;right:3%;bottom:3%;padding:1.5% 3%;border:1px solid var(--dd-line);border-radius:7px;background:#161b22;color:#d9e0e8}
.dd-canvas-stage{position:absolute;inset:0 0 0 24.2%;overflow:hidden;background-image:linear-gradient(#222831 1px,transparent 1px),linear-gradient(90deg,#222831 1px,transparent 1px);background-size:24px 24px}.canvas-card{position:absolute;z-index:2;width:24%;min-height:26%;padding:2%;border:1px solid #455062;border-radius:8px;background:#1a2029;box-shadow:0 8px 20px rgba(0,0,0,.25)}.canvas-card small,.canvas-card strong,.canvas-card p{display:block;margin:0}.canvas-card small{color:var(--dd-purple);text-transform:uppercase;font-size:.7em;font-weight:900}.canvas-card strong{margin-top:5%;font-size:1.1em}.canvas-card p{margin-top:5%;color:var(--dd-muted);font-size:.85em}.canvas-card.note{left:12%;top:20%}.canvas-card.file{left:58%;top:17%;border-color:#6087b8}.canvas-card.link{left:37%;top:60%;border-color:#6a907d}.canvas-edge{position:absolute;z-index:1;height:1px;background:#68809e;transform-origin:left center}.canvas-edge.e1{left:35%;top:34%;width:26%;transform:rotate(-4deg)}.canvas-edge.e2{left:29%;top:46%;width:24%;transform:rotate(42deg)}.canvas-group{position:absolute;inset:9% 7% 9% 6%;padding:1.5%;border:1px dashed #4b586c;border-radius:10px;color:#758399;text-align:right}
.dd-views-scene{inset:0;padding:3% 4%}.dd-view-tabs{display:flex;gap:1%;padding-bottom:2%;border-bottom:1px solid var(--dd-line)}.dd-view-tabs b{padding:.7em 1em;border-radius:6px;color:var(--dd-muted)}.dd-view-tabs b.active{background:#31425a;color:#fff}.dd-table-head,.dd-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;min-height:14%;padding:0 2%;border-bottom:1px solid #2b3440}.dd-table-head{margin-top:2%;min-height:11%;background:#171c23;color:var(--dd-muted);font-weight:800}.dd-table-row em{width:max-content;padding:.35em .7em;border-radius:999px;background:#293b51;color:#bcdcff;font-style:normal}.dd-table-row i{width:max-content;padding:.28em .6em;border-radius:5px;background:#302b43;color:#d8c7ef;font-style:normal}.dd-view-footer{display:flex;align-items:center;justify-content:space-between;margin-top:3%;color:var(--dd-muted)}
.dd-markdown-scene{position:absolute;inset:0 0 0 24.2%}.dd-editor-source,.dd-editor-preview{position:absolute;top:12%;bottom:0;width:50%;padding:5%;font-family:"Cascadia Code",Consolas,monospace}.dd-editor-source{left:0;border-right:1px solid var(--dd-line);background:#10141a;color:#a8c8ef}.dd-editor-source span{display:block;margin:0 0 7%;white-space:nowrap}.dd-editor-source span:nth-child(2){color:#d0b3ef}.dd-editor-source span:nth-child(n+3){color:#a9b5c5}.dd-editor-preview{right:0;background:#151a21;font-family:Inter,system-ui,sans-serif}.dd-editor-preview h4{margin:0 0 8%;font-size:1.55em}.dd-editor-preview h5{margin:0 0 6%;font-size:1.15em}.dd-editor-preview p,.dd-editor-preview li{color:var(--dd-muted)}
.dd-okf-scene{position:absolute;inset:0;padding:4% 7%;background:linear-gradient(145deg,#10141a,#0d1015)}.dd-okf-summary{display:flex;align-items:center;gap:3%;margin-bottom:4%}.dd-okf-summary strong{font-size:1.6em}.dd-okf-summary span{color:var(--dd-muted)}.dd-okf-summary button{margin-left:auto;padding:.8em 1em;border:1px solid #6e9dcc;border-radius:7px;background:#315f91;color:#fff}.dd-status-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2%;min-height:20%;margin-top:2%;padding:2.5%;border:1px solid var(--dd-line);border-radius:8px;background:#171c23}.dd-status-card>b{display:grid;place-items:center;width:2.3em;height:2.3em;border-radius:50%;background:#26303d}.dd-status-card span strong,.dd-status-card span small{display:block}.dd-status-card span small{color:var(--dd-muted)}.dd-status-card em{padding:.4em .75em;border-radius:999px;background:#252e3b;color:var(--dd-muted);font-style:normal}.dd-status-card.good>b{background:#153b30;color:var(--dd-green)}.dd-status-card.good em{color:var(--dd-green)}.dd-status-card.warn>b{background:#44351d;color:#ffcc78}.dd-status-card.warn em{color:#ffcc78}
.dd-api-sidebar,.dd-openapi-sidebar,.dd-git-sidebar,.dd-settings-nav{position:absolute;inset:0 auto 0 0;width:23%;display:flex;flex-direction:column;gap:2%;padding:3% 2%;border-right:1px solid var(--dd-line);background:#12161c}.dd-api-sidebar strong,.dd-openapi-sidebar strong,.dd-git-sidebar strong{margin:3% 0;color:#939eac;font-size:.76em;letter-spacing:.08em}.dd-api-sidebar span{padding:7%;border-radius:6px}.dd-api-sidebar span.active{background:#253348;color:#dcecff}.dd-api-sidebar b{padding:7%;border:1px solid #36404d;border-radius:6px}.dd-api-scene,.dd-openapi-scene,.dd-git-scene,.dd-settings-scene{position:absolute;inset:0 0 0 23%;padding:3%}.dd-request-bar{display:grid;grid-template-columns:auto 1fr auto;gap:1%;height:13%}.dd-request-bar b,.dd-request-bar span,.dd-request-bar button{display:flex;align-items:center;padding:0 1em;border:1px solid #384351}.dd-request-bar b{border-radius:7px 0 0 7px;background:#183d31;color:#7ce0b6}.dd-request-bar span{color:#d9e0e9}.dd-request-bar button{border-radius:0 7px 7px 0;background:#3c73aa;color:#fff}.dd-request-tabs{display:flex;gap:4%;height:11%;align-items:center;border-bottom:1px solid var(--dd-line);color:var(--dd-muted)}.dd-request-tabs b:first-child{color:var(--dd-blue)}.dd-response-head{display:flex;align-items:center;gap:2%;height:13%}.dd-response-head strong{margin-right:auto}.dd-response-head em{color:var(--dd-green);font-style:normal}.dd-api-scene pre{height:52%;margin:0;padding:3%;border:1px solid #303a47;border-radius:7px;background:#0b0f14;color:#bad6f7;font-size:1em}
.dd-openapi-sidebar{display:grid;grid-template-columns:auto 1fr;align-content:start}.dd-openapi-sidebar strong{grid-column:1/-1}.dd-openapi-sidebar span{display:grid;place-items:center;padding:.35em;border-radius:4px;font-size:.7em;font-weight:900}.dd-openapi-sidebar .get,.dd-openapi-title .get{background:#143c31;color:#79dab2}.dd-openapi-sidebar .post{background:#3a2b15;color:#f0bb68}.dd-openapi-sidebar b{padding:.45em 0}.dd-openapi-title{display:flex;align-items:center;gap:3%;padding:3%;border:1px solid var(--dd-line);border-radius:8px;background:#171c23}.dd-openapi-title span{padding:.45em .7em;border-radius:5px;font-weight:900}.dd-openapi-title strong{font-size:1.35em}.dd-openapi-title em{color:var(--dd-muted);font-style:normal}.dd-schema-card{display:grid;gap:11%;height:48%;margin:4% 0;padding:4%;border:1px solid var(--dd-line);border-radius:8px;background:#141920}.dd-schema-card span{padding:2%;border-radius:5px;background:#1d242e}.dd-schema-card span b{margin-right:4%;color:var(--dd-green)}.dd-openapi-scene>button{padding:1em 1.2em;border:0;border-radius:7px;background:#8fbcee;color:#11243a;font-weight:900}
.dd-search-scene{position:absolute;inset:0 5%;padding:4%}.dd-search-box{display:flex;align-items:center;gap:2%;padding:2%;border:1px solid #54749b;border-radius:8px;background:#171d25}.dd-search-box strong{margin-right:auto}.dd-search-box kbd{padding:.2em .55em;border:1px solid #47515e;border-radius:4px;color:var(--dd-muted)}.dd-search-scene>small{display:block;margin:2% 0;color:var(--dd-muted)}.dd-search-result{padding:2.2%;border-bottom:1px solid #2b343f}.dd-search-result.active{border-radius:7px;background:#1e2d40}.dd-search-result strong,.dd-search-result span{display:block}.dd-search-result span{color:var(--dd-blue);font-size:.8em}.dd-search-result p{margin:1% 0 0;color:var(--dd-muted);font-size:.86em}
.dd-json-scene{position:absolute;inset:0 0 0 24.2%}.dd-json-code{height:73%;padding:4% 7%;font:600 1.05em/1.8 "Cascadia Code",Consolas,monospace;color:#d8e2ef}.dd-json-code span{display:block}.dd-json-code i{color:#90d8b6;font-style:normal}.dd-json-status{display:flex;align-items:center;justify-content:space-between;height:15%;padding:0 3%;border-top:1px solid var(--dd-line);color:var(--dd-green)}
.dd-utility-scene{position:absolute;inset:0;padding:5% 10%}.dd-utility-head{display:flex;align-items:center;gap:2%;margin-bottom:3%}.dd-utility-head i{display:grid;place-items:center;width:3em;height:3em;border-radius:9px;background:#27364a;color:var(--dd-blue);font-style:normal;font-weight:900}.dd-utility-head strong,.dd-utility-head small{display:block}.dd-utility-head small{color:var(--dd-muted)}.dd-utility-scene>label{display:block;margin:2% 0 1%;color:var(--dd-muted);font-size:.8em;font-weight:800}.dd-utility-input,.dd-utility-output{min-height:20%;padding:3%;border:1px solid #3a4655;border-radius:7px;background:#141920;color:var(--dd-muted)}.dd-utility-actions{display:flex;gap:2%;margin:2% 0}.dd-utility-actions button{padding:.7em 1.1em;border:1px solid #4e6074;border-radius:6px;background:#202a37;color:#dfe6ef}.dd-utility-actions button:first-child{border-color:#6b9ed2;background:#315f91}.dd-utility-output{min-height:12%;color:var(--dd-text)}.dd-utility-output b{margin-right:1%;color:var(--dd-green)}
.dd-git-sidebar label{height:18%;padding:5%;border:1px solid #3b4654;border-radius:6px;color:var(--dd-muted)}.dd-git-sidebar button{padding:.7em;border:0;border-radius:6px;background:#32679b;color:white}.dd-git-sidebar small{margin-top:6%;color:var(--dd-muted);font-weight:900}.dd-git-sidebar span{padding:4%;white-space:nowrap}.dd-git-toolbar{display:flex;align-items:center;gap:2%;height:11%;border-bottom:1px solid var(--dd-line)}.dd-git-toolbar strong{margin-right:auto;font-size:1.2em}.dd-git-toolbar b,.dd-git-toolbar button{padding:.5em .8em;border:1px solid #3b4653;border-radius:5px;background:#181e26;color:#d5dce5}.dd-commit-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2%;min-height:18%;padding:2%;border-bottom:1px solid #2b343f}.dd-commit-row.active{background:#1b2939}.dd-commit-row>i{width:1.2em;height:1.2em;border:3px solid #8fb8e8;border-radius:50%}.dd-commit-row strong,.dd-commit-row small{display:block}.dd-commit-row small,.dd-commit-row em{color:var(--dd-muted);font-style:normal}.dd-diff-line{margin-top:2%;padding:1.2% 2%;font-family:"Cascadia Code",Consolas,monospace}.dd-diff-line.remove{background:#3b1e23;color:#ffb1b6}.dd-diff-line.add{background:#15352a;color:#8ee1b8}
.dd-agent-scene{position:absolute;inset:0;padding:4% 7%}.dd-agent-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2%;margin-bottom:3%}.dd-agent-stats span{padding:8%;border:1px solid var(--dd-line);border-radius:7px;background:#171c23}.dd-agent-stats b,.dd-agent-stats small{display:block}.dd-agent-stats b{font-size:1.25em}.dd-agent-stats small{color:var(--dd-muted)}.dd-agent-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2%;min-height:19%;padding:2%;border-bottom:1px solid #2b343f}.dd-agent-row.active{border-radius:7px;background:#1b2a3b}.dd-agent-row>i{width:1em;height:1em;border-radius:50%;background:var(--dd-green);box-shadow:0 0 0 4px rgba(118,215,175,.12)}.dd-agent-row strong,.dd-agent-row small{display:block}.dd-agent-row small{color:var(--dd-muted)}.dd-agent-row em{padding:.4em .7em;border-radius:999px;background:#28364a;color:#bdd9f8;font-style:normal}.dd-review-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2%;margin-top:3%;padding:2%;border:1px solid #725f39;border-radius:8px;background:#2b2419}.dd-review-card>b{display:grid;place-items:center;width:2em;height:2em;border-radius:50%;background:#cf9a43;color:#211607}.dd-review-card strong,.dd-review-card small{display:block}.dd-review-card small{color:#c8b995}.dd-review-card button{padding:.7em 1em;border:0;border-radius:6px;background:#d6a354;color:#211607;font-weight:900}
.dd-settings-nav{gap:1%}.dd-settings-nav span{padding:7%;border-radius:6px}.dd-settings-nav span.active{background:#25364b;color:#dcecff}.dd-settings-scene h4{margin:0 0 2%;font-size:1.35em}.dd-setting-row{display:flex;align-items:center;justify-content:space-between;min-height:19%;padding:2%;border-bottom:1px solid #2c3540}.dd-setting-row span strong,.dd-setting-row span small{display:block}.dd-setting-row span small{color:var(--dd-muted)}.dd-setting-row>b{padding:.5em .8em;border:1px solid #3c4755;border-radius:5px}.toggle{position:relative;width:2.8em;height:1.5em;border-radius:999px;background:#304259}.toggle:after{content:"";position:absolute;right:.2em;top:.2em;width:1.1em;height:1.1em;border-radius:50%;background:var(--dd-blue)}.dd-recovery-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2%;padding:3%;border:1px solid #365c4e;border-radius:8px;background:#15271f}.dd-recovery-card>b{color:var(--dd-green);font-size:1.4em}.dd-recovery-card strong,.dd-recovery-card small{display:block}.dd-recovery-card small{color:#a8c5b9}.dd-recovery-card button{padding:.7em 1em;border:1px solid #5b917c;border-radius:6px;background:#214b3c;color:#dff8ed}
.visual-guide-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:24px;align-items:center;margin:28px 0 42px;padding:clamp(22px,4vw,38px);border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:24px;background:radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 37%),var(--surface)}.visual-guide-intro h2{margin:.25em 0 .35em!important;padding:0!important;font-size:clamp(1.8rem,4vw,2.8rem)!important}.visual-guide-intro p{color:var(--muted)}.visual-guide-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none}.visual-guide-steps li{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:11px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface2) 80%,transparent)}.visual-guide-steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--accent);color:#fff}.visual-guide-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin:20px 0}.visual-guide-search{width:100%;min-height:48px;padding:11px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}.visual-guide-filters{display:flex;flex-wrap:wrap;gap:8px}.visual-guide-filters button{min-height:40px;padding:8px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);cursor:pointer}.visual-guide-filters button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}.visual-guide-status{margin:-6px 0 16px;color:var(--muted);font-size:.82rem}.visual-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:18px 0 42px}.visual-feature-card{overflow:hidden;border:1px solid var(--border);border-radius:19px;background:var(--surface);box-shadow:0 12px 30px rgba(0,0,0,.08)}.visual-feature-card[hidden]{display:none}.visual-feature-card [data-manual-preview]{padding:11px;background:#090c11}.visual-feature-card .dd-app-preview{min-height:210px;border-radius:12px;box-shadow:none}.visual-feature-copy{padding:18px}.visual-feature-copy>span{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--surface2);color:var(--muted);font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.visual-feature-copy h3{margin:10px 0 6px}.visual-feature-copy p{margin:0 0 13px;color:var(--muted);font-size:.9rem;line-height:1.55}.visual-feature-copy a{font-weight:850;text-decoration:none}.visual-manual-home{margin:20px 0}.visual-manual-home .visual-feature-grid{margin-bottom:0}.visual-manual-home .section-header{margin-bottom:20px}
@media(max-width:900px){.visual-feature-grid{grid-template-columns:1fr}.visual-guide-intro{grid-template-columns:1fr}.visual-guide-tools{grid-template-columns:1fr}.manual-screen-preview figcaption{flex-direction:column}.manual-screen-preview figcaption a{flex:auto}.dd-app-preview{min-height:280px}}
@media(max-width:600px){.manual-screen-preview{margin-left:-8px;margin-right:-8px}.dd-app-preview{aspect-ratio:4/3;min-height:275px}.dd-app-preview.is-compact,.visual-feature-card .dd-app-preview{aspect-ratio:16/10;min-height:190px}.dd-app-titlebar>span{display:none}.dd-app-titlebar>.dd-command{width:54%}.dd-tab-strip{padding-left:0}.dd-tab-strip>span{max-width:23%}.dd-tab-strip>span:nth-child(n+4){display:none}.dd-project-tree{width:28%;left:5.5%}.dd-app-rail{width:5.5%}.dd-scene-main,.dd-markdown-scene,.dd-json-scene{left:33.5%}.dd-shape-library{left:33.5%;width:25%}.dd-diagram-stage{left:58.5%}.dd-tool-card-grid{grid-template-columns:1fr 1fr}.dd-tool-card-grid>div{padding:7%}.dd-tool-card-grid>div:nth-child(n+3){display:none}.dd-graph-controls{display:none}.dd-graph-stage{right:1%}.dd-api-sidebar,.dd-openapi-sidebar,.dd-git-sidebar,.dd-settings-nav{width:30%}.dd-api-scene,.dd-openapi-scene,.dd-git-scene,.dd-settings-scene{left:30%}.visual-guide-filters{overflow:auto;flex-wrap:nowrap;padding-bottom:5px}.visual-guide-filters button{flex:0 0 auto}.visual-feature-card [data-manual-preview]{padding:7px}}
@media(prefers-reduced-motion:no-preference){.dd-graph-play{animation:dd-play-pulse 2.4s ease-in-out infinite}.dd-app-preview:hover .dd-graph-stage .node.selected{box-shadow:0 0 31px rgba(111,170,237,.4)}}
@keyframes dd-play-pulse{0%,100%{transform:translateY(0);box-shadow:0 0 18px rgba(93,154,225,.25)}50%{transform:translateY(-2px);box-shadow:0 0 28px rgba(93,154,225,.46)}}

/* DevDesk 1.2 marketing: product-real AI Harness preview and release proof. */
.hero-product h1{font-size:clamp(3rem,5.35vw,5.1rem)}
.workspace-window-bar b{margin-left:auto;padding:4px 8px;border:1px solid rgba(104,211,173,.27);border-radius:999px;background:rgba(104,211,173,.1);color:#85e2bf;font-size:.62rem;letter-spacing:.045em;white-space:nowrap}
.ai-harness-window{background:#090f1a}
.ai-harness-mock{min-height:500px;padding:16px;background:radial-gradient(circle at 96% 4%,rgba(91,116,255,.22),transparent 31%),linear-gradient(155deg,#0c1422,#111a2a 60%,#0d1726);color:#f5f8ff}
.ai-mock-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;padding:10px 12px;border:1px solid rgba(183,205,241,.14);border-radius:12px;background:rgba(255,255,255,.035);font-size:.72rem}.ai-mock-context span{color:#a9c8ff;font-weight:850}.ai-mock-context strong{color:#8edfbf;font-size:.65rem}
.ai-mock-thread{display:grid;gap:12px}.ai-mock-message{padding:14px;border:1px solid rgba(183,205,241,.14);border-radius:15px;background:#131e30;box-shadow:0 14px 28px rgba(0,0,0,.14)}.ai-mock-message>span{display:block;margin-bottom:6px;color:#9eacc2;font-size:.63rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.ai-mock-message p{margin:0;color:#edf3ff;font-size:.8rem;line-height:1.52}.ai-mock-user{margin-left:10%;background:linear-gradient(135deg,#1a2942,#17243a)}
.ai-mock-attachments{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.ai-mock-attachments em{padding:5px 8px;border:1px solid rgba(169,200,255,.2);border-radius:8px;background:rgba(169,200,255,.07);color:#bed7ff;font-size:.64rem;font-style:normal;font-weight:750}
.ai-mock-assistant{margin-right:5%;border-color:rgba(104,211,173,.22);background:linear-gradient(135deg,rgba(104,211,173,.08),#111c2c 56%)}.ai-mock-assistant>strong{display:block;margin-bottom:9px;font-size:.87rem}.ai-mock-assistant ol{display:grid;gap:7px;margin:0;padding:0;list-style:none}.ai-mock-assistant li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:9px;align-items:center;padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.04)}.ai-mock-assistant li b{color:#85e2bf;font-size:.65rem}.ai-mock-assistant li small{color:#b8c5d9;font-size:.65rem;line-height:1.4}
.ai-mock-composer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding:10px 11px;border:1px solid rgba(183,205,241,.2);border-radius:12px;background:#0a111d;color:#9eacc2;font-size:.69rem}.ai-mock-composer strong{padding:6px 10px;border-radius:8px;background:#705ff0;color:#fff;font-size:.65rem}.floating-badge strong{color:var(--text)}
.ai-launch-section{padding-top:12px;padding-bottom:54px}.ai-launch-shell{position:relative;isolation:isolate;overflow:hidden;padding:clamp(28px,5vw,62px);border:1px solid color-mix(in srgb,var(--accent) 33%,var(--border));border-radius:30px;background:radial-gradient(circle at 94% 0,color-mix(in srgb,var(--accent2) 13%,transparent),transparent 30rem),linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface));box-shadow:var(--shadow)}.ai-launch-shell:after{content:"";position:absolute;z-index:-1;left:-100px;bottom:-170px;width:330px;height:330px;border-radius:50%;background:color-mix(in srgb,var(--accent) 11%,transparent);filter:blur(12px)}
.ai-launch-header{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);gap:clamp(24px,5vw,70px);align-items:end}.release-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--success) 35%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--success) 9%,var(--surface));color:var(--success);font-size:.75rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase}.release-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 12%,transparent)}.ai-launch-header h2{max-width:850px;margin:15px 0 0;font-size:clamp(2.35rem,5vw,4.6rem);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}.ai-launch-header>p{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.72}
.ai-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px}.ai-capability-grid article{min-height:260px;padding:22px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface2) 62%,var(--surface));box-shadow:0 12px 30px rgba(0,0,0,.08)}.ai-capability-grid article>span{color:var(--accent);font-size:.71rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.ai-capability-grid h3{margin:18px 0 9px;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.18;letter-spacing:-.025em}.ai-capability-grid p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.62}
.ai-proof-band{display:grid;grid-template-columns:repeat(3,minmax(135px,.65fr)) minmax(260px,1.35fr);gap:12px;align-items:stretch;margin-top:16px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:19px;background:color-mix(in srgb,var(--bg) 55%,var(--surface))}.ai-proof-band>div:not(.ai-proof-actions){display:grid;align-content:center;padding:12px 14px;border-right:1px solid var(--border)}.ai-proof-band>div:nth-child(3){border-right:0}.ai-proof-band strong,.ai-proof-band span{display:block}.ai-proof-band>div>strong{font-size:1.05rem;letter-spacing:-.015em}.ai-proof-band>div>span{margin-top:3px;color:var(--muted);font-size:.72rem;line-height:1.35}.ai-proof-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.ai-proof-actions .btn{min-height:44px;padding:9px 13px;font-size:.78rem}.ai-boundary-note{margin:15px 2px 0;color:var(--muted);font-size:.82rem;line-height:1.6}.ai-boundary-note strong{color:var(--text)}
.release-teaser{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:clamp(22px,5vw,60px);align-items:center;margin:0 0 28px;padding:clamp(25px,5vw,52px);border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-radius:27px;background:radial-gradient(circle at 98% 2%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 25rem),linear-gradient(140deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),var(--surface));box-shadow:var(--shadow)}.release-teaser h2{margin:14px 0 12px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.045em;text-wrap:balance}.release-teaser-copy>p{max-width:72ch;margin:0;color:var(--muted);font-size:1rem;line-height:1.68}.release-teaser .button-row{margin-top:22px}.release-teaser-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.release-teaser-list li{padding:15px 16px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface2) 65%,var(--surface))}.release-teaser-list strong,.release-teaser-list span{display:block}.release-teaser-list strong{font-size:.9rem}.release-teaser-list span{margin-top:3px;color:var(--muted);font-size:.78rem;line-height:1.45}.release-teaser-status{grid-column:1/-1;margin:0;padding-top:14px;border-top:1px solid var(--border);color:var(--muted);font-size:.79rem;line-height:1.55}
@media(max-width:1180px){.ai-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-capability-grid article{min-height:220px}.ai-proof-band{grid-template-columns:repeat(3,1fr)}.ai-proof-actions{grid-column:1/-1;justify-content:flex-start;padding-top:4px}}
@media(max-width:900px){.ai-launch-header,.release-teaser{grid-template-columns:1fr}.ai-launch-header>p{max-width:720px}}
@media(max-width:600px){.hero-product h1{font-size:clamp(2.45rem,12vw,3.25rem)}.workspace-window-bar b{display:none}.ai-harness-mock{min-height:auto;padding:11px}.ai-mock-user{margin-left:4%}.ai-mock-assistant{margin-right:2%}.ai-launch-section{padding-top:4px;padding-bottom:42px}.ai-launch-shell,.release-teaser{padding:23px 17px;border-radius:21px}.ai-launch-header h2{font-size:clamp(2.15rem,11vw,3.1rem)}.ai-capability-grid{grid-template-columns:1fr;margin-top:25px}.ai-capability-grid article{min-height:0;padding:20px}.ai-proof-band{grid-template-columns:1fr;padding:11px}.ai-proof-band>div:not(.ai-proof-actions){padding:10px;border-right:0;border-bottom:1px solid var(--border)}.ai-proof-band>div:nth-child(3){border-bottom:0}.ai-proof-actions{display:grid}.ai-proof-actions .btn{width:100%;text-align:center}.release-teaser .button-row{display:grid}.release-teaser .button-row .btn{width:100%;text-align:center}}

/* Purposeful marketing-model placements: hero + final conversion panel only. */
.hero-model-stage{
  min-height:620px;
  padding:22px 0 42px;
}
.hero-model-stage .workspace-window{
  position:relative;
  z-index:1;
  width:79%;
  margin:34px 0 0;
}
.hero-model-stage:after{
  content:"";
  position:absolute;
  right:-8%;
  bottom:1%;
  z-index:0;
  width:64%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent2) 20%,transparent),transparent 69%);
  filter:blur(9px);
}
.hero-model-wrap{
  position:absolute;
  inset:0 -9% 0 auto;
  z-index:3;
  width:62%;
  pointer-events:none;
}
.hero-art img.marketing-model{
  position:absolute;
  right:0;
  bottom:0;
  width:100%;
  height:96%;
  object-fit:contain;
  object-position:right bottom;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  filter:drop-shadow(0 28px 32px rgba(0,0,0,.38));
}
.model-guide-note{
  position:absolute;
  left:-25%;
  bottom:17%;
  z-index:4;
  width:min(225px,58%);
  padding:13px 15px;
  border:1px solid color-mix(in srgb,var(--accent2) 36%,var(--border));
  border-radius:15px;
  background:color-mix(in srgb,var(--surface) 90%,transparent);
  box-shadow:0 18px 42px rgba(0,0,0,.28);
  backdrop-filter:blur(18px);
}
.model-guide-note span,.model-guide-note strong{display:block}
.model-guide-note span{color:var(--accent2);font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.model-guide-note strong{margin-top:3px;color:var(--text);font-size:.78rem;line-height:1.38}
.hero-model-stage .hero-signal{z-index:5}
.hero-model-stage .hero-signal-local{right:-5%;top:7%}
.hero-model-stage .floating-badge{z-index:5;left:1%;right:auto;bottom:1%}
.hero-model-stage[data-model-visible="false"] .hero-model-wrap,
html[data-marketing-models="hidden"] .hero-model-wrap{display:none}
.hero-model-stage[data-model-visible="false"] .workspace-window,
html[data-marketing-models="hidden"] .hero-model-stage .workspace-window{width:100%;max-width:680px;margin-inline:auto}

.cta-panel-model{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);
  gap:clamp(10px,3vw,42px);
  align-items:stretch;
  min-height:500px;
  padding:0 0 0 clamp(30px,6vw,68px);
}
.cta-model-copy{align-self:center;padding-block:clamp(34px,6vw,68px)}
.cta-model-copy h2{max-width:820px}
.cta-model-wrap{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:500px;
  border-left:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));
  background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 58%);
}
.cta-model-wrap:before{
  content:"";
  position:absolute;
  inset:10% -28% -34% 5%;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 34%,transparent),transparent 68%);
  filter:blur(6px);
}
.cta-model{
  position:absolute;
  right:clamp(-54px,-4vw,-12px);
  bottom:-10%;
  width:min(118%,480px);
  height:auto;
  filter:drop-shadow(0 28px 34px rgba(0,0,0,.36));
}
.cta-model-proof{
  position:absolute;
  top:26px;
  left:24px;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.cta-model-proof span{
  padding:6px 9px;
  border:1px solid color-mix(in srgb,var(--success) 34%,var(--border));
  border-radius:999px;
  background:color-mix(in srgb,var(--surface) 88%,transparent);
  color:var(--success);
  font-size:.68rem;
  font-weight:850;
  backdrop-filter:blur(12px);
}
.cta-panel-model[data-model-visible="false"],
html[data-marketing-models="hidden"] .cta-panel-model{grid-template-columns:1fr;padding:clamp(30px,6vw,68px)}
.cta-panel-model[data-model-visible="false"] .cta-model-wrap,
html[data-marketing-models="hidden"] .cta-model-wrap{display:none}

@media(max-width:1100px){
  .hero-model-stage{min-height:590px}
  .hero-model-stage .workspace-window{width:82%}
  .hero-model-wrap{right:-5%;width:58%}
  .model-guide-note{left:-30%}
  .cta-panel-model{grid-template-columns:minmax(0,1fr) 300px}
}
@media(max-width:820px){
  .hero-model-stage{min-height:650px}
  .hero-model-stage .workspace-window{width:82%;margin-top:24px}
  .hero-model-wrap{right:-2%;width:55%}
  .hero-model-stage .floating-badge{position:absolute;left:8px;bottom:5px;margin:0}
  .model-guide-note{left:-37%;bottom:20%}
  .cta-panel-model{grid-template-columns:minmax(0,1fr) minmax(245px,.62fr)}
}
@media(max-width:680px){
  .hero-model-stage{min-height:545px;padding-bottom:36px}
  .hero-model-stage .workspace-window{width:94%;margin-top:8px}
  .hero-model-wrap{right:-13%;width:60%}
  .model-guide-note{display:none}
  .hero-model-stage .floating-badge{max-width:218px;font-size:.7rem}
  .cta-panel-model{grid-template-columns:1fr;min-height:0;padding:24px 18px 0}
  .cta-model-copy{padding:0}
  .cta-model-wrap{min-height:390px;margin:8px -18px 0;border-top:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-left:0}
  .cta-model{right:50%;bottom:-20%;width:min(90%,390px);transform:translateX(50%)}
  .cta-model-proof{top:18px;left:18px}
}
@media(max-width:430px){
  .hero-model-stage{min-height:500px}
  .hero-model-stage .workspace-window{width:100%}
  .hero-model-wrap{right:-19%;width:63%}
  .hero-model-stage .floating-badge{left:6px;max-width:188px}
  .cta-model-wrap{min-height:345px}
}

/* Branded DevDesk workspace banner. */
.hero-product:has(.hero-banner-stage){
  grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);
  gap:clamp(34px,4vw,64px);
}
.hero-product.hero-banner-disabled{grid-template-columns:minmax(0,920px);justify-content:center}
.hero-banner-stage{align-self:center;padding:0;isolation:isolate}
.hero-banner-stage:before{
  inset:-9% -6%;
  border-radius:34px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,transparent),color-mix(in srgb,var(--accent2) 18%,transparent));
  filter:blur(42px);
  opacity:.7;
}
.workspace-brand-banner{
  position:relative;
  overflow:hidden;
  margin:0;
  border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));
  border-radius:30px;
  background:#080c13;
  box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08);
}
.hero-art .workspace-banner-image{
  position:relative;
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1672/941;
  object-fit:cover;
  border:0;
  border-radius:0;
  background:#080c13;
  box-shadow:none;
}
@media(max-width:1100px){
  .hero-product:has(.hero-banner-stage){grid-template-columns:1fr}
  .hero-banner-stage{width:100%;max-width:none;margin-inline:auto}
}
@media(max-width:600px){
  .workspace-brand-banner{border-radius:20px}
}