.watch-wrap{--max:1100px;--brand:#ff6a00;--ink:#0b0b0c;--muted:#6b7280;--line:#e5e7eb;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif} .watch{max-width:var(--max);margin:0 auto;padding:clamp(16px,3vw,36px)} .hero{background:linear-gradient(135deg,#111,#222);color:#fff;border-radius:18px;padding:clamp(24px,4vw,48px);box-shadow:0 10px 30px rgba(0,0,0,.15)} .hero h1{margin:.1em 0 .4em;font-size:clamp(26px,4.2vw,44px);line-height:1.1;font-weight:900} .eyebrow{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.08);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800} .lead{font-size:clamp(15px,2vw,18px);opacity:.95;max-width:72ch} .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px} .btn{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-weight:800;text-decoration:none} .btn-primary{background:var(--brand);color:#fff} .btn-ghost{background:#fff;color:#111;border:1px solid rgba(0,0,0,.08)} .card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:18px} .grid{display:grid;gap:18px} .g-2{grid-template-columns:repeat(2,minmax(0,1fr))} @media (max-width:900px){.g-2{grid-template-columns:1fr}} .chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#f3f4f6;border:1px solid #e5e7eb;font-size:12px;margin:4px 6px 0 0} .steps{border-top:1px dashed var(--line)} .step{display:flex;gap:14px;padding:14px 0;border-bottom:1px dashed var(--line)} .num{min-width:36px;height:36px;background:#111;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800} .muted{color:var(--muted)} .ok{background:#ecfdf5;border:1px solid #bcf7df;color:#065f46;border-radius:10px;padding:10px;font-size:14px}