.marketing-showcase { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); margin:52px 0; overflow:hidden; border-radius:22px; background:#071a36; box-shadow:0 24px 60px rgba(7,26,54,.15); }
.marketing-showcase--reverse .marketing-showcase__visual { order:2; }
.marketing-showcase__visual { position:relative; min-height:430px; overflow:hidden; background:#0b294e; }
.marketing-showcase__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(140deg,transparent 45%,rgba(0,79,159,.38)); pointer-events:none; }
.marketing-showcase__visual img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.marketing-showcase__visual:hover img { transform:scale(1.025); }
.marketing-showcase__content { align-self:center; padding:46px 48px; color:#dce8f4; }
.marketing-showcase__content h2,.technology-selector h2 { margin:8px 0 18px; color:#fff; font-size:clamp(2rem,3.8vw,3.35rem); line-height:1.02; letter-spacing:-.045em; }
.marketing-showcase__content > p { margin:0 0 28px; color:#b9cadc; font-size:1rem; line-height:1.75; }
.marketing-kicker { color:#21c7ad; font-size:.72rem; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.process-steps { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.process-steps li { display:grid; grid-template-columns:35px 1fr; gap:2px 11px; padding:11px 0; border-top:1px solid rgba(255,255,255,.12); }
.process-steps li > span { grid-row:1 / 3; color:#21c7ad; font-size:.67rem; font-weight:850; }
.process-steps strong { color:#fff; font-size:.88rem; }
.process-steps small { color:#91a8bf; font-size:.72rem; line-height:1.45; }
.image-zoom-hint { position:absolute; z-index:2; right:18px; bottom:18px; display:grid; width:44px; height:44px; place-items:center; border:1px solid rgba(255,255,255,.55); border-radius:50%; color:#071a36; background:rgba(255,255,255,.9); font-size:1.55rem; font-weight:300; box-shadow:0 8px 24px rgba(7,26,54,.2); }
.marketing-points { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0; padding:0; list-style:none; }
.marketing-points li { padding:15px; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(255,255,255,.055); }
.marketing-points strong,.marketing-points span { display:block; }
.marketing-points strong { margin-bottom:5px; color:#fff; font-size:.83rem; }
.marketing-points span { color:#9eb2c7; font-size:.7rem; line-height:1.5; }
.quality-pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.quality-pillars > div { padding:16px 13px; border-top:2px solid #21c7ad; background:rgba(255,255,255,.055); }
.quality-pillars strong,.quality-pillars span { display:block; }
.quality-pillars strong { margin-bottom:7px; color:#fff; font-size:.78rem; }
.quality-pillars span { color:#91a8bf; font-size:.67rem; line-height:1.45; }
.technology-selector { margin:56px 0; padding:48px; border-radius:22px; color:#dce8f4; background:linear-gradient(135deg,#071a36,#003e7f); box-shadow:0 24px 60px rgba(7,26,54,.14); }
.technology-selector__heading { max-width:760px; margin-bottom:28px; }
.technology-selector__heading p { margin:0; color:#b9cadc; line-height:1.72; }
.technology-selector__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.technology-card { position:relative; min-height:330px; overflow:hidden; border-radius:14px; color:#fff; background:#0b294e; }
.technology-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,26,54,.04) 25%,rgba(7,26,54,.95) 100%); }
.technology-card__image { position:absolute; inset:0; background-position:center; background-size:cover; transition:transform .55s ease; }
.technology-card:hover .technology-card__image { transform:scale(1.045); }
.technology-card__body { position:absolute; z-index:1; inset:auto 0 0; display:grid; gap:6px; padding:24px; }
.technology-card__body small { color:#62dbc8; font-size:.65rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.technology-card__body strong { font-size:1.32rem; }
.technology-card__body span { margin-top:5px; color:#c8d6e4; font-size:.7rem; }
.page-layout:not(.page-layout--single) .marketing-showcase { grid-template-columns:1fr; }
.page-layout:not(.page-layout--single) .marketing-showcase--reverse .marketing-showcase__visual { order:0; }
.page-layout:not(.page-layout--single) .marketing-showcase__visual { min-height:360px; aspect-ratio:16/9; }
.page-layout:not(.page-layout--single) .marketing-showcase__content { padding:42px; }
.page-layout:not(.page-layout--single) .technology-selector__grid { grid-template-columns:1fr; }
.page-layout:not(.page-layout--single) .technology-card { min-height:270px; }
@media(max-width:980px){.marketing-showcase{grid-template-columns:1fr}.marketing-showcase--reverse .marketing-showcase__visual{order:0}.marketing-showcase__visual{min-height:340px}.technology-selector__grid{grid-template-columns:1fr}.technology-card{min-height:270px}}
@media(max-width:620px){.marketing-showcase{margin:34px 0;border-radius:15px}.marketing-showcase__visual{min-height:250px}.marketing-showcase__content,.technology-selector{padding:28px 22px}.marketing-showcase__content h2,.technology-selector h2{font-size:2rem}.marketing-points,.quality-pillars{grid-template-columns:1fr}.technology-selector{margin:38px 0;border-radius:15px}}