.lhero { display: grid; grid-template-columns: 1.1fr .9fr; gap: 34px; align-items: center; padding: 30px 0 10px; }
@media (max-width: 860px) { .lhero { grid-template-columns: 1fr; } }
.lhero h1 { font-size: clamp(62px, 11.5vw, 132px); line-height: .88; letter-spacing: -.05em; margin: 14px 0 0; }
.ctas { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 24px; }
.live { transform: rotate(1.6deg); box-shadow: 9px 9px 0 var(--ink); }
.lhead { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.lhead b { font: 800 18px var(--disp); }
.guesses { min-height: 158px; }
.guesses p { margin: 0 0 10px; padding: 11px 13px; background: var(--soft); border: 2px solid var(--ink); border-radius: 14px; font-weight: 700; animation: drop .5s ease both; }
.guesses small { display: block; font: 600 12px var(--mono); color: var(--dim); letter-spacing: .06em; text-transform: uppercase; font-weight: 400; margin-top: 4px; }
@keyframes drop { from { opacity: 0; transform: translateY(-8px); } }
.lvs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 8px; text-align: center; }
.lvs b { display: block; font: 800 34px/1 var(--disp); letter-spacing: -.03em; } .lvs span { font-size: 12px; font-weight: 600; color: var(--dim); }
.ch { display: flex; flex-direction: column; gap: 8px; text-decoration: none; color: var(--ink); transition: transform .12s, box-shadow .12s; }
.ch:hover { transform: translate(-2px, -2px); box-shadow: 8px 8px 0 var(--ink); }
.ch:nth-child(3n+1) { background: var(--sun2); } .ch:nth-child(3n+2) { background: #ffe1d9; } .ch:nth-child(3n) { background: #e3eeff; }
.ch h3 { font-size: 28px; } .ch .meta { font-size: 13px; color: var(--dim); font-weight: 600; } .ch .last { font-size: 14px; color: #3b352b; }
.ch .go { margin-top: auto; font: 800 18px var(--disp); color: var(--coral2); }
.steps .big { display: inline-grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--coral); color: #fff; border: 2px solid var(--ink); font: 800 30px/1 var(--disp); margin-bottom: 12px; }
.steps .card:nth-child(2) .big { background: var(--sun); color: var(--ink); } .steps .card:nth-child(3) .big { background: var(--sky); } .steps .card:nth-child(4) .big { background: var(--mint); }
.steps h3 { margin-bottom: 6px; }
.why .tag { margin-bottom: 10px; }
.plans { margin-top: 22px; } .plan .price { display: block; font: 800 46px/1 var(--disp); letter-spacing: -.04em; margin: 10px 0; } .plan .price small { font-size: 18px; color: var(--dim); }
.plan.hot { background: var(--sun2); transform: rotate(-.8deg); }
.claim { margin-top: 24px; background: #e3eeff; }
.strip { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }