.sub-hero{position:relative;overflow:hidden;padding:120px 0 110px;background:radial-gradient(circle at 76% 44%,#2b210c 0,#0c0c0d 27%,#050505 60%)}
.sub-hero:after{content:"";position:absolute;right:-8%;top:5%;width:47%;height:110%;border:1px solid #6f5521;transform:skewX(-18deg);box-shadow:0 0 80px rgba(221,167,47,.12);pointer-events:none}
.sub-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .55fr;gap:80px;align-items:center}
.sub-hero h1{font-size:clamp(68px,9vw,126px);line-height:.83;letter-spacing:-.065em;text-transform:uppercase;margin:24px 0 32px}
.sub-hero h1 span{color:transparent;-webkit-text-stroke:1px var(--gold)}
.sub-lede{max-width:640px;color:#d4d0c7;font-size:20px;line-height:1.6;margin:0 0 38px}
.sub-offer{aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #6f5521;border-radius:50%;text-align:center;background:rgba(5,5,5,.72)}
.sub-offer strong{color:var(--gold);font-size:clamp(70px,8vw,110px);line-height:.9;letter-spacing:-.07em}
.sub-offer span{text-transform:uppercase;font-weight:800;font-size:12px;line-height:1.5;letter-spacing:.17em;margin-top:18px}
.sub-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:90px;margin-bottom:90px}
.sub-benefits article{background:#090909;padding:52px 38px}
.sub-benefits b{color:var(--gold);font-size:12px;letter-spacing:.18em}
.sub-benefits h2{font-size:27px;text-transform:uppercase;margin:18px 0 14px}
.sub-benefits p,.sub-how p,.sub-faq p{color:var(--muted);line-height:1.7;margin-bottom:0}
.sub-how{padding:105px 0;background:var(--white);color:#0a0a0a}
.sub-how-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.sub-how h2,.sub-faq h2,.sub-cta h2{font-size:clamp(48px,6vw,78px);line-height:.95;letter-spacing:-.05em;text-transform:uppercase;margin:16px 0 0}
.sub-how ol{list-style:none;margin:0;padding:0}
.sub-how li{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid #cfcac0}
.sub-how li>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--gold);font-weight:900}
.sub-how h3{font-size:20px;text-transform:uppercase;margin:5px 0 8px}
.sub-how p{color:#4a4742;margin:0}
.sub-faq{display:grid;grid-template-columns:.8fr 1fr;gap:100px;padding-top:110px;padding-bottom:110px}
.sub-faq-list{border-top:1px solid var(--line)}
.sub-faq details{border-bottom:1px solid var(--line);padding:24px 0}
.sub-faq summary{cursor:pointer;text-transform:uppercase;font-weight:800;letter-spacing:.06em;list-style:none}
.sub-faq summary::-webkit-details-marker{display:none}
.sub-faq summary:after{content:"+";float:right;color:var(--gold);font-size:21px}
.sub-faq details[open] summary:after{content:"−"}
.sub-faq p{max-width:650px;padding-right:36px}
.sub-cta{padding:105px 0;background:#0a0a0a;border-top:1px solid var(--line);text-align:center}
.sub-cta .btn{margin-top:34px}
.product-app-block{margin:18px 0}
@media(max-width:760px){.sub-hero{padding:80px 0 75px}.sub-hero:after{right:-40%;width:85%}.sub-hero-grid,.sub-benefits,.sub-how-grid,.sub-faq{grid-template-columns:1fr}.sub-hero-grid{gap:55px}.sub-hero h1{font-size:64px}.sub-offer{width:230px}.sub-benefits{margin-top:60px;margin-bottom:60px}.sub-how,.sub-faq,.sub-cta{padding-top:72px;padding-bottom:72px}.sub-how-grid,.sub-faq{gap:42px}.sub-benefits{gap:1px}.sub-benefits article{padding:42px 28px}}