:root{--bg:#f6f8fb;--surface:#fff;--ink:#0f1f37;--ink-soft:#3d4f6b;--muted:#6b7a8d;--line:#e4e9f0;--line-soft:#eef2f7;--green:#1d7a49;--green-strong:#17663d;--green-soft:#eef7f1;--green-line:#cfe7d8;--green-tint:#f3faf6;--amber:#8a5a13;--amber-soft:#fdf6e7;--amber-line:#efdfb8;--red:#b3382e;--red-soft:#fdf1f0;--red-line:#f1d2d0;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #0f1f370a;--shadow:0 1px 2px #0f1f370d, 0 6px 18px #0f1f370f;--shadow-lg:0 2px 4px #0f1f370d, 0 14px 40px #0f1f3714;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}*{box-sizing:border-box}body{background:var(--bg);background-image:radial-gradient(1200px 480px at 80% -8%,#1d7a4912,#0000 60%),radial-gradient(900px 420px at -10% 0,#0f1f370a,#0000 55%);background-attachment:fixed;margin:0}.container{max-width:1120px;margin:0 auto;padding:0 24px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(180%)blur(10px);background:#ffffffd9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;padding-top:16px;padding-bottom:16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:var(--green);border-radius:9px;flex:none;box-shadow:0 2px 6px #1d7a4940}.brand-name{letter-spacing:-.02em;color:var(--ink);font-size:1.2rem;font-weight:700}.brand-tagline{color:var(--muted);border-left:1px solid var(--line);margin:0;padding-left:12px;font-size:.88rem}.header-privacy{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:.82rem;display:inline-flex}.header-right{align-items:center;gap:14px;display:flex}.lang-link{color:var(--green);letter-spacing:.02em;border:1px solid var(--green-line);background:var(--green-soft);border-radius:8px;padding:5px 12px;font-size:.85rem;font-weight:700;text-decoration:none;transition:background-color .12s,color .12s}.lang-link:hover{background:var(--green-strong);border-color:var(--green-strong);color:#fff}.header-privacy:before{content:"";background:var(--green);width:6px;height:6px;box-shadow:0 0 0 3px var(--green-soft);border-radius:50%}.layout{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"hero elixir""input how""result how""trust privacy";align-items:start;gap:16px 36px;padding-top:20px;padding-bottom:48px;display:grid}.hero{grid-area:hero}.elixir-summary{grid-area:elixir}.input-card{grid-area:input}.trust{grid-area:trust}.result-area{grid-area:result}.how-card{grid-area:how}.privacy-card{grid-area:privacy}.hero h1{letter-spacing:-.028em;color:var(--ink);margin:0 0 10px;font-size:2.1rem;font-weight:750;line-height:1.12}.hero-sub{color:var(--ink-soft);max-width:34rem;margin:0;font-size:1.02rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px}.card h2{letter-spacing:-.01em;margin:0 0 12px;font-size:1.05rem;font-weight:650}.elixir-summary{background:linear-gradient(160deg, var(--green-tint), var(--surface) 70%);border-color:var(--green-line)}.elixir-summary p{color:var(--ink-soft);margin:0 0 16px;font-size:.94rem}.text-link{color:var(--green);cursor:pointer;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .12s}.text-link:hover{color:var(--green-strong)}.input-card{padding:24px}.input-card label{color:var(--ink);margin-bottom:8px;font-size:.95rem;font-weight:600;display:block}.input-row{gap:12px;display:flex}.input-row input{min-width:0;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);flex:1;padding:12px 16px;font-family:inherit;font-size:1rem;transition:border-color .12s,box-shadow .12s}.input-row input::placeholder{color:#9aa6b8}.input-row input:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 4px #1d7a4924}.input-row button{color:#fff;background:var(--green);border:1px solid var(--green);border-radius:var(--radius-sm);cursor:pointer;flex:none;padding:12px 26px;font-family:inherit;font-size:1rem;font-weight:650;transition:background-color .12s,transform 80ms}.input-row button:hover{background:var(--green-strong)}.input-row button:active{transform:scale(.98)}.input-note{color:var(--muted);margin:10px 0 0;font-size:.85rem}.trust{grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.trust-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:14px;transition:border-color .12s,box-shadow .16s;display:flex}.trust-item:hover{border-color:var(--green-line);box-shadow:var(--shadow-sm)}.trust-icon{color:var(--green);flex:none;margin-top:1px}.trust-title{margin:0;font-size:.92rem;font-weight:650}.trust-text{color:var(--muted);margin:2px 0 0;font-size:.84rem;line-height:1.45}.result-area{min-height:0}.result{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);background:var(--surface);padding:26px 28px;animation:.22s result-in}@keyframes result-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.result h2{letter-spacing:-.01em;margin:10px 0 14px;font-size:1.3rem;font-weight:700}.result.ok{background:linear-gradient(165deg, var(--green-tint), var(--surface) 55%);border-color:var(--green-line)}.result.warn{background:linear-gradient(165deg, var(--amber-soft), var(--surface) 60%);border-color:var(--amber-line)}.result.error{background:linear-gradient(165deg, var(--red-soft), var(--surface) 60%);border-color:var(--red-line)}.result.neutral{background:var(--surface);box-shadow:var(--shadow-sm);padding:18px 22px}.result.neutral p{color:var(--muted);margin:0}.status-chip{letter-spacing:.01em;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:650;display:inline-flex}.status-chip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-chip.ok{color:var(--green);background:var(--green-soft)}.status-chip.warn{color:var(--amber);background:#fbf0d6}.result-bank{letter-spacing:-.02em;margin-top:8px;font-size:1.6rem;font-weight:750;line-height:1.2}.bank-page-link{margin:0 0 18px}.bank-page-link a{color:var(--green);border-bottom:1px solid var(--green-line);font-size:.95rem;font-weight:650;text-decoration:none;transition:border-color .12s,color .12s}.bank-page-link a:hover{color:var(--green-strong);border-color:var(--green-strong)}.result-sort{flex-wrap:wrap;align-items:baseline;gap:12px;margin:16px 0 20px;display:flex}.result-sort dt{color:var(--muted);margin:0;font-size:.8rem}.result-sort dd{letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--ink);margin:0;font-size:1.35rem;font-weight:700}.error-list{color:var(--ink-soft);margin:0;padding-left:20px}.error-list li{margin:2px 0}.elixir{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-sm);margin-top:4px;padding:16px 18px}.elixir-title{color:var(--ink);margin:0 0 10px;font-size:1.05rem;font-weight:700}.elixir-detail{color:var(--ink-soft);align-items:baseline;gap:8px;margin:4px 0;font-size:.94rem;display:flex}.elixir-detail:before{content:"•";color:var(--green);font-weight:700}.elixir-caveat{border-top:1px dashed var(--line);color:var(--muted);margin:12px 0 0;padding-top:12px;font-size:.86rem;line-height:1.5}.result-source{border-top:1px solid var(--line);color:var(--muted);margin:16px 0 0;padding-top:14px;font-size:.8rem}.steps{gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps li{align-items:flex-start;gap:14px;display:flex}.step-number{background:var(--green-soft);width:26px;height:26px;color:var(--green);border:1px solid var(--green-line);border-radius:50%;flex:none;place-items:center;font-size:.82rem;font-weight:700;display:grid}.step-title{margin:0;font-size:.95rem;font-weight:650}.step-text{color:var(--muted);margin:3px 0 0;font-size:.88rem}.privacy-list{color:var(--ink-soft);margin:0;padding-left:18px;font-size:.94rem}.privacy-list li{margin:4px 0}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding:32px 0 44px}.footer-inner{gap:6px;display:grid}.footer-brand{color:var(--ink);align-items:center;gap:10px;margin:0 0 10px;font-weight:700;display:flex}.footer-brand .brand-mark{width:22px;height:22px;box-shadow:0 1px 4px #1d7a4938}.footer-note{color:var(--muted);margin:0;font-size:.83rem}.footer-link{color:var(--green);font-weight:600;text-decoration:none}.footer-link:hover{color:var(--green-strong);text-decoration:underline}@media (width<=900px){.layout{grid-template-columns:1fr;grid-template-areas:"hero""input""result""elixir""trust""how""privacy";row-gap:16px;padding-top:22px;padding-bottom:36px}.hero h1{font-size:1.85rem}.hero-sub{font-size:1rem}.trust{grid-template-columns:1fr}.input-row{flex-direction:column}.input-row input,.input-row button{min-height:46px}.input-row button{width:100%}.header-privacy,.brand-tagline{display:none}.header-inner{min-height:74px;padding-top:20px;padding-bottom:20px}}@media (width<=480px){.container{padding:0 18px}.hero h1{font-size:1.65rem}.result{padding:22px 20px}.result-bank{font-size:1.4rem}}