:root{--bg: #111827;--bg-deep: #0b1120;--surface: #1a2332;--border: #2d3a4f;--text: #f3f4f6;--dim: #9aa6b8;--teal: #2dd4bf;--teal-deep: #0f766e;--amber: #fbbf24}*{box-sizing:border-box}a{color:var(--teal);text-decoration:underline;text-decoration-color:#2dd4bf66;text-underline-offset:3px}a:hover{text-decoration-color:var(--teal)}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}.site-header{position:sticky;top:0;z-index:20;background:#111827eb;backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.site-header-inner{max-width:72rem;margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.125rem;color:var(--text);text-decoration:none;letter-spacing:-.01em}.brand span{color:var(--teal)}.brand-logo{width:1.5rem;height:1.5rem;display:block;border-radius:.3125rem}.site-nav{display:flex;gap:.25rem;flex-wrap:wrap}.site-nav a{color:var(--dim);text-decoration:none;font-size:.875rem;padding:.375rem .75rem;border-radius:.5rem}.site-nav a:hover{color:var(--text);background:var(--surface)}.site-nav a[aria-current=page]{color:var(--teal)}.nav-dd{position:relative}.nav-dd summary{list-style:none;cursor:pointer;color:var(--dim);font-size:.875rem;padding:.375rem .75rem;border-radius:.5rem;user-select:none}.nav-dd summary::-webkit-details-marker{display:none}.nav-dd summary:after{content:" ▾";font-size:.6875rem}.nav-dd summary:hover{color:var(--text);background:var(--surface)}.nav-dd summary.nav-dd-active{color:var(--teal)}.nav-dd[open] summary{color:var(--text);background:var(--surface)}.nav-dd-menu{position:absolute;top:calc(100% + .375rem);right:0;display:flex;flex-direction:column;min-width:11.5rem;padding:.375rem;background:var(--surface);border:1px solid var(--border);border-radius:.625rem;box-shadow:0 .75rem 2rem #00000073;z-index:60}.nav-dd-menu a{padding:.5rem .75rem}main{max-width:72rem;margin:0 auto;padding:2rem 1.25rem 5rem}main.narrow{max-width:46rem}.hero{text-align:center;padding:3rem 0 2rem}.hero h1{font-size:clamp(1.9rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;margin:0 0 1rem}.hero p.lede{color:var(--dim);font-size:1.0625rem;max-width:38rem;margin:0 auto 2rem}.hero-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;border-radius:.625rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;border:1px solid transparent}.btn-primary{background:var(--teal-deep);color:#fff}.btn-primary:hover{background:#0d9488}.btn-secondary{border-color:var(--border);color:var(--text);background:var(--surface)}.btn-secondary:hover{border-color:var(--teal)}.btn-ghost{color:var(--teal)}.statement{text-align:center;color:var(--dim);font-size:.875rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);padding:.75rem 1.25rem;max-width:40rem;margin:0 auto 3rem}.features{display:grid;grid-template-columns:1fr;gap:1rem;margin:2rem 0}@media(min-width:720px){.features{grid-template-columns:repeat(3,1fr)}}.feature{border:1px solid var(--border);background:var(--surface);border-radius:.875rem;padding:1.5rem}.feature h3{margin:0 0 .5rem;font-size:1.0625rem}.feature p{margin:0;color:var(--dim);font-size:.875rem}.u-mt0{margin-top:0}.u-mt1{margin-top:1rem}.u-dim{color:var(--dim)}.u-sm{font-size:.875rem}.u-md{font-size:.9375rem}.h3-md{font-size:1.0625rem}.hero--tight{padding-bottom:1rem}.section{margin:2.5rem 0}.section h2{font-size:1.5rem;margin:0 0 1rem;letter-spacing:-.01em}.section-sub{color:var(--dim);font-size:.9375rem;max-width:44rem;margin:-.5rem 0 1rem}.section-note{color:var(--dim);font-size:.8125rem;max-width:44rem;margin:1rem 0 0}.feature code,.panel code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;color:var(--amber);background:#fbbf2414;border-radius:.25rem;padding:.0625rem .3125rem}.section p{color:var(--dim);font-size:.9375rem}.section .panel{border:1px solid var(--border);background:var(--surface);border-radius:.875rem;padding:1.5rem}.impl h2{text-align:center}.impl-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:720px){.impl-grid{grid-template-columns:1fr 1fr}}.impl-card{border:1px solid var(--border);background:var(--surface);border-radius:.875rem;padding:1.25rem 1.5rem}.impl-art{display:flex;justify-content:center;margin:.25rem 0 1rem}.impl-art svg{width:160px;height:96px;opacity:.85}.impl-card h3{margin:0 0 .5rem;font-size:1.0625rem;text-align:center}@media(min-width:720px){.impl-grid--3{grid-template-columns:repeat(3,1fr)}}.impl-card--mini{text-align:center;padding:1.25rem 1rem}.impl-card--mini .impl-art{margin:0 0 .625rem}.impl-card--mini .impl-art svg{width:96px;height:64px}.impl-card--mini p{font-size:.8125rem;margin-bottom:.5rem}.impl-card h3 span{color:var(--teal)}.impl-card p{margin:0 0 .75rem;color:var(--dim);font-size:.875rem}.impl-card a{color:var(--teal);text-decoration:none;font-size:.875rem;font-weight:600}.impl-note{text-align:center;color:var(--dim);font-size:.8125rem;max-width:40rem;margin:1.25rem auto 0}.impl-note a{color:var(--teal)}.panel-row{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:720px){.panel-row{grid-template-columns:1fr 1fr}}.panel-row .panel h3{margin:0;font-size:1.5rem;letter-spacing:-.01em}.panel-row .panel p{margin:0;font-size:.875rem}.panel-head{display:flex;align-items:center;gap:.875rem;margin-bottom:.875rem}.panel-icon{flex:none;width:2.75rem;height:2.75rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;border:1px solid}.panel-icon svg{width:1.5rem;height:1.5rem}.panel-icon--warn{color:var(--amber);border-color:#fbbf2459;background:#fbbf2414}.panel-icon--ok{color:var(--teal);border-color:#2dd4bf59;background:#2dd4bf14}.lost-card-list{margin:0;padding-left:1.25rem;color:var(--dim);font-size:.9375rem}.lost-card-list li{margin-bottom:.5rem}.lost-card-list strong{color:var(--text)}.card-promo{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media(min-width:860px){.card-promo{grid-template-columns:1.05fr 1fr;gap:3rem}}.card-promo-art{width:100%;max-width:26rem;margin:0 auto}.card-mock-brand{position:absolute;left:6%;top:8%;display:flex;align-items:center;gap:1.6cqw;font-weight:700;color:#fff;font-size:4.4cqw;letter-spacing:-.01em;line-height:1;white-space:nowrap}.card-mock-brand svg{width:5.9cqw;height:5.9cqw;display:block;border-radius:1.2cqw}.card-promo-copy h2{font-size:1.5rem;margin:0 0 1rem;letter-spacing:-.01em}.card-promo-copy p{color:var(--dim);font-size:.9375rem}.card-promo-copy .hero-actions{margin-top:1.25rem}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.card-showcase .panel{padding:1.25rem}.card-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.card-fan-wrap{width:100%}.card-fan{position:relative;aspect-ratio:100 / 62;max-width:30rem;margin:0 auto}.card-fan .card-face{position:absolute;width:60%;box-shadow:0 1.5rem 3rem #0000008c}.card-fan-back{top:8.5%;right:3%;transform:rotate(-12deg)}.card-fan-front{bottom:9%;left:3%;transform:rotate(-12deg);z-index:1}.card-fan-back .card-back-zone{left:auto;right:0}.card-fan-back .card-back-info{left:0;right:63.1%;padding:6% 2% 4.4% 6%}.card-face-label{position:absolute;left:4.75%;bottom:6.6%;line-height:1.15;color:#fff}.card-face-label strong{display:block;font-size:4.75cqw;font-weight:700;letter-spacing:.01em}.card-face-label span{display:block;font-size:3.4cqw;font-weight:700;opacity:.7;margin-top:.3cqw}.card-face-cap{display:block;font-size:.625rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:.5rem}.card-face{position:relative;aspect-ratio:1011 / 638;border-radius:4.2%/6.7%;border:1px solid var(--border);overflow:hidden;background:#050505;box-shadow:0 .75rem 2rem #00000073;container-type:inline-size}.card-face>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.card-back-zone{position:absolute;left:0;top:0;bottom:0;width:63.1%;background:#fff;display:flex;align-items:center;justify-content:center}.card-back-qr{width:90%;height:auto;display:block;color:#0f172a}.card-back-info{position:absolute;inset:0 0 0 63.1%;background:linear-gradient(135deg,#1f6b6b,#166968);color:#fff;display:flex;flex-direction:column;gap:1.2cqw;padding:6% 0 4.4% 2.4%}.card-back-info strong{font-size:3.9cqw;letter-spacing:.02em;line-height:1}.card-back-info span{font-size:2.2cqw;opacity:.75}.card-back-info em{font-style:normal;font-weight:700;font-size:2.6cqw;opacity:.6;margin-top:auto}.card-showcase-cap{text-align:center;color:var(--dim);font-size:.75rem;margin:.75rem 0 0}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem}.tpl-tile{display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--border);background:var(--surface);border-radius:.875rem;padding:.875rem;text-decoration:none;color:var(--text)}.tpl-tile:hover{border-color:var(--teal)}.tpl-thumb{position:relative;display:block;aspect-ratio:1011 / 638;border-radius:.5rem;overflow:hidden;container-type:inline-size;box-shadow:0 .25rem 1rem #00000059}.tpl-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tpl-brand{position:absolute;left:6%;top:8%;display:flex;align-items:center;gap:1.6cqw;font-weight:700;font-size:4.4cqw;letter-spacing:-.01em;line-height:1;white-space:nowrap}.tpl-brand svg{width:5.9cqw;height:5.9cqw;display:block;border-radius:1.2cqw}.tpl-sample{position:absolute;left:4.75%;bottom:6.6%;line-height:1.15;text-align:left}.tpl-sample--right{left:auto;right:4.75%;text-align:right}.tpl-sample strong{display:block;font-size:4.75cqw;font-weight:700;letter-spacing:.01em}.tpl-sample span{display:block;font-size:3.4cqw;font-weight:700;opacity:.7;margin-top:.3cqw}.tpl-tile h3{margin:.125rem 0 0;font-size:.9375rem}.tpl-tile p{margin:0;color:var(--dim);font-size:.75rem;flex:1}.tpl-use{color:var(--teal);font-weight:600;font-size:.8125rem}.faq details{border:1px solid var(--border);border-radius:.75rem;background:var(--surface);margin-bottom:.625rem;padding:0}.faq summary{cursor:pointer;padding:.875rem 1.25rem;font-weight:600;font-size:.9375rem}.faq details>p{margin:0;padding:0 1.25rem 1rem;color:var(--dim);font-size:.875rem}.legal-date{color:var(--dim);font-size:.8125rem;margin:-.5rem 0 1.25rem}.legal-intro{color:var(--dim);font-size:.9375rem}.legal-section h2{font-size:1.125rem;margin:1.75rem 0 .5rem}.legal-section p,.legal-section li{color:var(--dim);font-size:.9375rem}.legal-section li{margin-bottom:.5rem}.legal-section strong{color:var(--text)}.site-footer{border-top:1px solid var(--border);padding:2rem 1.25rem 3rem;text-align:center;color:var(--dim);font-size:.8125rem}.site-footer a{color:var(--teal);text-decoration:none}.site-footer nav{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:.75rem}.page-title{font-size:1.75rem;margin:0 0 1rem}.badge-row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.6875rem;border:1px solid var(--border);border-radius:9999px;padding:.2rem .75rem;color:var(--dim)}.badge--teal{border-color:#2dd4bf66;color:var(--teal)}
