/* Discover My HSR — marketing page only. Reuses deployed HSR navigation, .wrap, .hero, .section, .card, .cta, and footer. */
body.hsr-myhsr-marketing{background:#f8fbfd}
.hsr-myhsr-hero{min-height:560px;isolation:isolate}
.hsr-myhsr-hero>.hsr-myhsr-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;z-index:-2;filter:brightness(.74)}
.hsr-myhsr-hero>.hero-overlay{z-index:-1;background:linear-gradient(90deg,rgba(3,21,38,.98) 0%,rgba(3,21,38,.89) 48%,rgba(3,21,38,.55) 100%)}
.hsr-myhsr-hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:24px;max-width:1320px;min-height:560px;position:relative;padding-top:38px;padding-bottom:48px}
.hsr-myhsr-hero-text{min-width:0;max-width:630px}
.hsr-myhsr-hero .eyebrow{font-size:.81rem;letter-spacing:.1em;color:#7fdbff}
.hsr-myhsr-hero h1{font-size:clamp(2.8rem,4.6vw,4.7rem);line-height:1.02;letter-spacing:-.045em;margin:8px 0 10px;color:#fff}
.hsr-myhsr-subhead{font-size:clamp(1.22rem,1.7vw,1.75rem);font-weight:900;line-height:1.2;color:#5ccaff;margin:0 0 14px}
.hsr-myhsr-hero .lead{font-size:1.04rem;line-height:1.56;color:#e9f5fb;margin:0 0 15px;max-width:580px}
.hsr-myhsr-exclusive{font-size:.94rem;font-weight:850;line-height:1.4;color:#fff;margin:0}
.hsr-myhsr-exclusive span{color:#73d5ff;font-size:1.2em;margin-right:4px}
.hsr-myhsr-actions{align-items:center;margin:23px 0 0}
.hsr-myhsr-actions .btn{border-radius:9px;padding:12px 17px;font-size:.87rem}
.hsr-myhsr-actions .btn-primary{background:#0878b2}
.hsr-myhsr-actions .btn-outline{background:rgba(255,255,255,.1);color:#fff;border-color:#a2dbf3}
.hsr-myhsr-actions .btn span,.hsr-myhsr-final .btn span,.hsr-myhsr-story .btn span,.hsr-myhsr-demo-action .btn span{margin-left:7px}
.hsr-myhsr-hero-foot{margin:20px 0 0;color:#b7d7e9;font-size:.82rem;font-weight:800}
.hsr-myhsr-device-stage{height:435px;position:relative;min-width:0;display:flex;align-items:center;justify-content:center}
.hsr-myhsr-laptop{position:absolute;left:0;right:56px;top:35px;filter:drop-shadow(0 22px 15px rgba(0,0,0,.35))}
.hsr-myhsr-laptop-top{background:linear-gradient(#101c28,#050c12);height:17px;border-radius:14px 14px 0 0;border:2px solid #273e4c;border-bottom:0;display:flex;align-items:center;justify-content:center}
.hsr-myhsr-laptop-top span{height:5px;width:5px;background:#4a7381;border-radius:50%}
.hsr-myhsr-laptop-screen{height:300px;background:#eaf5fb;border:9px solid #101b28;border-top:4px solid #101b28;border-radius:0 0 4px 4px;overflow:hidden}
.hsr-myhsr-laptop-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.hsr-myhsr-laptop-base{height:17px;width:108%;margin-left:-4%;background:linear-gradient(#b5c2ca,#7b8a96 45%,#485966);clip-path:polygon(7% 0,93% 0,100% 82%,98% 100%,2% 100%,0 82%);border-radius:0 0 14px 14px}
.hsr-myhsr-phone{position:absolute;right:0;bottom:36px;width:152px;height:310px;border:7px solid #14222c;border-radius:25px;background:#e9f4fa;box-shadow:0 18px 26px #031421b0;overflow:hidden;z-index:2}
.hsr-myhsr-phone:before{content:'';height:15px;width:78px;position:absolute;z-index:2;top:0;left:calc(50% - 39px);border-radius:0 0 13px 13px;background:#14222c}
.hsr-myhsr-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.hsr-myhsr-phone-speaker{position:absolute;z-index:3;top:5px;left:calc(50% - 13px);height:3px;width:26px;border-radius:5px;background:#364c57}
.hsr-myhsr-mock-note{position:absolute;right:5px;bottom:1px;left:0;text-align:center;color:#c4e9fa;font-size:.71rem;font-weight:700;text-shadow:0 1px 5px #001524}
.hsr-myhsr-trust .trustgrid{width:100%;max-width:1180px;padding:0;background:rgba(255,255,255,.16)}
.hsr-myhsr-trust .trust{font-size:.93rem;line-height:1.35;padding:18px 14px}
.hsr-myhsr-trust .trust span{margin-bottom:4px;color:#9bddff;font-size:.75rem}
.hsr-myhsr-features .section-head{max-width:880px}
.hsr-myhsr-features .section-head h2{margin-bottom:12px}
.hsr-myhsr-features-grid{gap:20px}
.hsr-myhsr-feature{display:flex;align-items:flex-start;gap:15px;min-height:195px;border-radius:18px;padding:25px 20px;background:#fff}
.hsr-myhsr-feature-icon{flex:0 0 58px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#e7f5fc;font-size:26px}
.hsr-myhsr-feature h3{font-size:1.12rem;margin:2px 0 9px}
.hsr-myhsr-feature p{line-height:1.51;font-size:.92rem;margin:0}
.hsr-myhsr-story .split{gap:47px}
.hsr-myhsr-story h2{margin-bottom:18px}
.hsr-myhsr-story p{color:#435a70}
.hsr-myhsr-story .check li{color:#213a50}
.hsr-myhsr-story-media{position:relative}
.hsr-myhsr-story-media img{display:block;max-width:100%;height:360px;width:100%;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}
.hsr-myhsr-story-caption{position:absolute;bottom:16px;left:16px;right:16px;padding:16px 19px;background:rgba(4,23,40,.9);border-radius:12px;color:#fff}
.hsr-myhsr-story-caption b,.hsr-myhsr-story-caption span{display:block;line-height:1.4}
.hsr-myhsr-story-caption span{font-size:.84rem;color:#e0edf7;margin-top:3px}
.hsr-myhsr-steps .card{position:relative;min-height:220px;padding:28px 24px 22px}
.hsr-myhsr-steps h3{margin:10px 0}
.hsr-myhsr-steps p{margin:0;line-height:1.5}
.hsr-myhsr-step-num{display:grid;place-items:center;width:39px;height:39px;background:#0878b2;border-radius:50%;color:#fff;font-weight:900;font-size:1.12rem}
.hsr-myhsr-demo-action{text-align:center;margin:30px auto 0;max-width:620px}
.hsr-myhsr-demo-action .btn{border-radius:10px}
.hsr-myhsr-demo-action p{color:var(--muted);font-size:.84rem;margin:13px 0 0}
.hsr-myhsr-faq{max-width:850px;margin:0 auto}
.hsr-myhsr-faq details{background:#fff}
.hsr-myhsr-faq p{margin-bottom:0}
.hsr-myhsr-final .eyebrow{color:#d6f3ff}
.hsr-myhsr-final h2{max-width:830px}
.hsr-myhsr-final .actions{gap:14px}
.hsr-myhsr-final-demo{color:#fff;background:transparent;border:2px solid rgba(255,255,255,.72)}
.hsr-myhsr-final-demo:hover{background:rgba(255,255,255,.15)}
@media(max-width:1050px){
 .hsr-myhsr-hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:9px}
 .hsr-myhsr-device-stage{height:350px}
 .hsr-myhsr-laptop{top:18px;right:40px}
 .hsr-myhsr-laptop-screen{height:242px}
 .hsr-myhsr-phone{width:119px;height:246px;bottom:33px}
 .hsr-myhsr-feature{flex-direction:column;min-height:220px}
}
@media(max-width:790px){
 .hsr-myhsr-hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:40px;padding-bottom:35px;gap:18px}
 .hsr-myhsr-hero-text{max-width:none}
 .hsr-myhsr-hero .lead{max-width:700px}
 .hsr-myhsr-device-stage{height:370px;width:min(580px,100%);margin:0 auto}
 .hsr-myhsr-laptop{left:0;right:50px;top:10px}
 .hsr-myhsr-laptop-screen{height:270px}
 .hsr-myhsr-phone{width:125px;height:258px;bottom:35px}
 .hsr-myhsr-feature{flex-direction:row;min-height:0}
 .hsr-myhsr-steps .card{min-height:0}
}
@media(max-width:530px){
 .hsr-myhsr-hero-grid{padding-top:31px;padding-bottom:26px}
 .hsr-myhsr-hero h1{font-size:2.9rem}
 .hsr-myhsr-hero .lead{font-size:.97rem}
 .hsr-myhsr-actions{gap:10px}
 .hsr-myhsr-actions .btn{width:100%;font-size:.87rem}
 .hsr-myhsr-device-stage{height:250px;width:100%;margin:0 auto}
 .hsr-myhsr-laptop{left:0;right:36px;top:10px}
 .hsr-myhsr-laptop-top{height:10px;border-radius:8px 8px 0 0}
 .hsr-myhsr-laptop-screen{height:180px;border-width:6px;border-top-width:2px}
 .hsr-myhsr-laptop-base{height:12px}
 .hsr-myhsr-phone{right:0;bottom:26px;width:90px;height:184px;border-width:5px;border-radius:15px}
 .hsr-myhsr-phone:before{width:47px;height:9px;left:calc(50% - 23.5px)}
 .hsr-myhsr-phone-speaker{display:none}
 .hsr-myhsr-mock-note{font-size:.58rem}
 .hsr-myhsr-feature{padding:20px 18px;gap:11px}
 .hsr-myhsr-feature-icon{width:43px;height:43px;flex-basis:43px;font-size:20px}
 .hsr-myhsr-feature h3{font-size:1rem}
 .hsr-myhsr-feature p{font-size:.87rem}
 .hsr-myhsr-story-media img{height:280px}
 .hsr-myhsr-final .actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.hsr-myhsr-marketing *{scroll-behavior:auto}}