.nfc-scene{position:relative;overflow:hidden;isolation:isolate;min-height:850px;padding:76px 5% 56px;background:#0b0d0a;color:#f1f2e9;border-top:1px solid #cde85a2a}
.nfc-scene:before{content:"";position:absolute;inset:-20% -10%;z-index:-2;background:radial-gradient(ellipse at 50% 50%,#526d3230,transparent 46%),radial-gradient(ellipse at 78% 20%,#e3fb5514,transparent 35%)}
.nfc-scene:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(#e3fb550b 1px,transparent 1px),linear-gradient(90deg,#e3fb550b 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent)}
.nfc-scene-head{display:flex;justify-content:space-between;align-items:end;gap:38px;position:relative;z-index:5}.nfc-scene .eyebrow{color:#dff87a}.nfc-scene-head h2{font-size:clamp(48px,6.4vw,94px);font-weight:400;letter-spacing:-.075em;line-height:.94;margin:21px 0 0}.nfc-scene-head h2 em{font-style:normal;color:#e3fb55}.nfc-scene-head p{max-width:340px;color:#adb4a5;font-size:14px;line-height:1.7;margin:0 0 5px}
.nfc-theater{position:relative;height:580px;max-width:1320px;margin:-5px auto 0;perspective:1150px}.nfc-theater:before{content:"";position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:96%;height:110px;background:radial-gradient(ellipse,#000 8%,transparent 70%);filter:blur(15px)}
.nfc-floor{position:absolute;left:-15%;right:-15%;bottom:17px;height:220px;transform:perspective(600px) rotateX(69deg);background:repeating-linear-gradient(90deg,#a9cb6428 0 1px,transparent 1px 72px),repeating-linear-gradient(#a9cb6422 0 1px,transparent 1px 72px);mask-image:linear-gradient(transparent,#000 55%,transparent)}
.nfc-product{position:absolute;display:block;padding:0;border:0;cursor:pointer;color:inherit;background:none;transform-style:preserve-3d;z-index:3;transition:filter .35s}.nfc-product:focus-visible{outline:2px solid #e3fb55;outline-offset:16px}.nfc-product:hover{filter:brightness(1.18)}.nfc-product span{pointer-events:none}
.nfc-card{width:min(45%,530px);height:auto;aspect-ratio:1.586;left:1%;top:25%;transform:rotate(-13deg) rotateY(-24deg) rotateX(8deg);animation:nfcCardHover 5s ease-in-out infinite}.nfc-card .face{position:absolute;inset:0;border-radius:21px;border:1px solid #89997869;background:linear-gradient(115deg,#252c23 0%,#0a0c0a 31%,#1b211a 60%,#070908 100%);box-shadow:inset 0 1px #ffffff4d,inset 1px -2px #e3fb551e,3px 5px #060806,12px 24px 25px #000b,30px 48px 58px #0009;overflow:hidden}.nfc-card .face:before{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 43%,#fff2 50%,transparent 57%);transform:translateX(-44%);animation:nfcGleam 8s ease-in-out infinite}.nfc-card .face:after{content:"";position:absolute;inset:10px;border:1px solid #ffffff1d;border-radius:14px}.nfc-card .brand{position:absolute;left:8%;top:11%;width:40%;height:auto}.nfc-card .emblem{position:absolute;right:9%;bottom:11%;width:19%;height:37%;object-fit:contain;filter:drop-shadow(0 0 13px #e3fb5533)}.nfc-card small{position:absolute;left:8%;bottom:13%;font:9px monospace;letter-spacing:1.6px;color:#cbd1c4}
.nfc-sticker{width:clamp(160px,22vw,278px);aspect-ratio:1;right:3%;top:25%;transform:rotate(14deg) rotateY(20deg) rotateX(7deg);animation:nfcStickerHover 5.5s ease-in-out infinite -1.1s}.nfc-sticker .face{position:absolute;inset:0;display:grid;place-items:center;border-radius:23%;border:1px solid #7b8d7066;background:linear-gradient(145deg,#252c22 0%,#060807 40%,#171d16 100%);box-shadow:inset 0 2px #ffffff33,inset -2px -2px #b7e64a18,4px 7px #050705,15px 28px 28px #000b,32px 42px 60px #0009}.nfc-sticker .face:after{content:"";position:absolute;inset:5%;border:1px solid #ffffff17;border-radius:22%}.nfc-sticker img{width:53%;height:65%;object-fit:contain;filter:drop-shadow(0 0 18px #e3fb555c)}
.nfc-phone{position:absolute;z-index:2;width:clamp(190px,24vw,272px);height:clamp(380px,41vw,510px);left:50%;top:44%;transform:translate(-50%,-39%) rotateY(-5deg) rotateX(4deg);border:4px solid #747f6c;border-radius:39px;background:#161a15;box-shadow:inset 0 0 0 2px #090b09,0 0 0 1px #ffffff18,17px 30px 30px #000b,0 0 75px #b5f24c0b;transition:box-shadow .3s}.nfc-phone .screen{height:100%;min-height:0;border-radius:33px;overflow:hidden;background:#e7e5db;position:relative}.nfc-phone .screen:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#e9eadf 4%,#9ca58b 48%,#141b13 100%);opacity:.96;transition:opacity .4s}.nfc-phone .island{position:absolute;top:10px;left:50%;width:74px;height:19px;transform:translateX(-50%);background:#101310;border-radius:20px;z-index:5}.nfc-phone .wake{position:absolute;inset:0;opacity:0;transform:translateY(22px);display:flex;flex-direction:column;background:#f0f0e7;color:#1e241c;transition:opacity .5s,transform .5s}.nfc-phone .wake img{height:61%;width:100%;object-fit:cover;object-position:74% 30%}.nfc-phone .wake-body{padding:17px 16px}.nfc-phone .wake-body small{font:8px monospace;letter-spacing:1px}.nfc-phone .wake-body strong{display:block;margin-top:7px;font-size:26px;font-weight:400;letter-spacing:-1.4px}.nfc-phone .wake-body b{display:block;margin-top:15px;padding:11px 10px;background:#e3fb55;color:#1e241c;text-align:center;font-size:9px;font-weight:400}
.nfc-wave{position:absolute;left:50%;top:50%;width:80px;height:80px;border:1px solid #e3fb55;border-radius:50%;transform:translate(-50%,-50%);opacity:0;box-shadow:0 0 25px #e3fb55a0;pointer-events:none;z-index:6}.nfc-beam{position:absolute;left:24%;right:24%;top:51%;height:2px;z-index:1;background:linear-gradient(90deg,transparent,#e3fb55 30%,#e3fb55 70%,transparent);opacity:.2;filter:drop-shadow(0 0 12px #e3fb55)}
.nfc-console{max-width:1320px;margin:-18px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:5;border-top:1px solid #aebc9444;padding-top:18px;font:11px monospace;letter-spacing:1px}.nfc-console .modes{display:flex;gap:8px}.nfc-console button{border:1px solid #aebc9450;background:transparent;color:#e7e5db;padding:12px 16px;cursor:pointer;font:inherit}.nfc-console button[aria-pressed=true]{background:#e3fb55;color:#141910;border-color:#e3fb55}.nfc-console .signal-text{color:#b9c4ad}.nfc-console .signal-text b{color:#e3fb55;font-weight:400}.nfc-console .signal-text:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#e3fb55;box-shadow:0 0 12px #e3fb55;margin-right:9px;vertical-align:middle}
.nfc-scene.playing[data-mode=card] .nfc-card{animation:nfcCardTap 6s ease-in-out infinite}.nfc-scene.playing[data-mode=sticker] .nfc-sticker{animation:nfcStickerTap 6s ease-in-out infinite}.nfc-scene.playing .nfc-wave{animation:nfcPulse 6s ease-out infinite}.nfc-scene.playing .nfc-phone{animation:nfcPhoneGlow 6s ease-in-out infinite}.nfc-scene.playing .nfc-phone .wake{animation:nfcWake 6s ease-in-out infinite}
@keyframes nfcCardHover{50%{transform:rotate(-10deg) rotateY(-19deg) rotateX(6deg) translateY(-13px)}}@keyframes nfcStickerHover{50%{transform:rotate(11deg) rotateY(17deg) rotateX(6deg) translateY(-17px)}}@keyframes nfcGleam{20%,80%{transform:translateX(-44%)}45%{transform:translateX(42%)}}@keyframes nfcCardTap{0%,12%,75%,100%{transform:rotate(-13deg) rotateY(-24deg) rotateX(8deg)}36%,48%{transform:translate(26%,-22px) rotate(-3deg) rotateY(-8deg) rotateX(4deg) scale(1.07)}}@keyframes nfcStickerTap{0%,12%,75%,100%{transform:rotate(14deg) rotateY(20deg) rotateX(7deg)}36%,48%{transform:translate(-43%,-28px) rotate(2deg) rotateY(3deg) rotateX(4deg) scale(1.09)}}@keyframes nfcPulse{0%,35%,73%,100%{width:80px;height:80px;opacity:0}42%{width:90px;height:90px;opacity:.9}70%{width:390px;height:390px;opacity:0}}@keyframes nfcPhoneGlow{0%,35%,75%,100%{box-shadow:inset 0 0 0 2px #090b09,17px 30px 30px #000b,0 0 75px #b5f24c0b}45%,65%{box-shadow:inset 0 0 0 2px #090b09,17px 30px 30px #000b,0 0 95px #b5f24c6e}}@keyframes nfcWake{0%,39%,77%,100%{opacity:0;transform:translateY(22px)}47%,69%{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.nfc-scene{padding:70px 5% 45px;min-height:750px}.nfc-scene-head{display:block}.nfc-scene-head p{margin-top:22px}.nfc-theater{height:510px}.nfc-card{width:48%;top:35%}.nfc-sticker{width:24vw;top:36%}.nfc-console{margin:0}}
@media(max-width:600px){.nfc-scene{padding:62px 6% 48px;min-height:700px}.nfc-scene-head h2{font-size:clamp(48px,13vw,68px)}.nfc-scene-head p{font-size:13px;max-width:320px}.nfc-theater{height:390px;margin-top:20px}.nfc-card{width:54%;left:-5%;top:38%;z-index:3}.nfc-sticker{width:30%;min-width:0;right:-2%;top:38%;z-index:3}.nfc-phone{width:42%;height:290px;top:41%;border-width:3px;border-radius:24px}.nfc-phone .screen{border-radius:20px}.nfc-phone .island{width:50px;height:13px;top:6px}.nfc-phone .wake-body{padding:10px}.nfc-phone .wake-body strong{font-size:17px}.nfc-phone .wake-body b{font-size:7px;margin-top:8px;padding:7px}.nfc-card .face{border-radius:11px}.nfc-card .face:after{inset:5px;border-radius:6px}.nfc-card small{font-size:5px;letter-spacing:.3px}.nfc-sticker .face{border-radius:23%}.nfc-console{display:block}.nfc-console .signal-text{margin-top:16px;font-size:9px}.nfc-console button{padding:11px 13px}.nfc-scene.playing[data-mode=card] .nfc-card{animation-name:nfcCardTapMobile}.nfc-scene.playing[data-mode=sticker] .nfc-sticker{animation-name:nfcStickerTapMobile}@keyframes nfcCardTapMobile{0%,12%,75%,100%{transform:rotate(-13deg) rotateY(-24deg) rotateX(8deg)}36%,48%{transform:translate(22%,-14px) rotate(-3deg) rotateY(-8deg) scale(1.06)}}@keyframes nfcStickerTapMobile{0%,12%,75%,100%{transform:rotate(14deg) rotateY(20deg) rotateX(7deg)}36%,48%{transform:translate(-18%,-18px) rotate(2deg) rotateY(3deg) scale(1.08)}}}
@media(prefers-reduced-motion:reduce){.nfc-scene *{animation:none!important;transition:none!important}.nfc-phone .wake{opacity:1;transform:none}.nfc-wave{display:none}}