/* Two original engine renders in a shared, responsive studio composition. */
.engine-selection-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; font-size: 14px; color: var(--muted); padding: 24px 0 22px; }
.engine-selection-breadcrumb a { text-decoration: underline; text-underline-offset: 4px; text-decoration-color: #adb59e; }
.engine-selection-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin-bottom: 29px; }
.engine-selection-heading .eyebrow { font-size: 12px; margin-bottom: 12px; }
.engine-selection-heading h1 { font-size: clamp(36px,4vw,56px); margin: 0; line-height: 1.12; }
.engine-selection-heading>p { font-size: 16px; line-height: 1.6; color: var(--muted); max-width: 360px; margin: 0 0 2px; }
.engine-choices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px; }
.engine-choice { display: flex; flex-direction: column; min-width: 0; position: relative; background: linear-gradient(160deg,#fff 10%,#f7f7f1 100%); border: 1px solid #e0e4da; border-radius: 20px; padding: 26px 30px 28px; box-shadow: 0 3px 6px #29302103; transition: border-color .25s,box-shadow .25s; }
.engine-choice-top { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.engine-choice-top h2 { margin: 0; font-size: clamp(25px,2.5vw,34px); font-weight: 500; line-height: 1.1; letter-spacing: -.04em; }
.engine-choice-thrust { font-size: clamp(25px,2.5vw,34px); color: var(--olive); white-space: nowrap; letter-spacing: -.04em; }
.engine-choice-thrust small { font-size: .6em; }
.engine-choice-visual { position: relative; isolation: isolate; container-type: inline-size; min-width: 0; aspect-ratio: 1.18; margin: 24px -6px 10px; }
.engine-choice-wordmarks { position: absolute; inset: 0 0 auto; z-index: 0; color: #667449; text-align: center; user-select: none; pointer-events: none; }
.engine-choice-wordmarks>span { display: block; font-family: Arial,Helvetica,sans-serif; font-size: clamp(67px,10.1vw,159px); font-size: 25cqw; font-weight: 800; font-kerning: normal; line-height: .84; letter-spacing: 0; white-space: nowrap; }
.engine-choice-wordmarks>span:nth-child(2) { opacity: .52; }
.engine-choice-wordmarks>span:nth-child(3) { opacity: .25; }
.engine-choice-wordmarks>span:nth-child(4) { opacity: .09; }
/* A low, diffuse contact shadow gives depth without a harsh image outline. */
.engine-choice-visual::after { content: ""; position: absolute; z-index: 1; width: 82%; height: 10%; left: 9%; bottom: 5%; border-radius: 50%; background: radial-gradient(ellipse at center,rgba(32,37,27,.23),rgba(32,37,27,.1) 35%,rgba(32,37,27,0) 72%); filter: blur(6px); opacity: .8; transition: opacity .4s,transform .4s; pointer-events: none; }
.engine-choice .engine-choice-product { display: block; position: absolute; z-index: 2; left: 0; bottom: 8%; width: 100%; height: auto; fill: none; stroke: none; overflow: visible; filter: drop-shadow(0 5px 5px #2930210a); transform-origin: 50% 75%; transition: transform .45s cubic-bezier(.2,.7,.3,1); pointer-events: none; }
.engine-choice--165 .engine-choice-product { aspect-ratio: 1470 / 731; }
.engine-choice--400 .engine-choice-product { aspect-ratio: 879 / 485; }
.engine-choice-cta { align-self: center; display: inline-flex; align-items: center; justify-content: center; min-height: 50px; min-width: 180px; max-width: 100%; padding: 14px 30px; font-size: 15px; font-weight: 500; line-height: 1.4; text-align: center; color: #fff; background: linear-gradient(180deg,#68764c,#526138); border: 1px solid #53613a; border-radius: 999px; box-shadow: inset 0 1px 0 #ffffff30,0 3px 6px #2930210d,0 9px 18px -12px #29302170; transition: background .25s,box-shadow .25s,transform .25s; }
.engine-selection-status { margin: 20px 0 30px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.engine-choice:focus-visible { outline-offset: 5px; }
.engine-choice:focus-visible .engine-choice-cta { box-shadow: 0 0 0 4px #dce5cc; }
.engine-choice:active .engine-choice-cta { transform: translateY(1px); }
html[dir="rtl"] .engine-choice-wordmarks>span { letter-spacing: 0!important; }
html[dir="rtl"] .engine-choice-top h2 { line-height: 1.1; }
@media(hover:hover) and (pointer:fine) {
 .engine-choice:hover { border-color: #abb69a; box-shadow: 0 18px 38px -26px #29302160; }
 .engine-choice:hover .engine-choice-product { transform: translateY(-4px) scale(1.035); }
 .engine-choice:hover .engine-choice-visual::after { opacity: .65; transform: scaleX(.96); }
 .engine-choice:hover .engine-choice-cta { background: linear-gradient(180deg,#5a6940,#465530); box-shadow: inset 0 1px 0 #ffffff30,0 6px 14px -5px #29302155; transform: translateY(-2px); }
}
@media(max-width:900px) {
 .engine-choice { padding: 23px 22px; }
 .engine-choice-visual { margin-top: 22px; }
 .engine-choice-top { align-items: flex-start; flex-direction: column; gap: 7px; }
}
@media(max-width:760px) {
 .engine-selection-breadcrumb { padding: 20px 0; }
 .engine-selection-heading { display: block; margin-bottom: 24px; }
 .engine-selection-heading h1 { font-size: 40px; margin-bottom: 13px; }
 .engine-selection-heading>p { font-size: 15px; max-width: 480px; }
 .engine-choices { gap: 16px; }
 .engine-choice { padding: 21px 18px 20px; border-radius: 16px; }
 .engine-choice-top h2 { font-size: 28px; }
 .engine-choice-thrust { font-size: 25px; }
 .engine-choice-visual { margin: 19px -5px 10px; aspect-ratio: 1.1; }
 .engine-choice-wordmarks>span { font-size: 9.6vw; font-size: 25cqw; }
 .engine-choice-cta { width: 100%; min-width: 0; font-size: 14px; padding: 12px 8px; }
}
@media(max-width:480px) {
 .engine-selection-breadcrumb { padding: 17px 0; font-size: 13px; }
 .engine-selection-heading h1 { font-size: 34px; }
 .engine-selection-heading .eyebrow { font-size: 11px; letter-spacing: .09em; }
 .engine-selection-heading>p { font-size: 14px; line-height: 1.5; }
 .engine-choices { gap: 12px; }
 .engine-choice { padding: 18px 12px 15px; border-radius: 14px; }
 .engine-choice-top h2 { font-size: 24px; }
 .engine-choice-thrust { font-size: 23px; }
 .engine-choice-visual { margin: 18px -5px 6px; aspect-ratio: 1; }
 .engine-choice-visual::after { filter: blur(3px); }
 .engine-choice-cta { min-height: 48px; font-size: 13px; padding-inline: 5px; }
 .engine-selection-status { font-size: 12px; margin-bottom: 25px; }
}
@media(max-width:360px) { .engine-choice { padding-inline: 9px; } .engine-choice-top h2 { font-size: 22px; } .engine-selection-heading h1 { font-size: 31px; } }
@media(prefers-reduced-motion:reduce) { .engine-choice,.engine-choice .engine-choice-product,.engine-choice-visual::after,.engine-choice-cta { transition: none; } .engine-choice:hover .engine-choice-product,.engine-choice:hover .engine-choice-cta { transform: none; } }

@media(max-width:600px){
 .engine-choices{grid-template-columns:minmax(0,1fr);gap:22px}
 .engine-choice{padding:24px;border-radius:18px}
 .engine-choice-top{flex-direction:row;flex-wrap:wrap;align-items:baseline}
 .engine-choice-top h2,.engine-choice-thrust{font-size:30px}
 .engine-choice-visual{aspect-ratio:1.3;margin:24px 0 16px}
 .engine-choice-cta{font-size:16px;min-height:48px;padding:14px 20px}
 .engine-selection-heading>p{font-size:16px;line-height:1.65}
 .engine-selection-heading h1{font-size:clamp(30px,8vw,40px);overflow-wrap:anywhere}
 .engine-selection-breadcrumb{line-height:1.5;gap:8px 12px}
 .engine-selection-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
}
