/* Autopilot: social publishing service page, home band and publishing-queue illustration. */
.autopilot-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:7%;align-items:center;padding:80px 0 70px}
.autopilot-hero h1{font-size:clamp(3.4rem,7vw,7rem);line-height:1.04;letter-spacing:-.065em;font-weight:400;margin:25px 0 30px}
.autopilot-hero h1 em{color:var(--accent)}
.autopilot-hero-copy>p{font-size:1.125rem;color:var(--muted);max-width:560px;margin:0 0 30px}
.autopilot-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}

/* Publishing queue: an illustration of the calendar the client works from. */
.queue{background:#1d1d1d;border:1px solid var(--border);border-radius:3px;padding:22px 22px 14px;font-size:.875rem}
.queue-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.queue-top strong{font-weight:400}
.queue-top span{color:var(--muted);font-size:.75rem}
.queue ol{list-style:none;margin:0;padding:0}
.queue li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #3a3a3a}
.queue li:last-child{border-bottom:0}
.queue-date{font-family:Georgia,serif;font-size:1.35rem;line-height:1;color:var(--text)}
.queue-date small{display:block;font-family:IR Sans,Arial,sans-serif;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:5px}
.queue-post b{display:block;font-weight:400}
.queue-post span{color:var(--muted);font-size:.75rem}
.queue-status{font-size:.75rem;padding:4px 9px;border-radius:30px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}
.queue-status::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:7px;vertical-align:1px}
.queue-status.is-published{color:#c7d3b7;border-color:#c7d3b755}
.queue-status.is-scheduled{color:var(--accent);border-color:#efa38966}
.queue-status.is-review{color:#f0d58a;border-color:#f0d58a55}
.queue-caption{display:block;margin-top:12px;font-size:.75rem;color:var(--muted)}
.queue-figure{margin:0;container-type:inline-size}
@container (max-width:440px){.queue li{grid-template-columns:44px minmax(0,1fr);gap:6px 12px}.queue-status{grid-column:2;justify-self:start}}

/* Home band */
.autopilot-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:8%;align-items:center;background:#1d1d1d;border:1px solid var(--border);border-radius:3px;padding:56px 6%;margin:10px 0 90px}
.autopilot-band h2{font-size:clamp(2.6rem,4.6vw,4.75rem);font-weight:400;line-height:1.05;letter-spacing:-.055em;margin:20px 0 22px}
.autopilot-band h2 em{color:var(--accent)}
.autopilot-band p{color:var(--muted);max-width:440px;margin:0 0 26px}
.autopilot-band .eyebrow b{font-weight:400;color:var(--accent)}
.autopilot-band .queue{background:var(--bg)}

/* Sections */
.autopilot-section{border-top:1px solid var(--border);padding:65px 0 20px}
.autopilot-section>h2,.autopilot-split h2{font-size:clamp(2.4rem,3.5vw,3.75rem);font-weight:400;line-height:1.1;letter-spacing:-.05em;margin:20px 0 40px}
.autopilot-section h2 em,.autopilot-split h2 em{color:var(--accent)}
.pain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%}
.pain-grid h3{font-size:1.4rem;line-height:1.3;font-weight:400;letter-spacing:-.025em;margin:0 0 14px}
.pain-grid p{color:var(--muted);margin:0}
.autopilot-split{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;border-top:1px solid var(--border);padding-top:65px;margin-top:70px}
.autopilot-split p{color:var(--muted)}
.proof-list{list-style:none;padding:0;margin:0 0 30px}
.proof-list li{padding:18px 0;border-bottom:1px solid var(--border);color:var(--muted)}
.proof-list strong{display:block;color:var(--text);font-weight:400;font-size:1.125rem;margin-bottom:4px}


.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8%}
.control-grid article{border-top:1px solid var(--border);padding:24px 0 30px}
.control-grid h3{font-size:1.3rem;font-weight:400;letter-spacing:-.025em;margin:0 0 10px}
.control-grid p{color:var(--muted);margin:0}

@media(max-width:1000px){.autopilot-hero,.autopilot-band{grid-template-columns:1fr;gap:45px}}
@media(max-width:760px){
 .autopilot-hero{padding:45px 0 50px}.autopilot-hero h1{font-size:clamp(3rem,12vw,5rem)}.autopilot-hero-copy>p{font-size:1rem}
 .autopilot-band{padding:34px 20px;margin:0 0 55px;gap:32px}.autopilot-band h2{font-size:2.6rem}
 .queue{padding:16px 14px 8px}
 .autopilot-section{padding-top:45px}.pain-grid{grid-template-columns:1fr;gap:30px}
 .autopilot-split{grid-template-columns:1fr;gap:10px;padding-top:45px;margin-top:45px}
 .control-grid{grid-template-columns:1fr}
}

/* Contact form: service picker, styled like the other fields. */
.form-group select{width:100%;min-width:0;font:inherit;color:var(--text);background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:12px 28px 12px 0;appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 12px) 55%,calc(100% - 7px) 55%;background-size:5px 5px;background-repeat:no-repeat}
.form-group select:focus{border-color:var(--text)}
.form-group select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.form-group select option{background:#2e2e2e;color:var(--text)}