:root{
      --bg:#0a0b0c; --ink:#eceff3; --muted:#aab0bb;
      --line:rgba(255,255,255,.10); --panel:rgba(255,255,255,.05);
      --a1:#00C9FF; --a2:#92FE9D; --radius:22px; --blur:blur(12px);
    }

    html,body{height:100%}
    body{margin:0;background:var(--bg);color:var(--ink);
      font-family:Inter,system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}

    #savenzer-universe{
      position:fixed; inset:0; width:100vw; height:100vh; z-index:-3;
      background: radial-gradient(1200px 800px at 20% 20%, #090b0e, #07080a);
    }

    .section{width:min(1200px,92%);margin:0 auto;padding:clamp(64px,7.5vw,120px) 0;position:relative;z-index:1}
    .eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.22em;font-size:.8rem}
    h1,h2,h3{font-family:"Space Grotesk",Inter,system-ui,sans-serif;margin:0 0 .6rem}
    .gradient{background:linear-gradient(135deg,var(--a1),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent}

    .hero{min-height:88vh;display:grid;place-items:center;text-align:center}
    .hero h1{font-size:clamp(2.8rem,6.2vw,4.8rem);font-weight:800}
    .hero p{max-width:900px;margin:10px auto 0;color:var(--muted);font-size:clamp(1rem,1.6vw,1.15rem)}
    .hero-divider{margin-top:28px;height:1px;width:100%;
      background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.14),rgba(255,255,255,0))}

    .panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
      backdrop-filter:var(--blur);padding:28px;margin-top:28px}
    .process{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:28px}
    .step{border:1px solid var(--line);border-radius:18px;padding:22px;background:rgba(255,255,255,.04);transition:.25s}
    .step:hover{transform:translateY(-6px);box-shadow:0 12px 36px rgba(0,201,255,.15)}

    .tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:32px;text-align:center}
    .tool{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--panel);backdrop-filter:var(--blur);transition:.25s}
    .tool:hover{transform:translateY(-5px) scale(1.03)}
    .tool svg{width:40px;height:40px;margin-bottom:10px}

    .cta{text-align:center;padding-bottom:clamp(72px,8vw,120px)}
    .cta .box{margin:0 auto;max-width:880px;padding:30px 28px;border-radius:22px;border:1px solid var(--line);
      background:linear-gradient(135deg, rgba(0,201,255,.10), rgba(146,254,157,.10));backdrop-filter:var(--blur);
      box-shadow:0 20px 60px rgba(0,0,0,.35)}
    .btn{display:inline-block;padding:12px 22px;border-radius:999px;font-weight:800;text-decoration:none;
      color:#050607;background:linear-gradient(135deg,var(--a1),var(--a2));transition:.2s}
    .btn:hover{transform:translateY(-3px);opacity:.92}

    /* Extra Sections */
    .mockups{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:40px;text-align:center}
    .mockup{border-radius:18px;overflow:hidden;background:var(--panel);border:1px solid var(--line);padding:22px;backdrop-filter:var(--blur)}
    .mockup img{width:100%;border-radius:12px;opacity:.9;transition:.3s}
    .mockup:hover img{opacity:1;transform:scale(1.03)}

    .industries{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px}
    .industry{border:1px solid var(--line);border-radius:18px;padding:26px;text-align:center;background:rgba(255,255,255,.04);transition:.25s}
    .industry svg{margin-bottom:12px;color:var(--a1);transition:0.3s ease}
    .industry:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,201,255,.15)}
    .industry:hover svg{color:var(--a2)}

    .final-cta{text-align:center;margin-top:100px;padding:80px 20px;border-radius:30px;
      background:linear-gradient(135deg,rgba(0,201,255,.2),rgba(146,254,157,.2));backdrop-filter:var(--blur);
      border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.4)}
    .final-cta h2{font-size:clamp(2rem,5vw,3rem);margin-bottom:10px}
    .final-cta p{max-width:700px;margin:auto;color:var(--muted)}
    .final-cta a{margin-top:18px;display:inline-block}

    .reveal{opacity:0;transform:translateY(28px)}
    .reveal.show{opacity:1;transform:translateY(0);transition:opacity .9s ease,transform .9s ease}