.ab-feature{--ab-accent:#27785e;--ab-soft:#eaf4ee;max-width:1180px;margin:0 auto;padding:80px 24px;color:inherit;scroll-margin-top:90px}
.ab-voice{--ab-accent:#316cc6;--ab-soft:#edf3ff}.ab-call{--ab-accent:#93631a;--ab-soft:#faf0dc}.ab-tradie{--ab-accent:#536414;--ab-soft:#f1f6d6}
.ab-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:30px}.ab-intro h2{font-size:clamp(30px,3.4vw,46px);line-height:1.1;letter-spacing:-.035em;margin:12px 0 16px;max-width:650px}.ab-intro p{font-size:16px;line-height:1.7;max-width:660px;margin:0;opacity:.8}
.ab-eyebrow{font:650 10px/1.5 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}.ab-link{flex-shrink:0;display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid currentColor;padding:10px 0;font:600 13px/1.5 system-ui,sans-serif;text-decoration:none}
.ab-window{border:1px solid #d5e0df;border-radius:20px;background:#f8fafb;color:#20383e;box-shadow:0 26px 65px -40px #152e4655;overflow:hidden;font:400 13px/1.5 system-ui,-apple-system,sans-serif;isolation:isolate}.ab-window *{box-sizing:border-box}.ab-window button{font:inherit;cursor:pointer}.ab-window button:disabled{cursor:default}.ab-window button:focus-visible,.ab-window input:focus-visible,.ab-window select:focus-visible{outline:3px solid #ba7b24;outline-offset:3px}
.ab-toolbar{display:flex;align-items:center;gap:15px;min-height:67px;padding:15px 20px;border-bottom:1px solid #dae3e6;background:white}.ab-brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:650;letter-spacing:-.04em}.ab-brand img{width:94px;height:24px;object-fit:contain}.ab-brand>span{color:var(--ab-accent)}.ab-draft{font-size:10px;color:#5f7278;border:1px solid #dce5e8;border-radius:20px;padding:4px 8px}.ab-toolbar button{margin-left:auto;background:var(--ab-accent);border:0;border-radius:7px;color:#fff;padding:9px 13px;font-size:12px;font-weight:600;min-height:38px}
.ab-library{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 20px;border-bottom:1px solid #dae3e6;background:#f4f7f8}.ab-library>span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;margin-right:8px;color:#607177}.ab-library button{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #d9e2e6;border-radius:7px;padding:7px 10px;min-height:38px;font-size:11px;color:#42595e}.ab-library svg{width:15px;height:15px}.ab-library button[aria-pressed=true]{border-color:var(--ab-accent);color:var(--ab-accent);background:var(--ab-soft)}
.ab-workspace{display:grid;grid-template-columns:minmax(0,1fr) 250px}.ab-canvas{position:relative;display:grid;grid-template-columns:1fr 2fr;gap:48px;min-height:390px;padding:35px 26px 45px;background-color:#eef3f5;background-image:radial-gradient(#b6c9ce 1px,transparent 1px);background-size:19px 19px;align-items:center;isolation:isolate}.ab-wires{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:none;stroke:#78aea0;stroke-width:2;opacity:.7}.ab-wires [data-off=true]{opacity:.15;stroke-dasharray:4 6}.ab-core{display:grid;gap:35px}.ab-parts{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;align-items:stretch}
.ab-node{position:relative;text-align:left;background:#fff;border:1px solid #d7e2e5;border-radius:11px;padding:14px 12px;box-shadow:0 8px 16px -8px #314d5425;color:#20383e;min-width:0;transition:border-color .25s,box-shadow .25s,transform .25s}.ab-node::before{content:'';position:absolute;left:-4px;top:50%;height:7px;width:7px;background:#fff;border:1.5px solid #70a592;border-radius:50%}.ab-line::before{display:none}.ab-node strong{display:block;font-size:12px;line-height:1.4;margin:8px 0 4px}.ab-node small{display:block;font-size:10px;line-height:1.5;color:#677b82}.ab-icon{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:7px;background:var(--ab-soft);color:var(--ab-accent)}.ab-icon svg{width:17px;height:17px}.ab-node-status{display:block;border-top:1px solid #e1e9e9;margin-top:10px;padding-top:8px;font-size:9px;color:var(--ab-accent)}.ab-tag{display:inline-block;margin-top:10px;font-size:9px;padding:3px 5px;border:1px solid #dde8e6;border-radius:4px;color:#61776e}.ab-node[aria-pressed=true]{border-color:var(--ab-accent);box-shadow:0 0 0 2px var(--ab-soft),0 9px 20px -10px #294b4340}.ab-part[data-active=false]{background:#f5f8fa;border-style:dashed;box-shadow:none}.ab-part[data-active=false] .ab-node-status{color:#607983}.ab-node:hover{transform:translateY(-2px)}.ab-canvas-note{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:10px;color:#6b818b}
.ab-editor{padding:25px 20px;background:#fff;border-left:1px solid #dae3e6}.ab-editor h3{font:650 18px/1.3 system-ui,sans-serif;letter-spacing:-.02em;margin:10px 0}.ab-editor>p{font-size:12px;line-height:1.6;color:#64777d;margin-bottom:20px}.ab-field{display:grid;gap:7px;font-size:11px;font-weight:600;color:#3a5259;margin:15px 0}.ab-field input,.ab-field select{width:100%;font:400 12px/1.5 system-ui,sans-serif;padding:10px;border:1px solid #cbd9de;border-radius:7px;background:#fff;color:#243e44;min-height:40px}.ab-help{font-size:11px;line-height:1.6;color:#677e84}.ab-result{margin-top:22px;border-radius:10px;background:var(--ab-soft);padding:14px;color:#294c41}.ab-result>span{font-size:9px;letter-spacing:.1em;font-weight:700}.ab-result p{font:500 12px/1.65 system-ui,sans-serif;margin:7px 0 0;overflow-wrap:anywhere}.ab-setting-toggle{width:100%;border:1px solid #ccdcd8;border-radius:7px;padding:10px;color:var(--ab-accent);background:var(--ab-soft);text-align:left}
.ab-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #dae3e6;padding:14px 20px;background:#fff}.ab-footer p{font-size:11px;color:#5c737a;margin:0}.ab-footer button{border:0;background:none;color:#4c676e;font-size:11px;white-space:nowrap;min-height:35px}.ab-caption{font:400 11px/1.7 system-ui,sans-serif;opacity:.7;margin:16px 0 0;max-width:780px}.ab-feature[data-playing=true] .ab-node[aria-pressed=true]{animation:ab-highlight 1.3s ease-in-out infinite alternate}.ab-feature[data-playing=true] .ab-wires{stroke-dasharray:7 5;animation:ab-flow 1.6s linear infinite}.ab-arrive{animation:ab-arrive .5s ease both}
@keyframes ab-highlight{to{box-shadow:0 0 0 4px #60b9a122}}@keyframes ab-flow{to{stroke-dashoffset:-24}}@keyframes ab-arrive{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.ab-workspace{grid-template-columns:minmax(0,1fr) 220px}.ab-canvas{gap:24px;padding:25px 16px 40px}.ab-parts{gap:15px 10px}.ab-node{padding:12px 9px}.ab-intro{display:block}.ab-link{margin-top:16px}}
@media(max-width:760px){.ab-feature{padding:55px 20px}.ab-toolbar{padding:14px 12px;gap:8px;flex-wrap:wrap}.ab-draft{display:none}.ab-brand img{width:80px}.ab-brand{font-size:16px}.ab-toolbar button{font-size:10px;padding:8px}.ab-library{padding:12px;gap:7px}.ab-library>span{flex-basis:100%}.ab-library button{font-size:10px;flex:1 1 42%;justify-content:space-between}.ab-workspace{grid-template-columns:1fr}.ab-canvas{padding:22px 14px 40px;gap:16px;min-height:350px}.ab-core{gap:24px}.ab-parts{gap:12px 9px}.ab-node strong{font-size:10px}.ab-node small{font-size:9px}.ab-node-status{font-size:8px}.ab-tag{font-size:8px}.ab-editor{border-left:0;border-top:1px solid #dae3e6;padding:20px}.ab-editor>p{margin-bottom:12px}.ab-result{margin-top:14px}.ab-footer{padding:12px;gap:10px}.ab-footer p{font-size:10px}.ab-intro h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.ab-feature *, .ab-feature *::before{animation:none!important;transition:none!important}.ab-node:hover{transform:none}}
@media(max-width:560px){.ab-canvas{grid-template-columns:1fr;gap:20px;padding:20px 14px 42px}.ab-core{grid-template-columns:1fr 1fr;gap:12px}.ab-parts{grid-template-columns:1fr 1fr;gap:12px}.ab-wires{display:none}.ab-node{padding:14px 11px}.ab-node strong{font-size:12px}.ab-node small{font-size:11px}.ab-node-status,.ab-tag{font-size:9px}.ab-core::after{content:'↓ Connected parts';grid-column:1/-1;font-size:10px;color:#5b7b72;text-align:center}.ab-core{row-gap:12px}.ab-node::before{display:none}}