.at-nfc-tech{--nfc-gold:#cda955;--nfc-green:#b5e6b3;--nfc-white:#f0f4ed;position:relative;isolation:isolate;color:var(--nfc-white);background:#050907;font-family:Oxanium,Arial,sans-serif;overflow:hidden;padding:100px max(24px,6.5vw) 76px;min-height:800px;border-top:1px solid #28352a}
.at-nfc-tech *{box-sizing:border-box}
.at-nfc-tech::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 65% 53%,#14281b70,transparent 65%);pointer-events:none}
.at-nfc-layout{max-width:1480px;margin:auto;display:grid;grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);gap:4vw;align-items:center}
.at-nfc-eyebrow{margin:0 0 22px;color:var(--nfc-gold);font-size:13px;font-weight:600;letter-spacing:.18em;line-height:1.7}
.at-nfc-title{margin:0;max-width:670px;font-size:clamp(44px,4.5vw,78px);font-weight:500;letter-spacing:-.055em;line-height:1.05;text-wrap:balance}
.at-nfc-title em{font-style:normal;color:var(--nfc-green)}
.at-nfc-intro{color:#b7c4b9;font-family:Arial,sans-serif;font-size:18px;line-height:1.7;max-width:32ch;margin:26px 0 36px}
.at-nfc-detail{border-left:2px solid var(--nfc-gold);padding:2px 0 2px 19px;min-height:128px;max-width:370px}
.at-nfc-detail h3{font-size:23px;line-height:1.24;font-weight:500;margin:0 0 12px;letter-spacing:-.025em}
.at-nfc-detail p{font-family:Arial,sans-serif;color:#afbeb2;line-height:1.65;font-size:15px;margin:0;max-width:34ch}
.at-nfc-visual{position:relative;min-width:0}
.at-nfc-stage{height:650px;width:100%;position:relative;isolation:isolate;touch-action:pan-y;cursor:grab;border-radius:6px;outline-offset:5px}
.at-nfc-stage:active{cursor:grabbing}
.at-nfc-stage:focus-visible{outline:2px solid var(--nfc-gold)}
.at-nfc-stage::before{content:"NFC";position:absolute;left:50%;top:41%;transform:translate(-50%,-50%);font-size:clamp(90px,15vw,240px);font-weight:600;line-height:1;color:#7ea58709;letter-spacing:.08em;z-index:-1;pointer-events:none}
.at-nfc-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s;pointer-events:none}
.at-nfc-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .35s}
.nfc-ready .at-nfc-canvas{opacity:1}
.nfc-ready .at-nfc-poster{opacity:0}
.at-nfc-lines{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:2;opacity:0}
.nfc-ready .at-nfc-lines{opacity:1}
.at-nfc-lines path{fill:none;stroke:#bacab848;stroke-width:.7;transition:stroke .2s,opacity .2s}
.at-nfc-lines path.is-selected{stroke:var(--nfc-gold);stroke-width:1.1}
.at-nfc-part{position:absolute;left:0;top:0;z-index:3;display:none;gap:7px;align-items:center;min-height:44px;padding:6px 0;color:#d8e1d6;background:none;border:0;font:500 12px/1.15 Oxanium,Arial,sans-serif;letter-spacing:.03em;text-align:left;cursor:pointer;transition:color .2s,opacity .2s}
.at-nfc-part::before{content:"";height:5px;width:5px;border:1px solid #8f9d8f;border-radius:50%;flex:none}
.at-nfc-part:hover,.at-nfc-part[aria-pressed=true]{color:var(--nfc-gold)}
.at-nfc-part[aria-pressed=true]::before{background:var(--nfc-gold);border-color:var(--nfc-gold);box-shadow:0 0 10px #cda95575}
.at-nfc-part:focus-visible{outline:2px solid var(--nfc-gold);outline-offset:4px;border-radius:3px}
.at-nfc-part{text-shadow:0 1px 3px #000}
.nfc-ready .at-nfc-part{display:inline-flex}
.at-nfc-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:14px;border-top:1px solid #34403480;min-height:61px}
.at-nfc-status{font-size:11px;line-height:1.6;letter-spacing:.07em;color:#87988a;max-width:250px}
.at-nfc-actions{display:flex;align-items:center;gap:15px;flex-shrink:0}
.at-nfc-actions button{background:none;color:#c8d6c5;padding:8px 0;min-height:44px;border:0;border-bottom:1px solid #687868;font:500 12px/1.3 Oxanium,Arial,sans-serif;cursor:pointer}
.at-nfc-actions button:hover{color:var(--nfc-gold);border-color:var(--nfc-gold)}
.at-nfc-actions button:disabled{opacity:.35;cursor:default}
.at-nfc-actions button:focus-visible{outline:2px solid var(--nfc-gold);outline-offset:4px}
.at-nfc-disclosure{max-width:1480px;margin:42px auto 0;font:11px/1.8 Arial,sans-serif;color:#7f8e82;letter-spacing:.015em}
.at-nfc-disclosure span{color:#a5b4a6}
.at-nfc-fallback-parts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;padding:0;list-style:none;font:12px/1.8 Arial,sans-serif;color:#a9baa9}
.nfc-ready .at-nfc-fallback-parts{display:none}
@media(min-width:1600px){.at-nfc-tech{padding-top:125px}.at-nfc-stage{height:740px}}
@media(max-width:1000px){.at-nfc-tech{padding:75px 28px 55px}.at-nfc-layout{grid-template-columns:1fr 1.3fr;gap:15px}.at-nfc-title{font-size:49px}.at-nfc-stage{height:575px}.at-nfc-intro{font-size:16px}.at-nfc-detail h3{font-size:20px}.at-nfc-tools{gap:8px}.at-nfc-status{font-size:10px;max-width:175px}.at-nfc-actions{gap:10px}.at-nfc-actions button{font-size:10px}}
@media(max-width:700px){.at-nfc-tech{padding:62px 20px 38px;min-height:0}.at-nfc-layout{display:flex;flex-direction:column;gap:16px;align-items:stretch}.at-nfc-copy{display:contents}.at-nfc-eyebrow{margin-bottom:0;font-size:11px}.at-nfc-title{font-size:clamp(38px,9.8vw,57px);max-width:560px}.at-nfc-intro{margin:0;max-width:35ch;font-size:16px;line-height:1.6}.at-nfc-visual{order:4;margin:0 -12px}.at-nfc-detail{order:5;min-height:90px;margin-top:14px;max-width:100%}.at-nfc-detail h3{font-size:21px;margin-bottom:8px}.at-nfc-detail p{font-size:14px;max-width:40ch}.at-nfc-stage{height:510px}.at-nfc-tools{margin:0 12px;padding-top:8px}.at-nfc-status{font-size:10px;max-width:175px}.at-nfc-actions button{font-size:11px}.at-nfc-part{font-size:10px;gap:5px;max-width:105px}.at-nfc-disclosure{margin-top:28px;font-size:10px}.at-nfc-stage::before{font-size:140px}.at-nfc-fallback-parts{order:6}}
@media(max-width:359px){.at-nfc-tech{padding-inline:16px}.at-nfc-stage{height:465px}.at-nfc-part{font-size:9px;max-width:85px}.at-nfc-status{max-width:133px}.at-nfc-actions{gap:7px}.at-nfc-actions button{font-size:10px}.at-nfc-title{font-size:37px}}
@media(max-width:700px){.at-nfc-part{background:#050907d9;border-radius:3px;padding:5px 6px}}
@media(prefers-reduced-motion:reduce){.at-nfc-tech *{transition:none!important}}
