*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:#0A0F1C}
body{font-family:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;color:#0A0F1C;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;overflow-x:clip}
:root{--ink:#0A0F1C;--navy:#002768;--navy-2:#001a4a;--red:#C8262A;--accent:#C8262A;--smoke:#5B6471;--white:#FFFFFF;--container:1240px}
/* Navigation is owned by shared-header.css and inject-header.js. */
body{--accent2:#C8262A}
.title-ink{color:var(--navy)}
.title-red{color:var(--red)}
.title-red-on-dark{color:#ff6669;text-shadow:0 2px 4px rgba(10,15,28,.7)}
.sp .automation-library{position:relative;padding:clamp(72px,8vw,112px) 0;background-color:var(--navy);background-image:radial-gradient(rgba(255,255,255,.16) 1.2px,transparent 1.3px),linear-gradient(165deg,#002768 0%,#001a4a 100%);background-size:24px 24px,100% 100%;background-position:0 0,top center;background-repeat:repeat,no-repeat;color:var(--white)}
/* Each major band owns its theme; no light wrapper around the dark library. */
.sp .automation-explainer{padding:clamp(64px,7vw,96px) 0;background-color:#F4F5F7;background-image:radial-gradient(rgba(10,15,28,.06) 1px,transparent 1.2px);background-size:24px 24px;color:var(--ink)}
.automation-explainer h2{max-width:760px;margin:10px 0 22px;color:var(--ink);font-size:clamp(32px,4vw,52px)}
.automation-explainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:start}
.automation-explainer p{margin:0;color:#344052;font-size:17px;line-height:1.7}
.automation-example{padding:26px 30px;background:#FFFFFF;border-left:4px solid var(--red);box-shadow:0 0 2px 0 rgba(10,15,28,.35),0 12px 30px rgba(10,15,28,.08)}
.automation-example h3{margin:0 0 12px;font-family:"Archivo Black",sans-serif;font-size:19px;text-transform:uppercase}
.automation-library .library-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:clamp(24px,4vw,60px);align-items:end;min-height:340px}
.library-intro-copy{padding:0 0 42px}
.library-intro .eyebrow{display:inline-flex;align-items:center;gap:12px;color:#FFFFFF}
.library-intro .eyebrow::before{content:"";display:block;width:28px;height:4px;background:var(--red)}
.automation-library h2{max-width:760px;margin:18px 0 22px;color:var(--white);font-size:clamp(38px,4.2vw,58px);line-height:1.04}
.automation-library h2 span:first-child{display:block}
.automation-library h2 .title-red-on-dark{display:inline-block;max-width:100%;margin-top:.12em}
.automation-library .library-copy{max-width:670px;margin:0;color:rgba(255,255,255,.9);font-size:17px;line-height:1.65}
.library-visual{position:relative;align-self:stretch;min-height:340px}
.automation-feature-image{position:absolute;right:0;bottom:0;display:block;width:min(100%,380px);max-height:390px;object-fit:contain;object-position:bottom;transform:scaleX(-1)}
.automation-tools{position:sticky;top:86px;z-index:5;display:grid;grid-template-columns:minmax(190px,230px) minmax(0,1fr);gap:22px;align-items:end;padding:20px 24px;background:#FFFFFF;border-top:6px solid var(--red);box-shadow:0 16px 34px rgba(10,15,28,.24);margin-bottom:24px}
.automation-tool-group{min-width:0}
.automation-tool-label{display:block;margin-bottom:10px;color:var(--ink);font:800 11px "Archivo",sans-serif;letter-spacing:.1em;text-transform:uppercase}
.automation-trade{display:block;width:100%;min-width:0;max-width:none;padding:11px 28px 11px 12px;border:1px solid #aeb8c5;border-radius:0;background:#F4F5F7;color:var(--ink);font:700 13px "Archivo",sans-serif;cursor:pointer}
.automation-trade:focus{outline:3px solid #79a8ff;outline-offset:2px}
.automation-filters{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.automation-filter{flex:0 0 auto;padding:10px 11px;border:1px solid #aeb8c5;border-radius:0;background:#FFFFFF;color:var(--navy);font:800 10px "Archivo",sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.automation-filter:hover,.automation-filter:focus-visible{border-color:var(--navy);background:#F4F5F7}
.automation-filter.is-active{border-color:var(--red);background:var(--red);color:var(--white)}
.automation-group{margin-top:18px;background:#fff;border-top:4px solid var(--red)}
.automation-group[hidden]{display:none}
.automation-group>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;padding:22px 26px;cursor:pointer;list-style:none;background:#20242d;color:#fff}
.automation-group>summary::-webkit-details-marker{display:none}
.automation-group>summary:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.automation-group>summary h3{margin:0;font-family:"Archivo Black",sans-serif;font-size:clamp(20px,2.2vw,30px);line-height:1;text-transform:uppercase}
.automation-group-count{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.automation-group-toggle{display:inline-block;padding:10px 13px;background:var(--red);color:#fff;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.automation-group-toggle::after{content:" +";font-size:16px}
.automation-group[open] .automation-group-toggle::after{content:" \2212"}
.automation-list{list-style:none;margin:0;padding:0}
.automation-head,.automation-row{display:grid;grid-template-columns:minmax(230px,1.05fr) minmax(300px,1.55fr) 150px 190px;gap:22px;align-items:center}
.automation-head{padding:12px 26px;background:#F4F5F7;color:#454a53;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.automation-row{padding:17px 26px;border-top:1px solid #dce2ea}
.automation-row[hidden]{display:none}
.automation-row:nth-child(even){background:#F4F5F7}
.automation-name{font-weight:900;color:var(--ink);line-height:1.25}
.automation-desc{color:#4c5869;font-size:13.5px;line-height:1.45}
.automation-time,.automation-value{font-family:"Archivo Black",sans-serif;font-size:15px;color:var(--ink)}
.automation-value{color:var(--red)}
.automation-breakdown{grid-column:1/-1;padding-top:8px;border-top:1px solid #dce2ea}
.automation-breakdown summary{display:inline-block;cursor:pointer;color:var(--red);font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.automation-breakdown summary:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.automation-breakdown p{max-width:900px;margin:14px 0;color:#3e4651;font-size:13.5px;line-height:1.6}
.automation-breakdown label{display:inline-flex;align-items:center;gap:8px;margin:0 18px 8px 0;color:var(--ink);font-size:13px;font-weight:800}
.automation-breakdown input{width:78px;padding:7px;border:1px solid #aeb8c5;background:#fff;color:var(--ink);font:700 13px "Archivo",sans-serif}
.automation-breakdown input:focus{outline:3px solid #79a8ff;outline-offset:2px}
.automation-breakdown .automation-math{margin:10px 0 0;font-size:12px;color:#555c65}
.automation-empty{display:none;padding:36px;background:#fff;color:var(--ink);font-weight:800;text-align:center}
.automation-empty.is-visible{display:block}
.automation-result-count{margin:0 0 18px;color:#FFFFFF;font-size:14px;font-weight:800}
.automation-estimate-disclaimer{margin:-8px 0 20px;color:rgba(255,255,255,.82);font-size:12px;line-height:1.5}
.automation-app-idea{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);margin-top:48px;padding:clamp(28px,4vw,52px);background:var(--ink);border-top:4px solid var(--red);box-shadow:0 18px 40px rgba(0,0,0,.22);color:#fff}
.automation-app-idea h3{margin:10px 0 16px;font-family:"Archivo Black",sans-serif;font-size:clamp(28px,3vw,42px);line-height:1.1;text-transform:uppercase}
.sp .automation-app-idea .eyebrow{color:#ff6669}
.automation-app-idea p{margin:0;color:rgba(255,255,255,.84);font-size:15px;line-height:1.6}
.automation-idea-form{display:grid;gap:14px}
.automation-idea-form label{display:block;margin-bottom:6px;font-size:13px;font-weight:800}
.automation-idea-form input:not([type="hidden"]),.automation-idea-form textarea{display:block;width:100%;padding:12px 14px;border:1px solid #aeb8c5;border-radius:0;background:#fff;color:var(--ink);font:500 14px "Archivo",sans-serif}
.automation-idea-form textarea{min-height:122px;resize:vertical}
.automation-idea-form input:not([type="hidden"]):focus,.automation-idea-form textarea:focus{outline:3px solid #79a8ff;outline-offset:2px}
.automation-idea-form button{justify-self:start;padding:13px 22px;border:0;background:var(--red);color:#fff;font:800 12px "Archivo",sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.automation-idea-form button:hover,.automation-idea-form button:focus-visible{background:#a61f23}
.automation-idea-form .form-note{font-size:12px}
.automation-faq-route a{color:var(--white);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}
@media(max-width:1100px){
  .automation-explainer-grid{grid-template-columns:1fr}
  .automation-library .library-intro{grid-template-columns:minmax(0,1fr) 250px;min-height:280px}
  .library-intro-copy{padding-bottom:32px}
  .library-visual{min-height:280px}
  .automation-feature-image{max-height:300px}
  .automation-tools{position:relative;top:auto;grid-template-columns:1fr;gap:18px}
  .automation-app-idea{grid-template-columns:1fr}
  .automation-head{display:none}
  .automation-row{grid-template-columns:1fr 150px;gap:8px 20px}
  .automation-desc{grid-column:1/-1}
  .automation-time,.automation-value{font-size:14px}
}
@media(max-width:620px){
  .sp .automation-library{padding:64px 0}
  .automation-library .container{padding-left:18px;padding-right:18px}
  .automation-library .library-intro{grid-template-columns:1fr;gap:0;min-height:0}
  .library-intro-copy{padding-bottom:20px}
  .automation-library h2{font-size:clamp(36px,10vw,50px)}
  .library-visual{min-height:210px}
  .automation-feature-image{left:auto;right:0;max-height:230px;width:220px}
  .automation-tools{padding:18px}
  .automation-group>summary{grid-template-columns:1fr auto;gap:8px;padding:18px}
  .automation-group>summary h3{grid-column:1/-1}
  .automation-group-count{font-size:10px}
  .automation-group-toggle{font-size:10px}
  .automation-row{grid-template-columns:1fr 1fr;padding:17px 18px}
  .automation-name{grid-column:1/-1}
  .automation-time::before{content:"Example time / month";display:block;margin-bottom:3px;font:800 9px "Archivo",sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#667085}
  .automation-value::before{content:"Example labor / month";display:block;margin-bottom:3px;font:800 9px "Archivo",sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#667085}
}