:root{--bg:#03040b;--ink:#f8f7fb;--muted:#aaa9b6;--pink:#ff008c;--cyan:#10cfff;--violet:#9b38ff;--line:#252532}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#10102a 0,#03040b 35%);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.nav{height:82px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#03040be8;border-bottom:1px solid #1e1e2a;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-style:italic;font-size:24px}.brand img{width:42px;height:42px;object-fit:contain}.brand span span{color:var(--pink)}nav{display:flex;gap:30px;color:#c7c7d1;font-size:13px;font-weight:800;letter-spacing:.08em}.enter,.primary,.cta>a{padding:14px 23px;border:1px solid #ff3ca6;background:linear-gradient(135deg,#ff008c,#a514ff);box-shadow:0 0 24px #ff008c55;font-size:12px;font-weight:900;letter-spacing:.12em}.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;max-width:1400px;margin:auto;padding:80px 6vw;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow,.section-head>span,.eleven span,.cta>span{font-size:12px;letter-spacing:.34em;font-weight:900;color:#e7e5ef}.hero h1,.section-head h2,.eleven h2,.cta h2{font-size:clamp(58px,7vw,108px);line-height:.88;margin:20px 0 28px;letter-spacing:-.06em}.hero h1 em,.section-head em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#b248ff,var(--pink));-webkit-background-clip:text;color:transparent}.hero p{max-width:630px;color:#c5c3cf;font-size:20px;line-height:1.55}.actions{display:flex;gap:14px;margin:34px 0}.secondary{padding:14px 20px;border:1px solid #343441;color:#d4d3dd;font-size:12px;font-weight:900;letter-spacing:.1em}.promise{display:flex;flex-wrap:wrap;gap:18px;margin-top:44px;font-size:10px;letter-spacing:.15em}.promise b:last-child{color:var(--pink)}.hero-mark{position:relative;display:grid;place-items:center;min-height:540px}.hero-mark img{width:min(95%,600px);filter:drop-shadow(0 0 30px #ff008c44);z-index:2}.pulse{position:absolute;height:180px;width:65%;opacity:.6;background:repeating-linear-gradient(90deg,transparent 0 10px,currentColor 11px 13px,transparent 14px 20px);mask:linear-gradient(transparent 5%,#000 50%,transparent 95%)}.p1{left:-8%;color:var(--cyan)}.p2{right:-8%;color:var(--pink)}.glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(120px);opacity:.13}.blue{background:var(--cyan);left:-200px;top:200px}.pink{background:var(--pink);right:-160px;top:120px}.identity{max-width:1280px;margin:0 auto 120px;padding:0 5vw}.identity img{width:100%;display:block;border:1px solid #262638;box-shadow:0 30px 90px #000}.uses{max-width:1280px;margin:auto;padding:80px 5vw 120px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-head h2{font-size:clamp(48px,6vw,82px);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}.cards article{min-height:330px;padding:34px;border:1px solid var(--line);background:linear-gradient(160deg,#0c0c17,#05050b);position:relative;overflow:hidden}.cards article:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--violet))}.icon{font-size:36px;font-weight:900;margin-bottom:70px}.cyan{color:var(--cyan)}.magenta{color:var(--pink)}.violet{color:var(--violet)}.cards h3{font-size:22px}.cards p{color:var(--muted);line-height:1.6}.cards small{display:block;margin-top:24px;letter-spacing:.15em;font-weight:900;color:#f1f0f6}.eleven{min-height:600px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:80px 8vw;background:radial-gradient(circle at 20% 50%,#1b0b2e 0,transparent 35%)}.number{font-size:clamp(220px,34vw,500px);font-weight:1000;line-height:.75;letter-spacing:-.1em;background:linear-gradient(180deg,#fff,#ff54b5 45%,#8b19ff);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 35px #ff008c33)}.eleven h2{font-size:clamp(46px,5vw,74px)}.eleven p{color:var(--muted);font-size:18px;line-height:1.6;max-width:540px}.cta{text-align:center;padding:130px 5vw;background:radial-gradient(circle at 50% 40%,#29103a,transparent 45%)}.cta img{width:130px}.cta h2{font-size:clamp(54px,7vw,96px)}.cta>a{display:inline-block;font-size:14px;padding:18px 34px}.cta p{font-size:10px;letter-spacing:.22em;color:#aaa;margin-top:30px}footer{display:flex;align-items:center;justify-content:space-between;padding:32px 5vw;border-top:1px solid var(--line);color:#92919e}footer .brand{font-size:18px}footer .brand img{width:32px;height:32px}footer p,footer small{font-size:11px;letter-spacing:.1em}@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-mark{min-height:400px}.section-head{display:block}.section-head>span{display:block;margin-bottom:20px}.cards{grid-template-columns:1fr}.eleven{grid-template-columns:1fr}.number{font-size:55vw}.identity{margin-bottom:40px}footer{gap:20px;flex-direction:column}.hero h1{font-size:16vw}.hero p{font-size:17px}}@media(max-width:520px){.nav{height:70px}.brand{font-size:19px}.enter{padding:11px 15px}.hero{padding-left:7vw;padding-right:7vw}.actions{flex-direction:column;align-items:flex-start}.hero-mark{min-height:330px}.promise{gap:10px}.identity{padding:0}.identity img{border-left:0;border-right:0}.uses{padding-top:50px}.cards article{min-height:290px}.cta{padding:90px 6vw}}
/* ViberVid revision: full identity is the immediate landing visual. */
main#top > .identity {
  padding-top: 0;
  margin-top: 0;
}
main#top > .identity img {
  display: block;
  width: 100%;
  max-width: 1536px;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 760px) {
  .nav nav { display: none; }
  main#top > .identity { padding: 0; }
  main#top > .identity img { width: 100%; height: auto; object-fit: contain; }
  .hero { min-height: auto; padding-top: 54px; padding-bottom: 54px; }
  .hero-copy h1 { font-size: clamp(42px, 12vw, 64px); line-height: .94; }
  .hero-copy p { font-size: 18px; line-height: 1.55; }
  .uses, .eleven, .cta { padding-top: 64px; padding-bottom: 64px; }
  .section-head h2, .eleven h2, .cta h2 { font-size: clamp(38px, 10vw, 58px); }
}
