.n8n-page{--n8n-purple:#a06fd1;--n8n-soft:#e8dff0}.n8n-hero{min-height:720px;padding:75px 5vw 105px;display:grid;grid-template-columns:1fr .95fr;gap:7vw;align-items:center}.n8n-hero h1{max-width:900px;margin:18px 0 28px;font-size:clamp(58px,7.1vw,102px);line-height:.85;letter-spacing:-5.5px}.n8n-hero h1 em{color:var(--accent);font-family:"DM Serif Display";font-weight:400}.n8n-hero-copy>p{max-width:650px;color:#59655e;font-size:14px;line-height:1.8}.n8n-hero-facts{display:flex;gap:28px;margin-top:38px;padding-top:22px;border-top:1px solid #ccd1cd}.n8n-hero-facts span{display:flex;flex-direction:column;color:#738079;font-size:7px;letter-spacing:.6px}.n8n-hero-facts b{margin-bottom:4px;color:var(--ink);font-size:16px}
.n8n-media{position:relative;overflow:hidden;background:#0b1412}.n8n-media>img{width:100%;height:100%;position:absolute;inset:0;z-index:2;display:block;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity .45s,transform .7s}.n8n-media.image-ready>img{opacity:1;transform:scale(1)}.n8n-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:35px;background:radial-gradient(circle at 75% 25%,rgba(160,111,209,.35),transparent 32%),linear-gradient(145deg,#111d19,#07110f);color:#fff}.n8n-placeholder::before,.n8n-placeholder::after{content:"";position:absolute;border:1px solid rgba(223,189,255,.12);border-radius:50%;right:-65px;top:-60px}.n8n-placeholder::before{width:280px;height:280px}.n8n-placeholder::after{width:190px;height:190px;right:-20px;top:-15px}.n8n-placeholder>span{color:#dfbdff;font-size:7px;font-weight:800;letter-spacing:1.6px}.n8n-placeholder>strong{max-width:500px;margin-top:12px;font:400 clamp(28px,3vw,45px)/.98 "DM Serif Display"}.n8n-placeholder>small{margin-top:20px;color:#839089;font-size:8px}.n8n-placeholder>small b{color:#fff}.n8n-hero-media{height:535px;box-shadow:28px 28px 0 var(--n8n-soft)}.n8n-status{position:absolute;z-index:4;right:20px;bottom:20px;display:flex;align-items:center;gap:10px;padding:13px 16px;background:#fff;color:var(--ink);box-shadow:0 14px 35px rgba(0,0,0,.2)}.n8n-status>i{width:8px;height:8px;border-radius:50%;background:#63bc81;box-shadow:0 0 0 5px rgba(99,188,129,.14)}.n8n-status span{display:flex;flex-direction:column}.n8n-status small{color:#79847e;font-size:6px}.n8n-status b{font-size:9px}
.n8n-gallery-section{padding:110px 5vw;background:#0a1411;color:#fff}.n8n-gallery-section .sales-heading>p{color:#94a099}.n8n-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.n8n-shot{height:440px;margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:#101b17;border:1px solid rgba(255,255,255,.12)}.n8n-shot-wide{grid-column:1/-1;height:570px}.n8n-shot-visual{min-height:0;position:relative;overflow:hidden}.n8n-shot figcaption{min-height:88px;display:flex;align-items:center;gap:18px;padding:18px 24px;background:#101b17;border-top:1px solid rgba(255,255,255,.12);color:#fff}.n8n-shot figcaption>span{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border:1px solid rgba(223,189,255,.3);border-radius:50%;color:#dfbdff;font-size:7px}.n8n-shot figcaption div{display:flex;flex-direction:column}.n8n-shot figcaption b{font-size:11px}.n8n-shot figcaption small{margin-top:4px;color:#93a099;font-size:8px;line-height:1.45}
.n8n-agents{padding:110px 5vw;display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:center;background:var(--n8n-soft)}.n8n-agents-copy h2{margin:14px 0 24px;font-size:clamp(45px,5.5vw,76px);line-height:.9;letter-spacing:-4px}.n8n-agents-copy h2 em{color:var(--accent);font-family:"DM Serif Display";font-weight:400}.n8n-agents-copy>p{color:#5e6862;font-size:12px;line-height:1.75}.n8n-agents-copy ul{list-style:none;margin:32px 0;padding:0;border-top:1px solid rgba(7,17,15,.18)}.n8n-agents-copy li{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid rgba(7,17,15,.18)}.n8n-agents-copy li>i{color:var(--accent);font-size:8px;font-style:normal}.n8n-agents-copy li>span{color:#69746d;font-size:9px;line-height:1.5}.n8n-agents-copy li b{display:block;margin-bottom:3px;color:var(--ink);font-size:11px}.n8n-agent-card{display:grid;grid-template-rows:minmax(0,1fr) 74px;height:600px;overflow:hidden;background:#0b1512;box-shadow:26px 26px 0 rgba(160,111,209,.18)}.n8n-agent-media{min-height:0;height:auto}.agent-overlay{display:flex;align-items:center;justify-content:center;gap:15px;padding:18px;background:#0d1815;border-top:1px solid rgba(255,255,255,.13);color:#fff}.agent-overlay span{font-size:7px;font-weight:800;letter-spacing:1px}.agent-overlay i{color:#dfbdff;font-style:normal}
@media(max-width:900px){.n8n-hero,.n8n-agents{grid-template-columns:1fr}.n8n-hero-media{height:500px}.n8n-agent-card{height:520px}.n8n-gallery{grid-template-columns:1fr}.n8n-shot-wide{grid-column:auto}.n8n-shot,.n8n-shot-wide{height:440px}}
@media(max-width:550px){.n8n-hero{padding:65px 20px 85px}.n8n-hero h1{font-size:52px;letter-spacing:-3.4px}.n8n-hero-facts{display:grid;grid-template-columns:1fr 1fr}.n8n-hero-media{height:390px;box-shadow:14px 14px 0 var(--n8n-soft)}.n8n-gallery-section,.n8n-agents{padding:78px 20px}.n8n-shot,.n8n-shot-wide{height:350px}.n8n-placeholder{padding:25px}.n8n-agents{gap:45px}.n8n-agent-card{height:440px;grid-template-rows:minmax(0,1fr) 66px;box-shadow:14px 14px 0 rgba(160,111,209,.18)}.agent-overlay{gap:8px;padding:14px}.agent-overlay span{font-size:6px}}