/* Parent-inspected reference geometry: compact hero, balanced columns, landscape crop. */
.hero{grid-template-columns:minmax(0,51fr) minmax(0,49fr);min-height:0;height:auto;padding-bottom:0;row-gap:0}
.hero-copy{padding:32px 34px;min-height:0;display:flex;flex-direction:column;justify-content:center}
.hero .eyebrow{margin-bottom:20px}
.software-kinetic .hero h1{font-size:clamp(36px,4vw,58px);margin-bottom:24px;line-height:1.04}
.hero .intro{max-width:460px;margin-bottom:22px;line-height:1.55}
.hero .actions{gap:18px}
.hero .hero-offer{margin-top:20px;line-height:1.65}
.hero .product{padding:24px;justify-content:flex-start;min-height:0}
.hero .product-label{padding-bottom:14px}
.hero .live-demo{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:1.30;flex:none;align-self:flex-start}
.hero .live-demo iframe{position:absolute;inset:0;width:100%;height:100%}
.hero .product-foot{padding-top:20px}
.hero .product-foot h2{margin-bottom:12px}
.hero .product-foot p{margin-bottom:12px}
.hero .product-foot #demo-caption{margin-top:14px;margin-bottom:0}
@media(max-width:1100px) and (min-width:761px){.hero-copy{padding:28px 24px}.hero .product{padding:20px}.software-kinetic .hero h1{font-size:clamp(30px,3.8vw,42px)}}
@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{padding:28px 24px;display:block}.hero-line-break{display:none}.software-kinetic .hero h1{font-size:clamp(32px,8.5vw,50px)}.hero .product{padding:24px 22px}.hero .actions{gap:20px}}
@media(max-width:370px){.hero-copy{padding:26px 18px}.hero .product{padding:22px 16px}}

/* Align the text-link rule to the action border, excluding its decorative shadow. */
.hero .actions{align-items:flex-end}
.hero .actions .text-link{min-height:44px;display:inline-flex;align-items:flex-end;box-sizing:border-box;margin:0}
@media(max-width:1100px){.hero .actions{align-items:flex-start}}
@media(max-width:760px){.hero .actions{align-items:stretch}.hero .actions .text-link{align-self:flex-start}}

/* Email contact integration: keep the replacement readable on small screens. */
@media(max-width:760px){.contact-grid{grid-template-columns:1fr;gap:32px}.contact-email .form-note{overflow-wrap:anywhere}}