.n8n-page{--ink:#f5f5f3;--paper:#050505;--line:#292929;background:var(--paper);color:var(--ink)}.desktop-nav .active{color:#fff}.back-link{display:block;width:max-content;margin-bottom:28px;color:#888;font-size:12px}.back-link:visited{color:#777}.back-link:hover,.back-link:visited:hover{color:#fff}.n8n-hero{min-height:920px;padding-top:82px;overflow:hidden;border-bottom:1px solid var(--line)}.n8n-hero-grid{min-height:830px;display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center}.n8n-copy h1{font-size:clamp(54px,6vw,86px);line-height:.93;font-weight:600;margin:27px 0 30px;text-wrap:balance}.n8n-copy>p{max-width:650px;color:#aaa;font-size:18px;line-height:1.6;margin:0 0 34px}.n8n-facts{display:flex;gap:32px;margin-top:46px;padding-top:24px;border-top:1px solid #303030}.n8n-facts span{display:flex;flex-direction:column;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.n8n-facts b{color:#eee;font:500 17px 'Space Grotesk',sans-serif;text-transform:none;letter-spacing:0;margin-bottom:5px}.n8n-canvas{border:1px solid #383838;border-radius:16px;background:#080808;overflow:hidden;box-shadow:0 35px 100px #000}.canvas-head{height:56px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#888;font-size:10px}.canvas-head span{display:flex;align-items:center;gap:9px;letter-spacing:.1em}.canvas-head i{width:7px;height:7px;border-radius:50%;background:#eee;box-shadow:0 0 0 5px rgba(255,255,255,.07)}.canvas-head b{font-weight:500;color:#ddd}.canvas-space{height:445px;position:relative;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:40px 40px}.canvas-node{position:absolute;width:145px;padding:15px;border:1px solid #3a3a3a;background:#0b0b0b;z-index:2}.canvas-node span{color:#888;font-size:8px}.canvas-node b{display:block;font:500 13px 'Space Grotesk',sans-serif;margin:17px 0 5px}.canvas-node small{color:#888;font-size:9px}.node-trigger{left:25px;top:45px}.node-check{right:25px;top:45px;background:#efefed;color:#080808}.node-check span,.node-check small{color:#555}.node-crm{left:25px;bottom:45px}.node-message{right:25px;bottom:45px}.canvas-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:128px;height:128px;border:1px solid #999;border-radius:50%;display:grid;place-content:center;text-align:center;background:#090909;z-index:3}.canvas-core strong{font:600 35px 'Space Grotesk',sans-serif}.canvas-core span{color:#888;font-size:9px;text-transform:uppercase}.wire{position:absolute;left:50%;top:50%;width:210px;border-top:1px dashed #666;transform-origin:left center;z-index:1}.wire-a{transform:rotate(-145deg)}.wire-b{transform:rotate(-35deg)}.wire-c{transform:rotate(35deg)}.canvas-log{display:grid;grid-template-columns:70px 1fr auto;gap:12px;padding:17px 20px;border-top:1px solid var(--line);font-size:10px}.canvas-log span,.canvas-log em{color:#888;font-style:normal}.canvas-log b{font-weight:500}.n8n-principle{background:#070707}.route-strip{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;border:1px solid #303030;border-radius:14px;overflow:hidden}.route-strip article{min-height:240px;padding:30px;display:flex;flex-direction:column}.route-strip>i{display:grid;place-items:center;border-inline:1px solid #303030;color:#777;font-style:normal}.route-strip span{color:#888;font-size:11px;text-transform:uppercase}.route-strip h3{font:500 25px/1.1 'Space Grotesk',sans-serif;margin:auto 0 12px}.route-strip p{color:#999;font-size:16px;margin:0}.route-strip .route-focus{background:#efefed;color:#080808}.route-focus span,.route-focus p{color:#555}.scenarios-section{border-block:1px solid var(--line)}.scenario-list{border-top:1px solid var(--line)}.scenario-list article{display:grid;grid-template-columns:55px 1fr 160px;gap:28px;align-items:center;min-height:135px;border-bottom:1px solid var(--line)}.scenario-list article>span{color:#777;font-size:11px}.scenario-list h3{font:500 26px 'Space Grotesk',sans-serif;margin:0 0 7px}.scenario-list p{color:#999;font-size:16px;margin:0}.scenario-list b{font:500 12px 'Space Grotesk',sans-serif;text-align:right;color:#bbb}.anatomy-section{background:#080808}.n8n-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:105px}.n8n-sticky{position:sticky;top:125px;align-self:start}.n8n-sticky h2,.integrations-copy h2{font-size:clamp(48px,5.4vw,72px);line-height:1;font-weight:500;margin:22px 0 28px}.n8n-sticky p,.integrations-copy>p{color:#999;font-size:16px}.anatomy-rows,.reliability-table{border-top:1px solid var(--line)}.anatomy-rows>div{display:grid;grid-template-columns:45px .7fr 1.3fr;gap:22px;padding:27px 0;border-bottom:1px solid var(--line)}.anatomy-rows span{color:#777;font-size:10px}.anatomy-rows b,.reliability-table b{font:500 18px 'Space Grotesk',sans-serif}.anatomy-rows p{color:#999;font-size:16px;margin:0}.anatomy-rows .anatomy-focus{background:#efefed;color:#080808;padding-inline:18px}.anatomy-focus span,.anatomy-focus p{color:#555}.integrations-section{border-block:1px solid var(--line)}.integrations-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.integration-board{height:540px;border:1px solid #353535;border-radius:16px;position:relative;background:#080808;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px}.ib-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border:1px solid #888;border-radius:50%;display:grid;place-content:center;text-align:center;background:#0a0a0a;z-index:2}.ib-core b{font:600 37px 'Space Grotesk',sans-serif}.ib-core span{color:#777;font-size:8px}.ib-node{position:absolute;width:155px;padding:16px;border:1px solid #3a3a3a;background:#0b0b0b}.ib-node:after{content:'';position:absolute;width:80px;border-top:1px dashed #666;top:50%}.ib-node b{font:500 13px 'Space Grotesk',sans-serif}.ib-node span{display:block;color:#888;font-size:9px;margin-top:6px}.ib-crm{left:28px;top:70px}.ib-onec{right:28px;top:70px}.ib-chat{left:28px;bottom:70px}.ib-data{right:28px;bottom:70px}.ib-crm:after,.ib-chat:after{left:100%}.ib-onec:after,.ib-data:after{right:100%}.ib-crm:after,.ib-data:after{transform:rotate(24deg)}.ib-onec:after,.ib-chat:after{transform:rotate(-24deg)}.integrations-copy ul{list-style:none;padding:0;margin:34px 0 0;border-top:1px solid var(--line)}.integrations-copy li{display:flex;justify-content:space-between;gap:22px;padding:17px 0;border-bottom:1px solid var(--line)}.integrations-copy li b{font:500 15px 'Space Grotesk',sans-serif}.integrations-copy li span{color:#999;font-size:13px;text-align:right}.hosting-section{background:#070707}.hosting-compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid #353535;border-radius:14px;overflow:hidden}.hosting-compare article{min-height:390px;padding:40px;display:flex;flex-direction:column}.hosting-compare article+article{border-left:1px solid #353535}.hosting-compare>article>span{color:#888;font-size:10px;letter-spacing:.1em}.hosting-compare h3{font:500 31px 'Space Grotesk',sans-serif;margin:60px 0 16px}.hosting-compare p{color:#999;font-size:16px}.hosting-compare ul{list-style:none;padding:0;margin:auto 0 0}.hosting-compare li{padding:12px 0;border-top:1px solid #303030;color:#aaa;font-size:16px}.hosting-compare .hosting-focus{background:#efefed;color:#080808}.hosting-focus>span,.hosting-focus p,.hosting-focus li{color:#555}.hosting-focus li{border-color:#ccc}.reliability-section{border-block:1px solid var(--line)}.reliability-table>div{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;padding:27px 0;border-bottom:1px solid var(--line)}.reliability-table .table-head{color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.reliability-table span{color:#999;font-size:16px}.process-title{font-size:clamp(48px,5.2vw,72px);line-height:1;font-weight:500;margin:25px 0 60px}.n8n-price{border-block:1px solid var(--line)}.price-grid-n8n{display:grid;grid-template-columns:1fr 1fr;gap:90px;border:1px solid #353535;border-radius:16px;padding:65px}.price-grid-n8n h2{font-size:clamp(48px,5.4vw,72px);line-height:1;font-weight:500;margin:22px 0}.price-grid-n8n p{color:#999;font-size:16px}.price-options article{padding:20px 0;border-bottom:1px solid var(--line)}.price-options article:first-child{border-top:1px solid var(--line)}.price-options span{color:#888;font-size:10px}.price-options b{display:block;font:500 25px 'Space Grotesk',sans-serif;margin:7px 0}.price-options p{font-size:16px;margin:0}.price-options .button{margin-top:28px}.faq-section{border-bottom:1px solid var(--line)}.contact-section{border-top:0}
@media(max-width:980px){.n8n-hero{min-height:auto;padding-top:120px}.n8n-hero-grid{min-height:auto;grid-template-columns:1fr;gap:60px;padding-bottom:90px}.n8n-canvas{max-width:720px}.n8n-split,.integrations-grid{grid-template-columns:1fr;gap:65px}.n8n-sticky{position:static}.scenario-list article{grid-template-columns:45px 1fr 140px}.price-grid-n8n{padding:48px;gap:55px}}
@media(max-width:680px){.n8n-hero{padding-top:98px}.n8n-hero-grid{gap:45px;padding-bottom:70px}.n8n-copy h1{font-size:clamp(40px,11.2vw,53px);line-height:.96;margin:22px 0}.n8n-copy>p{font-size:16px}.n8n-facts{gap:17px;flex-direction:column}.canvas-space{height:480px}.canvas-node{width:122px;padding:12px}.node-trigger,.node-crm{left:12px}.node-check,.node-message{right:12px}.canvas-core{width:102px;height:102px}.canvas-core strong{font-size:28px}.canvas-log{grid-template-columns:60px 1fr auto}.route-strip{grid-template-columns:1fr}.route-strip>i{min-height:50px;border:0;border-block:1px solid #303030;transform:rotate(90deg)}.route-strip article{min-height:200px;padding:26px}.scenario-list article{grid-template-columns:30px 1fr;gap:14px;padding:24px 0}.scenario-list h3{font-size:21px}.scenario-list p{font-size:16px}.scenario-list b{grid-column:2;text-align:left}.anatomy-rows>div{grid-template-columns:30px 1fr;gap:14px}.anatomy-rows p{grid-column:2}.integration-board{height:430px}.ib-core{width:105px;height:105px}.ib-core b{font-size:28px}.ib-node{width:120px;padding:12px}.ib-node:after{width:40px}.ib-crm,.ib-chat{left:12px}.ib-onec,.ib-data{right:12px}.ib-crm,.ib-onec{top:42px}.ib-chat,.ib-data{bottom:42px}.integrations-copy li{flex-direction:column;gap:5px}.integrations-copy li span{text-align:left}.hosting-compare{grid-template-columns:1fr}.hosting-compare article{min-height:350px;padding:27px}.hosting-compare article+article{border-left:0;border-top:1px solid #353535}.hosting-compare h3{margin-top:45px}.reliability-table>div{grid-template-columns:1fr;gap:8px}.reliability-table .table-head{display:none}.price-grid-n8n{grid-template-columns:1fr;padding:28px;gap:35px}.n8n-sticky h2,.integrations-copy h2,.price-grid-n8n h2,.process-title{font-size:42px}}