.lhero{background:var(--d);color:var(--l);padding:40px 0 80px}
.lhero .top{color:var(--l)}
.lhero .top img{filter:brightness(0) invert(1)}
.lhero .btn{background:var(--l);color:var(--d)}.lhero .btn.p{background:var(--p);color:#fff}
.lhero .grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;padding-top:40px}
.lhero h1{font-size:clamp(42px,6vw,78px);margin:14px 0 20px}
.lhero .eyebrow{color:var(--a)}
.lhero p.lede{font-size:20px;opacity:.85;max-width:520px}
.sheet{background:var(--l);color:var(--d);border-radius:28px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.sheet .cell{border-radius:18px;min-height:150px;display:grid;place-items:center;position:relative;padding:18px}
.sheet .cell small{position:absolute;left:14px;top:12px;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;opacity:.55}
.sheet .cell.big{grid-column:1/3;min-height:190px}
.wm{font-family:var(--fh);font-weight:700;font-size:clamp(34px,4.4vw,58px);letter-spacing:-.03em;line-height:1}
.wm em{font-style:normal;color:var(--p)}
.mono{width:96px;height:96px;border-radius:26px;background:var(--p);color:#fff;display:grid;place-items:center;font-family:var(--fh);font-weight:800;font-size:44px;letter-spacing:-.04em}
.lock{display:flex;align-items:center;gap:14px}
.lock svg{width:56px;height:56px}
.lock span{font-family:var(--fh);font-weight:700;font-size:34px;letter-spacing:-.02em}
.routes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.route{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px -30px rgba(0,0,0,.4)}
.route .stage{height:220px;display:grid;place-items:center;background:var(--l)}
.route:nth-child(2) .stage{background:var(--d)}
.route:nth-child(3) .stage{background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}
.route .t{padding:22px}
.route .t small{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--p)}
.route .t h3{font-size:24px;margin:4px 0 8px}
.sizes{background:#fff;border-radius:24px;padding:32px;display:flex;align-items:flex-end;gap:36px;flex-wrap:wrap}
.sizes div{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;font-weight:700;opacity:.9}
.sizes .s1 .wm{font-size:56px}.sizes .s2 .wm{font-size:30px}.sizes .s3 .wm{font-size:16px}
.sizes .ic{border-radius:22%;background:var(--p);display:grid;place-items:center;color:#fff;font-family:var(--fh);font-weight:800}
.bgtest{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bgtest div{border-radius:18px;height:140px;display:grid;place-items:center}
.bgtest .wm{font-size:28px}
.no{display:flex;flex-wrap:wrap;gap:10px}
.no span{padding:10px 16px;border-radius:999px;background:rgba(179,38,30,.08);color:#9a2b22;font-weight:700;text-decoration:line-through;font-size:15px}
.yes li{margin:8px 0}
@media(max-width:900px){.lhero .grid,.routes,.bgtest{grid-template-columns:1fr}.bgtest{grid-template-columns:1fr 1fr}}