/* Hallmark · candidate visual language / interactive concept content.
   Pre-emit critique: P5 H4 E4 S5 R5 V4 */
.hybrid-home{--ink:#0a0a16;--soft:#565670;--paper:#fafbff;--quiet:#f2f3fc;--line:#dddff0;--home-wash:#c9d3fa;background:var(--paper)}
.hybrid-home .wrap{padding:0 48px;max-width:1200px}
.hybrid-home .public-nav{position:relative;padding:24px 0;background:var(--home-wash);box-shadow:0 0 0 100vmax var(--home-wash);clip-path:inset(0 -100vmax)}
.hybrid-home .public-nav .btn{border-radius:999px;background:var(--blue);color:var(--white);border-color:var(--blue)}
.hybrid-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px;align-items:start;padding:48px 0 56px;background:var(--home-wash);box-shadow:0 0 0 100vmax var(--home-wash);clip-path:inset(0 -100vmax)}
.hybrid-hero:after{content:'';position:absolute;bottom:0;height:3px;background:var(--blue);left:calc((1104px - 100vw)/2);right:calc((1104px - 100vw)/2)}
.home-message{padding-top:48px;min-width:0}
.tagline{color:var(--blue);font-weight:550;margin-bottom:16px;font-size:16px}
.home-message h1{font-size:52px;font-weight:650;line-height:1.08;letter-spacing:-.04em}
.home-message .intro-copy>p{font-size:18px;color:var(--soft);margin:24px 0;max-width:470px}
.home-message .intro-copy>.small{font-size:14px;margin-top:12px}
.home-message .primary{border-radius:999px;padding:12px 20px}
.hybrid-demo{min-width:0}
.hybrid-home .transformation{border:1px solid var(--line);border-radius:12px;background:var(--white)}
.hybrid-home .spread-head{padding:12px 18px;flex-wrap:wrap;gap:0}
.hybrid-home .spread-head p{font-size:13px}
.hybrid-home .spread-head .link{font-size:12px}
.hybrid-home .spread{display:block}
.hybrid-home .source-side{background:var(--quiet);padding:18px}
.hybrid-home .side-heading{margin-bottom:10px;gap:8px}
.hybrid-home .side-heading .small{font-size:11px}
.hybrid-home .paper{padding:18px;min-height:0}
.hybrid-home .paper-top{margin-bottom:12px}
.hybrid-home .paper p{margin:8px 0}
.hybrid-home .paper td,.hybrid-home .paper th{padding:5px 3px}
.hybrid-home .source-foot{gap:8px;flex-wrap:wrap;margin-top:8px}
.hybrid-home .source-foot .small,.hybrid-home .source-foot .link{font-size:11px}
.hybrid-home .result-side{border-left:0;border-top:2px solid var(--blue);padding:18px}
.hybrid-home .product-head h2{font-size:23px;max-width:none}
.hybrid-home .color-tabs{margin:16px 0 10px}
.hybrid-home .result-note{font-size:12px}
.hybrid-home .freight-example{margin-top:12px;padding-top:12px}
.hybrid-home .freight-example strong{font-size:16px;line-height:1.4}
.hybrid-home .result-side>p.small{margin-top:12px!important;font-size:11px}
.hybrid-home .caption{font-size:11px}
.hybrid-home .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:48px 0;border-bottom:1px solid var(--line)}
.steps span{display:block;color:var(--blue);font-size:14px;font-weight:650;margin-bottom:16px}.steps h2{font-size:20px}.steps p{font-size:15px;color:var(--soft);margin-top:12px}
.hybrid-home .promise{padding:44px 0;gap:32px}.hybrid-home .promise h2{font-size:28px}.hybrid-home .support-mark{background:var(--transparent)}
@media(max-width:1200px){.hybrid-hero:after{left:-48px;right:-48px}}
@media(max-width:900px){.hybrid-hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:28px}.home-message{padding-top:0}.home-message h1{font-size:44px}.hybrid-demo{max-width:620px;width:100%}.hybrid-home .steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hybrid-home .wrap{padding:0 20px}.hybrid-home .public-nav{padding:20px 0}.hybrid-hero{padding:24px 0 32px}.hybrid-hero:after{left:-20px;right:-20px}.home-message h1{font-size:36px}.home-message .intro-copy>p{font-size:16px}.home-message .intro-copy>.small{font-size:13px}.hybrid-home .steps{grid-template-columns:minmax(0,1fr);gap:28px;padding:32px 0}.hybrid-home .promise{grid-template-columns:minmax(0,1fr);gap:20px}.hybrid-home .paper{padding:12px}.hybrid-home .source-side,.hybrid-home .result-side{padding:14px}.hybrid-home .spread-head{padding:12px 14px}.hybrid-home .tag{font-size:10px;padding:4px 6px}}
/* Horizontal demo revision: candidate styling with a full-width comparison. */
.hybrid-hero{grid-template-columns:minmax(0,1fr);gap:36px;padding-top:40px}
.home-message{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px;align-items:center;padding-top:0}
.home-message .intro-copy>p{margin-top:0}
.hybrid-demo{max-width:none;width:100%}
.hybrid-home .spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.hybrid-home .result-side{border-top:0;border-left:1px solid var(--line);padding:24px}
.hybrid-home .source-side{padding:24px}
.hybrid-home .spread-head{flex-wrap:nowrap;gap:16px;padding:16px 24px}
.hybrid-home .product-head h2{font-size:27px}
.hybrid-home .color-tabs{margin:24px 0 16px}
@media(max-width:900px){.home-message{grid-template-columns:minmax(0,1fr);gap:20px}.home-message .intro-copy>p{max-width:620px}.hybrid-hero{padding-top:28px}}
@media(max-width:760px){.hybrid-home .spread{grid-template-columns:minmax(0,1fr)}.hybrid-home .result-side{border-left:0;border-top:2px solid var(--blue)}.hybrid-home .spread-head{flex-wrap:wrap;gap:0}.hybrid-home .source-side,.hybrid-home .result-side{padding:18px}}
@media(max-width:400px){.hybrid-home .source-side,.hybrid-home .result-side{padding:14px}.hybrid-home .spread-head{padding:12px 14px}.hybrid-home .product-head h2{font-size:24px}}

