.vhero{padding:40px 0 80px;background:var(--l)}
.vhero .grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding-top:32px}
.vhero h1{font-size:clamp(42px,6vw,78px);margin:14px 0 20px}
.phone2{background:var(--d);border-radius:34px;padding:14px;max-width:380px;margin-left:auto;box-shadow:0 40px 80px -30px rgba(0,0,0,.5)}
.phone2 .in{background:#fff;border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:12px;min-height:400px}
.phone2 .msg{padding:14px 16px;border-radius:18px;font-size:15px}
.phone2 .old{background:#f1f1f1;color:#777;text-decoration:line-through;border-radius:18px 18px 18px 4px}
.phone2 .new{background:var(--p);color:#fff;border-radius:18px 18px 4px 18px;align-self:flex-end}
.phone2 small{font-size:10px;font-weight:800;letter-spacing:.16em;opacity:.55}
.traits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.trait{background:#fff;border-radius:24px;padding:30px}
.trait .w{font-family:var(--fh);font-size:clamp(34px,3.6vw,48px);letter-spacing:-.03em;color:var(--p);line-height:1}
.trait p{margin-top:14px}
.sliders{background:#fff;border-radius:24px;padding:32px;margin-top:22px;display:grid;gap:22px}
.sld .row{display:flex;justify-content:space-between;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.65}
.sld .tr{height:10px;border-radius:5px;background:var(--l);position:relative;margin-top:8px}
.sld .tr i{position:absolute;top:50%;width:26px;height:26px;border-radius:50%;background:var(--p);transform:translate(-50%,-50%);box-shadow:0 0 0 5px #fff,0 6px 14px rgba(0,0,0,.3)}
.rw{display:grid;grid-template-columns:160px 1fr 1fr;gap:18px;align-items:stretch;margin-bottom:16px}
.rw .ctx{font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;opacity:.6;padding-top:18px}
.rw .b,.rw .a{border-radius:20px;padding:22px;font-size:17px}
.rw .b{background:#fff;color:#888;text-decoration:line-through;text-decoration-color:#c44}
.rw .a{background:var(--d);color:var(--l);font-weight:600}
.rw .b small,.rw .a small{display:block;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.16em;opacity:.6;margin-bottom:6px}
.bank{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.bank .box div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.bank .ok span{background:var(--p);color:#fff;padding:8px 14px;border-radius:999px;font-weight:700}
.bank .no span{background:rgba(179,38,30,.08);color:#9a2b22;padding:8px 14px;border-radius:999px;font-weight:700;text-decoration:line-through}
@media(max-width:900px){.vhero .grid,.traits,.bank{grid-template-columns:1fr}.rw{grid-template-columns:1fr}.phone2{margin:0 auto}}
