.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;min-height:100vh;padding-top:150px;background:radial-gradient(circle at 85% 20%,rgba(var(--cr),.14),transparent 45%)}
.hero h1{font-size:clamp(42px,6.2vw,84px);line-height:.95}.hero h1 span{color:var(--c)}
.hero p{color:var(--m);margin:24px 0 32px;font-size:17px;max-width:440px;line-height:1.6}
.live{margin-top:40px;display:block;max-width:360px;background:var(--bg2);border:1px solid var(--b);border-left:2px solid var(--c);border-radius:6px;padding:18px 22px;font-size:13px;line-height:2.1;color:var(--m)}
.live h4{font-size:11px;letter-spacing:3px;color:var(--t);margin-bottom:6px}.live b{color:var(--t)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2ee66b;margin-right:10px}
.float{position:relative;height:460px}.fl{position:absolute;width:190px;border-radius:8px;overflow:hidden;background:var(--bg2);border:1px solid var(--b);box-shadow:0 24px 60px rgba(0,0,0,.6);animation:f 7s ease-in-out infinite}
@keyframes f{50%{transform:translateY(-18px)}}
.cov{height:130px;display:grid;place-items:center;color:rgba(var(--wa),.88)}.fl .in{padding:12px;font-size:12px;font-weight:700}.fl .in b{display:block;margin-top:3px}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 119px,rgba(var(--wa),.035) 119px 120px);pointer-events:none}
.hero:after{content:"";position:absolute;right:-8%;top:0;width:42%;height:100%;background:linear-gradient(180deg,rgba(var(--cr),.2),transparent 80%);transform:skewX(-14deg);pointer-events:none}
.hero>*{z-index:1}.hero .btn+.btn{margin-left:10px}.hr{display:flex;flex-direction:column;gap:22px}.float{height:400px}
.trust{display:flex;flex-wrap:wrap;gap:22px;margin-top:36px;color:var(--m);font-size:13px;font-weight:600}.trust span{display:flex;align-items:center;gap:8px}.trust svg{stroke:var(--c)}
.deal{background:var(--bg2);border:1px solid var(--b);border-radius:8px;padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center}
.deal small{grid-column:1/-1;font-size:11px;letter-spacing:3px;color:var(--c);font-weight:700;text-transform:uppercase}.deal h3{font-size:20px;margin-bottom:6px}.deal s{color:var(--m)}.deal b{font-size:22px}
.tm{display:flex;gap:6px;align-items:center;font-weight:800}.tm i{font-style:normal;background:var(--in);border:1px solid var(--b);padding:7px 8px;border-radius:4px;min-width:36px;text-align:center}