/* Positioning additions use the existing site's typography and color tokens. */
.hero__category { margin:0; color:#b9d5ff; font-size:.82rem; font-weight:650; letter-spacing:.07em; text-transform:uppercase; }
.hero__copy { z-index:7; }
.hero__h1 { max-width:25ch; }
.hero__h1 .hero__keep { white-space:nowrap; }
.hero__note { max-width:55ch; }
.positioning .positioning__head { display:grid; grid-template-columns:1.1fr 1fr; gap:3rem; align-items:end; margin-bottom:2.5rem; }
.positioning .positioning__head .sc-body { max-width:43ch; margin:0; }
.positioning .positioning__table { border-top:1px solid #3b4962; }
.positioning table { border-collapse:collapse; width:100%; font-size:1rem; line-height:1.6; text-align:left; }
.positioning th,.positioning td { padding:1.35rem 1.3rem 1.35rem 0; vertical-align:top; border-bottom:1px solid #2d3b53; }
.positioning thead th { color:#a8c8f5; font-size:.78rem; font-weight:650; letter-spacing:.06em; text-transform:uppercase; }
.positioning tbody th { width:25%; color:var(--sc-ink); font-family:var(--sc-font-display); font-weight:550; }
.positioning td { width:33%; color:var(--sc-ink-soft); }
.positioning td:last-child { color:var(--sc-ink); padding-right:0; }
.positioning .positioning__fit { display:grid; grid-template-columns:1.1fr 1fr; gap:4rem; margin-top:3.5rem; }
.positioning .positioning__fit h3 { font-family:var(--sc-font-display); font-size:clamp(1.45rem,2vw,1.9rem); line-height:1.2; font-weight:550; letter-spacing:-.025em; margin:0 0 1rem; }
.positioning .positioning__fit p { color:var(--sc-ink-soft); font-size:1rem; line-height:1.7; margin:0 0 1.5rem; max-width:52ch; }
.positioning .positioning__fit aside { padding-left:2rem; border-left:2px solid #3b5a86; }
.positioning .positioning__sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(prefers-reduced-motion:reduce) {
 .prolifik-home [data-sc-in],.prolifik-home [data-sc-stagger] > * { opacity:1!important; transform:none!important; transition:none!important; }
}
@media(max-width:700px) {
 .hero__category { font-size:.67rem; letter-spacing:.04em; }
 .hero__h1 { max-width:22ch; }
 .positioning .positioning__head,.positioning .positioning__fit { grid-template-columns:1fr; gap:1.5rem; }
 .positioning .positioning__fit { margin-top:2.5rem; }
 .positioning .positioning__fit aside { padding-left:1.2rem; }
 .positioning table,.positioning tbody,.positioning tr,.positioning th,.positioning td { display:block; width:100%; }
 .positioning thead { display:none; }
 .positioning tr { padding:1.5rem 0; border-bottom:1px solid #2d3b53; }
 .positioning th,.positioning td { padding:0; border:0; }
 .positioning tbody th { width:100%; font-size:1.15rem; margin-bottom:.75rem; }
 .positioning td { margin-top:.75rem; }
 .positioning td::before { display:block; color:#a8c8f5; font-size:.75rem; font-weight:650; letter-spacing:.04em; text-transform:uppercase; margin-bottom:.2rem; }
 .positioning td:nth-child(2)::before { content:'What you handle'; }
 .positioning td:nth-child(3)::before { content:'Where Prolifik fits'; }
}