/* Hero */
    .hero{position:relative;padding:148px 0 108px;background:#111315;color:#fff;overflow:hidden}
    .hero::before{content:"";position:absolute;inset:0;background:
      radial-gradient(circle at 88% 78%,rgba(255,200,61,.16),transparent 26%);
      pointer-events:none}
    .hero::after{content:"";position:absolute;inset:0;
      background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
      background-size:44px 44px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);
      pointer-events:none}
    .hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.12fr;gap:56px;align-items:center}
    .hero-copy>h1{color:#fff}
    .hero p{font-size:18px;color:#c9c9d1;max-width:620px}
    .hero .actions{margin:30px 0 18px}
    .setup-note{display:inline-flex;align-items:center;gap:9px;color:#aaaab4;font-size:13px;padding:8px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.03)}
    .hero-visual{position:relative;isolation:isolate}
    .hero-visual::before{content:"";position:absolute;z-index:-1;inset:12% 5% 8%;border-radius:50%;background:radial-gradient(circle,rgba(84,89,209,.3),rgba(84,89,209,0) 70%);filter:blur(24px);pointer-events:none}
    .hero-product-image{display:block;width:116%;max-width:none;height:auto;margin-inline:-8%;filter:drop-shadow(0 34px 48px rgba(0,0,0,.42))}

.ss-hero--product-v1{background:#111315}
@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-copy{text-align:center}.hero p{margin-inline:auto}.hero .actions{justify-content:center}.setup-note{margin-inline:auto}.hero-visual{width:min(100%,820px);margin:auto}.hero-product-image{width:108%;margin-inline:-4%}}
@media(max-width:760px){.hero{padding:112px 0 68px}.hero-grid{gap:28px}.hero-product-image{width:116%;margin-inline:-8%}}
@media(max-width:480px){.hero .actions{display:grid}.hero .btn{width:100%}}