/* Public homepage and docs. Layout, copy and interaction hooks stay intact. */
:root{--bg:var(--dw-bg);--surface:var(--dw-panel);--text:var(--dw-text);--muted:var(--dw-muted);--dim:var(--dw-muted);--line:var(--dw-line-soft);--pink:var(--dw-cyan);--pink-light:var(--dw-cyan);--purple:var(--dw-purple);--radius:12px;--font:var(--dw-font);--mono:var(--dw-mono)}
html,body{background:var(--dw-bg)}
.site-header{background:#151522f5;border-bottom:1px solid var(--dw-line);backdrop-filter:blur(12px)}
.brand{gap:0;letter-spacing:0;line-height:1}.brand .dw-wordmark{width:136px;height:46px;transform:rotate(-2deg)}
.site-nav a{color:var(--dw-muted);position:relative}.site-nav a:hover,.site-nav a.current{color:var(--dw-text)}
.site-nav a.current:after,.site-nav a[aria-current=page]:after{content:"";position:absolute;bottom:-8px;left:0;width:25px;height:3px;background:var(--dw-cyan);transform:rotate(-5deg);box-shadow:10px 2px 0 var(--dw-pink);pointer-events:none}
.button{border:1px solid var(--dw-cyan);border-radius:5px;background:var(--dw-cyan);color:var(--dw-bg);font-weight:750;box-shadow:3px 3px 0 #0b0b14,4px 4px 0 var(--dw-pink);transition:transform var(--dw-motion),box-shadow var(--dw-motion),background var(--dw-motion)}
.button:hover{background:#6de4ff;border-color:#6de4ff;box-shadow:4px 4px 0 #0b0b14,5px 5px 0 var(--dw-pink);transform:translate(-1px,-1px)}
.button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--dw-pink)}
.button-outline{background:var(--dw-panel);color:var(--dw-text);border-color:#6b647c;box-shadow:none}.button-outline:hover{background:#2b293f;border-color:var(--dw-cyan);box-shadow:2px 2px 0 #00cfff55}.button-light{background:var(--dw-highlight);border-color:var(--dw-highlight);box-shadow:4px 4px 0 var(--dw-pink)}
.eyebrow{color:var(--dw-cyan);font-weight:700;letter-spacing:1.6px}.status-dot{background:var(--dw-cyan);box-shadow:none}.hero{isolation:isolate}.hero:before{inset:0 -18px 16%;background:radial-gradient(ellipse at 85% 50%,#9b4dff0c,transparent 54%);border:0}
.hero:after{content:"";position:absolute;top:20px;left:0;width:97px;height:22px;opacity:.17;background:repeating-linear-gradient(125deg,#aba7bf 0 1px,transparent 1px 7px);clip-path:polygon(4% 6%,100% 0,92% 89%,0 100%);pointer-events:none;z-index:-1}
.hero h1{font-weight:850;letter-spacing:-2.4px;line-height:1.27;position:relative}.gradient-text{background:none;color:var(--dw-cyan);position:relative;text-shadow:2px 2px 0 #ff3da63d}
.hero .gradient-text:after,.integration-grid .gradient-text:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:8px;background:var(--dw-pink);clip-path:polygon(0 40%,96% 0,100% 40%,10% 100%);opacity:.85;transform:rotate(-2deg);pointer-events:none}
.hero-description,.section-description,.section-heading p{color:var(--dw-muted)}.hero-note{color:var(--dw-muted)}.hero-note i{background:#6d687e}
.gateway-art{background:none;overflow:visible}.gateway-art:before{inset:25px 0;background-image:url('/brand/strokes.svg');background-size:100% 100%;background-repeat:no-repeat;mask-image:none;opacity:.85;z-index:0;pointer-events:none}
.gateway-caption{color:var(--dw-muted);font-weight:500}.orbital{border-color:#aba7bf2c;box-shadow:none}.orbital-two{border-color:#9b4dff44}.orbital-three{border-color:#00cfff38;transform:translate(-50%,-50%) rotate(30deg) scaleY(.91)}
.gateway-lines{opacity:.48}.signal-line{animation:none}.gateway-core{border-radius:22% 18% 24% 15%;border:2px solid var(--dw-cyan);transform:translate(-50%,-50%) rotate(-7deg);background:var(--dw-bg);box-shadow:7px 6px 0 #ff3da6b3;padding:8px}.core-inner{border-radius:16%;background:var(--dw-panel);box-shadow:none;border:1px solid #aba7bf2b;transform:rotate(7deg)}
.core-inner .dw-wordmark{width:125px;height:49px}.core-inner>small{color:var(--dw-muted);margin-top:5px;font-size:7px}.model-chip{background:var(--dw-panel);border:1px solid var(--dw-line);border-radius:5px;box-shadow:3px 3px 0 #0e0e18;backdrop-filter:none}.model-chip b{color:var(--dw-text)}.model-chip small{color:var(--dw-muted)}.model-chip svg,.chip-icon{color:var(--dw-cyan)}.chip-two svg,.chip-four svg{color:var(--dw-pink)}
.endpoint-pill{background:var(--dw-inset);border-color:var(--dw-line);border-radius:5px;transform:translateX(-50%) rotate(-2deg)}.endpoint-pill code,.endpoint-pill svg,.art-caption{color:var(--dw-muted)}
.capability-strip{border-color:var(--dw-line);color:var(--dw-muted)}.capability-strip svg{color:var(--dw-cyan)}.capability-strip .strip-label{color:var(--dw-muted)}
h2,.section-heading h2{font-weight:760;letter-spacing:-1.2px}.text-soft{color:var(--dw-muted)}.text-link{color:var(--dw-text)}.text-link:hover,.text-link span{color:var(--dw-cyan)}
.feature-card,.model-panel,.plan-card{background:var(--dw-panel);border-color:var(--dw-line);border-radius:11px;box-shadow:none;backdrop-filter:none}.feature-card:before{box-shadow:none;pointer-events:none}.feature-primary{border-top:3px solid var(--dw-cyan);background:var(--dw-panel)}
.feature-primary:after{content:"";width:55px;height:8px;position:absolute;bottom:12px;right:12px;background:var(--dw-pink);clip-path:polygon(2% 12%,97% 0,100% 70%,0 100%);transform:rotate(-10deg);opacity:.65;pointer-events:none}
.feature-icon{background:var(--dw-inset);border-color:var(--dw-line);color:var(--dw-cyan);border-radius:6px}.feature-card:nth-child(2) .feature-icon{color:var(--dw-pink)}.feature-card:nth-child(3) .feature-icon{color:#b581ff}.card-index{color:var(--dw-muted)}.feature-card p{color:var(--dw-muted)}.mini-config{background:var(--dw-inset);border-color:var(--dw-line-soft);border-radius:6px}.mini-config span:first-child{color:var(--dw-muted)}.mini-config code{color:var(--dw-text)}.mini-config .config-check{color:var(--dw-cyan)}
.key-demo{border-color:var(--dw-line);color:var(--dw-text);border-radius:5px}.key-demo i{background:var(--dw-cyan)}.soft-tag{color:var(--dw-muted);border-color:var(--dw-line);background:var(--dw-inset);border-radius:3px}.metric-demo>span{background:#00cfff65;border-radius:1px}.metric-demo>span:nth-child(7){background:var(--dw-pink)}.metric-demo small{color:var(--dw-muted)}
.workflow-demo>span{background:var(--dw-inset);border-color:var(--dw-line);color:var(--dw-text);border-radius:5px}.workflow-demo>span:nth-of-type(2){background:#ff3da60a;border-color:#ff3da680;color:var(--dw-highlight);transform:rotate(-3deg)}.workflow-demo svg{color:var(--dw-cyan)}.workflow-demo i{background:var(--dw-purple)}
.filter-tabs button,.code-tabs button{color:var(--dw-muted);border-radius:4px}.filter-tabs button.active{background:#00cfff12;border-color:#00cfff66;color:var(--dw-cyan)}.filter-tabs button:hover,.code-tabs button:hover{color:var(--dw-cyan)}.model-search{background:var(--dw-inset);border-color:var(--dw-line);border-radius:5px}.model-search input{color:var(--dw-text)}.model-search input::placeholder,.model-search svg{color:var(--dw-muted)}.model-search:focus-within{outline:2px solid var(--dw-cyan);outline-offset:2px}
.model-table th{background:var(--dw-inset);color:var(--dw-muted);border-color:var(--dw-line-soft)}.model-table td{color:var(--dw-text);border-color:var(--dw-line-soft)}.model-table td:nth-child(2){color:var(--dw-cyan)}.model-name{color:var(--dw-text)}.provider-dot{background:var(--dw-cyan)}.provider-dot.xai{background:var(--dw-pink)}.provider-dot.other{background:#b581ff}.model-kind,.model-bottom,.section-footnote,.model-table .table-empty{color:var(--dw-muted)}.model-toolbar,.model-bottom{border-color:var(--dw-line)}
.integration-section{background:#1b1b2a;border-color:var(--dw-line-soft)}.code-panel{background:var(--dw-inset);border-color:var(--dw-line);border-radius:8px;box-shadow:5px 5px 0 #10101b}.code-window-head{color:var(--dw-muted);border-color:var(--dw-line)}.window-dots i{background:#767089}.window-dots i:first-child{background:var(--dw-pink)}.window-dots i:nth-child(2){background:var(--dw-cyan)}.code-toolbar,.code-footer{border-color:var(--dw-line-soft)}.code-content{color:var(--dw-text);scrollbar-color:#615a73 transparent}.code-content .token-string{color:#ff94cf}.code-content .token-comment,.code-footer{color:var(--dw-muted)}.code-content .token-keyword{color:var(--dw-cyan)}.code-content .token-number{color:#c6a5ff}.code-tabs button.active{color:var(--dw-cyan);background:#00cfff0d;border-bottom-color:var(--dw-cyan)}.copy-button{color:var(--dw-muted)}.copy-button:hover{color:var(--dw-cyan)}.steps li>span{border-radius:5px;border-color:var(--dw-line);background:var(--dw-panel);color:var(--dw-cyan);transform:rotate(-3deg)}.steps p{color:var(--dw-muted)}.steps li:after{background:var(--dw-line)}
.plan-featured{border-color:var(--dw-cyan);border-width:2px;transform:rotate(-.5deg);box-shadow:5px 5px 0 #00cfff18}.plan-label,.plan-price>span,.plan-card>small,.plan-card>ul{color:var(--dw-muted)}.plan-featured h3,.plan-featured .plan-price{color:var(--dw-text)}.plan-card li:before{color:var(--dw-cyan)}.recommended{background:var(--dw-pink);color:var(--dw-bg);font-weight:800;border:2px solid var(--dw-bg);border-radius:2px;transform:rotate(4deg);right:18px;padding:4px 13px}
.faq-list,.faq-list details{border-color:var(--dw-line)}.faq-list summary{color:var(--dw-text)}.faq-list p{color:var(--dw-muted)}.faq-list summary span{color:var(--dw-cyan)}.faq-list details[open] summary span{color:var(--dw-pink)}
.final-cta{background:var(--dw-panel);border:1px solid var(--dw-line);border-radius:10px;isolation:isolate}.final-cta:after{content:"";position:absolute;inset:0;background:url('/brand/strokes.svg') center/cover no-repeat;opacity:.4;pointer-events:none;z-index:0}.final-cta h2{font-weight:850}.final-cta .eyebrow{color:var(--dw-cyan)}.final-cta p,.cta-doc-link{color:var(--dw-muted)}.cta-orbit{border-color:#00cfff25;box-shadow:none;width:520px;height:520px;right:-290px}.final-cta .button{background:var(--dw-pink);border-color:var(--dw-pink);color:var(--dw-bg);box-shadow:4px 4px 0 var(--dw-cyan)}
.site-footer{position:relative}.footer-main p,.footer-main>div:not(:first-child)>a,.footer-bottom,.footer-bottom>span:last-child{color:var(--dw-muted)}.footer-bottom{border-color:var(--dw-line)}.tiny-spark{color:var(--dw-pink)}.site-toast{background:var(--dw-panel);border-color:var(--dw-cyan);border-left-width:4px;color:var(--dw-text);border-radius:6px;box-shadow:4px 4px 0 #0d0d17}
.docs-content h1{font-weight:800}.docs-content h2{font-weight:700}.docs-content>header,.docs-sidebar .docs-home{border-color:var(--dw-line)}.docs-sidebar>span,.docs-sidebar a,.docs-section p,.docs-section li{color:var(--dw-muted)}.docs-sidebar a:hover{color:var(--dw-cyan);background:#00cfff0b}.docs-section a:not(.button){color:var(--dw-cyan)}.docs-callout{border-color:var(--dw-pink);background:var(--dw-panel);color:var(--dw-text);border-radius:0 6px 6px 0}.inline-code{color:var(--dw-highlight);background:var(--dw-panel);border-color:var(--dw-line)}.endpoint-row{background:var(--dw-inset);border-color:var(--dw-line);border-radius:6px}.endpoint-row code{color:var(--dw-cyan)}.docs-table th{background:var(--dw-panel);color:var(--dw-text)}.docs-table td,.docs-table th{border-color:var(--dw-line)}.docs-table td{color:var(--dw-muted)}.docs-table td:first-child{color:var(--dw-cyan)}
@keyframes dw-enter{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:dw-enter .3s ease-out both}}
.gateway-art{overflow:clip}
.hero:after{width:180px;height:38px;top:12px;background:url('/brand/wear.svg') left center/contain no-repeat;opacity:.24;clip-path:none}
.site-footer:before{content:"";position:absolute;top:5px;right:0;width:150px;height:40px;background:url('/brand/wear.svg') center/contain no-repeat;opacity:.2;pointer-events:none}
@media(max-width:800px){.site-nav{background:#202033fc;border-color:var(--dw-line)}.site-nav a.current:after{left:15px;bottom:5px}.gateway-art{overflow:hidden}.final-cta:after{opacity:.2}.plan-featured{transform:none}.hero h1{letter-spacing:-1.2px}}
@media(max-width:550px){.brand .dw-wordmark{width:108px;height:39px}.core-inner .dw-wordmark{width:95px;height:34px}.gateway-art:before{opacity:.55}.hero:after{display:none}.hero .gradient-text:after{height:5px;bottom:-4px}.final-cta:after{background-size:auto 100%;opacity:.12}.button{min-height:44px}.button-small{min-height:38px}.nav-wrap{gap:10px}.footer-main>div:first-child{align-items:center}}