.try-page { color: #202124; }
.try-intro, .try-choices, .try-app, .try-shots { width: min(1072px, 90%); margin-inline: auto; }
.try-intro { padding: clamp(50px, 7vw, 94px) 0 clamp(32px, 4vw, 56px); text-align: center; }
.try-intro h1 { font-size: clamp(2.6rem, 6vw, 5.35rem); line-height: 1.04; letter-spacing: -.065em; }
.try-intro p, .try-contact p { max-width: 53ch; margin: 16px auto 0; font-size: clamp(1rem, 1.5vw, 1.22rem); color: #505157; line-height: 1.5; text-wrap: pretty; }
.try-choices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.try-card { display: flex; flex-direction: column; overflow: hidden; border-radius: 24px; background: #f5f5f7; }
.try-card-copy { padding: clamp(24px,3.5vw,44px) clamp(22px,3vw,40px) 0; }
.try-page h2 { font-size: clamp(1.8rem,3.3vw,3.2rem); letter-spacing: -.055em; line-height: 1.08; }
.try-card .eyebrow, .try-app .eyebrow { margin-bottom: 10px; }
.try-card-copy > p:not(.eyebrow), .try-app-copy > p:not(.eyebrow) { margin: 13px 0 20px; max-width: 43ch; color: #515258; line-height: 1.53; }
.try-page .action-primary { display: inline-flex; align-items: center; gap: 8px; }
.try-art { position: relative; height: clamp(152px,20vw,227px); overflow: hidden; margin-top: auto; }
.try-art img { position: absolute; height: auto; }
.try-plan-art img { top: 30px; left: 9%; width: 114%; max-width: none; border: 4px solid #43464a; border-radius: 10px; transform: rotate(-2deg); box-shadow: 0 12px 30px #12151c20; }
.try-app-art img { top: 29px; left: 28%; width: 45%; border: 4px solid #303137; border-radius: 27px; transform: rotate(5deg); box-shadow: 0 10px 30px #10172020; }
.try-app { display: grid; grid-template-columns: 1fr 1fr; align-items: center; justify-items: center; gap: 5%; padding: clamp(44px,6vw,88px) 3%; scroll-margin-top: 22px; }
.try-app-copy { max-width: 385px; }
.try-app-copy .try-note { font-size: .87rem; }
.try-device { width: min(100%,340px); min-width: 0; aspect-ratio: 340 / 708; --story-progress: .5; }
.try-device .app-phone { box-shadow: 0 15px 35px -18px #252a384a; }
.try-shots { padding: 18px 0; border-block: 1px solid #dddfe2; }
.try-shots summary { cursor: pointer; font-weight: 650; }
.try-shots .shot-grid { max-width: 690px; gap: 5%; margin: 30px auto 12px; }
.try-shots img { width: 100%; height: auto; }
.try-contact { padding: clamp(48px,7vw,98px) 5%; text-align: center; }
.try-contact .action-primary { margin-top: 23px; }
@media(max-width:670px) {
 .try-choices, .try-app { grid-template-columns: 1fr; }
 .try-choices { gap: 14px; }
 .try-art { height: 138px; }
 .try-device { width: min(100%, 340px); }
 .try-app { gap: 14px; padding-inline: 0; }
 .try-app-copy { justify-self: start; }
}