/* Scoped extension of the Vouga tokens and shared navigation/form/footer components. */
.automation-page{background:var(--bg);background-image:none!important;isolation:isolate}
.automation-page::before{content:none}
.automation-page [hidden]{display:none!important}
.automation-page .nav,.automation-page .nav.is-scrolled{background:var(--bg)}
.automation-page .nav-inner{transform:none;height:100px}
.automation-page .nav.is-scrolled .nav-inner{height:82px}
.automation-main{max-width:1100px;padding-top:clamp(160px,17vw,230px);padding-bottom:80px}
.automation-intro{position:relative;isolation:isolate;max-width:790px;margin:0 auto;padding-bottom:100px;border-bottom:1px solid var(--divider);text-align:center}
.automation-hero-art{position:absolute;z-index:-1;pointer-events:none;top:calc(-1 * clamp(160px,17vw,230px));bottom:0;left:50%;width:min(1600px,100vw);transform:translateX(-50%);overflow:hidden;opacity:.2;mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 82%,transparent 100%)}
.automation-hero-art canvas{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom;mask-image:linear-gradient(to right,#000 0%,#000 20%,rgba(0,0,0,.25) 38%,rgba(0,0,0,.25) 62%,#000 80%,#000 100%)}
.automation-eyebrow{font-family:var(--font-tech);font-size:11px;letter-spacing:.12em;line-height:1.6;color:var(--text-dim);margin-bottom:24px}
.automation-intro h1{font-family:var(--font-display);font-size:clamp(46px,6.6vw,88px);font-weight:400;line-height:1.02;letter-spacing:-.035em;margin:0 0 32px}
.automation-intro>p:not(.automation-eyebrow):not(.automation-note){max-width:610px;margin:20px auto;font-size:18px;line-height:1.6;color:var(--text-dim)}
.automation-intro .automation-lead{color:var(--text)!important}
.automation-page .btn{border-radius:0;min-height:48px;font-size:16px;gap:20px}
.automation-start{margin:18px 0}
.automation-page .automation-note{font-size:12px;color:var(--text-dim);line-height:1.55}
.automation-sequence{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:60px;font-family:var(--font-tech);font-size:10px;letter-spacing:.09em;color:var(--text-dim)}
.automation-sequence span:nth-child(even){color:var(--accent)}
.automation-flow{max-width:760px;margin:0 auto 100px;scroll-margin-top:120px;padding-top:28px}
.automation-progress-row{display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--font-tech);font-size:12px;color:var(--text-dim)}
.automation-page progress{display:block;appearance:none;width:100%;height:2px;border:0;background:var(--divider);margin:18px 0 48px;color:var(--accent)}
.automation-page progress::-webkit-progress-bar{background:var(--divider)}
.automation-page progress::-webkit-progress-value{background:var(--accent);transition:width .2s}
.automation-page progress::-moz-progress-bar{background:var(--accent)}
.automation-step{min-height:340px;animation:automation-enter .22s ease both}
.automation-step h2,.automation-conversion h2{font-family:var(--font-display);font-weight:400;font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.025em;margin-bottom:24px}
.automation-step>p{margin-bottom:22px;color:var(--text-dim)}
.automation-page .contact-field input,.automation-page .contact-field textarea{font-size:17px;border-radius:0;background:transparent;border:0;border-bottom:1px solid #69645c;padding:16px 0;color:var(--text)}
.automation-page .contact-field textarea{min-height:150px}
.automation-page .contact-field input:focus,.automation-page .contact-field textarea:focus{background:transparent;border-color:var(--accent)}
.automation-page .contact-field label{color:var(--text);font-size:14px}
.automation-page .contact-field label em{color:var(--text-dim)}
.automation-page .automation-help{font-size:14px;line-height:1.55;color:var(--text-dim);margin:22px 0}
.automation-number{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:28px 0}
.automation-number input{background:transparent;border:0;border-bottom:1px solid #69645c;color:var(--text);font-family:var(--font-display);font-size:46px;line-height:1.2;width:160px;max-width:100%;padding:8px 4px;appearance:textfield}
.automation-number input::-webkit-inner-spin-button{appearance:none}
.automation-number button{width:48px;height:48px;border:1px solid var(--divider);font-size:24px}
.automation-number select{background:var(--bg);color:var(--text);border:1px solid #69645c;font:inherit;font-size:16px;min-height:48px;padding:8px}
.automation-number label,.automation-number>span{color:var(--text-dim);font-size:16px}
.automation-choices{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}
.automation-choices button{min-height:46px;padding:10px 18px;border:1px solid #69645c;font-size:15px;transition:background .15s,border-color .15s}
.automation-choices button[aria-pressed=true]{border-color:var(--text);background:var(--text);color:var(--bg)}
.automation-frequency{border:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.automation-frequency label{position:relative;display:flex;align-items:center;gap:12px;min-height:58px;border:1px solid #69645c;padding:14px 16px;cursor:pointer;font-size:15px}
.automation-frequency input{accent-color:var(--accent);width:16px;height:16px;flex:none}
.automation-frequency label:has(:checked){border-color:var(--text);background:rgba(236,232,222,.06)}
.automation-unknown{display:flex;align-items:center;gap:12px;font-size:15px;margin:24px 0;cursor:pointer;min-height:44px}
.automation-unknown input{width:18px;height:18px;accent-color:var(--accent)}
.automation-page button:hover:not(:disabled){opacity:.83}
.automation-page :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.automation-page [aria-invalid=true]{border-color:#ffb9a9!important}
.automation-page input:disabled{opacity:.4}
.automation-text-button{font-size:14px;min-height:44px;padding:8px 0;color:var(--text-dim);text-decoration:underline;text-underline-offset:5px}
.automation-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.automation-error{color:#ffb9a9;min-height:24px;margin:14px 0;font-size:14px;line-height:1.5}
.automation-outcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:start;border-top:1px solid var(--divider);padding-top:40px}
.automation-result{padding:0;scroll-margin-top:110px;text-align:center;min-width:0}
.automation-result h2{font-size:20px;font-weight:400;line-height:1.5}
.automation-result-primary{margin:24px 0 32px;display:flex;flex-direction:column;gap:14px}
.automation-result-primary strong{font-family:var(--font-display);font-size:clamp(64px,9vw,120px);font-weight:400;line-height:1;letter-spacing:-.04em;color:var(--accent);overflow-wrap:anywhere}
.automation-result-primary>span,.automation-result-secondary span{font-family:var(--font-tech);font-size:12px;letter-spacing:.1em}
.automation-result-secondary{display:flex;justify-content:center;gap:24px;margin:0 0 24px}
.automation-result-secondary>div{min-width:0;max-width:50%}
.automation-result-secondary p{color:var(--text-dim);font-size:14px;margin-bottom:12px}
.automation-result-secondary strong{display:block;font-family:var(--font-display);font-weight:400;font-size:clamp(32px,4vw,48px);line-height:1.1;margin-bottom:12px;overflow-wrap:anywhere}
.automation-assumptions{margin:18px 0;font-size:13px;color:var(--text-dim)}
.automation-assumptions summary{cursor:pointer;min-height:36px;padding:6px}
.automation-result-cta{margin:8px 0;max-width:100%}
.automation-result #editAnalysis{display:block;margin-inline:auto}
.automation-comparison{max-width:760px;margin:40px auto 100px}
.automation-comparison>div{margin:30px 0}
.automation-comparison .automation-eyebrow{margin-bottom:14px;color:var(--text)}
.automation-bar{height:12px;background:var(--text);margin-bottom:12px}
.automation-bar-half{width:50%;background:var(--accent)}
.automation-comparison>div>p:last-child{font-size:14px;color:var(--text-dim)}
.automation-caution{border-left:2px solid var(--accent);padding-left:24px;margin-top:40px;font-size:15px;line-height:1.65}
.automation-caution p+p{color:var(--text-dim);margin-top:12px}
.automation-conversion{min-width:0;scroll-margin-top:110px}
.automation-page #leadForm .contact-field{grid-column:auto}
.automation-conversion p{color:var(--text-dim);margin:14px 0;font-size:16px}
.automation-page .contact-form{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px;padding:0}
.automation-page .contact-consent,.automation-full,.automation-page #leadError,.automation-page .contact-submit{grid-column:1/-1}
.automation-page .contact-consent{font-size:13px;line-height:1.6;color:var(--text-dim)}
.automation-page .contact-consent input{width:16px;height:16px}
.automation-page .contact-submit{border-radius:0;min-height:52px;font-size:16px}
.automation-page .contact-form .automation-error{color:#ffb9a9;font-size:14px;margin:0}
.automation-page .contact-form .automation-note{font-size:12px;margin:0}
.automation-success{animation:automation-enter .22s ease both}
.automation-page .automation-signature{font-family:var(--font-display);font-size:44px;color:var(--text);margin-top:32px}
.automation-privacy-note{max-width:760px;margin:40px auto 0;color:var(--text-dim);font-size:12px}
/* A long, scoped fade separates the privacy note from the shared footer photo. */
body.automation-page .footer{margin-top:clamp(140px,16vw,240px)}
body.automation-page .footer::before{top:-140px;height:clamp(380px,34vw,520px);background:linear-gradient(to bottom,var(--bg) 0%,#000 30%,rgba(0,0,0,.96) 48%,rgba(0,0,0,.65) 70%,transparent 100%);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);mask-image:linear-gradient(to bottom,#000 0%,#000 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 50%,transparent 100%)}
.automation-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.automation-skip{position:fixed;top:8px;left:8px;z-index:100;background:var(--text);color:var(--bg);padding:12px;transform:translateY(-160%)}
.automation-skip:focus{transform:none}
@keyframes automation-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1100px) and (min-width:821px){.automation-page .nav-links{gap:22px}.automation-page .nav-inner{padding-inline:32px}}
@media(max-width:820px){
  .automation-page .nav-inner,.automation-page .nav.is-scrolled .nav-inner{height:64px}
  .automation-main{padding-top:120px;padding-bottom:50px}
  .automation-intro{padding-bottom:60px}
  .automation-hero-art{top:-120px;opacity:.16}
  .automation-desktop-break{display:none}
  .automation-intro>p:not(.automation-eyebrow):not(.automation-note){width:100%;max-width:100%;margin:16px auto;font-size:14.4px;line-height:1.22;letter-spacing:-.015em;text-align:justify;text-align-last:center}
  .automation-sequence{gap:10px;font-size:8px;margin-top:36px}
  .automation-page .contact-field input,.automation-page .contact-field textarea{font-size:16px;padding:14px 0}
  .automation-step{min-height:340px}
  .automation-flow{scroll-margin-top:86px;margin-bottom:60px}
  .automation-page progress{margin-bottom:32px}
  .automation-frequency{grid-template-columns:1fr;gap:8px}
  .automation-frequency label{min-height:48px;padding:12px}
  .automation-number{gap:10px}.automation-number input{width:115px;font-size:40px}
  .automation-choices{gap:8px}.automation-choices button{padding:10px 14px}
  .automation-page .contact-form{grid-template-columns:1fr;gap:22px}
  .automation-outcome{grid-template-columns:1fr;gap:36px;padding-top:32px}
  .automation-result{padding-top:0}
  .automation-conversion{padding-top:32px;border-top:1px solid var(--divider);scroll-margin-top:86px}
  .automation-result-secondary{gap:24px;flex-wrap:wrap}.automation-result-secondary>div{max-width:100%}
  .automation-result-secondary span{font-size:10px}
  .automation-comparison{margin-bottom:60px}
  .automation-actions .btn{padding:.8em 1em}
  .automation-page .mobile-menu:not(.open){visibility:hidden}
}
@media(prefers-reduced-motion:reduce){.automation-step,.automation-success{animation:none}.automation-page progress::-webkit-progress-value{transition:none}}