.nfc-mark{position:relative;display:inline-block;width:35px;height:35px;border-radius:50%;background:#101e1b;color:#baf86d}.nfc-mark:before{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:currentColor;transform:translate(-50%,-50%)}.nfc-mark:after,.nfc-mark i:before,.nfc-mark i:after{content:"";position:absolute;inset:7px;border:2px solid currentColor;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%}.nfc-mark i:before{inset:12px}.nfc-mark i:after{inset:3px}.tag-disc .nfc-mark{width:48px;height:48px}.demo-page{min-height:100vh;background:#f3f1e8}.demo-nav{height:86px;padding:0 5vw}.demo-main{max-width:1100px;margin:auto;padding:70px 28px 100px}.demo-intro{max-width:760px}.demo-intro h1{font-size:clamp(48px,7vw,88px);line-height:.92}.demo-intro p{font-size:19px;line-height:1.6;color:#40504c}.demo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;margin-top:55px}.demo-panel{padding:32px;border:1px solid rgba(16,30,27,.16);border-radius:18px;background:#fff}.demo-panel h2{margin:0 0 10px;font-size:28px}.role-buttons{display:grid;gap:10px;margin-top:25px}.role-button{padding:15px 18px;border:1px solid #101e1b;border-radius:8px;background:transparent;color:#101e1b;text-align:left;font:700 15px Arial;cursor:pointer}.role-button.active{background:#101e1b;color:#fff}.result-card{background:#101e1b;color:#fff}.result-card .section-kicker{margin-top:0}.result-card h2{font-size:38px}.result-card>p{color:#cbd4d1;line-height:1.55}.result-card ul{padding-left:20px;line-height:1.8}.demo-action{display:inline-block;margin-top:16px;padding:15px 18px;border-radius:5px;background:#baf86d;color:#101e1b;font-weight:800}.test-steps{margin-top:28px}.test-steps ol{line-height:1.7}.copy-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.copy-url{padding:12px 15px;border:0;border-radius:5px;background:#101e1b;color:#fff;font-weight:800;cursor:pointer}.url-chip{padding:11px;border:1px solid rgba(16,30,27,.2);border-radius:5px;background:#fff;font-family:monospace;overflow-wrap:anywhere}.demo-note{margin-top:30px;padding:22px;border-left:5px solid #83e63e;background:#e8f8d9;line-height:1.6}@media(max-width:760px){.demo-grid{grid-template-columns:1fr}.demo-main{padding-top:45px}.demo-nav .nav-cta{display:none}}