/* RUNLEVELS V0.4 — approved editorial / layout refinement. Layered after v0.3 to preserve the existing demo. */
.section{padding-block:72px}
.section-intro,.section-intro.compact{display:block;margin:0 0 32px}
.section-intro h2,.section h2{font-size:clamp(34px,3.3vw,53px);line-height:1.13;letter-spacing:-.052em}
.section h2.single-line-title{white-space:nowrap;max-width:none}
.section-summary{margin-top:11px;font-size:15px;line-height:1.62;max-width:690px}
/* Process: title and four steps form one left column, dashboard right, no large void */
.process-section{padding-block:78px 80px}
.process-shell{display:grid;grid-template-columns:minmax(0,0.89fr) minmax(0,1.11fr);gap:clamp(38px,4.6vw,77px);align-items:center}
.process-copy{min-width:0}
.process-intro{margin-bottom:20px}
.process-intro h2{font-size:clamp(34px,3vw,47px)}
.process-intro .section-summary{font-size:14px;max-width:450px;margin-top:10px}
.process-steps{padding-top:0}
.process-item{padding:13px 0;gap:17px;align-items:center}
.process-item h3{font-size:17px;margin-bottom:5px}
.process-item p{font-size:12px;line-height:1.53;max-width:410px}
.step-symbol{width:38px;min-width:38px;height:38px}
.step-symbol svg{width:21px;height:21px}
.process-visual{min-width:0;padding:0}
.mock-browser{transform:none;box-shadow:0 20px 60px rgba(28,29,28,.08)}
/* Features: a shorter stronger visual rhythm */
.benefits-section{padding:69px 0 75px}
.benefit-grid{gap:13px}
.benefit-card{min-height:326px;padding:23px;box-shadow:none}
.benefit-card .feature-top{min-height:17px}
.benefit-card .feature-orb,.benefit-card .feature-illustration{height:148px}
.benefit-card h3{font-size:20px;line-height:1.22}
.benefit-card p{font-size:12px;line-height:1.63}
/* Advantages at position three. Aligned rows of compact editorial comparison. */
.comparison-section{background:#f8f7f5;padding:79px 0 83px}
.advantage-shell{max-width:1200px}
.advantage-heading{text-align:center;margin-bottom:32px}
.advantage-heading h2{font-size:clamp(35px,3vw,48px)}
.advantage-heading p{color:#757e83;font-size:15px;margin-top:12px}
.advantage-table{display:grid;grid-template-columns:1fr 1fr;max-width:1130px;margin:0 auto;border-top:1px solid #dededb}
.advantage-column-heading{font-size:14px;font-weight:750;letter-spacing:-.012em;padding:17px 20px 17px 50px;color:#424d52}
.advantage-column-heading.advantage-with{color:#d15d41}
.advantage-cell{display:flex;gap:18px;min-height:79px;padding:19px 26px 19px 19px;border-top:1px solid #e7e8e6;align-items:center}
.advantage-cell:nth-last-child(-n+2){border-bottom:1px solid #e7e8e6}
.advantage-with{border-left:1px solid #e6e6e3}
.advantage-cell p{font-size:14px;line-height:1.55;color:#445058;margin:0}
.advantage-icon{font:600 23px/1 var(--font);display:grid;place-items:center;flex:0 0 28px}
.advantage-without .advantage-icon{color:#a3adb0}
.advantage-with .advantage-icon{color:#ef7351}
.advantage-with p{color:#283944;font-weight:550}
/* SaaS integration map: true six-to-one visual topology, not tile grid */
.integration-section{padding:78px 0 83px;background:#fff}
.integration-network-layout{display:grid;grid-template-columns:minmax(255px,.73fr) minmax(0,1.3fr);align-items:center;gap:44px}
.integration-network-copy h2{font-size:clamp(35px,3.35vw,52px)}
.integration-lead{font-size:16px;line-height:1.6;color:#283841;max-width:400px;margin-top:19px}
.integration-description{font-size:13px;line-height:1.75;color:#7b8589;max-width:410px;margin-top:15px}
.integration-disclaimer{font-size:11px;line-height:1.5;color:#a46a57;margin-top:19px;max-width:360px}
.integration-network{min-height:356px;width:100%;position:relative;isolation:isolate}
.network-lines{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:visible}
.network-lines path{stroke:#efaf96;stroke-width:1.55;stroke-dasharray:3.5 5.5;fill:none;vector-effect:non-scaling-stroke}
.network-hub{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;padding:21px 25px;width:228px;max-width:38%;height:73px;border-radius:999px;background:white;border:1px solid #ede9e3;box-shadow:0 15px 35px rgba(43,34,26,.07);}
.network-hub:before{content:'';position:absolute;z-index:-1;width:176px;height:176px;border-radius:50%;background:radial-gradient(circle,rgba(255,127,84,.13),rgba(255,127,84,.025) 50%,transparent 70%);pointer-events:none}
.network-hub img{width:100%;height:auto;max-height:34px;object-fit:contain}
.network-node{position:absolute;z-index:1;display:flex;align-items:center;gap:10px;min-width:136px;justify-content:flex-start;border:1px solid #f0eeeb;border-radius:999px;padding:13px 17px;background:rgba(255,255,255,.97);box-shadow:0 9px 25px rgba(43,34,26,.045);transform:translateY(-50%);font-size:13px;font-weight:660;color:#303b43;white-space:nowrap;transition:transform .25s,box-shadow .25s}
.network-node:hover{transform:translateY(-50%) scale(1.045);box-shadow:0 13px 34px rgba(43,34,26,.08)}
.network-node .node-icon{width:20px;height:20px;flex-shrink:0;color:#e77753}
.node-email{left:0;top:14%}.node-whatsapp{left:0;top:50%}.node-telegram{left:0;top:86%}
.node-calendar{right:0;top:14%}.node-crm{right:0;top:50%}.node-webhooks{right:0;top:86%}
.node-whatsapp .node-icon{color:#27ad78}.node-telegram .node-icon{color:#1ba1db}.node-calendar .node-icon{color:#4686d8}.node-crm .node-icon{color:#447bba}
/* Applications still interactive, with arrows stripped */
.split-section{padding:70px 0 82px}
.industry-selector button{display:flex;justify-content:center}
.industry-stage{gap:25px}
/* Pricing, contact and brand — no numbered tiers, arrows or decorative overlines */
.pricing-section{padding:76px 0 79px}
.pricing-grid article{min-height:345px}
.pricing-grid article h3{margin-top:29px}
.pricing-grid .plan-top{justify-content:flex-start}
.final-section{padding:84px 0}
.final-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}
.final-grid>div,.contact-shell{min-width:0}
.about-section{padding:76px 0 83px;overflow:hidden}
.about-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}
.about-mark{width:77px;height:77px;border-radius:23px;flex:0 0 auto}
.about-mark img{width:54px;height:54px}
.about-copy h2{font-size:clamp(34px,3.4vw,51px);letter-spacing:-.045em;margin:0 auto 14px;line-height:1.17;white-space:nowrap}
.about-copy p{max-width:715px;margin:auto;font-size:14px;line-height:1.73}
/* Safe section-title wrapping on smaller viewports, while desktop stays single-line. */
@media (max-width:1100px){
 .section h2.single-line-title{font-size:clamp(30px,3.65vw,43px)}
 .process-shell{gap:29px;grid-template-columns:1fr 1fr}
 .process-intro h2{font-size:clamp(30px,3.45vw,40px)}
 .integration-network-layout{grid-template-columns:1fr 1.3fr;gap:17px}
 .network-node{min-width:112px;font-size:11px;padding:11px}
 .network-hub{max-width:39%;padding:15px}
}
@media (max-width:820px){
 .final-grid{grid-template-columns:1fr}
 .section{padding-block:66px}
 .section h2.single-line-title{white-space:normal;font-size:clamp(34px,6vw,46px)}
 .process-shell{display:flex;flex-direction:column;align-items:stretch;gap:29px}
 .process-visual{width:100%}
 .process-intro h2{font-size:clamp(34px,6vw,47px)}
 .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .benefit-card{min-height:305px}
 .integration-network-layout{grid-template-columns:1fr;gap:23px}
 .integration-network-copy{max-width:700px}
 .integration-network{max-width:700px;margin:auto}
 .about-copy h2{white-space:normal}
}
@media (max-width:580px){
 .section{padding-block:54px}
 .process-intro{margin-bottom:17px}
 .process-item{padding:12px 0}
 .process-item h3{font-size:17px}
 .process-item p{font-size:12px}
 .benefit-grid{grid-template-columns:1fr}
 .benefit-card{min-height:275px}
 .advantage-heading{text-align:left;margin-bottom:26px}
 .advantage-heading p{font-size:13px}
 .advantage-table{grid-template-columns:1fr}
 .advantage-column-heading{padding:12px 10px;font-size:13px}
 .advantage-column-heading.advantage-without{grid-row:1}
 .advantage-column-heading.advantage-with{grid-row:6;border-left:0;border-top:1px solid #dcdeda}
 .advantage-cell{min-height:70px;padding:13px 5px;gap:13px;border-left:0!important}
 .advantage-cell.advantage-without{grid-column:1}
 .advantage-cell.advantage-with{grid-column:1}
 /* Mobile visual pairing is accomplished with grid-row overrides to group each column. */
 .advantage-cell:nth-child(3){grid-row:2}.advantage-cell:nth-child(5){grid-row:3}.advantage-cell:nth-child(7){grid-row:4}.advantage-cell:nth-child(9){grid-row:5}
 .advantage-cell:nth-child(4){grid-row:7}.advantage-cell:nth-child(6){grid-row:8}.advantage-cell:nth-child(8){grid-row:9}.advantage-cell:nth-child(10){grid-row:10}
 .advantage-icon{flex-basis:25px}
 .advantage-cell p{font-size:13px}
 .integration-network{height:345px;min-height:345px}
 .network-node{min-width:101px;padding:10px 8px;gap:5px;font-size:10px}
 .network-node .node-icon{width:16px;height:16px}
 .network-hub{width:140px;height:61px;max-width:42%;padding:10px}
 .network-hub:before{width:145px;height:145px}
 .node-email,.node-whatsapp,.node-telegram{left:0}
 .node-calendar,.node-crm,.node-webhooks{right:0}
 .about-section{padding:61px 0}
 .about-copy h2{font-size:clamp(29px,7.8vw,42px)}
 .about-copy p{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.network-node{transition:none}}