/* Cleo product page, scoped to the shared corporate design. */
header nav a[aria-current="location"]{font-weight:700;color:#171717}
.cleo-breadcrumb{display:flex;gap:12px;align-items:center;font-size:15px;color:#626262;padding-top:32px}
.cleo-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:48px 0 64px}
.cleo-hero h1{font-size:52px;font-weight:500;letter-spacing:-1.5px;margin:18px 0 20px;line-height:1.15}
.cleo-hero h2{font-size:34px;letter-spacing:-.8px;font-weight:500;line-height:1.25;margin:0 0 20px}
.cleo-page p{font-size:17px;line-height:1.7;color:#626262}
.cleo-page .label{font-size:13px;line-height:1.6;letter-spacing:1.2px}
.cleo-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px}
.cleo-actions .button{margin-top:0;border-radius:4px}
.cleo-signin,.cleo-jump{font-size:16px;line-height:1.5}
.cleo-jump{display:inline-block;margin-top:24px;color:#555}
.cleo-section{padding:48px 0;border-top:1px solid #dedede;scroll-margin-top:24px}
.cleo-section-heading{max-width:720px;margin-bottom:32px}
.cleo-section h2,.cleo-closing h2{font-size:32px;line-height:1.25;font-weight:500;letter-spacing:-.8px;margin:16px 0}
.cleo-three{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.cleo-page h3{font-size:23px;font-weight:500;line-height:1.35;letter-spacing:-.4px;margin:0 0 14px}
.cleo-three p,.cleo-roles p{margin:0}
.cleo-roles{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cleo-roles article{padding:28px;background:#f6f6f6;border:1px solid #e4e4e4;border-radius:8px}
.cleo-closing{padding:32px;margin:24px 0 64px;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.cleo-closing .button{white-space:nowrap;margin:0;border-radius:4px}

.cleo-example{border:1px solid #dcdcdc;border-radius:12px;overflow:hidden;min-width:0}.example-heading{background:#f5f5f5;padding:20px 24px;display:flex;flex-direction:column;gap:6px}.example-heading strong{font-size:19px;font-weight:500}.example-heading span{font-size:13px;color:#626262}.sample-objective{padding:24px 24px 12px}.sample-objective p{margin:8px 0}.cleo-tabs{display:flex;gap:8px;padding:8px 24px 0}.cleo-tabs button{flex:1;min-height:46px;padding:10px 6px;background:#fff;color:#333;border:1px solid #ccc;border-radius:5px;font:inherit;font-size:15px;cursor:pointer}.cleo-tabs button[aria-selected="true"]{background:#eee;border-color:#999;font-weight:700}.cleo-tabs button:hover{font-weight:700}#cleo-sample{padding:24px;min-height:320px}#cleo-sample .label{margin:0 0 14px}.sample-result{background:#f6f6f6;border-left:2px solid #aaa;padding:14px 16px;margin-top:20px}.sample-result p{margin:6px 0 0}.cleo-page .sample-note{border-top:1px solid #e5e5e5;margin:0;padding:16px 24px;font-size:13px;line-height:1.6}.cleo-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.cleo-stages article{border-top:2px solid #ddd;padding-top:20px}.cleo-stages h3{margin-top:14px}.cleo-stages p{margin-bottom:0}.cleo-actions a{font-size:16px}
@media(max-width:1000px){.cleo-hero{gap:30px}.cleo-three{gap:24px}.cleo-pricing article{padding:20px}}
@media(max-width:800px){.cleo-hero{grid-template-columns:1fr;gap:36px}.cleo-example{max-width:560px;width:100%}.cleo-three,.cleo-pricing{grid-template-columns:1fr;gap:28px}.cleo-stages{grid-template-columns:1fr 1fr}.cleo-closing{align-items:flex-start;flex-direction:column}.cleo-pricing article>p:first-of-type{min-height:0}.cleo-pricing .button{margin-top:20px}}
@media(max-width:720px){.cleo-hero{padding:32px 0 40px}.cleo-hero h1{font-size:40px}.cleo-hero h2,.cleo-section h2,.cleo-closing h2{font-size:28px}.cleo-roles,.cleo-stages{grid-template-columns:1fr}.cleo-roles article{padding:22px}.cleo-section{padding:36px 0}.cleo-closing{padding:24px;margin-bottom:40px}.cleo-breadcrumb{padding-top:24px}.cleo-tabs{padding:8px 18px 0}.sample-objective{padding:20px 18px 12px}#cleo-sample{padding:22px 18px;min-height:340px}}

/* Proposed capacity-based pricing. */
.cleo-pricing-draft{padding:20px 24px;background:#f5f5f5;border-left:3px solid #999;margin-bottom:28px}.cleo-pricing-draft p{margin:8px 0 0;font-size:15px}.cleo-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cleo-pricing article{border:1px solid #ddd;border-radius:8px;padding:26px;display:flex;flex-direction:column}.cleo-pricing article>.label{margin:0 0 12px}.cleo-pricing article>p{margin:0 0 20px}.cleo-pricing article>h3+p{min-height:58px}.cleo-page .cleo-price{font-size:32px;letter-spacing:-1px;color:#222;margin:4px 0 24px}.cleo-price span{display:block;font-size:15px;letter-spacing:0;color:#626262}.cleo-capacity{border-top:1px solid #e4e4e4;padding-top:20px}.cleo-pricing .button{margin-top:auto;border-radius:4px;font-size:16px}.cleo-plan-details{max-width:850px;margin-top:32px}.cleo-plan-details h3{font-size:21px;margin-top:26px}.cleo-plan-details p{font-size:16px}
@media(max-width:800px){.cleo-pricing{grid-template-columns:1fr}.cleo-pricing article{padding:24px}.cleo-pricing article>h3+p{min-height:0}.cleo-pricing .button{margin-top:4px}}

.cleo-pricing-jump{margin-left:24px}