*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:#f8fbff;color:#102238}body{overflow:hidden}.page{min-height:100vh;max-width:1500px;margin:auto;padding:28px 5vw;display:flex;flex-direction:column}header{text-align:center}header img{width:min(285px,30vw);max-height:105px;object-fit:contain}.hero{flex:1;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:10px}.copy{padding-left:4vw;z-index:3}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:#698198}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#0b91df;box-shadow:0 0 14px #0b91df;margin-right:8px}.copy h1{font-size:clamp(60px,8vw,128px);line-height:.82;letter-spacing:-.075em;margin:18px 0;font-weight:900}.copy h1 em{font-style:normal;background:linear-gradient(100deg,#0b75c5,#00a9ed);-webkit-background-clip:text;color:transparent}.copy p{max-width:430px;color:#71859a;font-size:15px;line-height:1.7}.visual{position:relative;width:min(760px,58vw);aspect-ratio:1.25;margin-left:auto}.glow{position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle,rgba(0,157,239,.16),transparent 68%);filter:blur(20px)}.orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(0,130,215,.16);border-radius:50%}.o1{width:78%;height:55%;transform:translate(-50%,-50%) rotate(-18deg)}.o2{width:55%;height:78%;transform:translate(-50%,-50%) rotate(45deg)}.o3{width:92%;height:32%;transform:translate(-50%,-50%) rotate(22deg);border-style:dashed}.center{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(145deg,#fff,#dff5ff);border:1px solid #80cbed;box-shadow:0 0 0 14px rgba(0,145,225,.04),0 20px 65px rgba(0,117,200,.16);display:grid;place-items:center;z-index:4}.center .ring{position:absolute;inset:12px;border:1px dashed #77c8ec;border-radius:50%;animation:spin 12s linear infinite}.center span{font-size:42px;color:#0788d6}.center small{position:absolute;bottom:25px;font-size:7px;letter-spacing:.16em;color:#658096;font-weight:800}.platform,.ai-card,.schedule,.graph{position:absolute;z-index:6;background:rgba(255,255,255,.9);border:1px solid rgba(32,127,190,.16);box-shadow:0 14px 35px rgba(25,90,135,.1);backdrop-filter:blur(12px)}.platform{padding:10px 12px;border-radius:13px;display:flex;align-items:center;gap:8px}.platform b{width:27px;height:27px;border-radius:8px;background:#e8f7ff;color:#087fc9;display:grid;place-items:center;font-size:13px}.platform span{font-size:8px;letter-spacing:.12em;color:#5c748a;font-weight:800}.instagram{left:5%;top:22%;animation:float 4s infinite}.facebook{right:5%;top:18%;animation:float 4.7s .4s infinite}.linkedin{right:1%;bottom:25%;animation:float 4.4s .7s infinite}.x{left:6%;bottom:24%;animation:float 5s .2s infinite}.google{left:21%;top:5%;animation:float 4.8s .8s infinite}.ai-card{left:0;top:48%;padding:11px 13px;border-radius:13px;display:flex;align-items:center;gap:9px}.ai-icon{width:29px;height:29px;border-radius:9px;background:#e7f7ff;color:#0789d6;display:grid;place-items:center}.ai-card strong,.schedule strong,.graph strong{display:block;font-size:8px;letter-spacing:.13em;color:#4f6b82}.ai-card small,.schedule small,.graph small{font-size:7px;color:#8799aa}.dots{display:flex;gap:3px;margin-left:5px}.dots i{width:4px;height:4px;border-radius:50%;background:#0a98df;animation:blink 1s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}.schedule{right:4%;bottom:10%;padding:10px 12px;border-radius:13px;display:flex;gap:8px;align-items:center}.check{width:27px;height:27px;border-radius:50%;background:#e4f8ee;color:#16a96e;display:grid;place-items:center;font-weight:900}.graph{right:18%;top:45%;padding:10px 12px;border-radius:13px}.graph strong{color:#0789d6;font-size:15px}.bars{height:28px;display:flex;align-items:end;gap:3px;margin-bottom:3px}.bars i{display:block;width:5px;border-radius:3px;background:linear-gradient(#54cef8,#0786d1)}.bars i:nth-child(1){height:8px}.bars i:nth-child(2){height:12px}.bars i:nth-child(3){height:15px}.bars i:nth-child(4){height:13px}.bars i:nth-child(5){height:22px}.bars i:nth-child(6){height:27px}.rocket{position:absolute;z-index:8;right:22%;top:29%;font-size:42px;animation:rocket 6s ease-in-out infinite;filter:drop-shadow(0 8px 12px rgba(0,120,200,.18))}footer{display:flex;align-items:center;justify-content:center;gap:12px;color:#8093a6;font-size:8px;font-weight:800;letter-spacing:.2em}footer i{width:28px;height:1px;background:#bdd5e5}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.25}}@keyframes rocket{0%{transform:translate(-35px,25px) rotate(-10deg);opacity:.2}18%{opacity:1}55%{transform:translate(28px,-28px) rotate(7deg);opacity:1}100%{transform:translate(72px,-50px) rotate(12deg);opacity:0}}@media(max-width:900px){.hero{grid-template-columns:1fr}.copy{text-align:center;padding:0}.copy p{margin:auto}.visual{width:105%;margin:0 auto}.copy h1{font-size:clamp(58px,14vw,95px)}}@media(max-width:560px){header img{width:220px}.visual{width:125%;margin-left:-12.5%}.center{width:110px;height:110px}.center span{font-size:30px}.platform{padding:7px}.platform span{font-size:6px}.ai-card{left:2%;transform:scale(.85);transform-origin:left}.graph{right:5%;transform:scale(.8);transform-origin:right}.schedule{right:2%;transform:scale(.8);transform-origin:right}.google{top:2%}}
/* Logo-only social platform tiles */
.platform{
  min-width:54px;
  width:54px;
  height:54px;
  padding:8px;
  border-radius:16px;
  justify-content:center;
}
.platform .logo{
  width:36px;
  height:36px;
  padding:0;
  background:transparent;
  display:grid;
  place-items:center;
}
.platform .logo svg{width:25px;height:25px;display:block}
.instagram-logo{color:#d62976}
.instagram-logo svg{stroke:currentColor;fill:none;stroke-width:1.7}
.facebook-logo{color:#1877f2}
.facebook-logo svg{fill:currentColor}
.linkedin-logo{color:#0a66c2}
.linkedin-logo svg{fill:currentColor}
.x-logo{color:#111827}
.x-logo svg{fill:currentColor}
.google-logo{background:#fff!important}
.google-logo svg{width:27px!important;height:27px!important}

/* Growth product infinity mark — replaces the generic AI/Gemini-style center icon */
.center .infinity-mark{
  position:relative;
  width:58px;
  height:42px;
  display:grid;
  place-items:center;
  color:#0788d6;
  filter:drop-shadow(0 0 10px rgba(0,136,214,.18));
}
.center .infinity-mark svg{width:58px;height:auto;display:block}
.center small{color:#678097}