:root{--ink:#1c1f22;--steel:#4b545c;--mute:#7a828a;--line:#d9d6cf;--paper:#f4f2ed;--card:#fff;--acc:#d9822b;--accd:#b8691c}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Noto Sans TC","Noto Sans CJK TC","PingFang TC","Microsoft JhengHei","Noto Sans CJK JP",system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;font-size:16.5px}
:lang(ja){font-family:"Noto Sans JP","Noto Sans CJK JP","Hiragino Sans","Yu Gothic",sans-serif}
a{color:var(--accd)}img{max-width:100%;display:block}
.w{max-width:1080px;margin:0 auto;padding:0 24px}
header{background:var(--ink);color:#fff}header .w{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font-weight:800;letter-spacing:.04em;color:#fff;text-decoration:none;font-size:1.15rem}.logo span{color:var(--acc)}
nav a{color:#cfd3d6;margin-left:18px;font-size:.9rem;text-decoration:none}nav a:hover{color:#fff}
.hero{background:var(--ink);color:#fff;padding:72px 0 88px;border-bottom:6px solid var(--acc)}
.eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--acc);font-weight:700;margin-bottom:14px}
.hero h1{font-size:clamp(1.8rem,4.6vw,3rem);line-height:1.25;margin:0 0 20px;font-weight:800;letter-spacing:.01em;max-width:820px}
.hero p{color:#c9ced2;max-width:680px;font-size:1.05rem}
.btn{display:inline-block;background:var(--acc);color:#fff;padding:14px 26px;border-radius:4px;font-weight:700;text-decoration:none;margin-top:18px;border:0;font-size:1rem;cursor:pointer}.btn:hover{background:var(--accd)}
.btn.o{background:transparent;border:1.5px solid #6b747c;color:#fff;margin-left:10px}.btn.d{background:var(--ink)}
section{padding:80px 0}section+section{border-top:1px solid var(--line)}
h2{font-size:clamp(1.4rem,3vw,2rem);margin:0 0 12px;font-weight:800;line-height:1.3}.lead{color:var(--steel);max-width:720px;margin:0 0 36px}
h3{font-size:1.08rem;margin:0 0 8px}
.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.c{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:24px}
.alt{background:#fff}.dark{background:var(--ink);color:#e6e8ea}.dark .lead,.dark p{color:#b9bfc4}.dark .c{background:#262a2e;border-color:#3a4046;color:#e6e8ea}
.p{font-size:1.7rem;font-weight:800;margin:6px 0}small,.note{color:var(--mute);font-size:.86rem}
.tag{display:inline-block;background:#fbeadb;color:#8a4a10;border:1px solid #efc9a3;border-radius:3px;padding:2px 9px;font-size:.78rem;font-weight:700;margin-bottom:10px}
.case{margin-bottom:56px}.case h3{font-size:1.25rem;margin:4px 0 16px}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ba figure{margin:0}.ba img{border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.07)}
.ba figcaption{font-size:.82rem;font-weight:700;letter-spacing:.08em;margin:0 0 8px;color:var(--mute)}.ba .af figcaption{color:var(--accd)}
.steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.steps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-top:4px solid var(--acc);border-radius:4px;padding:22px}.steps li:before{content:"0" counter(s);display:block;font-weight:800;color:var(--acc);font-size:1.4rem;margin-bottom:6px}
.never li{margin-bottom:10px;list-style:none;padding-left:28px;position:relative}.never li:before{content:"✕";position:absolute;left:0;color:var(--acc);font-weight:800}.never{padding:0}
form{display:grid;gap:12px;max-width:560px}input{padding:14px;border:1px solid #6b747c;background:#262a2e;color:#fff;border-radius:4px;font-size:1rem}input::placeholder{color:#8d959c}
table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{border:1px solid var(--line);padding:8px;text-align:left}th{background:var(--paper)}
footer{background:var(--ink);color:#8d959c;padding:32px 0;font-size:.85rem}footer a{color:#cfd3d6}
@media(max-width:720px){section{padding:56px 0}.ba{grid-template-columns:1fr}.hero{padding:52px 0 64px}nav a{margin-left:10px;font-size:.82rem}.btn.o{margin-left:0}}
.hg{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.kw{color:#9aa2a9;font-size:.95rem;letter-spacing:.06em;margin-bottom:10px}
.hi{margin:0}.hi img{border-radius:6px;box-shadow:0 18px 48px rgba(0,0,0,.45);border:1px solid #3a4046}.hi figcaption{color:#8d959c;font-size:.8rem;margin-top:10px}
.band{background:var(--acc);color:#fff}.band .lead{color:#fff3e6}.band input{background:#fff;color:var(--ink);border-color:#fff}.band input::placeholder{color:#8d959c}.band .btn{background:var(--ink)}.band .btn:hover{background:#000}.band small{color:#fff3e6}
@media(max-width:860px){.hg{grid-template-columns:1fr;gap:32px}}