/* V9: the full AP engagement, with workflow coverage before the illustrative demo. */
.ap-product{--ap-check:var(--green,#21674d)}
.ap-product h1,.ap-product h2,.ap-product h3{font-weight:500;letter-spacing:-.035em}
.ap-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:clamp(40px,6vw,88px);padding:54px 0 64px}
.ap-hero h1{font-size:clamp(48px,5.2vw,78px);line-height:1.04;max-width:13ch;letter-spacing:-.04em}
.ap-hero h1 span,.ap-contact h2 span{color:var(--blue)}
.ap-hero-description{font-size:20px;line-height:1.55;color:var(--muted);max-width:49ch;margin-top:25px}
.ap-hero-description strong{font-weight:500;color:var(--ink)}
.ap-hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:29px}
.ap-hero-actions .button,.ap-contact .button{font-size:16px;min-height:58px;gap:24px}
.ap-hero-actions .text-link{min-height:44px;color:var(--blue);font-size:16px;gap:12px}
.ap-cta-note{font-size:14px;line-height:1.55;color:var(--muted);margin-top:14px;max-width:46ch}
.ap-fit{font-size:15px;line-height:1.5;margin-top:25px}
.ap-scope-preview{background:var(--soft);padding:34px 34px 26px;border-radius:12px}
.ap-scope-preview h2{font-size:29px;line-height:1.2;font-weight:500}
.ap-scope-preview>p{margin-top:12px;color:var(--muted);font-size:15px;line-height:1.5}
.ap-scope-preview ul{padding:0;margin:23px 0 0;list-style:none}
.ap-scope-preview li{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid var(--line);font-size:16px;line-height:1.4}
.ap-scope-preview li .icon,.ap-work-name>.icon{color:var(--ap-check);width:22px;height:22px;flex:none;stroke-width:2.5}
.ap-scope-control{display:flex;gap:13px;margin-top:16px;padding-top:22px;border-top:1px solid var(--line)}
.ap-scope-control>.icon{width:23px;height:23px;flex:none;color:var(--blue);margin-top:2px}
.ap-scope-control p{font-size:14px;line-height:1.5;color:var(--muted)}
.ap-scope-control strong{display:block;color:var(--ink);font-weight:500;margin-bottom:4px}
.ap-coverage{padding:56px 0 62px;border-top:1px solid var(--line);scroll-margin-top:30px}
.ap-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:35px}
.ap-section-heading h2,.ap-controls h2,.ap-example-heading h2{font-size:clamp(34px,3.4vw,48px);line-height:1.13;max-width:21ch;font-weight:400}
.ap-section-heading>p{font-size:18px;line-height:1.6;max-width:42ch;color:var(--muted)}
.ap-routine{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 28px;max-width:75ch}.ap-routine strong{font-weight:500;color:var(--ink)}
.ap-coverage-table table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}
.ap-coverage-table th:first-child{width:29%}.ap-coverage-table th:nth-child(2){width:43%}.ap-coverage-table th:nth-child(3){width:28%}
.ap-coverage-table thead th{font-size:14px;font-weight:400;color:var(--muted);padding:0 20px 17px;border-bottom:1px solid var(--line)}
.ap-coverage-table thead th:first-child{padding-left:0}
.ap-coverage-table tbody th,.ap-coverage-table tbody td{padding:23px 20px;border-bottom:1px solid var(--line);vertical-align:top}
.ap-coverage-table tbody th{padding-left:0;font-size:17px;line-height:1.45;font-weight:500}
.ap-work-name{display:flex;align-items:flex-start;gap:12px}.ap-work-name>.icon{margin-top:1px}
.ap-automatic{font-size:16px;line-height:1.6;color:var(--muted)}
.ap-human{font-size:14px;line-height:1.5}.ap-human>span{display:flex;gap:10px;align-items:flex-start}.ap-human .icon{width:18px;height:18px;color:var(--blue);flex:none;margin-top:1px}
.ap-coverage-note{font-size:15px;color:var(--muted);line-height:1.6;margin-top:23px}
.ap-controls{background:var(--blue);color:#fff;padding:48px;display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;border-radius:12px}
.ap-controls-heading>p{font-size:18px;line-height:1.55;color:var(--zuzora-brand-primary-soft,#dfe8ff);margin-top:24px}
.ap-control-items article{padding:25px 0;border-top:1px solid rgba(255,255,255,.3)}
.ap-control-items article:first-child{padding-top:0;border-top:0}.ap-control-items article:last-child{padding-bottom:0}
.ap-control-items h3{font-size:23px;line-height:1.3}.ap-control-items p{font-size:17px;line-height:1.6;color:var(--zuzora-brand-primary-soft,#dfe8ff);margin-top:10px;max-width:49ch}
.ap-engagement{padding:70px 0 60px}
.ap-engagement-steps{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}
.ap-engagement-steps li{display:flex;gap:17px;padding-top:25px;border-top:1px solid var(--line)}
.ap-step-number{font-size:16px;color:var(--blue);line-height:1.6;flex:none}
.ap-engagement-steps h3{font-size:22px;line-height:1.3}.ap-engagement-steps p{font-size:16px;line-height:1.6;color:var(--muted);margin-top:12px}
.ap-target{font-size:15px;line-height:1.6;margin-top:35px;color:var(--muted);max-width:75ch}.ap-target strong{font-weight:500;color:var(--ink)}
.ap-example{padding-top:50px;border-top:1px solid var(--line);scroll-margin-top:24px}
.ap-example-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:30px}
.ap-example-heading h2 span{color:var(--muted)}.ap-example-heading>p{font-size:18px;line-height:1.6;max-width:43ch;color:var(--muted)}
.ap-contact{display:grid;grid-template-columns:1fr auto;align-items:center;gap:60px;padding:72px 0 80px}
.ap-contact h2{font-size:clamp(44px,4.6vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.04em}
.ap-contact>div>p{font-size:18px;line-height:1.6;color:var(--muted);margin-top:22px;max-width:48ch}
.ap-contact-action .ap-cta-note{font-size:14px;max-width:31ch;line-height:1.5;margin-top:14px}
@media(max-width:1100px){.ap-hero{gap:32px;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}.ap-hero-description{font-size:18px}.ap-scope-preview{padding:26px}.ap-scope-preview h2{font-size:26px}.ap-scope-preview li{font-size:15px}.ap-section-heading,.ap-example-heading{align-items:flex-start;gap:32px}.ap-controls{gap:40px;padding:36px}.ap-coverage-table tbody th,.ap-coverage-table tbody td{padding-right:14px;padding-left:14px}.ap-coverage-table tbody th{padding-left:0}}
@media(max-width:800px){
 .ap-hero{grid-template-columns:1fr;padding:38px 0 44px;gap:35px}.ap-hero h1{font-size:clamp(46px,9vw,68px)}.ap-hero-description{max-width:54ch;margin-top:23px}
 .ap-hero-actions{gap:15px;margin-top:25px}.ap-hero-actions .button,.ap-contact .button{font-size:15px;min-height:56px}.ap-hero-actions .text-link{font-size:15px}.ap-cta-note{font-size:13px}.ap-fit{margin-top:21px;font-size:14px}
 .ap-scope-preview{padding:26px 24px}.ap-scope-preview h2{font-size:28px}.ap-scope-preview li{font-size:16px;padding:13px 0}
 .ap-section-heading,.ap-example-heading{display:block;margin-bottom:28px}.ap-section-heading h2,.ap-controls h2,.ap-example-heading h2{font-size:34px}.ap-section-heading>p,.ap-example-heading>p{font-size:17px;margin-top:18px;max-width:54ch}
 .ap-coverage{padding:38px 0 42px}.ap-coverage-table table,.ap-coverage-table tbody,.ap-coverage-table tr{display:block}.ap-coverage-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .ap-coverage-table tr{padding:23px 0;border-bottom:1px solid var(--line)}.ap-coverage-table tbody th,.ap-coverage-table tbody td{display:block;width:auto!important;border:0;padding:0}.ap-coverage-table tbody th{font-size:18px}.ap-coverage-table .ap-automatic{font-size:16px;margin:10px 0 12px 34px}.ap-coverage-table .ap-human{margin-left:34px;font-size:14px}.ap-human>span::before{content:'You step in:';font-weight:500;white-space:nowrap}.ap-human .icon{display:none}.ap-human>span{gap:6px;display:block}.ap-human>span::before{margin-right:6px}
 .ap-controls{grid-template-columns:1fr;gap:32px;padding:30px 24px}.ap-controls-heading>p{margin-top:18px;font-size:17px}.ap-control-items h3{font-size:22px}.ap-control-items p{font-size:16px}
 .ap-engagement{padding:44px 0}.ap-engagement-steps{grid-template-columns:1fr;gap:25px;margin-top:27px}.ap-engagement-steps li{padding-top:23px}.ap-engagement-steps h3{font-size:22px}.ap-engagement-steps p{margin-top:10px}.ap-target{margin-top:27px}
 .ap-example{padding-top:38px}.ap-contact{grid-template-columns:1fr;gap:28px;padding:46px 0 55px}.ap-contact>div>p{font-size:17px;margin-top:20px}.ap-contact h2{font-size:46px}
}