.nfc-tap-demo{margin:0;min-width:0}.nfc-phone-scene{position:relative;min-height:480px;display:flex;justify-content:flex-end;align-items:center;padding-right:25px;background:radial-gradient(ellipse at 55% 50%,#be8a5726,transparent 70%)}.nfc-phone{width:230px;height:435px;border:7px solid #4b4946;border-radius:40px;background:#080a09;box-shadow:0 25px 65px #0009,0 0 0 1px #8f898366;position:relative;padding:16px 14px;overflow:hidden}.nfc-phone-island{width:78px;height:21px;border-radius:20px;background:#000;margin:0 auto 18px;position:relative;z-index:2}.nfc-phone-screen{color:#f7f3ef;position:relative;text-align:center}.nfc-phone-screen [hidden]{display:none!important}.nfc-phone-clock{display:block;font-size:44px;font-weight:650;letter-spacing:-.05em}.nfc-phone-screen p{font-size:22px;line-height:1.2;margin:30px 0}.nfc-phone-screen strong{font-weight:700}.nfc-phone-screen small{font-size:10px;display:block}.nfc-tap-rings{width:95px;height:95px;border:1px solid #d9a37855;border-radius:50%;display:grid;place-items:center;margin:20px auto;font-size:40px;color:var(--copper);box-shadow:0 0 0 16px #d9a37809,0 0 0 32px #d9a37805}.nfc-tap-card{position:absolute;width:210px;height:134px;left:0;top:235px;z-index:3;transform:rotate(-14deg);border-radius:14px;background:linear-gradient(125deg,#d9a378,#7d4c29);color:#21160e;padding:18px;box-shadow:0 18px 35px #0006;transition:transform .65s,top .65s}.nfc-tap-card span,.nfc-tap-card small{font-size:9px;letter-spacing:.08em}.nfc-tap-card strong{font-size:19px;line-height:1.05;display:block;margin:12px 0}.nfc-tap-card b{position:absolute;right:18px;bottom:15px;font-size:29px}.nfc-tap-demo[data-current-step="1"] .nfc-tap-card{top:70px;transform:rotate(-7deg) translateX(35px)}.nfc-tap-demo[data-current-step="2"] .nfc-tap-card{transform:rotate(-14deg) translateX(-15px);opacity:.65}.nfc-phone-notification{display:flex;flex-direction:column;align-items:center;gap:9px;background:#f2eee9;color:#212321;padding:20px 10px;border-radius:17px;margin-top:65px;box-shadow:0 10px 30px #0006}.nfc-phone-notification span{font-size:13px}.nfc-phone-screen img{width:65px;height:65px;object-fit:cover;object-position:50% 15%;border-radius:50%;margin:6px auto 12px}.nfc-phone-name{display:block;font-size:22px}.nfc-phone-screen [data-demo-step="2"]>span{font-size:8px;letter-spacing:.04em}.nfc-phone-links{display:grid;gap:8px;margin:22px 0 16px}.nfc-phone-links b{font-size:10px;border:1px solid #d9a37855;border-radius:7px;padding:12px 5px;font-weight:500}.nfc-phone-screen [data-demo-step="2"]>a{font-size:11px;color:var(--copper);display:block;padding:8px 0}.nfc-demo-control{display:grid;gap:12px;text-align:center;justify-items:center}.nfc-demo-control button{cursor:pointer;border:0;font:inherit;font-size:14px;min-width:230px}.nfc-demo-control button:disabled{opacity:.5;cursor:default}.nfc-demo-control p{font-size:12px;color:var(--muted);min-height:40px;margin:0;max-width:350px}.nfc-tap-demo figcaption{font-size:10px;color:var(--muted);max-width:350px;margin:15px auto 0;text-align:center}.nfc-examples,.nfc-formats{max-width:1180px;margin:auto;padding:80px 28px;scroll-margin-top:30px}.nfc-examples-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:end}.nfc-examples-heading>p{max-width:350px;color:var(--muted);font-size:17px}.nfc-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.nfc-example{min-width:0;position:relative}.nfc-example>.nfc-kicker{font-size:9px;letter-spacing:.09em}.nfc-example-media{border:1px solid #ffffff21;border-radius:18px;overflow:hidden;background:#1c2421;aspect-ratio:4/5}.nfc-video-poster{width:100%;height:100%;border:0;color:#f5f1eb;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:15px;padding:22px 15px;background:radial-gradient(ellipse at 70% 0,#56786e80,transparent 70%),#1c2421;transition:filter .2s}.nfc-video-poster:disabled{cursor:default}.nfc-video-poster:hover:not(:disabled){filter:brightness(1.13)}.nfc-video-poster[hidden]{display:none}.nfc-preview-label{font-size:9px;letter-spacing:.15em;color:#ddd}.nfc-poster-phone{width:145px;min-height:210px;border:4px solid #a6aaa366;border-radius:22px;background:#0e1311;padding:15px 8px 8px;transform:rotate(-7deg);box-shadow:0 15px 25px #0005}.nfc-poster-phone>span{font-size:12px;text-align:left;display:block;margin:6px 3px 12px}.nfc-poster-pass{background:linear-gradient(135deg,#e6bf8b,#b08660);color:#21170f;border-radius:9px;padding:17px 9px;display:grid;gap:10px;text-align:left}.nfc-poster-pass small{font-size:7px;letter-spacing:.07em}.nfc-poster-pass strong{font-size:20px;line-height:1.1}.nfc-poster-pass span{font-size:15px;letter-spacing:.12em}.nfc-video-poster-stamps{background:radial-gradient(ellipse at 70% 0,#a6643990,transparent 70%),#2b201a}.nfc-video-poster-stamps .nfc-poster-phone{transform:rotate(7deg)}.nfc-video-poster-stamps .nfc-poster-pass{background:linear-gradient(135deg,#adbd9e,#718369)}.nfc-video-poster-tap{background:radial-gradient(ellipse at 70% 0,#746c9880,transparent 70%),#20202b}.nfc-video-poster-tap .nfc-poster-pass{background:linear-gradient(135deg,#b7add3,#7f729d)}.nfc-video-play{display:flex;gap:12px;align-items:center;font-size:13px;background:#f7f3ef;color:#181818;border-radius:40px;padding:12px 18px;font-weight:650}.nfc-source-player{width:100%;height:100%;background:#000}.nfc-source-player[hidden]{display:none}.nfc-source-player iframe{border:0;width:100%;height:100%;display:block}.nfc-example h3{font-size:24px;margin:20px 35px 15px 0;line-height:1.16}.nfc-example>p:not(.nfc-kicker){font-size:13px;color:var(--muted);line-height:1.7}.nfc-example>a{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--copper);padding:10px 0;min-height:44px}.nfc-example-number{float:right;color:#665442;font-size:30px;font-weight:650;margin-top:15px}.nfc-formats{background:linear-gradient(135deg,#1e1d1b,#141414);border-radius:26px}.nfc-format-strip{display:flex;gap:16px;overflow:auto;scroll-snap-type:x mandatory;margin:40px 0 22px;padding-bottom:16px;scrollbar-color:#805f44 #222}.nfc-format{flex:0 0 205px;scroll-snap-align:start;background:#222220;border:1px solid #ffffff12;border-radius:18px;padding:20px}.nfc-format-object{height:155px;display:grid;place-items:center;position:relative;color:#d9a378;background:radial-gradient(circle,#d9a37818,transparent 70%);margin-bottom:18px}.nfc-format-object>span{position:absolute;right:20px;bottom:18px;font-size:23px;color:#f0d7bf}.nfc-format small{font-size:10px;color:var(--muted)}.nfc-format h3{font-size:23px;letter-spacing:-.04em}.nfc-format p{font-size:12px;color:var(--muted)}.nfc-format-source{font-size:12px;color:var(--copper)!important}.nfc-page button:focus-visible{outline:3px solid var(--copper);outline-offset:4px}.nfc-page button[hidden]{display:none}@media(max-width:900px){.nfc-example-grid{grid-template-columns:1fr;gap:45px}.nfc-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 24px}.nfc-example>.nfc-kicker{grid-column:1/-1}.nfc-example-media{grid-row:2/6}.nfc-example h3{font-size:28px}.nfc-example-number{display:none}.nfc-examples-heading{grid-template-columns:1fr;gap:5px}.nfc-hero{gap:35px}.nfc-phone-scene{max-width:370px;margin:auto}}@media(max-width:520px){.nfc-examples,.nfc-formats{padding:55px 22px}.nfc-example{display:block}.nfc-example-media{aspect-ratio:1/1}.nfc-example h3{font-size:27px}.nfc-example>.nfc-kicker{font-size:10px}.nfc-video-poster{padding:15px;gap:12px}.nfc-poster-phone{min-height:185px}.nfc-phone-scene{padding-right:12px;min-height:440px}.nfc-phone{width:210px;height:400px}.nfc-tap-card{width:180px;height:125px;left:0;top:235px;padding:15px}.nfc-tap-card strong{font-size:18px}.nfc-formats{border-radius:0}.nfc-tap-demo[data-current-step="1"] .nfc-tap-card{transform:rotate(-7deg) translateX(10px)}}@media(prefers-reduced-motion:reduce){.nfc-tap-card,.nfc-video-poster{transition:none}}