.project-nav{display:flex;align-items:center;gap:24px}.project-nav a{color:var(--muted);text-decoration:none;font-size:.8rem}.project-nav a:hover{color:var(--accent)}.project-nav span{padding:.48rem .7rem;border:1px solid rgba(201,255,84,.4);color:var(--accent);font:500 .58rem var(--mono);text-transform:uppercase;letter-spacing:.08em}
.case-hero{min-height:690px;padding-top:150px;padding-bottom:76px;display:grid;grid-template-columns:1.35fr .65fr;gap:90px;align-items:center}.case-eyebrow{color:var(--accent);margin:0 0 1.3rem}.case-eyebrow i{display:inline-block;width:7px;height:7px;margin-right:.55rem;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.case-hero h1{font-size:clamp(3.4rem,6.6vw,6.5rem)}.case-hero h1 em{display:inline-block}.case-lede{max-width:710px;margin:1.8rem 0;color:var(--muted);font-size:1.05rem}.case-tags{display:flex;flex-wrap:wrap;gap:8px}.case-tags span{padding:.45rem .65rem;border:1px solid var(--line);color:var(--muted);font:500 .62rem var(--mono)}.case-summary{min-height:330px;padding:2rem;border:1px solid var(--line);background:linear-gradient(145deg,rgba(201,255,84,.09),rgba(21,26,32,.72));transform:rotate(1.5deg)}.case-summary>span{color:var(--accent)}.case-summary strong{display:block;margin:2.4rem 0 0;color:var(--accent);font:600 7rem/.8 var(--display);letter-spacing:-.09em}.case-summary p{font:600 1.45rem/1.2 var(--display);letter-spacing:-.04em}.case-summary small{display:block;margin-top:2.2rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}
.workflow-section{padding:9rem 0;background:#0e1114;border-block:1px solid var(--line)}.workflow-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-bottom:3.5rem}.workflow-heading .mono,.truth-section .mono{color:var(--accent)}.workflow-heading h2,.truth-section h2{font-size:clamp(2.8rem,5vw,5rem)}.workflow-heading>p{max-width:500px;margin:0;color:var(--muted)}.workflow-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.flow-tab{min-height:135px;padding:1.25rem;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.flow-tab:hover{transform:translateY(-3px);border-color:rgba(201,255,84,.45)}.flow-tab.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.flow-tab span{display:block;margin-bottom:1.3rem;font:500 .63rem var(--mono)}.flow-tab b{display:block;font:600 1rem var(--display)}.flow-tab small{color:var(--muted)}.flow-tab.active small{color:#4b582a}
.flow-info{padding:2rem 0;display:flex;justify-content:space-between;align-items:end;gap:40px}.flow-info .mono{margin:0 0 .6rem;color:var(--accent)}.flow-info h3{font-size:clamp(1.8rem,3.5vw,3.3rem)}.flow-info>p{max-width:475px;margin:0;color:var(--muted);font-size:.86rem}
.n8n-editor{--n8n-orange:#ff6d5a;--n8n-border:#d5d7dc;--n8n-text:#3d3f46;--n8n-muted:#7d818b;border:1px solid #2c3037;border-radius:8px;overflow:hidden;background:#fff;color:var(--n8n-text);box-shadow:0 32px 80px rgba(0,0,0,.36);font-family:Inter,Arial,sans-serif}.n8n-topbar{height:62px;display:flex;align-items:center;border-bottom:1px solid #e3e4e8;background:#fff}.n8n-logo{width:84px;height:100%;display:flex;align-items:center;justify-content:center;gap:7px;border-right:1px solid #e7e8eb;color:#555860}.n8n-logo span{width:25px;height:15px;position:relative;background:linear-gradient(32deg,transparent 42%,var(--n8n-orange) 44% 55%,transparent 57%)}.n8n-logo span::before,.n8n-logo span::after{content:"";position:absolute;width:7px;height:7px;border:2px solid var(--n8n-orange);border-radius:50%;background:#fff;top:3px}.n8n-logo span::before{left:0}.n8n-logo span::after{right:0}.n8n-logo b{font-size:17px;letter-spacing:-.06em}.n8n-back{width:40px;height:40px;margin-left:12px;border:0;background:transparent;color:#797d86;font-size:25px}.n8n-workflow-name{min-width:0;display:flex;flex-direction:column;line-height:1.25}.n8n-workflow-name strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.n8n-workflow-name small{max-width:460px;overflow:hidden;color:#92959d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.n8n-actions{display:flex;align-items:center;gap:8px;margin-left:auto;padding:0 14px}.saved-state{color:#92959d;font-size:11px}.n8n-actions button,.n8n-tabsbar button{font:600 11px Inter,Arial,sans-serif}.n8n-share,.n8n-more{height:32px;padding:0 12px;border:1px solid #d9dbe0;border-radius:5px;background:#fff;color:#5f626b}.n8n-more{width:34px;padding:0}.n8n-publish{height:32px;padding:0 14px;border:0;border-radius:5px;background:var(--n8n-orange);color:#fff}.n8n-actions button:disabled,.n8n-back:disabled,.n8n-tabsbar button:disabled{opacity:1}
.n8n-tabsbar{height:48px;display:flex;align-items:center;padding:0 14px 0 96px;border-bottom:1px solid #dedfe4;background:#fbfbfc}.n8n-tabsbar>div{display:flex;height:100%;gap:22px}.n8n-tabsbar>div button{position:relative;border:0;background:transparent;color:#888b94}.n8n-tabsbar>div button.active{color:#34363d}.n8n-tabsbar>div button.active::after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:var(--n8n-orange)}.n8n-test{height:32px;margin-left:auto;padding:0 14px;border:1px solid #cfd1d6;border-radius:5px;background:#fff;color:#4e5159;cursor:pointer}.n8n-test:hover{border-color:var(--n8n-orange);color:#d95241}.n8n-test:disabled{opacity:.6;cursor:wait}.n8n-test span{margin-left:6px;color:var(--n8n-orange)}
.n8n-workspace{height:590px;display:flex;position:relative;background:#f7f7f9}.n8n-rail{width:50px;flex:none;display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px 0;border-right:1px solid #dedfe4;background:#fff;z-index:5}.n8n-rail button{width:32px;height:32px;border:1px solid transparent;border-radius:5px;background:transparent;color:#777b84;font-size:18px}.n8n-rail button:first-child{background:var(--n8n-orange);color:#fff;font-size:22px}.n8n-rail i{flex:1}.flow-stage{flex:1;position:relative;overflow:auto;background-color:#f7f7f9;background-image:radial-gradient(#d3d5da 1px,transparent 1px);background-size:16px 16px;overscroll-behavior:contain}.n8n-canvas-viewport{position:relative;min-width:100%;min-height:100%}.n8n-canvas{position:absolute;inset:0 auto auto 0;transform-origin:0 0}.n8n-lines{position:absolute;inset:0;overflow:visible}.n8n-connection path:not(.connection-hit){fill:none;stroke:#a7abb3;stroke-width:2}.n8n-connection .connection-hit{fill:none;stroke:transparent;stroke-width:12}.n8n-connection text{fill:#8b8f97;font-size:9px}.n8n-node{position:absolute;width:124px;min-height:100px;text-align:center;z-index:2;cursor:pointer}.node-card{width:124px;height:74px;display:grid;place-items:center;position:relative;border:1px solid #c9ccd2;border-radius:6px;background:#fff;box-shadow:0 2px 5px rgba(30,33,40,.12);transition:border-color .16s,box-shadow .16s,transform .16s}.node-card>button{position:absolute;right:3px;top:2px;border:0;background:transparent;color:#a1a4ab;font-size:14px}.node-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:7px;background:#f2f3f5;color:#62666f;font-size:21px;font-weight:700}.node-icon img{display:block;width:27px;height:27px;object-fit:contain}.node-icon.webhook{background:#fff0ee}.node-icon.code{background:#f0edff}.node-icon.request{background:#eaf4ff}.node-icon.merge{background:#f0edff}.node-icon.sheets{background:#ebf7ef}.node-icon.core.if,.node-icon.core.switch{background:#fff4e5;color:#dc7d16}.node-icon.core.manualTrigger,.node-icon.core.scheduleTrigger{background:#fff0ee;color:#e95846}.node-icon.core.emailSend{background:#e9f3ff;color:#357cc1}.node-icon.core.set{background:#eff2f6;color:#5d6570}.node-input,.node-output{position:absolute;top:31px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#aeb2b9;box-shadow:0 0 0 1px #969aa3}.node-input{left:-6px}.node-output{right:-6px}.node-name{display:block;max-width:150px;margin:8px -13px 0;overflow:hidden;color:#3e4148;font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.n8n-node:hover .node-card,.n8n-node.selected .node-card{border-color:var(--n8n-orange);box-shadow:0 0 0 2px rgba(255,109,90,.18),0 3px 8px rgba(30,33,40,.14)}.n8n-node.running .node-card{border-color:#7c62e3;box-shadow:0 0 0 3px rgba(124,98,227,.18)}.n8n-node.done .node-card::after{content:"✓";position:absolute;right:-8px;top:-8px;width:19px;height:19px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#55a66f;color:#fff;font-size:10px;font-weight:700}.n8n-note{position:absolute;width:210px;min-height:116px;padding:15px;text-align:left;border:1px solid #e1cd70;border-radius:3px;background:#fff9cf;color:#5b552e;box-shadow:0 2px 5px rgba(45,40,10,.08);z-index:1}.n8n-note span{font-size:8px;letter-spacing:.12em}.n8n-note b{display:block;margin-top:15px;font-size:12px}.n8n-note small{display:block;margin-top:7px;color:#847b42;font-size:9px}.n8n-note.selected{outline:2px solid var(--n8n-orange)}
.n8n-zoom{position:absolute;left:65px;bottom:16px;display:flex;border:1px solid #d4d6db;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 2px 6px rgba(20,23,28,.1);z-index:6}.n8n-zoom button{width:34px;height:32px;border:0;border-right:1px solid #e0e1e5;background:#fff;color:#666a73;font-size:16px;cursor:pointer}.n8n-zoom button:last-child{border:0}.n8n-zoom button:hover{background:#f3f4f6;color:#d95241}.n8n-minimap{--map-width:120px;--map-height:66px;position:absolute;right:16px;bottom:16px;width:140px;height:84px;border:1px solid #d3d5da;border-radius:5px;background:rgba(255,255,255,.92);box-shadow:0 2px 6px rgba(20,23,28,.1);z-index:6}.n8n-minimap::before{content:"";position:absolute;width:var(--map-width);height:var(--map-height);left:9px;top:8px;border:1px solid rgba(255,109,90,.28);background:rgba(255,109,90,.04)}.n8n-minimap i{position:absolute;width:7px;height:5px;border-radius:1px;background:#9ea2aa;transform:translate(9px,8px)}.canvas-loading{position:absolute;inset:0;display:grid;place-items:center;color:#858992;font-size:12px}.canvas-loading.error{color:#d44e3c}.n8n-statusbar{height:32px;display:grid;grid-template-columns:180px 1fr 58px;align-items:center;padding:0 14px;border-top:1px solid #dedfe4;background:#fff;color:#7e828b;font-size:9px}.n8n-statusbar span:first-child{display:flex;align-items:center;gap:6px}.n8n-statusbar span:last-child{text-align:right}.n8n-statusbar i{width:7px;height:7px;border-radius:50%;background:#55a66f}.n8n-statusbar .running-dot{background:#7c62e3;animation:pulse 1s infinite}.n8n-statusbar .error-dot{background:#d44e3c}@keyframes pulse{50%{opacity:.35}}
.truth-section{padding:9rem 0}.truth-section>div:first-child{margin-bottom:3.5rem}.truth-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.truth-grid article{min-height:220px;padding:2rem 1.5rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.truth-grid article:nth-child(2n){border-right:0}.truth-grid span{color:var(--accent);font:500 .7rem var(--mono)}.truth-grid h3{margin:2.2rem 0 .6rem;font-size:1.45rem}.truth-grid p{max-width:430px;margin:0;color:var(--muted);font-size:.84rem}
@media(max-width:900px){.case-hero{grid-template-columns:1fr;gap:45px;padding-top:145px}.case-summary{max-width:520px}.workflow-heading{grid-template-columns:1fr}.flow-info{display:block}.flow-info>p{margin-top:1.2rem}.project-nav span{display:none}.n8n-actions .saved-state,.n8n-share{display:none}.n8n-workspace{height:520px}}
@media(max-width:650px){.project-nav{gap:10px}.project-nav a{font-size:.68rem}.case-hero{padding-top:120px;min-height:0}.case-hero h1{font-size:clamp(2.8rem,13vw,4rem)}.case-summary{min-height:280px}.workflow-section,.truth-section{padding:5.8rem 0}.workflow-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.flow-tab{min-width:240px;scroll-snap-align:start}.flow-info{padding:1.3rem 0}.n8n-editor{margin-inline:calc((100vw - 100%)/-2);border-radius:0}.n8n-logo{width:58px}.n8n-logo b{display:none}.n8n-back{margin-left:3px;width:28px}.n8n-workflow-name strong{max-width:155px}.n8n-workflow-name small{max-width:145px}.n8n-actions{padding-right:7px}.n8n-publish{padding:0 10px}.n8n-more{display:none}.n8n-tabsbar{padding-left:16px}.n8n-tabsbar>div{gap:12px}.n8n-tabsbar>div button:nth-child(3){display:none}.n8n-test{padding:0 9px}.n8n-workspace{height:460px}.n8n-rail{width:42px}.n8n-minimap{display:none}.n8n-zoom{left:54px}.n8n-statusbar{grid-template-columns:116px 1fr 45px;padding-inline:8px}.n8n-statusbar span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truth-grid{grid-template-columns:1fr}.truth-grid article,.truth-grid article:nth-child(2n){border-right:0}}
.workflow-tabs{scrollbar-width:none}.workflow-tabs::-webkit-scrollbar{display:none}
@media(prefers-reduced-motion:reduce){.n8n-node .node-card,.running-dot{transition:none;animation:none}}