.tapzo-hero{position:relative;padding:138px 0 104px;background:radial-gradient(circle at 78% 28%,rgba(42,107,255,.34),transparent 34%),var(--ink);color:#fff}.tapzo-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px}.tapzo-hero h1 em{font-style:normal;color:var(--gold)}.tapzo-visual{min-height:430px;display:grid;place-items:center;perspective:1100px;position:relative}.tapzo-product-3d{position:relative;width:min(360px,80vw);aspect-ratio:1/1.06;transform-style:preserve-3d;transition:transform .18s ease}.tapzo-product-3d:before{content:"";position:absolute;inset:12px -10px -12px 12px;border-radius:32px;background:#081127;transform:translateZ(-24px);box-shadow:0 40px 70px rgba(0,0,0,.45)}.tapzo-card-face{position:absolute;inset:0;border-radius:32px;overflow:hidden;background:#fff;color:var(--ink);box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 45px rgba(42,107,255,.38);backface-visibility:hidden}.tapzo-card-top{height:58%;background:linear-gradient(145deg,#1a73e8,#245ef0);color:#fff;text-align:center;padding:40px 24px 18px;clip-path:ellipse(105% 82% at 50% 12%)}.tapzo-g{width:60px;height:60px;margin:auto;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:34px;font-weight:900;color:#4285f4}.tapzo-stars{color:var(--gold);letter-spacing:4px;margin-top:14px}.tapzo-card-title{font-size:1.15rem;font-weight:900;margin-top:10px}.tapzo-card-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 24px;text-align:center;font-size:.7rem;font-weight:800;text-transform:uppercase}.tapzo-nfc{font-size:48px;line-height:1}.tapzo-qr{width:82px;height:82px;margin:3px auto;background:repeating-conic-gradient(#0b1b3a 0 25%,#fff 0 50%) 0/18px 18px;border:8px solid #fff;outline:2px solid #0b1b3a}.tapzo-shadow{position:absolute;width:70%;height:44px;bottom:3%;left:15%;background:rgba(0,0,0,.55);filter:blur(20px);border-radius:50%}.tapzo-float{animation:tapzoFloat 5s ease-in-out infinite}.tapzo-ripple{position:absolute;width:110px;height:110px;border:2px solid var(--blue);border-radius:50%;animation:tapzoRipple 3.3s ease-out infinite}.tapzo-phone{position:absolute;right:3%;width:118px;height:235px;border-radius:28px;background:linear-gradient(160deg,#172a55,#07122a);border:2px solid rgba(255,255,255,.16);box-shadow:0 25px 55px rgba(0,0,0,.4);animation:tapzoApproach 4s ease-in-out infinite;display:grid;place-items:center;color:var(--gold)}.tapzo-phone span{opacity:0;animation:tapzoStars 4s ease-in-out infinite}.tapzo-timeline{max-width:760px;margin:44px auto 0;position:relative}.tapzo-timeline:before{content:"";position:absolute;left:22px;top:8px;bottom:8px;width:2px;background:var(--line)}.tapzo-step{position:relative;padding:0 0 38px 72px}.tapzo-check{position:absolute;left:0;top:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:900;box-shadow:0 0 0 7px var(--paper)}.tapzo-viewer{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}.tapzo-product-3d[data-view="profile"]{transform:rotateY(78deg)}.tapzo-product-3d[data-view="back"]{transform:rotateY(180deg)}.tapzo-product-3d[data-view="front"]{transform:rotateY(0)}.tapzo-product-3d.is-auto{animation:tapzoSpin 10s linear infinite}.tapzo-back{transform:rotateY(180deg);background:linear-gradient(145deg,#101d3b,#071126);color:#fff;display:grid;place-items:center;text-align:center;padding:36px}.tapzo-chip{width:120px;height:90px;border:3px solid var(--gold);border-radius:16px;position:relative}.tapzo-chip:after{content:"NFC";position:absolute;inset:0;display:grid;place-items:center;font-weight:900;color:var(--gold)}.tapzo-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tapzo-control{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 15px;border-radius:999px;font-weight:700;cursor:pointer}.tapzo-compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tapzo-bar{height:12px;border-radius:99px;background:#e5eaf3;overflow:hidden;margin-top:14px}.tapzo-bar span{display:block;height:100%;width:0;background:var(--blue);border-radius:inherit;transition:width 1.3s ease}.tapzo-flips{perspective:1200px}.tapzo-flip{height:350px;position:relative;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.22,1,.36,1);cursor:pointer}.tapzo-flip.is-flipped{transform:rotateY(180deg)}.tapzo-flip-side{position:absolute;inset:0;backface-visibility:hidden;border-radius:var(--r);padding:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:flex-end}.tapzo-flip-side:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,transparent,rgba(7,21,47,.92))}.tapzo-flip-side>*{position:relative;color:#fff}.tapzo-flip-side.back{transform:rotateY(180deg);justify-content:center;background:var(--ink)}.tapzo-flip-side.back:before{display:none}.tapzo-metrics{text-align:center}.tapzo-metric strong{display:block;font-size:clamp(2rem,5vw,4rem);color:var(--blue);line-height:1}.tapzo-metric span{color:var(--muted)}
@keyframes tapzoFloat{50%{transform:translateY(-12px) rotateZ(1deg)}}@keyframes tapzoRipple{0%{transform:scale(.35);opacity:0}25%{opacity:1}100%{transform:scale(2.4);opacity:0}}@keyframes tapzoApproach{0%,100%{transform:translateX(50px) rotateY(-16deg)}45%,65%{transform:translateX(-80px) rotateY(-4deg)}}@keyframes tapzoStars{35%{opacity:0;transform:scale(.7)}50%,70%{opacity:1;transform:scale(1)}90%{opacity:0}}@keyframes tapzoSpin{to{transform:rotateY(360deg)}}
@media(max-width:860px){.tapzo-hero-grid,.tapzo-viewer{grid-template-columns:1fr}.tapzo-hero{padding:105px 0 70px}.tapzo-visual{min-height:350px}.tapzo-phone{right:0}.tapzo-compare{grid-template-columns:1fr}}