/* Shared site tokens keep automation pages aligned with both SimonovLab themes. */
.sl-automation{max-width:1200px;margin:0 auto;padding:150px 30px 90px;color:var(--sl-text);font:400 16px/1.65 Inter,sans-serif}
.sl-automation *{box-sizing:border-box}
.sl-automation :is(h1,h2,h3,p,figure,ul,ol){margin:0}
.sl-automation :is(h1,h2,h3){color:var(--sl-text);font-family:inherit;font-weight:500}
.sl-automation h1{font-size:clamp(38px,4.5vw,60px);line-height:1.12;letter-spacing:-.045em}
.sl-automation h1 span{color:var(--sl-accent)}
.sl-automation h2{font-size:clamp(30px,3.1vw,42px);line-height:1.17;letter-spacing:-.035em;text-wrap:balance}
.sl-automation h3{font-size:22px;line-height:1.3;letter-spacing:-.02em}
.sl-automation p{color:var(--sl-muted)}
.sl-automation a{color:inherit;text-decoration:none}
.sl-automation svg{flex-shrink:0;vertical-align:middle}
.sl-automation a,.sl-automation button,.sl-automation summary{touch-action:manipulation}
.sl-automation :is(a,button,summary):focus-visible{outline:2px solid var(--sl-accent);outline-offset:5px}
.auto-breadcrumb{display:flex;align-items:center;gap:22px;font-size:12px;color:var(--sl-muted)}
.auto-breadcrumb a{display:inline-flex;align-items:center;gap:8px;min-height:30px}
.auto-breadcrumb a svg{transform:rotate(180deg)}
.auto-breadcrumb>span{padding-left:22px;border-left:1px solid var(--sl-line)}
.auto-breadcrumb a:hover{color:var(--sl-accent)}
.auto-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:center;gap:54px;padding:45px 0 58px}
.auto-eyebrow{display:block;margin-bottom:24px;font-size:12px;line-height:1.6;letter-spacing:.035em;color:var(--sl-accent)}
.auto-hero-copy>p{max-width:570px;margin-top:27px;font-size:19px;line-height:1.6}
.auto-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 26px;margin-top:32px}
.sl-automation .auto-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:14px 20px;border:1px solid var(--sl-text);border-radius:10px;background:var(--sl-text);color:var(--sl-bg);font:500 14px/1.4 Inter,sans-serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.sl-automation .auto-button:hover{background:var(--sl-accent);border-color:var(--sl-accent);color:var(--sl-bg)}
.sl-automation .auto-button-secondary{background:transparent;color:var(--sl-text);border-color:var(--sl-line)}
.sl-automation .auto-button-secondary:hover{background:var(--sl-panel);color:var(--sl-accent);border-color:var(--sl-accent)}
.sl-automation .auto-link{display:inline-flex;align-items:center;gap:10px;min-height:36px;font-size:13px;font-weight:500;line-height:1.5;transition:color .2s}
.sl-automation .auto-link:hover{color:var(--sl-accent)}
.auto-link svg{transition:transform .2s}
.auto-link:hover svg{transform:translate(2px,-2px)}
.auto-flow{padding:24px;border:1px solid var(--sl-line);border-radius:16px;background:var(--sl-panel)}
.auto-flow figcaption{display:flex;align-items:center;gap:10px;padding-bottom:22px;color:var(--sl-muted);font-size:12px}
.auto-flow figcaption svg{color:var(--sl-accent)}
.auto-flow ol{display:grid;gap:23px;list-style:none;padding:0}
.auto-flow li{display:flex;align-items:center;gap:14px;position:relative;padding:15px 13px;border:1px solid var(--sl-line);border-radius:10px;background:var(--sl-bg)}
.auto-flow li:nth-child(3){border-color:color-mix(in srgb,var(--sl-accent),var(--sl-line) 50%);background:color-mix(in srgb,var(--sl-panel),var(--sl-accent) 5%)}
.auto-flow-number{font:400 11px/1.5 'JetBrains Mono',monospace;color:var(--sl-accent)}
.auto-flow li>div{flex:1;min-width:0}
.auto-flow strong{display:block;font-size:14px;font-weight:500;line-height:1.5}
.auto-flow li>div>span{display:block;margin-top:3px;font-size:11px;color:var(--sl-muted);line-height:1.5}
.auto-flow li>svg{color:var(--sl-accent)}
.auto-flow-arrow{position:absolute;left:25px;bottom:-22px;color:var(--sl-muted)}
.auto-section-nav{display:flex;gap:30px;flex-wrap:wrap;align-items:center;padding:18px 0;border-top:1px solid var(--sl-line);border-bottom:1px solid var(--sl-line)}
.auto-section-nav a{padding:5px 0;font-size:13px;color:var(--sl-muted);transition:color .2s}
.auto-section-nav a:hover{color:var(--sl-accent)}
.auto-section{padding-top:100px;scroll-margin-top:115px}
.auto-intro{max-width:680px;margin-top:20px!important;font-size:17px}
.auto-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:65px;margin-top:45px}
.auto-service{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid var(--sl-line);padding:30px 0 35px}
.auto-service-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:20px;border:1px solid var(--sl-line);border-radius:10px;color:var(--sl-accent)}
.auto-service>p{margin-top:14px;max-width:480px;font-size:15px;line-height:1.7}
.auto-list{list-style:none;padding:0;display:grid;gap:12px}
.auto-list li{display:flex;align-items:flex-start;gap:11px;font-size:14px;line-height:1.65}
.auto-list li>svg{margin-top:3px;color:var(--sl-accent)}
.auto-service .auto-list{padding:23px 0 22px}
.auto-service>.auto-link{margin-top:auto}
.auto-products{margin-top:42px;border-top:1px solid var(--sl-line)}
.auto-product-row{display:grid;grid-template-columns:1fr 1.25fr auto;align-items:center;gap:35px;padding:35px 0;border-bottom:1px solid var(--sl-line)}
.auto-product-label{display:block;font-size:11px;color:var(--sl-muted);margin-bottom:10px}
.auto-product-row h3{font-size:29px;letter-spacing:-.035em}
.auto-tags{display:flex;flex-wrap:wrap;list-style:none;gap:8px;padding:14px 0 0}
.auto-tags li{font-size:10px;color:var(--sl-muted);border:1px solid var(--sl-line);padding:3px 8px;border-radius:5px}
.auto-product-row p{font-size:14px;line-height:1.6}
.auto-product-row .auto-product-audience{margin-bottom:10px;color:var(--sl-text)}
.auto-note{font-size:12px;line-height:1.65;margin-top:22px!important}
.auto-ai-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:44px;border:1px solid var(--sl-line);border-radius:16px;background:var(--sl-panel)}
.auto-ai-copy>p{margin-top:22px;font-size:15px}
.auto-ai-copy .auto-list{margin:25px 0 28px}
.auto-ai-scenario{align-self:center;padding-left:38px;border-left:1px solid var(--sl-line)}
.auto-scenario-label{font-size:11px;color:var(--sl-muted)}
.auto-ai-scenario h3{font-size:20px;margin-top:14px;line-height:1.4}
.auto-ai-scenario ol{list-style:none;padding:28px 0;display:grid;gap:22px}
.auto-ai-scenario li{display:flex;align-items:baseline;gap:16px;font-size:13px}
.auto-ai-scenario li>span{font:11px 'JetBrains Mono',monospace;color:var(--sl-accent)}
.auto-ai-scenario>p{display:flex;align-items:flex-start;gap:12px;font-size:12px;border-top:1px solid var(--sl-line);padding-top:22px}
.auto-ai-scenario>p svg{color:var(--sl-accent)}
.auto-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin-top:45px!important}
.auto-steps li{display:flex;flex-direction:column;border-top:1px solid var(--sl-line);padding-top:22px}
.auto-step-index{color:var(--sl-accent);font:12px 'JetBrains Mono',monospace;margin-bottom:24px}
.auto-steps h3{font-size:20px;margin-bottom:14px}
.auto-steps p{font-size:14px;line-height:1.7;margin-bottom:25px}
.auto-step-result{display:flex;align-items:flex-start;gap:8px;font-size:11px;margin-top:auto;color:var(--sl-accent);line-height:1.6}
.auto-step-result svg{margin-top:1px}
.auto-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}
.auto-faq details{border-bottom:1px solid var(--sl-line)}
.auto-faq details:first-child{border-top:1px solid var(--sl-line)}
.auto-faq summary{list-style:none;display:flex;justify-content:space-between;gap:24px;align-items:center;cursor:pointer;padding:23px 0;font-size:15px;line-height:1.5}
.auto-faq summary::-webkit-details-marker{display:none}
.auto-faq summary svg{color:var(--sl-muted);transition:transform .2s}
.auto-faq details[open] summary svg{transform:rotate(45deg)}
.auto-faq details[open] summary{color:var(--sl-accent)}
.auto-faq details p{padding:0 30px 24px 0;font-size:14px;line-height:1.75}
.auto-start{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;border-top:1px solid var(--sl-line);margin-top:100px;padding-top:55px}
.auto-start h2{font-size:clamp(30px,3vw,39px)}
.auto-start p{font-size:15px;margin-top:23px;max-width:520px}
.auto-start .auto-button{margin-top:28px}
.auto-start-note{align-self:center;padding:30px;border:1px solid var(--sl-line);border-radius:16px}
.auto-start-note h3{font-size:18px}
.auto-start-note p{font-size:13px;margin-top:18px}
.auto-product-page h1{font-size:clamp(37px,4.1vw,55px)}
.auto-fit{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:25px 0;border-block:1px solid var(--sl-line)}
.auto-fit>span{font-size:12px;color:var(--sl-accent)}
.auto-fit p{font-size:16px;max-width:650px;color:var(--sl-text)}
.auto-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px;margin-top:40px}
.auto-scope article{display:flex;gap:20px;padding:28px 0;border-top:1px solid var(--sl-line)}
.auto-scope-index{font:11px/1.7 'JetBrains Mono',monospace;color:var(--sl-accent);padding-top:3px}
.auto-scope h3{font-size:20px}
.auto-scope p{font-size:14px;line-height:1.8;margin-top:13px}
.auto-example{display:grid;grid-template-columns:1.2fr 1fr;gap:65px}
.auto-example h2{font-size:clamp(28px,3vw,38px)}
.auto-example p{margin-top:22px;font-size:16px;line-height:1.8}
.auto-example aside{align-self:start;padding:30px;border:1px solid var(--sl-line);border-radius:16px;background:var(--sl-panel)}
.auto-example aside h3{font-size:20px;margin-bottom:24px}
.auto-related{border-top:1px solid var(--sl-line);margin-top:70px;padding-top:30px;display:flex;justify-content:space-between;gap:25px;align-items:center}
.auto-related h2{font-size:20px;letter-spacing:-.02em}
.auto-related>div{display:flex;gap:32px;flex-wrap:wrap}
.auto-official a{display:inline-flex;align-items:center;gap:5px;text-decoration:underline;text-underline-offset:3px}
@media(min-width:1100px){.auto-hero .auto-actions{gap:16px}.auto-hero .auto-actions .auto-link{font-size:12px}}
@media(max-width:1023px){
 .sl-automation{padding-inline:24px}.auto-hero{gap:30px;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr)}
 .sl-automation h1{font-size:clamp(35px,4.9vw,50px)}.auto-hero-copy>p{font-size:17px}.auto-flow{padding:18px}
 .auto-services{column-gap:40px}.auto-product-row{grid-template-columns:1fr 1.25fr;gap:20px 35px}.auto-product-row>.auto-link{grid-column:2}
 .auto-ai-panel{padding:30px;gap:30px}.auto-ai-scenario{padding-left:25px}.auto-ai-copy h2{font-size:34px}
 .auto-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.auto-faq{gap:30px;grid-template-columns:1fr 1.6fr}
 .auto-start{gap:40px}.auto-section-nav{gap:24px}.auto-scope{column-gap:35px}
}
@media(max-width:767px){
 .sl-automation{padding:120px 20px 60px}.auto-breadcrumb{font-size:10px;gap:12px}.auto-breadcrumb>span{padding-left:12px}
 .auto-hero{grid-template-columns:1fr;padding:30px 0 35px;gap:35px}.sl-automation h1{font-size:clamp(35px,7.8vw,52px);line-height:1.13}
 .auto-hero-copy>p{font-size:17px;margin-top:23px}.auto-eyebrow{font-size:11px;margin-bottom:18px}.auto-actions{gap:13px 22px;margin-top:26px}
 .auto-flow{max-width:none;padding:22px}.auto-flow ol{gap:21px}.auto-flow li{padding:14px}.auto-flow strong{font-size:14px}.auto-flow li>div>span{font-size:12px}
 .auto-flow figcaption{font-size:12px}.auto-section-nav{gap:7px 23px;padding:14px 0}.auto-section-nav a{font-size:12px;min-height:35px;display:flex;align-items:center}
 .auto-section{padding-top:64px;scroll-margin-top:90px}.sl-automation h2{font-size:30px}.auto-intro{font-size:16px;margin-top:18px!important}
 .auto-services{grid-template-columns:1fr;margin-top:30px}.auto-service{padding:26px 0 30px}.auto-service-icon{margin-bottom:17px}.auto-service h3{font-size:22px}
 .auto-product-row{grid-template-columns:1fr;gap:20px;padding:29px 0}.auto-product-row>.auto-link{grid-column:auto}.auto-product-row h3{font-size:30px}.auto-product-row p{font-size:15px}.auto-products{margin-top:30px}
 .auto-ai-panel{grid-template-columns:1fr;padding:25px;gap:32px}.auto-ai-scenario{padding:28px 0 0;border-left:0;border-top:1px solid var(--sl-line)}.auto-ai-copy .auto-list{margin:22px 0}.auto-ai-copy .auto-button{font-size:12px;gap:12px;padding-inline:14px}
 .auto-ai-scenario ol{gap:18px}.auto-steps{margin-top:30px!important;gap:30px 22px}.auto-steps h3{font-size:18px}.auto-steps p{font-size:13px}.auto-step-index{margin-bottom:18px}
 .auto-faq{grid-template-columns:1fr;gap:25px}.auto-faq summary{font-size:15px;padding:21px 0}.auto-faq details p{padding-right:0}
 .auto-start{grid-template-columns:1fr;gap:30px;margin-top:64px;padding-top:35px}.auto-start-note{padding:24px}.auto-start p{font-size:15px}
 .auto-fit{grid-template-columns:1fr;gap:10px}.auto-scope{grid-template-columns:1fr;margin-top:30px}.auto-scope article{padding:24px 0}
 .auto-example{grid-template-columns:1fr;gap:30px}.auto-example aside{padding:25px}.auto-example p{font-size:15px}
 .auto-related{display:block;margin-top:50px}.auto-related>div{gap:12px 25px;margin-top:20px}.auto-official{margin-top:25px!important}
}
@media(max-width:380px){.sl-automation{padding-inline:16px}.sl-automation h1{font-size:33px}.auto-steps{grid-template-columns:1fr}.auto-ai-panel{padding:22px}.auto-breadcrumb{gap:8px}.auto-breadcrumb>span{padding-left:8px}}
@media(prefers-reduced-motion:reduce){.sl-automation *{transition:none!important;animation:none!important}}