/* V5 editorial refinement. Inherits the approved Composicion brand. */
.hero-grid{grid-template-columns:1.18fr 1fr;gap:30px;position:relative;min-height:660px;padding-top:68px;padding-bottom:68px}.hero-copy{position:relative;z-index:1}.hero-mark{height:470px;position:relative;pointer-events:none;min-width:0}.hero-mark>.bars{width:460px;height:450px;left:12%;top:0;opacity:.85;color:var(--acid)}.hero h1{font-size:clamp(64px,6.8vw,105px)}.hero-lead{max-width:490px}.hero .eyebrow{color:#e2e8ff}.hero-foot{color:#e2e8ff}.hero-foot b{color:white}.explain .section-head{align-items:end}.explain h2{max-width:750px;font-size:clamp(36px,4vw,59px)}.explain .section-intro{max-width:380px}.definition-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center;margin-top:57px}.definition-copy .definition-lead{font-size:25px;line-height:1.3;letter-spacing:-.035em;color:var(--ink);margin-bottom:23px}.definition-copy>p{font-size:15px;line-height:1.85;color:var(--muted);max-width:480px;margin-bottom:18px}.definition-copy>.text-link{margin-top:10px}.download-anatomy{background:white;border:1px solid var(--line);padding:29px 33px}.anatomy-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.anatomy-row{display:flex;gap:19px;align-items:center;padding:25px 0;border-bottom:1px solid #dfe2db}.anatomy-icon{width:42px;height:48px;display:grid;place-items:center;flex:none;background:#f0f3e9;color:var(--blue)}.anatomy-row h3{font-size:20px;letter-spacing:-.035em;font-weight:600}.anatomy-row p{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.7;max-width:305px}.file-type{margin-left:auto;font-size:9px;letter-spacing:.075em;color:#60665f}.anatomy-foot{padding-top:22px;font-size:12px;line-height:1.75;display:flex;flex-direction:column;gap:3px}.anatomy-foot>span{color:var(--muted)}.definition-example{display:grid;grid-template-columns:115px 1fr auto;gap:30px;align-items:center;border-top:1px solid var(--line);margin-top:58px;padding-top:26px}.definition-example>p{font-size:13px;line-height:1.85;color:var(--muted);max-width:850px}.definition-example strong{color:var(--ink);font-weight:600}.definition-example .text-link{font-size:12px;white-space:nowrap}
.collection-grid{gap:48px 32px}.collection-composition{height:410px}.collection-photo{height:100%}.collection-photo img{object-position:center}.collection-composition>.case-output{position:absolute;right:20px;bottom:20px;width:51%;background:#fffff9;padding:20px 22px;box-shadow:0 8px 40px #14191018;min-height:0}.case-output-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:11px;gap:12px}.case-output-head>span:first-child{font-size:12px;letter-spacing:-.05em;font-weight:800;color:var(--blue)}.case-output .mini-bars{transform:rotate(-24deg) scale(.65);width:24px;height:22px}.case-output h4{font-size:21px;line-height:1.15;font-weight:600;letter-spacing:-.035em;margin:17px 0 12px}.case-output ol{list-style:none;margin:0;padding:0}.case-output li{font-size:11px;line-height:1.6;padding:8px 0;border-top:1px solid #e0e4da}.case-output li:first-child{border:0}.case-output>small{font-size:9px;color:#5a6256;display:block;margin-top:13px}.editorial-card h3{font-size:28px}.collection-card .card-bottom{align-items:center}.collection-sector-link{margin-top:12px;font-size:12px;font-weight:550;color:var(--blue);display:inline-flex;gap:12px;align-items:center}.collection-footer>p{max-width:660px}
.comparison-figure{margin:0}.comparison-poster{height:570px;position:relative;overflow:hidden;background:#242927;color:white}.comparison-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%}.comparison-shade{position:absolute;inset:0;background:linear-gradient(90deg,#091110d9 0%,#09111065 65%,#09111026)}.comparison-top{position:absolute;left:40px;right:40px;top:32px;display:flex;justify-content:space-between;gap:30px;align-items:center}.comparison-top>span:first-child{font-size:24px;font-weight:800;letter-spacing:-.06em}.comparison-top>span:last-child{font-size:11px;background:#f8faf1;color:var(--ink);padding:8px 13px}.comparison-title{position:absolute;left:40px;top:133px}.comparison-title .eyebrow{color:#edf4e5;font-size:10px}.comparison-title h3{font-size:clamp(45px,5.5vw,77px);line-height:1.02;letter-spacing:-.055em;font-weight:570;margin-top:24px}.comparison-labels{position:absolute;bottom:35px;left:40px;right:40px;display:flex;justify-content:flex-end;gap:0}.comparison-labels>span{font-size:12px;background:#f8faf1;color:var(--ink);padding:14px 22px;display:flex;gap:23px;align-items:center;min-height:54px}.comparison-labels>span:last-child{background:var(--acid)}.comparison-labels .mini-bars{transform:rotate(-24deg) scale(.7);width:23px;height:24px}.comparison-figure figcaption{font-size:11px;line-height:1.75;color:var(--muted);margin-top:17px;max-width:880px}
.agent-guides-heading{margin-top:39px;display:flex;align-items:end;justify-content:space-between;gap:30px}.agent-guides-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:7px}.agent-guides-heading .text-link{font-size:12px}.agent-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.agent-guide-card{background:#f0f2ec;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;min-height:191px;transition:background .2s}.agent-guide-card:hover{background:#e7ecdd}.agent-guide-card>span:first-child{display:flex;justify-content:space-between;align-items:center;font-size:19px;font-weight:600;letter-spacing:-.035em}.agent-guide-card p{font-size:12px;color:var(--muted);line-height:1.7;margin:15px 0 23px}.agent-guide-card>span:last-child{font-size:11px;margin-top:auto;color:var(--blue)}.agent-guide-card svg{width:19px}.guide-card{background:#edf0e7}.guide-card:first-child{background:#eaf0de}.guide-footnote{max-width:860px}.library-home-note{display:block;font-size:11px;color:var(--muted);margin-top:18px}.home-case-stack{border:1px solid var(--line);background:#fdfef9;align-self:center}.teaser-case{display:flex;gap:22px;align-items:center;padding:29px 32px;border-bottom:1px solid var(--line);transition:background .2s}.teaser-case:hover{background:#f0f4e8}.teaser-case>div{flex:1}.teaser-case .eyebrow{color:var(--blue);font-size:9px}.teaser-case h3{font-size:24px;line-height:1.22;letter-spacing:-.035em;font-weight:550;margin-top:10px}.teaser-case svg{color:var(--blue);width:20px}.case-stack-footer{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:23px 32px;background:#e8edde;font-size:10px}.case-stack-footer>span:last-child{display:flex;align-items:center;gap:12px;color:var(--blue)}.case-stack-footer svg{width:18px}.agency-original{max-width:370px}
@media(max-width:1100px){.hero-grid{min-height:590px}.hero-mark{height:360px}.hero-mark>.bars{width:330px;height:350px;left:6%}.definition-grid{gap:38px}.explain .section-head{display:block}.explain .section-intro{margin-top:24px;max-width:640px}.file-type{display:none}.definition-example{grid-template-columns:100px 1fr}.definition-example>.text-link{grid-column:2}.collection-composition{height:375px}.collection-composition>.case-output{width:62%;padding:17px;bottom:16px;right:16px}.case-output h4{font-size:19px}.agent-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-guide-card{min-height:165px}.teaser-case{padding:24px}.teaser-case h3{font-size:22px}.case-stack-footer{padding:20px 24px;flex-wrap:wrap}.comparison-poster{height:490px}}
@media(max-width:700px){.hero-grid{min-height:0;display:block;padding-top:43px;padding-bottom:43px}.hero h1{font-size:clamp(57px,12.5vw,80px);max-width:480px}.hero-mark{position:absolute;right:-125px;top:54px;width:300px;height:340px;opacity:.47}/* Sits behind the copy here: above .4 the hero lead drops below 4.5:1. */.hero-mark>.bars{width:270px;height:300px;left:0;opacity:.4}.hero .eyebrow{font-size:10px;position:relative}.hero-lead{font-size:15px;max-width:440px}.hero-actions{gap:20px}.hero-reassurance{font-size:10px}.explain h2{font-size:35px}.definition-grid{grid-template-columns:1fr;gap:29px;margin-top:32px}.definition-copy .definition-lead{font-size:24px}.definition-copy>p{font-size:14px}.download-anatomy{padding:24px}.anatomy-row{gap:16px;padding:22px 0}.anatomy-row h3{font-size:19px}.anatomy-row p{font-size:12px}.anatomy-icon{width:34px;height:43px}.anatomy-foot{font-size:12px}.definition-example{display:block;margin-top:32px;padding-top:26px}.definition-example>p{font-size:13px;margin-top:16px}.definition-example>.text-link{margin-top:18px}.collection-grid{gap:35px}.collection-composition{height:400px}.collection-photo{height:100%}.collection-photo img{object-position:40% center}.collection-composition>.case-output{width:69%;right:13px;bottom:13px;padding:18px 20px}.case-output h4{font-size:22px}.case-output li{font-size:11px;padding:7px 0}.editorial-card h3{font-size:27px}.card-bottom p{font-size:13px}.comparison-poster{height:460px}.comparison-top{left:23px;right:23px;top:25px;align-items:start}.comparison-top>span:first-child{font-size:20px}.comparison-top>span:last-child{font-size:9px;padding:7px 9px;max-width:105px;text-align:center}.comparison-title{top:125px;left:23px}.comparison-title h3{font-size:54px}.comparison-title .eyebrow{font-size:8px;max-width:200px}.comparison-labels{left:23px;right:23px;bottom:28px;justify-content:start}.comparison-labels>span{padding:12px;font-size:10px;gap:8px;min-height:47px}.comparison-figure figcaption{font-size:10px}.agent-guides-heading{display:block;margin-top:34px}.agent-guides-heading>.text-link{margin-top:17px;font-size:12px}.agent-guide-grid{gap:12px}.agent-guide-card{padding:19px 16px;min-height:184px}.agent-guide-card>span:first-child{font-size:16px;gap:8px}.agent-guide-card p{font-size:11px}.agent-guide-card>span:last-child{font-size:10px}.agent-guide-card svg{width:17px}.examples-copy h2 br{display:initial!important}.teaser-case{padding:25px 22px}.teaser-case h3{font-size:25px}.teaser-case .eyebrow{font-size:9px}.case-stack-footer{padding:20px 22px;font-size:10px;display:block}.case-stack-footer>span:last-child{margin-top:13px}.library-home-note{font-size:10px;max-width:260px}.collection-sector-link{font-size:12px}.agency-original{max-width:330px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.demo .comparison-figure figcaption{color:#c5cec4}