
:root{color-scheme:light;--ink:#10241c;--ink-soft:#1d3a2e;--muted:#5c7067;--paper:#f5f7f2;--card:#fff;--line:#dbe5de;--green:#087451;--green-2:#d9f5e8;--blue:#315fe8;--blue-2:#e9eeff;--amber:#b66600;--red:#a82828;--shadow:0 24px 70px rgba(16,52,38,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif}button,a{font:inherit}button{color:inherit}a{color:inherit;text-underline-offset:4px}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px}.brand{display:flex;align-items:center;gap:11px;font-weight:850;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--ink);color:white}.site-nav{display:flex;align-items:center;gap:24px}.site-nav a{color:var(--muted);font-size:.92rem;text-decoration:none}.site-nav a:hover{color:var(--ink)}main{max-width:1180px;margin:auto;padding:76px 28px 120px}.hero{max-width:990px;padding:34px 0 68px}.eyebrow,.card-kicker{margin:0 0 12px;color:var(--green);font-size:.76rem;font-weight:850;letter-spacing:.14em}.hero h1{max-width:960px;margin:0;font-size:clamp(3rem,7.2vw,6rem);line-height:1.02;letter-spacing:-.06em}.lede{max-width:830px;margin:28px 0 0;color:var(--muted);font-size:clamp(1.15rem,2.3vw,1.55rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;border-radius:15px;font-weight:780;text-decoration:none}.primary-link{background:var(--ink);color:white}.secondary-link{border:1px solid var(--ink);background:transparent}.proof-points{display:flex;flex-wrap:wrap;gap:10px 24px;margin:28px 0 0;padding:0;color:var(--muted);font-size:.9rem;list-style:none}.proof-points li::before{content:"✓";margin-right:7px;color:var(--green);font-weight:900}.audiences{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:100px}.audience-card{min-height:290px;padding:36px;border-radius:26px;border:1px solid var(--line);display:flex;flex-direction:column}.citizen-card{background:var(--card)}.business-card{background:var(--ink);color:white}.business-card .card-kicker{color:#7ce5ba}.business-card p:not(.card-kicker){color:#c7d6cf}.audience-card h2{max-width:420px;margin:4px 0 10px;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.2}.audience-card>p:not(.card-kicker){max-width:500px;margin:0;color:var(--muted)}.audience-card a{margin-top:auto;padding-top:28px;font-weight:780}.try-section{scroll-margin-top:24px}.intro-heading{max-width:760px;margin:0 0 30px}.intro-heading h2{margin:0;font-size:clamp(2.1rem,4.8vw,3.9rem);line-height:1.1;letter-spacing:-.04em}.intro-heading>p:last-child{margin:15px 0 0;color:var(--muted);font-size:1.05rem}.builder,.presentation,.result{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:clamp(24px,5vw,52px);box-shadow:var(--shadow)}.section-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px}.section-heading h2,.section-heading h3{margin:-5px 0 2px;font-size:1.55rem;line-height:1.35}.section-heading p{margin:0;color:var(--muted)}.section-heading.compact{margin-bottom:12px}.step{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--green-2);color:var(--green);font-weight:850}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile,.source{appearance:none;border:1px solid var(--line);border-radius:16px;background:white;padding:18px;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.profile:hover,.source:hover{transform:translateY(-2px);border-color:#a7b8ad}.profile[aria-pressed=true],.source[aria-pressed=true]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#fbfffd}.profile strong,.source strong{display:block;font-size:1.03rem}.profile small,.source small{display:block;margin-top:5px;color:var(--muted);line-height:1.45}.source-heading{margin-top:42px}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.disclosure{margin:28px 0 22px;padding:20px 22px;border-radius:18px;background:#f0f4f1}.disclosure h3{margin:0 0 8px;font-size:1rem}.claim-list{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.claim{padding:5px 10px;border-radius:999px;background:white;border:1px solid var(--line);font-size:.88rem}.disclosure p{margin:8px 0 0;color:var(--muted);font-size:.92rem}.primary,.secondary{display:flex;width:100%;min-height:54px;align-items:center;justify-content:center;border-radius:14px;font-weight:780;text-decoration:none}.primary{border:0;background:var(--ink);color:#fff;cursor:pointer}.primary:hover{background:var(--ink-soft)}.primary:disabled{opacity:.55;cursor:wait}.secondary{border:1px solid var(--ink);color:var(--ink);background:white}.error{color:var(--red);min-height:1.5em;margin:8px 0 0}.presentation,.result{margin-top:24px}.presentation{max-width:650px;margin-inline:auto;text-align:center}.presentation .section-heading{text-align:left}.qr-shell{max-width:430px;margin:22px auto;padding:20px;background:#fff;border:1px solid var(--line);border-radius:22px}.qr svg{display:block;width:100%;height:auto}.waiting{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted)}.waiting span{width:9px;height:9px;background:var(--green);border-radius:50%;animation:pulse 1.3s infinite}.text-button{border:0;background:transparent;color:var(--muted);text-decoration:underline;cursor:pointer}.result{max-width:760px;margin-inline:auto}.result-top{display:flex;align-items:center;gap:14px}.result-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:var(--green-2);color:var(--green);font-size:1.7rem;font-weight:900}.result.not-established .result-icon{background:#fff0d6;color:#8b5700}.result.failed .result-icon{background:#fae2e2;color:var(--red)}.result h2{margin:0;font-size:1.65rem}.result-summary{margin:4px 0 0;color:var(--muted)}.evidence{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}.evidence-card{padding:15px;border:1px solid var(--line);border-radius:15px}.evidence-card strong{display:block}.evidence-card small{color:var(--muted)}.claims{width:100%;border-collapse:collapse;margin-top:18px}.claims th,.claims td{text-align:left;padding:12px 4px;border-bottom:1px solid var(--line);vertical-align:top}.claims th{color:var(--muted);font-weight:500;width:42%}.policy{margin-top:20px;padding:15px 17px;border-left:4px solid var(--green);background:#f0f4f1;color:var(--muted)}.again{margin-top:20px}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:84px 0;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}.trust-strip div{display:flex;flex-direction:column;gap:5px;padding:24px;background:var(--card)}.trust-strip strong{font-size:.9rem}.trust-strip span{color:var(--muted);font-size:.87rem}.implementation{scroll-margin-top:24px;padding:clamp(30px,6vw,64px);border-radius:30px;background:var(--ink);color:white}.implementation>.eyebrow{color:#7ce5ba}.implementation>h2{max-width:780px;margin:0;font-size:clamp(2.25rem,5.5vw,4.5rem);line-height:1.05;letter-spacing:-.045em}.developer-lede{max-width:820px;margin:22px 0 34px;color:#c7d6cf;font-size:1.05rem}.implementation code{color:#b5f1d8}.developer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.developer-card{display:flex;flex-direction:column;min-height:300px;padding:25px;border:1px solid #395246;border-radius:20px;background:#173026}.developer-card.featured{background:white;color:var(--ink)}.developer-card.featured p:not(.card-kicker){color:var(--muted)}.developer-card h3{margin:2px 0 9px;font-size:1.4rem;line-height:1.25}.developer-card>p:not(.card-kicker){margin:0;color:#c7d6cf}.developer-card>a{margin-top:auto;padding-top:24px;color:#b5f1d8;font-weight:780}.developer-card.featured>a{color:var(--green)}.prompt-block{display:grid;grid-template-columns:1fr auto;gap:18px;margin-top:16px;padding:28px;border:1px solid #395246;border-radius:20px;background:#0c1d16}.prompt-block h3{margin:0;font-size:1.4rem}.prompt-block pre{grid-column:1/-1;max-height:230px;margin:0;padding:18px;border-radius:14px;background:#07130e;color:#d7e8df;white-space:pre-wrap;overflow:auto;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.copy-button{align-self:start;border:1px solid #61776d;border-radius:10px;background:transparent;color:white;padding:9px 13px;cursor:pointer}.copy-button:hover{background:#173026}.prompt-link{grid-column:1/-1;color:#b5f1d8}.protocol-details{margin-top:20px;padding:19px 0;border-top:1px solid #395246;color:#c7d6cf}.protocol-details summary{cursor:pointer;color:white;font-weight:780}.faq{scroll-margin-top:24px;margin-top:100px}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:0 4px}.faq summary{cursor:pointer;padding:22px 46px 22px 0;font-size:1.12rem;font-weight:780;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:4px;top:17px;color:var(--green);font-size:1.7rem;font-weight:400}.faq details[open] summary::after{content:"−"}.faq details p{max-width:850px;margin:-4px 0 24px;color:var(--muted)}.resources{display:grid;grid-template-columns:minmax(220px,.65fr) 1.35fr;gap:48px;margin-top:100px}.resources h2{margin:0;font-size:clamp(1.8rem,3.5vw,2.7rem);line-height:1.15}.resource-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.resource-links a{display:flex;flex-direction:column;padding:17px 19px;border:1px solid var(--line);border-radius:15px;background:var(--card);text-decoration:none}.resource-links a:hover{border-color:#9eb2a7}.resource-links span{color:var(--muted);font-size:.86rem}footer{max-width:1180px;margin:auto;padding:0 28px 54px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.9rem}.hidden{display:none!important}@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}
.hero .lede{color:var(--ink);font-size:clamp(1.35rem,2.8vw,2rem);font-weight:760;line-height:1.4}.hero-supporting{max-width:830px;margin:9px 0 0;color:var(--muted);font-size:1.05rem}.experiment-notice{display:grid;grid-template-columns:auto 1fr;gap:20px;margin:-20px 0 40px;padding:22px 24px;border:1px solid #d7b66e;border-radius:20px;background:#fff8e9}.experiment-mark{align-self:start;padding:5px 10px;border-radius:999px;background:#7b5000;color:white;font-size:.76rem;font-weight:850}.experiment-notice h2{margin:-4px 0 3px;font-size:1.18rem}.experiment-notice p{margin:0;color:#654f24}.experiment-notice a{font-weight:750}.deep-link-note{max-width:540px;margin:10px auto 0;color:var(--muted);font-size:.88rem;text-align:left}.wallet-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wallet-choice{appearance:none;width:100%;border:1px solid var(--line);border-radius:16px;background:white;padding:18px;text-align:left;cursor:pointer}.wallet-choice strong,.wallet-choice small{display:block}.wallet-choice small{margin-top:5px;color:var(--muted)}.wallet-choice[aria-pressed=true]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#fbfffd}.profile-heading{margin-top:42px}.profile:disabled{cursor:not-allowed;opacity:.5;background:#eef1ee;border-style:dashed}.profile:disabled:hover{transform:none;border-color:var(--line)}.profile .unavailable{color:var(--amber);font-weight:700}.privacy-module{margin:28px 0 18px;padding:22px;border:1px solid #b8d8c9;border-radius:20px;background:#f8fffb}.privacy-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.privacy-heading h3{margin:0;font-size:1.13rem}.privacy-heading .card-kicker{margin-bottom:4px}.privacy-badge{flex:0 0 auto;border-radius:999px;background:var(--green-2);color:var(--green);padding:5px 10px;font-size:.78rem;font-weight:800}.privacy-purpose{margin:14px 0;color:var(--ink)}.privacy-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.privacy-summary div{padding:12px 14px;border-radius:13px;background:white;border:1px solid var(--line)}.privacy-summary strong,.privacy-summary small{display:block}.privacy-summary small{color:var(--muted)}.privacy-details{margin-top:14px;border-top:1px solid var(--line);padding-top:13px}.privacy-details summary{cursor:pointer;font-weight:750}.privacy-details dl{display:grid;grid-template-columns:minmax(125px,.35fr) 1fr;gap:8px 18px;margin:16px 0}.privacy-details dt{font-weight:750}.privacy-details dd{margin:0;color:var(--muted)}.privacy-boundary{padding:12px 14px;border-left:4px solid var(--amber);background:#fff7ea;color:#6d4a13}.privacy-legal-links a{margin-right:14px;color:var(--green)}.privacy-ack{display:flex;align-items:flex-start;gap:9px;margin-top:17px;padding:14px;border-radius:13px;background:white;border:1px solid var(--line);cursor:pointer}.privacy-ack input{margin-top:6px;accent-color:var(--green)}.result.warning .result-icon{background:#fff0d6;color:#8b5700}.result.warning .policy{border-left-color:var(--amber)}
.official-registration{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;margin-top:16px;padding:28px;border:1px solid #6b8f7d;border-radius:20px;background:#132a20}.official-registration .card-kicker{margin-bottom:5px;color:#7ce5ba}.official-registration h3{margin:0;font-size:1.65rem}.official-registration p:not(.card-kicker){max-width:760px;margin:8px 0 0;color:#c7d6cf}.official-registration>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 17px;border-radius:12px;background:#b5f1d8;color:#10241c;font-weight:800;text-decoration:none;white-space:nowrap}
.developer-grid{grid-template-columns:repeat(2,1fr)}
.primary:disabled{cursor:not-allowed}
@media(max-width:900px){.site-nav a:not(:last-child){display:none}.developer-grid,.trust-strip{grid-template-columns:1fr}.developer-card{min-height:0}.resources{grid-template-columns:1fr}.audiences{grid-template-columns:1fr}.audience-card{min-height:260px}}
@media(max-width:760px){main{padding-top:34px}.profile-grid{grid-template-columns:1fr 1fr}.source-grid{grid-template-columns:1fr}.builder,.presentation,.result{border-radius:20px}.evidence,.privacy-summary{grid-template-columns:1fr}.privacy-heading{display:block}.privacy-badge{display:inline-block;margin-top:10px}.privacy-details dl{grid-template-columns:1fr;gap:3px}.privacy-details dd{margin-bottom:9px}.resource-links{grid-template-columns:1fr}.implementation{border-radius:22px}.prompt-block,.official-registration{grid-template-columns:1fr}.official-registration>a{justify-self:start}.copy-button{justify-self:start}.hero{padding-top:22px}.experiment-notice{grid-template-columns:1fr}footer{flex-direction:column}}
@media(max-width:480px){.profile-grid{grid-template-columns:1fr}.hero h1{font-size:3rem}.site-header{height:66px;padding-inline:18px}.brand{font-size:.88rem}.brand-mark{width:30px;height:30px}.site-nav{gap:0}.site-nav a{font-size:.86rem}main{padding-inline:18px}.builder{padding:22px 18px}.audience-card{padding:27px}.hero-actions{flex-direction:column}.cta{width:100%}.proof-points{display:grid;gap:8px}.implementation{padding:28px 20px}.prompt-block{padding:20px}}
@media(max-width:760px){.wallet-picker{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink:#edf6f1;--ink-soft:#d6e8df;--muted:#adbbb4;--paper:#0d1511;--card:#142019;--line:#304239;--green:#75ddb2;--green-2:#183c2d;--shadow:none}.brand-mark,.primary,.primary-link{background:#edf6f1;color:#132019}.profile,.source,.secondary,.wallet-choice{background:#142019}.profile[aria-pressed=true],.source[aria-pressed=true],.wallet-choice[aria-pressed=true]{background:#192c23}.profile:disabled{background:#101713}.disclosure,.policy{background:#1b2b23}.privacy-module{background:#102019;border-color:#365b49}.privacy-summary div,.privacy-ack{background:#142019}.privacy-boundary{background:#2b2418;color:#e7c98f}.claim{background:#25372e}.qr-shell{background:white}.business-card,.implementation{background:#08110d}.citizen-card,.resource-links a,.trust-strip div{background:#142019}.developer-card{background:#14271e}.developer-card.featured{background:#edf6f1;color:#132019}.secondary-link{border-color:#edf6f1}.prompt-block{background:#0a1711}.prompt-block pre{background:#050c09}}
