.ai4u-sub .c4-page{padding:32px 0;margin:0;color:var(--ink);scroll-margin-top:100px}
.c4-page .c4-inner{width:min(calc(100% - 48px),1120px);margin:0 auto;min-width:0}
.c4-page .c4-eyebrow{margin:0 0 16px;font-size:12px;font-weight:800;letter-spacing:.14em;color:#3154bb}
.c4-page .c4-title{font-size:clamp(42px,4.4vw,68px);line-height:1.18;letter-spacing:-.055em;margin:0 0 28px}
.c4-page .c4-heading{font-size:clamp(28px,3vw,44px);line-height:1.35;letter-spacing:-.055em;margin:0;max-width:900px}
.c4-page .c4-lead{margin:22px 0 14px;color:#35476c;font-weight:600}
.c4-page .c4-body{margin:0;color:#435474;max-width:900px}
.ai4u-sub .c4-bg-wash{background:var(--wash)}
.c4-page .c4-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center}
.c4-page .c4-copy,.c4-page .c4-diagram{min-width:0}
.c4-page :is(ul,ol){list-style:none;padding:0;margin:32px 0 0}
.c4-page li{margin:0;line-height:1.8;font-size:16px;min-width:0}
.c4-page .c4-proof{margin:0;border:1px solid #c8d5f4;border-left:4px solid var(--blue);background:var(--wash);padding:28px}
.c4-proof li+li{border-top:1px solid #c8d5f4;margin-top:24px;padding-top:24px}
.c4-page .c4-questions{counter-reset:question;border-left:2px solid var(--blue);padding-left:28px;max-width:950px}
.c4-questions li{counter-increment:question;position:relative;padding:20px 0;border-bottom:1px solid var(--line)}
.c4-questions li:before{content:counter(question,decimal-leading-zero);position:absolute;left:-42px;top:20px;padding:4px;background:#fff;color:var(--blue);font-weight:800;font-size:13px}
.c4-page .c4-samples{margin:0;border-top:2px solid var(--blue);padding-top:24px}.c4-samples li+li{margin-top:28px}
.c4-page .c4-table{margin:32px 0 0}.c4-page .c4-table th{width:28%;font-size:17px;background:var(--wash);color:var(--ink)}.c4-page .c4-table td{font-size:17px;line-height:1.8}.c4-table figcaption{color:#435474;margin-top:14px}
.c4-page .c4-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;counter-reset:process}
.c4-process li{counter-increment:process;position:relative;border-top:2px solid #b5c6fa;padding-top:24px;transition:border-color .6s ease}
.c4-process li:before{content:counter(process,decimal-leading-zero);display:block;margin-bottom:14px;color:var(--blue);font-size:15px;font-weight:800}
.c4-page .c4-results{margin:0;border-left:2px solid var(--blue);padding-left:24px}.c4-results li+li{margin-top:26px}
.c4-page .c4-cost-network{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:2px solid #a9b8f3;padding-top:28px}.c4-cost-network li{border-bottom:1px solid var(--line);padding-bottom:20px}
.c4-page .c4-tabs{margin:32px 0 24px;gap:16px;display:flex;flex-wrap:wrap}
.c4-page .c4-tab .wp-block-button__link{border:1px solid #94a8dd;background:#fff;color:#2448ac;border-radius:7px;font-size:16px;padding:12px 20px;min-height:48px}
.c4-page .c4-tab [aria-selected="true"]{background:var(--blue);color:#fff;border-color:var(--blue)}
.c4-page .c4-limit{border-left:3px solid #a9b8f3;padding:16px 20px;margin:0 0 18px}.c4-page .c4-limit-copy{margin:0}.c4-page .c4-limit[hidden]{display:none}
.c4-page .c4-layers{max-width:950px;border-top:2px solid var(--blue)}.c4-layers li{padding:22px 0;border-bottom:1px solid #d0dcf2}.c4-layers li:last-child{padding-top:28px}
.c4-page .c4-final{display:flex;gap:28px;flex-wrap:wrap}.c4-page .c4-actions{margin-top:28px}
.c4-page a:not(.wp-block-button__link){color:#2448c2;text-decoration:underline;text-underline-offset:4px}.c4-page :is(a,button):focus-visible{outline:3px solid #778fea;outline-offset:5px}
.c4-page.c4-active .c4-process li{border-color:var(--blue)}.c4-page .reveal{animation:c4-entry .6s ease-out both}
@keyframes c4-entry{from{transform:translateY(12px);opacity:.85}to{transform:none;opacity:1}}
@media(max-width:900px){.c4-page .c4-layout{grid-template-columns:1fr;gap:32px}}
@media(max-width:580px){.ai4u-sub .c4-page{padding:24px 0}.c4-page .c4-inner{width:calc(100% - 40px)}.c4-page :is(.c4-process,.c4-cost-network){grid-template-columns:1fr;gap:24px}.c4-page li{font-size:15px}.c4-page .c4-proof{padding:24px}.c4-page .c4-questions{margin-left:14px}.c4-page .c4-final{display:block}.c4-final li+li{margin-top:18px}.c4-page .c4-table :is(th,td){font-size:15px;padding:16px 12px}.c4-page .c4-table th{width:30%}}
@media(prefers-reduced-motion:reduce){.c4-page .reveal{animation:none}.c4-process li{transition:none}}
