:root{--night:#1C1E22;--night-2:#24262B;--paper:#F5F2EC;--paper-soft:#CFCCC4;--cream:#1C1E22;--cream-2:#24262B;--ink:#F5F2EC;--ink-soft:#C7C3BA;--mute:#8F8B81;--brass:#A06E3B;--brass-soft:#C8915C;--brass-pale:rgba(200,145,92,.16);--line:rgba(245,242,236,.12);--line-dark:rgba(245,242,236,.16);--card:#24262B;--ok:#5BC463;--warn:#E0776B;--font-display:"Noto Serif JP",serif;--font-body:"Noto Sans JP",sans-serif;--font-en:"Cormorant Garamond",Georgia,serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);font-weight:400;line-height:1.9;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none;cursor:pointer}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit;color:var(--ink)}::selection{background:var(--brass);color:#fff}.wrap{max-width:1100px;margin:0 auto;padding:0 24px}@media (min-width:1024px){.wrap{padding:0 40px}}.num-en{font-family:var(--font-en);font-style:italic;font-weight:500}.lbl{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}.lbl.mute{color:var(--mute)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:reduce){.grain{opacity:.04}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.d-header{position:sticky;top:0;z-index:60;background:#1c1e22b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.d-header .row{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1280px;margin:0 auto}@media (min-width:1024px){.d-header .row{padding:14px 40px}}.d-header .brand{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:.14em}.d-header nav{display:flex;align-items:center;gap:22px;font-size:13px;color:var(--ink-soft)}.d-header nav a{transition:color .25s}.d-header nav a:hover{color:var(--brass)}.d-header .nav-extra{display:none}@media (min-width:720px){.d-header .nav-extra{display:inline}}.d-hero{padding:72px 0 36px}@media (min-width:768px){.d-hero{padding:96px 0 44px}}.d-hero .back-row{display:flex;flex-wrap:wrap;gap:12px 22px;margin-bottom:26px}.d-hero .back{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:26px;transition:color .25s}.d-hero .back-row .back{margin-bottom:0}.d-hero .back:hover{color:var(--brass)}.eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:20px}.eyebrow .rule{height:1px;width:64px;background:var(--brass)}.d-hero h1{font-family:var(--font-display);font-weight:700;line-height:1.3;font-size:clamp(1.9rem,5vw,3.3rem);letter-spacing:.01em}.d-hero .lead{margin-top:22px;max-width:680px;color:var(--ink-soft);font-size:15.5px}.d-hero .lead strong{color:var(--ink);font-weight:700}.demo-note{background:var(--brass-pale);border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin-top:26px}.demo-note p{font-size:13.5px;color:var(--ink-soft);line-height:1.9}.demo-note p strong{color:var(--ink)}.demo-note .lbl{display:block;margin-bottom:8px}.card{background:linear-gradient(180deg,#26282e,#212328);border:1px solid var(--line);border-radius:14px;padding:22px 24px;box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff0a}.card .lbl{display:block;margin-bottom:14px}.card-hover{transition:transform .45s cubic-bezier(.19,1,.22,1),box-shadow .45s,border-color .35s}.card-hover:hover{transform:translateY(-4px);border-color:var(--brass-soft);box-shadow:0 14px 34px #00000080}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:11px 24px;font-size:13.5px;font-weight:500;letter-spacing:.04em;border:1px solid transparent;transition:all .3s ease}.btn-brass{color:#fff;position:relative;overflow:hidden;background:linear-gradient(135deg,#B27C45 0%,var(--brass) 45%,#8C5F31 100%);background-size:160% 160%;background-position:0% 0%;transition:background-position .5s ease,box-shadow .3s ease,transform .3s ease}.btn-brass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 62%);transform:translate(-120%);transition:transform .7s cubic-bezier(.19,1,.22,1)}.btn-brass:hover{background-position:100% 100%;box-shadow:0 8px 24px #a06e3b66;transform:translateY(-1px)}.btn-brass:hover:after{transform:translate(120%)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink-soft)}.btn-ghost:hover{border-color:var(--brass);color:var(--brass)}.btn-sm{padding:8px 16px;font-size:12.5px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.inp{width:100%;background:#191b1f;border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:9px 12px;font-size:14px;transition:border-color .25s,box-shadow .25s}.inp:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px #a06e3b1f}.inp-line{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:7px 4px;font-size:14px;transition:border-color .25s}.inp-line:focus{outline:none;border-color:var(--brass)}.inp-num{text-align:right;font-variant-numeric:tabular-nums}select.inp{cursor:pointer}label.f-lbl{display:block;font-size:12px;color:var(--mute);margin-bottom:6px;letter-spacing:.06em}.d-table{width:100%;border-collapse:collapse;font-size:14px}.d-table th{font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);text-align:left;padding:10px;border-bottom:1px solid var(--line)}.d-table th.num,.d-table td.num{text-align:right}.d-table td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}.d-table tr:last-child td{border-bottom:0}.d-table td.num{font-variant-numeric:tabular-nums}.row-flash td{animation:rowFlash .9s ease-out}@keyframes rowFlash{0%{background:var(--brass-pale)}to{background:transparent}}.row-out{opacity:0;transform:translate(10px);transition:opacity .3s,transform .3s}.pill{display:inline-block;font-size:12px;padding:3px 12px;border-radius:999px;background:var(--brass-pale);color:var(--brass-soft);font-variant-numeric:tabular-nums}.pill.dim{opacity:.45}.pill.ok{background:#5bc46326;color:var(--ok)}.pill.warn{background:#e0776b29;color:var(--warn)}.pill.night{background:#f5f2ec1f;color:var(--paper)}.rm{color:var(--mute);cursor:pointer;font-size:18px;line-height:1;padding:0 6px;border:0;background:none;transition:color .2s}.rm:hover{color:var(--warn)}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%) translateY(20px);background:#2e3138;color:var(--paper);border:1px solid var(--line);padding:12px 24px;border-radius:999px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:80;box-shadow:0 10px 30px #00000080}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.takeaway{margin-top:28px}.takeaway p{font-size:14.5px;color:var(--ink-soft);line-height:2}.takeaway p strong{color:var(--ink)}.d-footer{background:var(--night);color:var(--paper);margin-top:96px;padding:72px 0 40px;overflow:hidden}.d-footer .cols{display:flex;flex-direction:column;gap:36px;margin-bottom:56px}@media (min-width:768px){.d-footer .cols{flex-direction:row;align-items:flex-end;justify-content:space-between}}.d-footer .tag{max-width:320px;color:var(--paper-soft);font-size:15px;line-height:1.9}.d-footer nav{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:13px;color:var(--paper-soft)}.d-footer nav a{transition:color .25s}.d-footer nav a:hover{color:var(--brass-soft)}.d-footer .logo{display:flex;justify-content:center;padding:0 24px}.d-footer .logo img{width:100%;max-width:520px;height:auto;opacity:.9}.d-footer .base{display:flex;flex-direction:column;gap:6px;margin-top:32px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#cfccc499}@media (min-width:640px){.d-footer .base{flex-direction:row;justify-content:space-between}}.cta-bar{position:fixed;bottom:0;left:0;right:0;z-index:50}.cta-bar .in{background:#1c1e22f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line-dark)}.cta-bar .row{max-width:1280px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px}.cta-bar .copy{display:none;font-family:var(--font-display);color:var(--paper);font-size:15.5px}.cta-bar .copy em{color:var(--brass-soft);font-style:normal}@media (min-width:640px){.cta-bar .copy{display:block}}.cta-bar .right{display:flex;align-items:center;gap:8px;margin-left:auto}.cta-bar .x{color:#cfccc4b3;background:none;border:0;width:32px;height:32px;font-size:20px;line-height:1}.cta-bar .x:hover{color:var(--paper)}.grid-2{display:grid;gap:24px}@media (min-width:900px){.grid-2{grid-template-columns:2fr 1fr;align-items:start}}.grid-3{display:grid;gap:20px}@media (min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}}.mt-6{margin-top:24px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.scroll-x{overflow-x:auto}