/* Readability pass: rem-based text, fluid space, and reflow before columns get tight. */
.hybrid-home .wrap{max-width:90rem;padding-inline:clamp(1rem,4vw,4rem)}
.hybrid-hero:after{left:0;right:0;box-shadow:0 0 0 100vmax var(--blue);clip-path:inset(0 -100vmax)}
.home-message{gap:clamp(1.5rem,4vw,4rem)}
.home-message h1{font-size:clamp(2.5rem,1.6rem + 2.5vw,3.75rem)}
.hybrid-home .tagline{font-size:1.125rem}
.home-message .intro-copy>p{font-size:clamp(1.125rem,1rem + .3vw,1.375rem);max-width:42ch;line-height:1.6}
.home-message .intro-copy>.small{font-size:1rem}
.hybrid-home .btn,.hybrid-home .link{font-size:1rem;min-height:2.75rem;white-space:normal}
.hybrid-home .spread-head{gap:1rem;flex-wrap:wrap}
.hybrid-home .spread-head p{font-size:1.0625rem}
.hybrid-home .spread-head .link{font-size:1rem}
.hybrid-home .side-heading{flex-wrap:wrap}
.hybrid-home .side-heading .eyebrow,.hybrid-home .side-heading .small,.hybrid-home .tag{font-size:.875rem}
.hybrid-home .paper{padding:clamp(.75rem,1.6vw,1.5rem)}
.hybrid-home .paper-top{font-size:.875rem;flex-wrap:wrap}
.hybrid-home .paper-top strong{font-size:1.25rem}
.hybrid-home .paper p,.hybrid-home .paper th{font-size:.875rem}
.hybrid-home .paper table,.hybrid-home .paper td{font-size:1rem}
.hybrid-home .paper caption,.hybrid-home .paper-total{font-size:.9375rem}
.hybrid-home .paper td,.hybrid-home .paper th{padding:.5rem .25rem}
.hybrid-home .source-foot .small,.hybrid-home .caption{font-size:.875rem}
.hybrid-home .source-foot .link{font-size:1rem}
.hybrid-home .product-head h2{font-size:clamp(1.5rem,1.2rem + .8vw,2rem)}
.hybrid-home .product-head p{font-size:1rem}
.hybrid-home .color-tabs button{font-size:1rem;min-height:2.75rem}
.hybrid-home .variant-table{font-size:1.0625rem}
.hybrid-home .variant-table th{font-size:.9375rem}
.hybrid-home .result-note{font-size:1rem;flex-wrap:wrap}
.hybrid-home .result-note>div{flex:1 1 12rem}
.hybrid-home .freight-example{font-size:1rem}
.hybrid-home .freight-example strong{font-size:1.125rem}
.hybrid-home .freight-example .small,.hybrid-home .result-side>p.small{font-size:.875rem}
.hybrid-home .steps h2{font-size:1.375rem}
.hybrid-home .steps p,.hybrid-home .promise p{font-size:1.125rem;line-height:1.65}
.hybrid-home .steps span{font-size:1rem}
.hybrid-home .promise h2{font-size:clamp(1.75rem,1.3rem + 1vw,2.25rem)}
.hybrid-home .public-footer{font-size:1rem;flex-wrap:wrap}
@media(max-width:60rem){.hybrid-home .spread{grid-template-columns:minmax(0,1fr)}.hybrid-home .result-side{border-left:0;border-top:2px solid var(--blue)}.home-message{grid-template-columns:minmax(0,1fr)}.hybrid-home .steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:38rem){.hybrid-home .steps,.hybrid-home .promise{grid-template-columns:minmax(0,1fr)}.hybrid-home .public-nav{flex-wrap:wrap}.hybrid-home .public-nav>div{gap:1rem}.hybrid-home .source-side,.hybrid-home .result-side{padding:1rem}.hybrid-home .paper-total{flex-wrap:wrap;gap:.5rem}.hybrid-home .spread-head{padding:1rem}}