:root{--a-ink:#080b10;--a-paper:#f1f0ea;--a-lime:#c8ff3d;--a-cyan:#69d9ee;--a-muted:#aeb8bc;--a-line:rgba(241,240,234,.17)}
body{background:var(--a-ink);color:var(--a-paper)}.automation-nav{display:flex;gap:clamp(12px,1.6vw,27px)}.automation-nav a{color:#aeb8bc;text-decoration:none;font-size:12px}.automation-nav a:hover{color:var(--a-lime)}
.automation-hero{padding:clamp(52px,6vw,96px) clamp(22px,4vw,72px);min-height:min(760px,calc(100svh - 76px));display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:5vw}.hero-copy,.hero-flow{position:relative;z-index:1;min-width:0}.hero-copy h1{font-size:clamp(58px,6.5vw,116px);line-height:.93;letter-spacing:-.075em;max-width:990px;margin:26px 0}.hero-copy h1 span{color:var(--a-lime)}.hero-copy>p:not(.page-kicker){font-size:clamp(17px,1.35vw,22px);line-height:1.6;max-width:750px;color:#c5ced0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.action{padding:15px 18px;border:1px solid var(--a-line);text-decoration:none;text-transform:uppercase;font:700 11px 'DM Mono',monospace}.action.primary{background:var(--a-lime);color:var(--a-ink);border-color:var(--a-lime)}.action:hover{border-color:var(--a-lime)}
.hero-flow{padding:22px;border:1px solid rgba(200,255,61,.5);background:#101a1b;box-shadow:22px 22px 0 rgba(200,255,61,.05)}.hero-flow div{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:14px 15px;border:1px solid var(--a-line);background:#121c21}.hero-flow small{grid-column:1/-1;color:var(--a-cyan);font:700 10px 'DM Mono',monospace}.hero-flow b{font-size:19px}.hero-flow span{align-self:center;color:#b4c0c1;font-size:11px}.hero-flow i{display:block;text-align:center;color:var(--a-lime);font-size:19px;font-style:normal;line-height:1.3}
.chapter-nav{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--a-line);border-bottom:1px solid var(--a-line);background:#0f151c}.chapter-nav a{padding:16px 8px;text-align:center;border-right:1px solid var(--a-line);color:#c3cbcb;text-decoration:none;font:700 10px 'DM Mono',monospace;text-transform:uppercase}.chapter-nav a:last-child{border:0}.chapter-nav a:hover{color:var(--a-lime);background:#1a2620}
.automation-section{padding:clamp(64px,7vw,110px) clamp(22px,4vw,72px)}.automation-section.light{background:var(--a-paper);color:var(--a-ink)}.automation-section.dark{background:var(--a-ink);color:var(--a-paper)}.section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:end;gap:5vw;margin-bottom:32px}.section-head h2{font-size:clamp(39px,4.3vw,76px);line-height:1.03;letter-spacing:-.06em;margin:0;max-width:980px}.section-head>p{font-size:16px;line-height:1.7;color:#4d595e;margin:0}.dark .section-head>p,.lab-section .section-head>p{color:var(--a-muted)}.eyebrow{margin:0 0 22px;color:#557800;font:700 11px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.dark .eyebrow,.lab-section .eyebrow{color:var(--a-lime)}
.concept-grid,.use-grid,.design-points,.tool-grid,.source-grid{display:grid;gap:12px}.concept-grid,.use-grid,.design-points,.tool-grid,.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-grid article,.use-grid article,.design-points article{padding:clamp(22px,2.5vw,38px);border:1px solid rgba(8,11,16,.18);background:#fbfaf6}.concept-grid span,.use-grid span,.tool-grid span{color:#557800;font:700 11px 'DM Mono',monospace;letter-spacing:.07em}.concept-grid h3,.use-grid h3{font-size:clamp(24px,2vw,34px);letter-spacing:-.045em;line-height:1.12;margin:18px 0 10px}.concept-grid p,.use-grid p,.design-points p{line-height:1.65;color:#4c595f;margin:0}.use-grid article{background:#101820;border-color:var(--a-line)}.use-grid span{color:var(--a-cyan)}.use-grid p{color:#b3bec0}.callout{margin-top:14px;padding:25px 28px;border-left:4px solid #77a400;background:#dfecc2;display:grid;grid-template-columns:220px 1fr;gap:20px;line-height:1.6}.callout b{font-size:18px}.callout span{color:#445244}.not-fit{border:1px solid rgba(255,97,83,.5);background:#251519;margin-top:14px;padding:22px 28px;display:grid;grid-template-columns:220px 1fr;gap:20px}.not-fit b{color:#ff766a;font-size:18px}.not-fit p{color:#c8b5b4;line-height:1.6;margin:0}
.n8n-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:14px}.n8n-main{border:1px solid rgba(8,11,16,.2);background:#fafaf6}.n8n-steps article{display:grid;grid-template-columns:62px 1fr;gap:16px;padding:22px;border-bottom:1px solid rgba(8,11,16,.16)}.n8n-steps article:last-child{border:0}.n8n-steps b{color:#689600;font:700 20px 'DM Mono',monospace}.n8n-steps h3{font-size:22px;letter-spacing:-.03em;margin:0 0 8px}.n8n-steps p{color:#516064;line-height:1.6;margin:0}.n8n-side{background:#142118;color:var(--a-paper);padding:clamp(24px,3vw,42px);display:flex;flex-direction:column;align-items:flex-start}.n8n-side>span{color:var(--a-lime);font:700 11px 'DM Mono',monospace}.n8n-side h3{font-size:clamp(30px,3vw,50px);line-height:1.07;letter-spacing:-.05em;margin:24px 0}.n8n-side p{line-height:1.7;color:#c7d0c2}.n8n-side a{display:block;margin-top:16px;color:var(--a-lime);text-decoration:none;font:700 11px 'DM Mono',monospace}.n8n-side a:hover{text-decoration:underline}.design-points{margin-top:14px}.design-points article{background:#e5ebd8}.design-points b{font-size:20px;display:block;margin-bottom:10px}
.lab-section{background:#0c1218;color:var(--a-paper)}.lab-layout{display:grid;grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);gap:14px;align-items:start}.lab-form,.lab-output{border:1px solid var(--a-line);background:#111a22;padding:clamp(22px,2.5vw,34px)}.lab-form h3{font-size:22px;letter-spacing:-.04em;margin:0 0 18px}.lab-form h3:not(:first-child){margin-top:28px}.lab-form label{display:block;margin:14px 0 7px;color:var(--a-cyan);font:700 11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em}.lab-form select,.lab-form input{display:block;width:100%;min-height:46px;padding:10px 12px;border:1px solid #53616b;background:#f7f7f1;color:#10151b;font:500 14px Manrope,sans-serif}.lab-form input:focus,.lab-form select:focus{outline:2px solid var(--a-lime);outline-offset:2px}.run-button{width:100%;border:0;background:var(--a-lime);color:var(--a-ink);padding:16px;margin-top:22px;cursor:pointer;text-transform:uppercase;font:700 12px 'DM Mono',monospace}.run-button:hover{background:#e1ff96}.flow-canvas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:28px}.flow-node{position:relative;min-height:128px;border:1px solid #53626b;padding:14px;background:#15222a}.flow-node:not(:last-child)::after{content:'→';position:absolute;right:-11px;top:47%;z-index:2;color:var(--a-lime);background:#111a22;padding:1px 3px}.flow-node small{display:block;color:var(--a-cyan);font:700 10px 'DM Mono',monospace;margin-bottom:15px}.flow-node b{display:block;font-size:14px;line-height:1.25}.flow-node span{display:block;margin-top:8px;font-size:11px;line-height:1.35;color:#b2c0bf}.flow-node.active{border-color:var(--a-lime);box-shadow:inset 0 0 0 1px var(--a-lime)}.flow-node.failed{border-color:#ff776a}.simulation-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:16px;border-top:1px solid var(--a-line)}.simulation-head span,.payload-panel>span{font:700 10px 'DM Mono',monospace;letter-spacing:.07em;color:var(--a-cyan)}.simulation-head h3{font-size:24px;letter-spacing:-.04em;margin:8px 0}.simulation-head button{border:1px solid var(--a-line);background:transparent;color:var(--a-paper);padding:9px 11px;cursor:pointer;font:700 10px 'DM Mono',monospace}.run-log{list-style:none;padding:0;margin:16px 0}.run-log li{border-left:2px solid var(--a-lime);padding:8px 12px;margin-bottom:7px;color:#c5d0d0;line-height:1.5;font-size:13px}.run-log li.error{border-color:#ff776a;color:#ffc3bb}.payload-panel{margin-top:18px}.payload-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#070b10;border:1px solid var(--a-line);padding:16px;color:#c8ff9b;line-height:1.55;font-size:12px;min-height:100px}.recipe{margin-top:14px;padding:25px 30px;border:1px solid rgba(200,255,61,.44);background:#162319;display:flex;justify-content:space-between;align-items:center;gap:25px}.recipe span{color:var(--a-lime);font:700 11px 'DM Mono',monospace}.recipe h3{font-size:24px;letter-spacing:-.04em;margin:10px 0}.recipe p{line-height:1.6;margin:0;color:#c7d0c6}.recipe a{flex:none;padding:12px 14px;border:1px solid var(--a-lime);text-decoration:none;color:var(--a-lime);font:700 11px 'DM Mono',monospace}.recipe a:hover{background:var(--a-lime);color:var(--a-ink)}
.tool-grid a,.source-grid a{display:flex;flex-direction:column;align-items:flex-start;gap:9px;border:1px solid rgba(8,11,16,.2);background:#fafaf6;padding:clamp(22px,2.3vw,34px);text-decoration:none}.tool-grid a:hover{border-color:#7da700;background:#e9f3d0}.tool-grid a.featured{background:#d9f0a3}.tool-grid h3{font-size:30px;letter-spacing:-.05em;margin:8px 0}.tool-grid p{font-size:14px;line-height:1.6;color:#516064;margin:0 0 16px}.tool-grid b{margin-top:auto;font:700 11px 'DM Mono',monospace;color:#446500}.source-grid a{background:#101820;border-color:var(--a-line)}.source-grid a:hover{border-color:var(--a-lime);background:#1b2924}.source-grid b{font-size:18px;color:var(--a-paper)}.source-grid span{font-size:13px;line-height:1.5;color:#aebcbe}.further-reading{background:#18271d;margin-top:28px;padding:25px;display:flex;flex-wrap:wrap;gap:10px}.further-reading p{width:100%;font:700 11px 'DM Mono',monospace;color:var(--a-lime)}.further-reading a{border:1px solid var(--a-line);padding:10px 12px;font-size:13px;text-decoration:none}.further-reading a:hover{border-color:var(--a-lime)}.automation-footer{padding:28px clamp(22px,4vw,72px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;border-top:1px solid var(--a-line);color:var(--a-muted);font-size:12px}.automation-footer a{color:var(--a-lime);text-decoration:none}
@media(max-width:1050px){.automation-nav{display:none}.automation-hero{grid-template-columns:minmax(0,1fr)}.hero-flow{max-width:570px}.section-head{grid-template-columns:minmax(0,1fr);gap:18px}.chapter-nav{grid-template-columns:repeat(3,1fr)}.lab-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.automation-hero{min-height:0;padding-top:48px}.hero-copy h1{font-size:clamp(42px,11vw,72px);overflow-wrap:break-word}.hero-flow{box-shadow:none}.hero-flow div{grid-template-columns:1fr}.chapter-nav{grid-template-columns:repeat(2,1fr)}.concept-grid,.use-grid,.design-points,.tool-grid,.source-grid,.n8n-layout{grid-template-columns:minmax(0,1fr)}.callout,.not-fit{display:block}.callout b,.not-fit b{display:block;margin-bottom:10px}.flow-canvas{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-node:not(:last-child)::after{display:none}.recipe{display:block}.recipe a{display:inline-block;margin-top:16px}.automation-footer{flex-direction:column;align-items:flex-start}}
.n8n-workflow-figure{margin:14px 0 0;border:1px solid rgba(8,11,16,.2);background:#10151b}.n8n-workflow-figure img{display:block;width:100%;height:auto}.n8n-workflow-figure figcaption{padding:13px 18px;color:#c7d1d1;font-size:13px;line-height:1.5}.n8n-community-link{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:24px 28px;border:1px solid var(--a-lime);background:#17261c;text-decoration:none}.n8n-community-link:hover{background:#213926}.n8n-community-link span{display:grid;gap:6px}.n8n-community-link strong{color:var(--a-paper);font-size:23px}.n8n-community-link small{color:#c7d1d1;font-size:14px;line-height:1.5}.n8n-community-link>b{flex:none;color:var(--a-lime);font:700 11px 'DM Mono',monospace}@media(max-width:700px){.n8n-community-link{display:block}.n8n-community-link>b{display:block;margin-top:18px}}