.hvt-page{padding-bottom:32px}
.hvt-back{display:inline-flex;margin-bottom:22px;color:#5f7184;font-size:12px;font-weight:600;transition:color .2s}
.hvt-back:hover{color:#183f63}

.hvt-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:.91fr 1.09fr;align-items:center;min-height:650px;padding:58px 64px;border:1px solid #5e2c1e;border-radius:22px;background:radial-gradient(circle at 72% 15%,#843f692e,transparent 31%),radial-gradient(circle at 8% 88%,#d9581624,transparent 36%),linear-gradient(135deg,#170d24 0%,#2b132d 47%,#35150f 100%);box-shadow:0 22px 45px #42170f25;color:#fff}
.hvt-hero:before,.hvt-hero:after{position:absolute;z-index:-1;content:"";border-radius:50%;filter:blur(2px);pointer-events:none}
.hvt-hero:before{right:-130px;top:-170px;width:470px;height:470px;background:radial-gradient(circle,#ff6a1733 0,#ca3a1912 47%,transparent 70%)}
.hvt-hero:after{left:33%;bottom:-260px;width:560px;height:560px;background:radial-gradient(circle,#8a45e123 0,transparent 68%)}
.hvt-glow{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 48%,#ff7d2720 48.2%,transparent 49%);opacity:.7;pointer-events:none}
.hvt-hero-copy{position:relative;z-index:2;max-width:510px}
.hvt-app-label{display:flex;align-items:center;gap:15px;margin-bottom:38px}
.hvt-app-label img{width:68px;height:68px;border:1px solid #ffb56080;border-radius:16px;box-shadow:0 10px 25px #0007}
.hvt-app-label div{display:flex;flex-direction:column;gap:4px}
.hvt-app-label span{color:#cfb9c9;font-size:10px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}
.hvt-app-label strong{font-size:17px;line-height:1.35;font-weight:650;color:#fff}
.hvt-kicker{color:#ffbc58;font-size:11px;line-height:1.4;font-weight:750;letter-spacing:.17em}
.hvt-hero h1{margin-top:16px;font-size:clamp(48px,5vw,70px);line-height:.98;font-weight:720;letter-spacing:-.055em}
.hvt-hero h1 span{color:#ffb33d;text-shadow:0 4px 22px #ff691833}
.hvt-lead{max-width:480px;margin-top:25px;color:#e2cedd;font-size:17px;line-height:1.75}
.hvt-hero-actions{display:flex;flex-direction:column;align-items:flex-start;margin-top:29px}
.hvt-store-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:49px;padding:12px 19px;border:1px solid #ffc978;border-radius:8px;background:linear-gradient(180deg,#ffc964,#ffad35);box-shadow:0 8px 24px #ff781326;color:#291215;font-size:14px;font-weight:750;transition:transform .2s,box-shadow .2s,background .2s}
.hvt-store-button:hover{transform:translateY(-2px);background:linear-gradient(180deg,#ffd785,#ffb84a);box-shadow:0 12px 30px #ff78133b}
.hvt-store-button svg{width:19px;height:19px}
.hvt-hero-actions small{margin-top:13px;color:#aa93a6;font-size:11px;line-height:1.6}

.hvt-hero-phones{position:relative;align-self:stretch;min-width:0;min-height:540px}
.hvt-phone{position:absolute;overflow:hidden;width:min(43%,270px);padding:7px;border:1px solid #ffffff3b;border-radius:33px;background:linear-gradient(150deg,#6b6170,#141017 23%,#09070a 72%,#5e331e);box-shadow:0 28px 50px #050207a6;transition:transform .35s}
.hvt-phone:before{position:absolute;z-index:2;top:12px;left:50%;width:31%;height:15px;border-radius:20px;background:#0b080d;content:"";transform:translateX(-50%)}
.hvt-phone img{width:100%;height:auto;border-radius:26px}
.hvt-phone-back{top:48px;right:0;transform:rotate(5deg)}
.hvt-phone-front{top:3px;right:38%;transform:rotate(-5deg)}
.hvt-hero:hover .hvt-phone-back{transform:rotate(3deg) translateY(-4px)}
.hvt-hero:hover .hvt-phone-front{transform:rotate(-3deg) translateY(-7px)}

.hvt-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0 52px;border-block:1px solid #dce5ec}
.hvt-facts div{display:flex;align-items:baseline;justify-content:center;gap:10px;padding:23px 20px;color:#607488;font-size:13px;text-align:center}
.hvt-facts div+div{border-left:1px solid #dce5ec}
.hvt-facts strong{color:#2c4260;font-size:20px;line-height:1.2;font-weight:700;letter-spacing:-.03em}

.hvt-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:25px}
.hvt-section-kicker{display:block;margin-bottom:9px;color:#a64e20;font-size:10px;font-weight:750;letter-spacing:.15em}
.hvt-section-heading h2{color:#17344f;font-size:32px;line-height:1.15;font-weight:680;letter-spacing:-.04em}
.hvt-section-heading>p{max-width:455px;color:#617487;font-size:14px;line-height:1.7}
.hvt-screenshot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.hvt-shot{overflow:hidden;margin:0;border:1px solid #e0e4e9;border-radius:17px;background:#fff;box-shadow:0 6px 18px #192d4110;transition:transform .24s,box-shadow .24s,border-color .24s}
.hvt-shot:hover{transform:translateY(-5px);border-color:#e9b091;box-shadow:0 16px 30px #57221418}
.hvt-shot>div{position:relative;overflow:hidden;margin:9px 9px 0;border-radius:10px;background:#1c1016}
.hvt-shot>div:after{position:absolute;inset:0;border:1px solid #ffffff1c;border-radius:inherit;content:"";pointer-events:none}
.hvt-shot img{width:100%;height:auto;transition:transform .35s}
.hvt-shot:hover img{transform:scale(1.012)}
.hvt-shot figcaption{padding:18px 17px 19px}
.hvt-shot figcaption>span{display:block;margin-bottom:8px;color:#b05729;font-size:10px;font-weight:750;letter-spacing:.12em}
.hvt-shot figcaption>strong{display:block;color:#263f57;font-size:15px;line-height:1.3;font-weight:700;letter-spacing:-.015em}
.hvt-shot figcaption>p{margin-top:8px;color:#697b8c;font-size:12px;line-height:1.6}

.hvt-download{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:23px;margin-top:40px;padding:28px 31px;border:1px solid #673322;border-radius:17px;background:radial-gradient(circle at 84% 0,#b84b292c,transparent 35%),linear-gradient(115deg,#241124,#411a18);color:#fff}
.hvt-download:after{position:absolute;right:-80px;bottom:-140px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,#fa792330,transparent 70%);content:"";pointer-events:none}
.hvt-download-icon{position:relative;z-index:1;width:68px;height:68px}
.hvt-download-icon img{width:100%;height:100%;border:1px solid #ffc36f61;border-radius:16px;box-shadow:0 7px 18px #0006}
.hvt-download>div:nth-child(2){position:relative;z-index:1}
.hvt-download>div>span{color:#e5b169;font-size:10px;font-weight:750;letter-spacing:.14em}
.hvt-download h2{margin-top:7px;font-size:28px;line-height:1.2;font-weight:680;letter-spacing:-.035em}
.hvt-download p{margin-top:8px;color:#d4c0ce;font-size:13px;line-height:1.55}
.hvt-download .hvt-store-button{position:relative;z-index:1;white-space:nowrap}
.hvt-store-button-light{border-color:#eed1a7;background:#fff7e8;box-shadow:none;color:#321923}
.hvt-store-button-light:hover{background:#fff;box-shadow:0 10px 22px #13060b61}
.hvt-help{display:flex;align-items:center;gap:22px;padding-top:22px;color:#62768a;font-size:13px}
.hvt-help a{display:inline-flex;align-items:center;gap:11px;color:#93501f;font-size:12px;font-weight:650}
.hvt-help a:hover{color:#6d3416}
.hvt-help svg{width:18px;height:18px;transition:transform .2s}
.hvt-help a:hover svg{transform:translateX(3px)}

@media(max-width:1100px){
  .hvt-hero{grid-template-columns:.87fr 1.13fr;min-height:600px;padding:48px 43px}.hvt-hero h1{font-size:52px}.hvt-lead{font-size:15px}.hvt-app-label{margin-bottom:31px}.hvt-hero-phones{min-height:500px}.hvt-phone{width:min(45%,235px)}.hvt-phone-front{right:38%}.hvt-screenshot-grid{display:flex;overflow-x:auto;gap:17px;padding:2px 2px 17px;scroll-snap-type:x mandatory;scrollbar-color:#c88c69 #edf0f3}.hvt-shot{flex:0 0 218px;scroll-snap-align:start}.hvt-section-heading>p{max-width:390px}.hvt-download{grid-template-columns:auto 1fr}.hvt-download .hvt-store-button{grid-column:2;justify-self:start}.hvt-download-icon{grid-row:1/3}
}

@media(max-width:850px){
  .hvt-hero{grid-template-columns:1fr;gap:35px;padding:43px;min-height:0}.hvt-hero-copy{max-width:620px}.hvt-hero h1{font-size:58px}.hvt-lead{max-width:570px;font-size:16px}.hvt-hero-phones{width:min(100%,560px);min-height:550px;margin:0 auto}.hvt-phone{width:245px}.hvt-phone-front{right:48%}.hvt-phone-back{right:7%}.hvt-facts{grid-template-columns:1fr;margin-bottom:43px}.hvt-facts div{justify-content:flex-start;padding:17px 4px}.hvt-facts div+div{border-left:0;border-top:1px solid #dce5ec}.hvt-section-heading{align-items:flex-start;flex-direction:column;gap:13px}.hvt-section-heading>p{max-width:620px}.hvt-download{padding:26px}.hvt-download h2{font-size:25px}
}

@media(max-width:650px){
  .hvt-back{margin-bottom:19px}.hvt-hero{padding:31px 23px 25px;border-radius:16px}.hvt-app-label{gap:12px;margin-bottom:28px}.hvt-app-label img{width:57px;height:57px;border-radius:14px}.hvt-app-label strong{font-size:15px}.hvt-hero h1{font-size:44px}.hvt-lead{font-size:15px;line-height:1.7}.hvt-store-button{width:100%;gap:15px;padding-inline:15px;font-size:13px}.hvt-hero-actions{width:100%}.hvt-hero-phones{min-height:425px}.hvt-phone{width:190px;padding:5px;border-radius:25px}.hvt-phone img{border-radius:20px}.hvt-phone:before{top:9px;height:11px}.hvt-phone-front{right:auto;left:2%;top:0}.hvt-phone-back{right:2%;top:35px}.hvt-facts{margin:22px 0 38px}.hvt-facts strong{font-size:18px}.hvt-facts div{font-size:12px}.hvt-section-heading{margin-bottom:20px}.hvt-section-heading h2{font-size:28px}.hvt-section-heading>p{font-size:13px}.hvt-shot{flex-basis:210px}.hvt-download{grid-template-columns:auto 1fr;gap:16px;margin-top:29px;padding:23px 21px}.hvt-download-icon{width:56px;height:56px}.hvt-download-icon img{border-radius:13px}.hvt-download h2{font-size:23px}.hvt-download p{font-size:12px}.hvt-download .hvt-store-button{grid-column:1/3;width:100%}.hvt-help{gap:13px;flex-wrap:wrap;font-size:12px}
}

@media(max-width:420px){
  .hvt-hero h1{font-size:39px}.hvt-kicker{font-size:9px}.hvt-hero-phones{min-height:365px}.hvt-phone{width:164px}.hvt-phone-back{right:0}.hvt-phone-front{left:0}.hvt-app-label span{font-size:9px}.hvt-facts div{align-items:flex-start;flex-direction:column;gap:4px}.hvt-section-heading h2{font-size:26px}.hvt-download{grid-template-columns:1fr}.hvt-download-icon{display:none}.hvt-download .hvt-store-button{grid-column:1}
}

@media(prefers-reduced-motion:reduce){
  .hvt-hero:hover .hvt-phone-back,.hvt-hero:hover .hvt-phone-front,.hvt-shot:hover,.hvt-shot:hover img,.hvt-store-button:hover,.hvt-help a:hover svg{transform:none}
}