.l3d-hero{position:relative;overflow:hidden;padding:40px 0 72px}
.l3d-hero__grid{display:grid;gap:40px;align-items:center}
@media (min-width:990px){.l3d-hero{padding:64px 0 110px}.l3d-hero__grid{grid-template-columns:1.05fr 1fr;gap:56px}}
.l3d-hero__title{font-size:calc(var(--heading-scale) * clamp(3rem,8.2vw,6.6rem));line-height:.92;letter-spacing:-.05em;margin:6px 0 22px;font-weight:900;text-transform:uppercase}
.l3d-line{display:block;overflow:hidden;padding-bottom:.06em}
.l3d-line>span{display:inline-block;transform:translateY(105%);animation:lineUp .9s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:calc(var(--i) * 110ms + 120ms)}
.l3d-hero__title em{color:var(--accent);text-shadow:0 0 40px color-mix(in srgb,var(--accent) 45%,transparent)}
.l3d-hero__sub{font-size:1.12rem;color:var(--muted);max-width:46ch;margin-bottom:28px}
.l3d-hero__sub,.l3d-hero .hero__buttons,.l3d-hero__stats,.l3d-hero .eyebrow{opacity:0;animation:fadeUp .9s cubic-bezier(.2,.8,.2,1) .55s forwards}
.l3d-hero .hero__buttons{animation-delay:.7s}.l3d-hero__stats{animation-delay:.85s}
.l3d-hero .btn .icon{width:18px;height:18px}
.l3d-hero__stats{list-style:none;padding:0;margin:40px 0 0;display:flex;flex-wrap:wrap;gap:12px}
.l3d-hero__stats li{padding:14px 18px;border:1px solid var(--border);border-radius:var(--r-md);background:color-mix(in srgb,var(--surface) 80%,transparent);min-width:120px}
.l3d-hero__stats strong{display:block;font-family:var(--font-heading);font-weight:900;font-size:1.4rem;color:var(--text);letter-spacing:-.03em}
.l3d-hero__stats span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.l3d-hero__visual{position:relative;aspect-ratio:520/460;max-width:620px;width:100%;margin:0 auto}
.l3d-hero__glow{position:absolute;inset:10% 5% 0;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 38%,transparent),transparent);filter:blur(30px);animation:pulse 4s ease-in-out infinite}
.l3d-printer{position:relative;width:100%;height:auto;overflow:visible}
.l3d-carriage{animation:carriage 3.2s cubic-bezier(.45,0,.55,1) infinite alternate}
.l3d-stream{animation:dash .6s linear infinite}
.l3d-hot{animation:hot 1s ease-in-out infinite;transform-origin:260px 172px}
.l3d-layer{fill:url(#l3d-layer);stroke:#0A0A0C;stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center;animation:layer 9s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:calc(var(--i) * 0.75s)}
.l3d-layer--top{fill:var(--accent-light)}
.l3d-waves,.l3d-ring{opacity:0;animation:waves 9s ease infinite;animation-delay:4.4s}
.l3d-hero__chip{position:absolute;padding:9px 14px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);font-family:var(--font-heading);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 18px 40px -20px #000;display:flex;align-items:center;gap:8px;animation:floatY 5s ease-in-out infinite}
.l3d-hero__chip--a{top:4%;left:0}
.l3d-hero__chip--b{bottom:12%;right:0;background:var(--accent);color:#0A0A0C;border-color:var(--accent);animation-delay:-2.5s}
.l3d-dot{width:8px;height:8px;border-radius:50%;background:#2bd96b;box-shadow:0 0 0 0 #2bd96b;animation:ping 1.6s infinite}
@keyframes lineUp{to{transform:none}}
@keyframes carriage{from{transform:translateX(-62px)}to{transform:translateX(62px)}}
@keyframes dash{to{stroke-dashoffset:-16}}
@keyframes hot{50%{opacity:.4;transform:scale(.7)}}
@keyframes layer{0%{opacity:0;transform:scaleX(.15)}6%{opacity:1;transform:scaleX(1)}80%{opacity:1;transform:scaleX(1)}92%,100%{opacity:0;transform:scaleX(1)}}
@keyframes waves{0%,20%{opacity:0}30%,70%{opacity:1}85%,100%{opacity:0}}
@keyframes pulse{50%{opacity:.6;transform:scale(.94)}}
@keyframes floatY{50%{transform:translateY(-10px)}}
@keyframes ping{70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.l3d-ticker{overflow:hidden;background:var(--accent);color:#0A0A0C;padding:16px 0;transform:rotate(-1.2deg);margin:10px -2% 0;width:104%;box-shadow:0 20px 50px -20px color-mix(in srgb,var(--accent) 70%,transparent)}
.l3d-ticker--outline{background:var(--surface);color:var(--text);transform:rotate(1deg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);box-shadow:none}
.l3d-ticker__track{display:flex;width:max-content;animation:ticker var(--speed,28s) linear infinite}
.l3d-ticker:hover .l3d-ticker__track{animation-play-state:paused}
.l3d-ticker__group{display:flex;align-items:center;flex-shrink:0}
.l3d-ticker span{font-family:var(--font-heading);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(1.1rem,2.4vw,1.8rem);letter-spacing:-.01em;padding:0 26px;white-space:nowrap}
.l3d-ticker i{width:12px;height:12px;background:currentColor;transform:rotate(45deg);flex:none}
.l3d-ticker--outline i{background:var(--accent)}
.l3d-platforms__lede{max-width:40ch;margin:0}
.l3d-platforms__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (min-width:990px){.l3d-platforms__grid{grid-template-columns:repeat(4,1fr);gap:16px}}
.l3d-pcard{--c:var(--accent);position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 20px 20px;min-height:220px;border-radius:var(--r-lg);border:1px solid var(--border);background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--c) 18%,transparent),transparent 60%),var(--surface);overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s}
.l3d-pcard--whatsapp{--c:#25D366}.l3d-pcard--instagram{--c:#E1306C}.l3d-pcard--tiktok{--c:#25F4EE}.l3d-pcard--youtube{--c:#FF3B30}
.l3d-pcard:hover{transform:translateY(-6px);border-color:var(--c)}
.l3d-pcard__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-md);background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);margin-bottom:auto}
.l3d-pcard__icon svg{width:28px;height:28px}
.l3d-pcard__name{font-family:var(--font-heading);font-weight:900;font-size:1.35rem;letter-spacing:-.03em;margin-top:26px}
.l3d-pcard__text{color:var(--muted);font-size:.9rem}
.l3d-pcard__cta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-family:var(--font-heading);font-weight:800;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.l3d-pcard__cta .icon{width:14px;height:14px;transition:transform .3s}
.l3d-pcard:hover .l3d-pcard__cta .icon{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){.l3d-line>span,.l3d-hero__sub,.l3d-hero .hero__buttons,.l3d-hero__stats,.l3d-hero .eyebrow{transform:none;opacity:1}.l3d-layer,.l3d-waves,.l3d-ring{opacity:1}}