.automation-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}.automation-hero{min-height:920px;padding-top:82px;overflow:hidden;border-bottom:1px solid var(--line)}.automation-hero-grid{min-height:830px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.automation-copy h1{font-size:clamp(52px,5.6vw,82px);line-height:.95;font-weight:600;margin:27px 0 30px;text-wrap:balance}.automation-copy>p{max-width:650px;color:#aaa;font-size:18px;line-height:1.6;margin:0 0 34px}.automation-facts{display:flex;gap:35px;margin-top:46px;padding-top:24px;border-top:1px solid #303030}.automation-facts span{display:flex;flex-direction:column;color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.automation-facts b{color:#eee;font:500 17px 'Space Grotesk',sans-serif;text-transform:none;letter-spacing:0;margin-bottom:5px}.workflow-console{border:1px solid #383838;border-radius:16px;background:#080808;overflow:hidden;box-shadow:0 35px 100px #000}.workflow-head{height:54px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#777;font-size:10px}.workflow-head span{display:flex;align-items:center;gap:9px;letter-spacing:.1em}.workflow-head i{width:7px;height:7px;border-radius:50%;background:#eee;box-shadow:0 0 0 5px rgba(255,255,255,.07)}.workflow-head b{font-weight:400}.workflow-canvas{padding:40px 20px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:42px 42px}.workflow-node{min-height:145px;padding:16px;border:1px solid #353535;background:#0b0b0b;display:flex;flex-direction:column}.workflow-node span{color:#777;font-size:8px}.workflow-node b{font:500 14px 'Space Grotesk',sans-serif;margin:auto 0 6px}.workflow-node small{color:#777;font-size:9px}.workflow-canvas>i{color:#666;font-style:normal}.workflow-node.node-rule{background:#efefed;color:#080808}.node-rule span,.node-rule small{color:#555}.workflow-log{padding:0 24px}.workflow-log>div{display:grid;grid-template-columns:58px 1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.workflow-log span,.workflow-log em{color:#777;font-size:9px;font-style:normal}.workflow-log b{font:500 11px 'Space Grotesk',sans-serif}.workflow-foot{padding:18px 24px;display:flex;justify-content:space-between;color:#777;font-size:10px}.workflow-foot b{color:#ddd}.principle-section{background:#070707}.principle-flow{display:grid;grid-template-columns:1fr 62px 1fr;border:1px solid #303030;border-radius:14px;overflow:hidden}.principle-flow article{min-height:245px;padding:32px;display:flex;flex-direction:column}.principle-flow>i{display:grid;place-items:center;border-inline:1px solid #303030;color:#777;font-style:normal}.principle-flow span{color:#777;font-size:11px;text-transform:uppercase}.principle-flow h3{font:500 28px/1.1 'Space Grotesk',sans-serif;margin:auto 0 12px}.principle-flow p{color:#888;font-size:15px;margin:0}.principle-flow .principle-focus{background:#efefed;color:#080808}.principle-focus span,.principle-focus p{color:#555}.directions-section{border-block:1px solid var(--line)}.directions-list{border-top:1px solid var(--line)}.directions-list>a{display:grid;grid-template-columns:55px 1fr 140px 45px;gap:25px;align-items:center;min-height:142px;border-bottom:1px solid var(--line);transition:background .25s,padding .25s}.directions-list>a:hover{background:#0e0e0e;padding-inline:18px}.directions-list>a>span{color:#666;font-size:11px}.directions-list h3{font:500 27px 'Space Grotesk',sans-serif;margin:0 0 7px}.directions-list p{color:#999;font-size:16px;margin:0}.directions-list>a>b{font:500 13px 'Space Grotesk',sans-serif;text-align:right}.directions-list>a>i{width:43px;height:43px;border:1px solid #353535;border-radius:50%;display:grid;place-items:center;font-style:normal}.directions-list>a:hover>i{background:#fff;color:#000}.anatomy-section{background:#080808}.anatomy-layout,.reliability-layout,.effect-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:105px}.anatomy-copy,.reliability-copy,.effect-copy{position:sticky;top:125px;align-self:start}.anatomy-copy h2,.integrations-copy h2,.reliability-copy h2,.effect-copy h2{font-size:clamp(48px,5.4vw,72px);line-height:1;font-weight:500;margin:22px 0 28px}.anatomy-copy p,.integrations-copy>p,.reliability-copy p,.effect-copy p{color:#999;font-size:16px}.anatomy-list,.reliability-table,.effect-table{border-top:1px solid var(--line)}.anatomy-list>div{display:grid;grid-template-columns:45px .7fr 1.3fr;gap:22px;padding:27px 0;border-bottom:1px solid var(--line)}.anatomy-list span{color:#666;font-size:10px}.anatomy-list b,.reliability-table b,.effect-table b{font:500 18px 'Space Grotesk',sans-serif}.anatomy-list p{color:#999;font-size:14px;margin:0}.anatomy-list .anatomy-focus{background:#efefed;color:#080808;padding-inline:18px}.anatomy-list .anatomy-focus span,.anatomy-list .anatomy-focus p{color:#555}.integrations-section{border-block:1px solid var(--line)}.integrations-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.integration-map{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}.map-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}.map-core span{font:600 37px 'Space Grotesk',sans-serif}.map-core b{color:#777;font-size:9px}.map-node{position:absolute;width:150px;padding:16px;border:1px solid #3a3a3a;background:#0b0b0b}.map-node:after{content:'';position:absolute;width:80px;border-top:1px dashed #666;top:50%}.map-node b{font:500 14px 'Space Grotesk',sans-serif}.map-node small{display:block;color:#777;font-size:9px;margin-top:6px}.map-crm{left:28px;top:70px}.map-accounting{right:28px;top:70px}.map-messenger{left:28px;bottom:70px}.map-data{right:28px;bottom:70px}.map-crm:after,.map-messenger:after{left:100%}.map-accounting:after,.map-data:after{right:100%}.map-crm:after,.map-data:after{transform:rotate(24deg)}.map-accounting:after,.map-messenger: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:#888;font-size:13px;text-align:right}.reliability-section{background:#070707}.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:#666;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.reliability-table span,.effect-table span{color:#999;font-size:14px}.effect-section{border-block:1px solid var(--line)}.effect-table>div{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px;padding:27px 0;border-bottom:1px solid var(--line)}.price-section{border-bottom:1px solid var(--line)}.price-panel{display:grid;grid-template-columns:1fr 1fr;gap:90px;border:1px solid #353535;border-radius:16px;padding:65px}.price-panel h2{font-size:clamp(48px,5.4vw,72px);line-height:1;font-weight:500;margin:22px 0}.price-panel p{color:#999;font-size:16px}.price-label{font:500 22px 'Space Grotesk',sans-serif}.price-panel ul{list-style:none;padding:0;margin:28px 0}.price-panel li{padding:13px 0;border-bottom:1px solid var(--line);color:#aaa;font-size:14px}.price-panel li:before{content:'—';margin-right:12px;color:#666}.faq-section{border-bottom:1px solid var(--line)}.contact-section{border-top:0}
@media(max-width:980px){.automation-hero{min-height:auto;padding-top:120px}.automation-hero-grid{min-height:auto;grid-template-columns:1fr;gap:60px;padding-bottom:90px}.workflow-console{max-width:720px}.anatomy-layout,.integrations-layout,.reliability-layout,.effect-layout{grid-template-columns:1fr;gap:65px}.anatomy-copy,.reliability-copy,.effect-copy{position:static}.directions-list>a{grid-template-columns:45px 1fr 130px 45px}.price-panel{padding:48px;gap:55px}}
@media(max-width:680px){.automation-hero{padding-top:98px}.automation-hero-grid{gap:45px;padding-bottom:70px}.automation-copy h1{font-size:clamp(39px,10.8vw,52px);line-height:.98;margin:22px 0}.automation-copy>p{font-size:16px}.automation-facts{gap:0;justify-content:space-between;flex-wrap:wrap}.automation-facts b{font-size:14px}.workflow-head{flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.workflow-canvas{grid-template-columns:1fr;padding:18px}.workflow-canvas>i{transform:rotate(90deg);text-align:center}.workflow-node{min-height:105px}.workflow-log{padding:0 16px}.workflow-log>div{grid-template-columns:50px 1fr auto}.principle-flow{grid-template-columns:1fr}.principle-flow>i{min-height:50px;border:0;border-block:1px solid #303030;transform:rotate(90deg)}.principle-flow article{min-height:210px;padding:26px}.directions-list>a{grid-template-columns:30px 1fr 43px;gap:14px;padding:24px 0}.directions-list>a:hover{padding-inline:8px}.directions-list h3{font-size:21px}.directions-list p{font-size:15px}.directions-list>a>b{grid-column:2;text-align:left}.directions-list>a>i{grid-column:3;grid-row:1/3}.anatomy-list>div{grid-template-columns:30px 1fr;gap:14px}.anatomy-list p{grid-column:2}.integration-map{height:430px}.map-core{width:105px;height:105px}.map-core span{font-size:28px}.map-node{width:120px;padding:12px}.map-node:after{width:40px}.map-crm,.map-messenger{left:12px}.map-accounting,.map-data{right:12px}.map-crm,.map-accounting{top:42px}.map-messenger,.map-data{bottom:42px}.integrations-copy li{flex-direction:column;gap:5px}.integrations-copy li span{text-align:left}.reliability-table>div,.effect-table>div{grid-template-columns:1fr;gap:8px}.reliability-table .table-head{display:none}.price-panel{grid-template-columns:1fr;padding:28px;gap:35px}.anatomy-copy h2,.integrations-copy h2,.reliability-copy h2,.effect-copy h2,.price-panel h2{font-size:42px}}