/* The customer shares a brief; this diagram describes the work our system runs. */
.autopilot-story { padding:72px 0 16px; border:0; }
.autopilot-intro { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:end; margin-bottom:30px; }
.autopilot-story .autopilot-intro h2 { font-size:clamp(34px,4.3vw,52px); line-height:1.08; letter-spacing:-.035em; font-weight:800; }
.autopilot-intro h2 span { color:#ac3718; }
.autopilot-intro > p { font-size:16px; line-height:1.65; color:var(--muted); max-width:49ch; }
.customer-handoff { display:grid; grid-template-columns:220px minmax(0,1fr); overflow:hidden; border:1px solid #e4d8cc; border-radius:14px; background:#f2e9df; }
.customer-handoff h3 { align-self:stretch; display:flex; align-items:center; padding:24px; background:#1b1c18; color:#fffaf0; font-size:22px; line-height:1.05; letter-spacing:-.025em; font-weight:800; }
.customer-handoff ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; padding:0; margin:0; }
.customer-handoff li { min-width:0; padding:22px 20px; border-left:1px solid #dfd2c6; }
.customer-handoff li > span { display:grid; place-items:center; background:#ff8b65; color:#2b211c; font-size:11px; font-weight:800; width:26px; height:26px; border-radius:50%; }
.customer-handoff li:nth-child(2) > span { background:#d1dcb8; color:#3f4e27; }
.customer-handoff li:nth-child(3) > span { background:#ded2eb; color:#584170; }
.customer-handoff li strong { display:block; margin-top:14px; font-size:14px; line-height:1.25; letter-spacing:-.012em; }
.customer-handoff li small { display:block; margin-top:7px; color:#666057; font-size:12px; line-height:1.45; }
.system-operation { margin-top:26px; padding:30px; border-radius:16px; background:#e5ecef; }
.system-operation > h3 { font-size:28px; letter-spacing:-.025em; font-weight:800; }
.system-cycle { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; padding:0; margin:26px 0 0; list-style:none; }
.system-cycle li { position:relative; min-width:0; }
.cycle-icon { display:grid; place-items:center; width:54px; height:54px; border-radius:14px; background:#f5cdb9; color:#67331d; margin-bottom:20px; }
.cycle-icon svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.cycle-icon-1 { background:#d1dcb8; color:#3f4e27; }
.cycle-icon-2 { background:#ded2eb; color:#584170; }
.cycle-icon-3 { background:#ff8b65; color:#281e17; }
.system-cycle li:not(:last-child)::after { content:''; position:absolute; top:20px; right:0; width:30px; height:16px; background:#56727c; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16'%3E%3Cpath d='M1 8h28m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; }
.system-cycle h4 { margin:0; min-height:2.4em; font-size:20px; line-height:1.2; font-weight:800; letter-spacing:-.02em; }
.system-cycle p { font-size:13px; line-height:1.65; color:#455c64; margin-top:12px; }
.cycle-repeat { display:flex; align-items:center; gap:16px; margin-top:26px; padding-top:24px; border-top:1px solid #b9cbd2; }
.cycle-repeat > svg { width:36px; height:36px; fill:none; stroke:#355c68; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.cycle-repeat strong { display:block; font-size:18px; font-weight:800; }
.cycle-repeat span { display:block; font-size:13px; line-height:1.5; color:#455c64; margin-top:5px; }
.autopilot-note { margin:16px 0 0; font-size:12px; line-height:1.6; color:var(--muted); }
.content-formats { align-items:start; }
.formats-copy { align-self:start; }
.pricing-offer .full-output { align-items:start; grid-template-columns:minmax(0,.75fr) minmax(0,1.45fr); gap:28px; }
.pricing-offer .included-value { padding:26px; border-radius:12px; background:var(--ink); color:#fffaf0; }
.included-value h3 { font-size:24px; line-height:1.15; letter-spacing:-.025em; margin:0 0 24px; }
.pricing-offer .included-workflow { gap:22px; }
.pricing-offer .included-workflow svg { stroke:#ff9b75; }
.pricing-offer .included-workflow strong { font-size:15px; color:#fffaf0; }
.pricing-offer .included-workflow small { color:#c9cbbf; font-size:12px; }
.pricing-offer .plan-price small { white-space:nowrap; font-size:11px; }
.comparison-toggle b { transition:background .2s; transform:none!important; }
.comparison-toggle svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s; }
.time-comparison[open] .comparison-toggle svg { transform:rotate(180deg); }
.cta-action { display:flex; align-items:center; gap:16px; padding-right:0; }
.cta-cue-label { position:static; transform:none; }
.cta-cue-arrow { position:static; display:block; width:64px; height:24px; flex-shrink:0; }
.cta-cue-arrow path { fill:none; stroke:currentColor; stroke-width:1.8; }
.cta-dock #subscribe { animation:none; isolation:isolate; overflow:hidden; }
.cta-dock #subscribe::before { content:''; position:absolute; top:-40%; bottom:-40%; width:65%; left:0; pointer-events:none; background:linear-gradient(110deg,transparent 12%,#ffffff66 48%,transparent 85%); transform:translateX(-180%) skewX(-12deg); animation:purchase-shine 7s 1.5s infinite; }
.cta-dock #subscribe > * { position:relative; z-index:1; }
@keyframes purchase-shine { 0%,65% { transform:translateX(-180%) skewX(-12deg); } 88%,100% { transform:translateX(280%) skewX(-12deg); } }
.paused #subscribe::before,.page-hidden #subscribe::before { animation-play-state:paused; opacity:0; }
@media(max-width:1100px) {
 .autopilot-intro { gap:30px; }
 .customer-handoff { display:block; }
 .customer-handoff h3 { padding:20px 22px; }
 .system-cycle { gap:22px; }
 .system-cycle h4 { font-size:18px; }
 .pricing-offer .full-output { grid-template-columns:1fr; }
 .cta-cue-label { display:none; }
}
@media(max-width:760px) {
 .autopilot-story { padding-top:48px; }
 .autopilot-intro { grid-template-columns:1fr; gap:20px; margin-bottom:24px; }
 .customer-handoff ol { grid-template-columns:1fr; }
 .customer-handoff li { display:grid; grid-template-columns:26px minmax(0,1fr); column-gap:14px; padding:17px 18px; border-top:1px solid #dfd2c6; border-left:0; }
 .customer-handoff li strong { margin-top:3px; font-size:15px; }
 .customer-handoff li small { grid-column:2; margin-top:4px; font-size:12px; }
 .system-operation { padding:26px 22px; }
 .system-operation > h3 { font-size:26px; }
 .system-cycle { grid-template-columns:1fr; gap:28px; }
 .system-cycle li { display:grid; grid-template-columns:46px 1fr; column-gap:16px; align-items:start; }
 .cycle-icon { grid-row:1/3; width:46px; height:46px; margin:0; border-radius:12px; }
 .cycle-icon svg { width:24px; height:24px; }
 .system-cycle h4 { min-height:0; font-size:20px; }
 .system-cycle p { margin-top:8px; font-size:13px; }
 .system-cycle li:not(:last-child)::after { width:16px; height:20px; left:15px; right:auto; top:auto; bottom:-24px; transform:rotate(90deg); }
 .cycle-repeat { gap:12px; }
 .cycle-repeat strong { font-size:17px; }
 .pricing-offer .included-value { padding:22px 18px; }
 .included-value h3 { font-size:23px; }
 .pricing-offer .included-workflow strong { font-size:16px; }
 .pricing-offer .included-workflow small { font-size:13px; }
 .cta-cue-arrow { display:none; }
 .cta-action { gap:0; }
}
@media(prefers-reduced-motion:reduce) { html:not(.motion-enabled) #subscribe::before { animation:none; opacity:0; } .comparison-toggle svg { transition:none; } }