:root{--paper:#f7f8fb;--card:#fff;--ink:#1c2434;--ink-soft:#5a6478;--line:#dde2ec;--accent:#16305e;--accent-strong:#0f2347;--accent-ink:#16305e;--accent-soft:#e8edf8;--accent-border:#a9bad9;--btn-text:#fff;--focus:#b45309;--ok:#1a7f4e;--ok-soft:#e3f3ea;--warn:#9a3412;--warn-soft:#fdeee5;--shadow:0 1px 2px #1c24340f, 0 8px 24px #1c243412}@media (prefers-color-scheme:dark){:root{--paper:#0e1626;--card:#17223a;--ink:#e8ecf5;--ink-soft:#9aa6bd;--line:#2b3852;--accent:#7da2e3;--accent-strong:#a9c3f0;--accent-ink:#a9c3f0;--accent-soft:#1d2c4c;--accent-border:#3d5178;--btn-text:#0b1424;--focus:#f0a24b;--ok:#4cc38a;--ok-soft:#14301f;--warn:#f59f6b;--warn-soft:#3a1d10;--shadow:0 1px 2px #0006, 0 8px 24px #00000059}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.55}a{color:var(--accent-ink)}h1,h2,h3{text-wrap:balance;line-height:1.2}.container{max-width:680px;margin:0 auto;padding:0 20px}.container-wide{max-width:1040px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line);background:var(--card)}.site-header .inner{justify-content:space-between;align-items:center;gap:16px;max-width:1040px;margin:0 auto;padding:14px 20px;display:flex}.logo{color:var(--accent-ink);align-items:center;gap:8px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.logo svg{width:26px;height:26px}.logo .placeholder-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--warn);background:var(--warn-soft);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.header-nav{align-items:center;gap:8px;display:flex}.btn{font:inherit;cursor:pointer;border:2px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 26px;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-flex}.btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.btn-primary{background:var(--accent);color:var(--btn-text)}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{color:var(--ink-soft);border-color:var(--line);background:0 0}.btn-ghost:hover{border-color:var(--accent-border);color:var(--ink)}.btn-small{border-radius:10px;min-height:40px;padding:0 16px;font-size:15px}.cards{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:560px){.cards{grid-template-columns:1fr}}.option-card{background:var(--card);border:2px solid var(--line);cursor:pointer;box-shadow:var(--shadow);text-align:left;font:inherit;color:inherit;border-radius:16px;flex-direction:column;gap:10px;padding:18px;transition:border-color .15s;display:flex;position:relative}.option-card:hover{border-color:var(--accent-border)}.option-card[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.option-card:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.option-card .icon{width:38px;height:38px;color:var(--accent-ink)}.option-card h3{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.option-card p{color:var(--ink-soft);margin:0;font-size:15px}.option-card[aria-checked=true] p{color:var(--ink)}.option-card .check{background:var(--accent);width:26px;height:26px;color:var(--btn-text);border-radius:999px;justify-content:center;align-items:center;display:none;position:absolute;top:14px;right:14px}.option-card[aria-checked=true] .check{display:flex}.option-card.span-2{grid-column:1/-1}.badge{letter-spacing:.05em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:700}.option-card[aria-checked=true] .badge{background:var(--card)}.field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.field label{font-size:16px;font-weight:700}.field .help{color:var(--ink-soft);font-size:14px}.field input,.field select{font:inherit;color:var(--ink);background:var(--card);border:2px solid var(--line);border-radius:12px;width:100%;min-height:52px;padding:0 16px}.field input:focus-visible,.field select:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-color:var(--accent-border)}.field .error{color:var(--warn);font-size:14.5px;font-weight:600}.hint-box{background:var(--accent-soft);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 18px;font-size:16px;display:flex}.hint-box svg{width:22px;height:22px;color:var(--accent-ink);flex-shrink:0;margin-top:2px}.notice-ok{background:var(--ok-soft);color:var(--ok);border-radius:14px;padding:14px 18px;font-weight:600}.notice-warn{background:var(--warn-soft);color:var(--warn);border-radius:14px;padding:14px 18px;font-weight:600}.steps{flex-direction:column;gap:10px;margin:24px 0;display:flex}.steps-track{gap:6px;display:flex}.steps-track span{background:var(--line);border-radius:999px;flex:1;height:6px}.steps-track span.done{background:var(--accent);opacity:.45}.steps-track span.now{background:var(--accent)}.steps-label{color:var(--ink-soft);font-size:14px}.steps-label strong{color:var(--accent-ink)}.contract-paper{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:clamp(20px,5vw,48px);font-size:15.5px}.contract-paper h1{text-align:center;font-size:20px}.contract-paper h2{margin:20px 0 6px;font-size:16px}.contract-paper p{text-align:justify;margin:6px 0}.contract-paper .draft-banner{background:var(--warn-soft);color:var(--warn);text-align:center;border-radius:10px;margin-bottom:18px;padding:10px 14px;font-size:13.5px;font-weight:600}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:15.5px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);padding:12px 14px}table.data th{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);font-size:13px}table.data td.num{font-variant-numeric:tabular-nums}.pill{border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-block}.pill-ok{background:var(--ok-soft);color:var(--ok)}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-neutral{background:var(--accent-soft);color:var(--accent-ink)}.rule-row{background:var(--card);border:2px solid var(--line);cursor:pointer;border-radius:14px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.rule-row:hover{border-color:var(--accent-border)}.rule-row:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.rule-row:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.rule-row input{width:24px;height:24px;accent-color:var(--accent);flex-shrink:0;margin-top:2px}.rule-row .rule-text{flex-direction:column;gap:2px;display:flex}.rule-row .rule-text strong{font-size:16.5px}.rule-row .rule-text span{color:var(--ink-soft);font-size:14.5px}.brcode-box{background:var(--accent-soft);word-break:break-all;border-radius:14px;padding:16px;font-family:ui-monospace,monospace;font-size:13px}.page-section{padding:48px 0}.footer{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:64px;padding:32px 0;font-size:14.5px}@media (prefers-reduced-motion:reduce){.btn,.option-card{transition:none}.btn-primary:hover{transform:none}}
