:root{color-scheme:light dark;--shu:#d90b0b;--shu-dark:#a80909;--enji:#c93338;--sango:#f8674f;--indigo:#233d6b;--shu-text:var(--shu);--indigo-text:var(--indigo);--enji-text:var(--enji);--btn-bg:var(--shu);--btn-bg-hover:var(--shu-dark);--matcha:#88b04b;--washi:#f3f1e9;--sumi:#1a1a1a;--sakura:#ffb7c5;--bg:#fff;--bg-2:#f8fafc;--bg-3:#f3f4f6;--fg:#111827;--fg-muted:#374151;--fg-dim:#6b7280;--fg-soft:#9ca3af;--border:#e5e7eb;--border-strong:#d1d5db;--accent:var(--shu);--accent-2:var(--enji);--accent-warm:#f59e0b;--warn:#ef4444;--ok:#10b981;--shadow-sm:0 1px 2px #0000000a, 0 1px 3px #0000000f;--shadow-md:0 4px 12px #0000000f, 0 2px 4px #0000000a;--shadow-red:0 4px 16px #d90b0b1f;--shadow-red-hover:0 8px 24px #d90b0b2e;--tint-shu-weak:#d90b0b0a;--tint-shu-soft:#d90b0b14;--tint-shu-hover:#d90b0b0f;--tint-indigo-weak:#233d6b0a;--hero-pattern-url:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23D90B0B' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--radius:8px;--max:1080px;--font-body:"Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-display:"Newsreader", Georgia, serif;--font-accent:"Newsreader", Georgia, serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--shu:#e34234;--shu-dark:#ff3500;--enji:#b91c1c;--sango:#f87171;--washi:#2a2618;--sumi:#0a0a14;--shu-text:#f76e64;--indigo-text:#8fb3f5;--enji-text:#f87171;--btn-bg:#d90b0b;--btn-bg-hover:#a80909;--bg:#10131f;--bg-2:#1a2036;--bg-3:#232b47;--fg:#ede6d6;--fg-muted:#a9adc0;--fg-dim:#8b90a3;--fg-soft:#6b7280;--border:#343c5c;--border-strong:#4a5478;--accent-warm:#facc15;--warn:#f87171;--ok:#22c55e;--shadow-sm:0 1px 2px #0006, 0 1px 3px #00000080;--shadow-md:0 4px 12px #00000080, 0 2px 4px #0006;--shadow-red:0 4px 16px #e3423440;--shadow-red-hover:0 8px 24px #e3423459;--tint-shu-weak:#e3423414;--tint-shu-soft:#e3423424;--tint-shu-hover:#e342341a;--tint-indigo-weak:#60a5fa14;--hero-pattern-url:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23E34234' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}}html[data-theme=dark]{--shu:#e34234;--shu-dark:#ff3500;--enji:#b91c1c;--sango:#f87171;--washi:#2a2618;--sumi:#0a0a14;--shu-text:#f76e64;--indigo-text:#8fb3f5;--enji-text:#f87171;--btn-bg:#d90b0b;--btn-bg-hover:#a80909;--bg:#10131f;--bg-2:#1a2036;--bg-3:#232b47;--fg:#ede6d6;--fg-muted:#a9adc0;--fg-dim:#8b90a3;--fg-soft:#6b7280;--border:#343c5c;--border-strong:#4a5478;--accent-warm:#facc15;--warn:#f87171;--ok:#22c55e;--shadow-sm:0 1px 2px #0006, 0 1px 3px #00000080;--shadow-md:0 4px 12px #00000080, 0 2px 4px #0006;--shadow-red:0 4px 16px #e3423440;--shadow-red-hover:0 8px 24px #e3423459;--tint-shu-weak:#e3423414;--tint-shu-soft:#e3423424;--tint-shu-hover:#e342341a;--tint-indigo-weak:#60a5fa14;--hero-pattern-url:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23E34234' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}html[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;margin:0;padding:0;font-size:16px;line-height:1.55}a{color:var(--shu-text);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max);margin:0 auto;padding:0 1.5rem}nav.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:.9rem 0;position:sticky;top:0}nav.topbar .container{justify-content:space-between;align-items:center;display:flex}nav.topbar .brand{font-weight:700;font-size:var(--fs-md);color:var(--fg);letter-spacing:-.01em;align-items:center;gap:.6rem;display:flex}nav.topbar .brand .dot{border-radius:var(--r-sm);background:var(--shu);width:28px;height:28px;box-shadow:var(--shadow-red);color:#fff;font-size:var(--fs-xs);font-weight:700;font-family:var(--font-accent);justify-content:center;align-items:center;display:flex}nav.topbar .links{font-size:var(--fs-base);flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}@media (width<=760px){.topbar .container{flex-wrap:wrap;row-gap:.2rem}.links{justify-content:center;gap:.1rem;width:100%}.links a{font-size:var(--fs-sm);padding:.4rem .5rem}}@media (width<=400px){.links a{font-size:var(--fs-sm);padding:.4rem .35rem}}nav.topbar .links a{color:var(--fg-muted);border-radius:var(--r-sm);align-items:center;min-height:44px;padding:.4rem .7rem;display:inline-flex}nav.topbar .links a:hover{color:var(--fg);background:var(--bg-3);text-decoration:none}.theme-toggle{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);width:44px;height:44px;color:var(--fg-muted);cursor:pointer;justify-content:center;align-items:center;margin-left:.3rem;padding:0;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}.theme-toggle:hover{border-color:var(--shu);color:var(--shu);background:var(--tint-shu-weak)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-moon{display:none}.theme-toggle .icon-sun{display:block}html[data-theme=dark] .theme-toggle .icon-sun{display:none}html[data-theme=dark] .theme-toggle .icon-moon{display:block}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .theme-toggle .icon-sun{display:none}html:not([data-theme=light]) .theme-toggle .icon-moon,html[data-theme=light] .theme-toggle .icon-sun{display:block}html[data-theme=light] .theme-toggle .icon-moon{display:none}}h1,h2,h3,h4{text-wrap:balance}p,li{text-wrap:pretty}section.hero{background:var(--bg);border-bottom:1px solid var(--border);padding:6rem 0 4rem;position:relative;overflow:hidden}section.hero:before{content:"";background-image:var(--hero-pattern-url);pointer-events:none;z-index:0;background-size:60px 60px;width:45%;height:75%;position:absolute;top:10%;right:-8%}.hero .container{z-index:1;position:relative}.hero h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--fg);margin:0 0 1.2rem;font-size:clamp(2rem,4.2vw,3.4rem);font-weight:700;line-height:1.08}.hero h1 .accent-text{color:var(--shu);margin-top:.3rem;display:block}.hero .subtitle{color:var(--fg-muted);max-width:680px;margin:0 0 2rem;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.6}.hero .hero-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:2.5rem;display:grid}.stat{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.3rem;transition:border-color .15s,box-shadow .15s}.stat:hover{border-color:var(--shu);box-shadow:var(--shadow-red)}.stat .num{color:var(--shu);font-size:1.75rem;font-weight:700;font-family:var(--font-accent);line-height:1}.stat .label{font-size:var(--fs-sm);color:var(--fg-muted);margin-top:.4rem;font-weight:500}.stat .src{font-size:var(--fs-xs);color:var(--fg-dim);margin-top:.4rem}.sources span a,.stat .src a{color:inherit;text-underline-offset:2px;padding:.4rem 0;text-decoration:underline;display:inline-block}.stat .src a:hover{color:var(--accent,#d90b0b)}.hero-cta{background:var(--btn-bg);color:#fff;font-weight:600;font-size:var(--fs-md);border-radius:var(--r-sm);cursor:pointer;box-shadow:var(--shadow-red);letter-spacing:.01em;border:0;align-items:center;gap:.6rem;margin-top:2rem;padding:.95rem 1.8rem;transition:background-color .15s,transform .15s,box-shadow .15s;display:inline-flex}.hero-cta:hover{background:var(--btn-bg-hover);box-shadow:var(--shadow-red-hover);text-decoration:none;transform:translateY(-1px)}section.trust{background:var(--bg-2);border-bottom:1px solid var(--border);padding:2rem 0}.trust .container{text-align:center}.trust .label{font-size:var(--fs-sm);color:var(--fg-dim);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem}.trust .sources{font-size:var(--fs-sm);color:var(--fg-muted);flex-wrap:wrap;justify-content:center;gap:.6rem 1.8rem;display:flex}.trust .sources span{white-space:nowrap}section{padding:4rem 0}section h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);margin:0 0 .6rem;font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:700}section .section-lead{color:var(--fg-muted);max-width:680px;font-size:var(--fs-md);margin:0 0 2rem}.calc-wrap{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);margin:1rem 0;padding:2rem}.question{margin-bottom:2rem}.question:last-child{margin-bottom:0}.question .q-label{font-weight:600;font-size:var(--fs-md);margin-bottom:.7rem;display:block}.question .q-label .q-num{background:var(--btn-bg);color:#fff;text-align:center;width:26px;height:26px;line-height:26px;font-size:var(--fs-sm);font-weight:700;font-family:var(--font-accent);border-radius:50%;margin-right:.6rem;display:inline-block}.question .q-hint{font-size:var(--fs-sm);color:var(--fg-dim);margin-top:.35rem}.radio-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;display:grid}.radio-grid label{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-base);color:var(--fg-muted);text-align:center;padding:.7rem .8rem;transition:border-color .12s,background-color .12s,box-shadow .12s,color .12s;display:block}.radio-grid label:hover{border-color:var(--shu);background:var(--tint-shu-weak);color:var(--fg)}.radio-grid input[type=radio]{opacity:0;pointer-events:none;position:absolute}.radio-grid input[type=radio]:checked+span{color:var(--shu);font-weight:600}.radio-grid label:has(input:checked){border-color:var(--shu);background:var(--tint-shu-soft);box-shadow:0 0 0 1px var(--shu);color:var(--shu)}.calc-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:2rem;padding-top:1.5rem;display:flex}.btn-primary{background:var(--btn-bg);color:#fff;border-radius:var(--r-sm);font-weight:600;font-size:var(--fs-md);cursor:pointer;box-shadow:var(--shadow-red);letter-spacing:.01em;border:0;padding:.9rem 1.6rem;transition:background-color .15s,transform .12s,box-shadow .15s}.btn-primary:hover{background:var(--btn-bg-hover);box-shadow:var(--shadow-red-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--fg-muted);border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:var(--fs-base);cursor:pointer;background:0 0;padding:.85rem 1.3rem;font-weight:500;transition:color .15s,border-color .15s}.btn-secondary:hover{color:var(--shu);border-color:var(--shu)}.results{background:linear-gradient(135deg, var(--tint-shu-weak), var(--tint-shu-hover));border:1px solid var(--shu);border-radius:var(--r-lg);box-shadow:var(--shadow-red);margin-top:2rem;padding:2rem;display:none}.results.visible{display:block}.results h3{font-size:var(--fs-xl);margin:0 0 1.5rem}.result-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.result-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);padding:1.4rem}.result-card .r-label{font-size:var(--fs-sm);color:var(--fg-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem;font-weight:600}.result-card .r-value{font-family:var(--font-accent);color:var(--shu);letter-spacing:-.02em;font-size:2.4rem;font-weight:700;line-height:1}.result-card .r-sub{font-size:var(--fs-sm);color:var(--fg-dim);margin-top:.5rem}.score-bar{background:var(--bg-3);border-radius:999px;height:10px;margin-top:.8rem;overflow:hidden}.score-bar-fill{background:linear-gradient(90deg, var(--matcha), var(--accent-warm), var(--shu));height:100%;transition:width .4s}.recommendations{border-top:1px solid #ffffff14;margin-top:1.5rem;padding-top:1.5rem}.recommendations h4{font-size:var(--fs-md);margin:0 0 1rem}.recommendations ul{margin:0;padding:0;list-style:none}.recommendations li{background:var(--bg);border:1px solid var(--border);border:1px solid var(--shu);border-radius:var(--r-sm);font-size:var(--fs-base);color:var(--fg-muted);margin-bottom:.6rem;padding:.85rem 1.1rem}.recommendations li strong{color:var(--shu)}.sealfie-cta{background:var(--sumi);color:#fff;border-radius:var(--r-md);font-size:var(--fs-base);box-shadow:var(--shadow-md);margin-top:2rem;padding:1.5rem 1.7rem}.sealfie-cta .cta-label{font-size:var(--fs-xs);color:var(--sakura);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.6rem;font-weight:600}.sealfie-cta strong{color:#fff}.sealfie-cta a{color:var(--shu);border-radius:var(--r-sm);background:#fff;align-items:center;gap:.4rem;margin-top:.8rem;padding:.6rem 1.1rem;font-weight:600;transition:background-color .15s;display:inline-flex}.sealfie-cta a:hover{background:#f8fafc;text-decoration:none}.disclaimer{background:var(--washi);border:1px solid var(--accent-warm);border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--fg-muted);margin:1rem 0;padding:1rem 1.2rem}.disclaimer strong{color:var(--fg)}.method-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0;display:grid}.method-grid .method-card:first-child,.method-grid .method-card:nth-child(2){grid-column:span 2}.method-grid .method-card:first-child{background:linear-gradient(135deg, var(--bg), var(--tint-shu-weak));border-color:var(--shu)}.method-grid .method-card:first-child h3,.method-grid .method-card:nth-child(2) h3{font-size:var(--fs-xl)}.method-grid .method-card:nth-child(n+3){padding:1rem 1.15rem}.method-grid .method-card:nth-child(n+3) h3{font-size:var(--fs-md)}.method-grid .method-card:nth-child(n+3) p{font-size:var(--fs-sm)}.method-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);padding:1.4rem 1.6rem;transition:border-color .15s,box-shadow .15s}.method-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}@media (width<=900px){.method-grid{grid-template-columns:repeat(2,1fr)}.method-grid .method-card:first-child,.method-grid .method-card:nth-child(2){grid-column:span 2}.method-grid .method-card:nth-child(n+3){grid-column:span 1}}@media (width<=480px){.method-grid{grid-template-columns:1fr}.method-grid .method-card:first-child,.method-grid .method-card:nth-child(2){grid-column:span 1}}.method-card h3{font-size:var(--fs-lg);letter-spacing:-.01em;margin:0 0 .6rem;font-weight:600}.method-card p{color:var(--fg-muted);font-size:var(--fs-sm);margin:0}.downloads{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem;margin:1rem 0;display:grid}.compare-intro{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0 2rem;display:grid}.compare-intro .ci-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);padding:1.1rem 1.3rem;transition:box-shadow .15s}.compare-intro .ci-card:hover{box-shadow:var(--shadow-sm)}.compare-intro .ci-card.bec{border-top:4px solid var(--indigo)}.compare-intro .ci-card.rw{border-top:4px solid var(--shu)}.compare-intro .ci-label{font-size:var(--fs-xs);color:var(--fg-dim);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.4rem}.compare-intro .ci-card strong{font-size:var(--fs-md)}.compare-intro .ci-card p{font-size:var(--fs-sm);color:var(--fg-muted);margin:.4rem 0 0}.compare-table-wrap{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);min-width:640px}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid var(--border);color:var(--fg-muted);padding:.75rem 1rem}.compare-table thead th{background:var(--bg-2);color:var(--fg);font-weight:700;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.compare-table thead th.bec-col{color:var(--indigo-text)}.compare-table thead th.rw-col{color:var(--shu-text)}.compare-table tbody tr:last-child td{border-bottom:0}.compare-table tbody tr:hover{background:var(--tint-shu-weak)}.compare-table td.sector{color:var(--fg);font-weight:600}.compare-table td.bec{background:var(--tint-indigo-weak);color:var(--fg)}.compare-table td.rw{background:var(--tint-shu-weak);color:var(--fg)}.compare-table td.ratio{color:var(--enji-text);white-space:nowrap;font-weight:700;font-family:var(--font-accent)}.compare-takeaway{background:var(--washi);border:1px solid var(--indigo);border-radius:var(--r-sm);font-size:var(--fs-base);color:var(--fg-muted);margin-top:1.5rem;padding:1.3rem 1.5rem}.compare-takeaway strong{color:var(--fg)}.compare-takeaway>strong:first-child{color:var(--indigo-text)}.compare-dimensions{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.dim-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--fs-sm);padding:1.1rem 1.3rem}.dim-card .dim-label{font-size:var(--fs-xs);color:var(--fg-dim);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.7rem;font-weight:600}.dim-card .dim-bec,.dim-card .dim-rw{color:var(--fg-muted);padding:.5rem 0 .5rem .7rem}.dim-card .dim-bec{border-left:2px solid var(--indigo);margin-bottom:.5rem}.dim-card .dim-rw{border-left:2px solid var(--shu)}.dim-card strong{color:var(--fg);font-weight:600}.download-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg);padding:1.2rem;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:block}.download-card:hover{border-color:var(--shu);box-shadow:var(--shadow-red);text-decoration:none;transform:translateY(-1px)}.download-card .dl-title{font-weight:600;font-size:var(--fs-base)}.download-card .dl-size{font-size:var(--fs-sm);color:var(--fg-dim);margin-top:.3rem}.download-card .dl-desc{font-size:var(--fs-sm);color:var(--fg-muted);margin-top:.5rem}details.faq{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:.6rem;padding:1rem 1.2rem;transition:border-color .15s}details.faq:hover{border-color:var(--border-strong)}details.faq[open]{border-color:var(--shu)}details.faq summary{cursor:pointer;padding-right:1.5rem;font-weight:600;list-style:none;position:relative}details.faq summary:after{content:"+";font-size:var(--fs-lg);color:var(--fg-muted);position:absolute;top:0;right:0}details.faq[open] summary:after{content:"−"}details.faq p{color:var(--fg-muted);font-size:var(--fs-base);margin:.8rem 0 0}footer{border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--fg-dim);background:var(--bg-2);padding:2.5rem 0}footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (width<=640px){section.hero{padding:3rem 0 2rem}.calc-wrap{padding:1.3rem}.radio-grid{grid-template-columns:1fr 1fr}.calc-actions{flex-direction:column;align-items:stretch}.calc-actions button{width:100%}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.hero-cta:hover,.btn-primary:hover,.download-card:hover{transform:none}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}