:root{--fg: #27272a;--fg-strong: #18181b;--muted: #52525b;--line: #e4e4e7;--bg: #ffffff;--surface: #f4f4f5;--accent: #f97316;--accent-solid: #c2410c;--accent-dark: #c2410c;--accent-weak: #fff7ed;--accent-line: #fed7aa;--accent-lite: #fdba74;--accent-rgb: 194, 65, 12;--hero-bg: #fdf6ef;--hero-1: #fffaf4;--hero-2: #fdf1e5;--hero-3: #fbe8d6;--hero-fg: #27272a;--dark-bg: #292018;--warn: #8a5a00;--radius: 16px;--radius-sm: 10px;--pill: 9999px;--maxw: 1120px;--measure: 720px;--pad: clamp(1.25rem, 5vw, 5rem)}*{box-sizing:border-box}h1,h2,h3,p,li,figcaption,.sub,.t,.d{word-break:auto-phrase;line-break:strict}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;color:var(--fg);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Yu Gothic,sans-serif;line-height:1.9;font-size:16px;-webkit-font-smoothing:antialiased}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}.measure{max-width:var(--measure)}header.site{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--line)}header.site .bar{display:flex;align-items:center;gap:1.5rem;min-height:68px;flex-wrap:wrap;padding-block:.5rem}header.site .brand{font-weight:800;font-size:1.15rem;color:var(--fg-strong);text-decoration:none;letter-spacing:.01em;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}header.site .brand:after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:5px;vertical-align:2px}header.site nav{display:flex;gap:.35rem;flex-wrap:wrap}header.site nav a{font-size:.9rem;font-weight:600;color:var(--muted);text-decoration:none;padding:.4rem .85rem;border-radius:var(--pill);transition:background .15s,color .15s;display:inline-flex;align-items:center;min-height:44px}header.site nav a:hover{background:var(--surface);color:var(--fg-strong)}header.site nav a[aria-current=page]{background:var(--accent-weak);color:var(--accent-dark)}.section{padding-block:clamp(2.5rem,6vw,4rem)}.section--tint{background:var(--surface)}.section--dark{background:var(--dark-bg);color:#ffffffd6}.section--dark h2,.section--dark h3,.section--dark strong{color:#fff}.section--dark a{color:var(--accent-lite)}.section--line{border-top:1px solid var(--line)}.eyebrow-l{display:block;font-size:.78rem;font-weight:800;letter-spacing:.1em;color:var(--accent-dark);margin-bottom:.5rem}.section--dark .eyebrow-l{color:var(--accent-lite)}.section>.wrap>h2:first-of-type,.section>.wrap>.head h2{font-size:clamp(1.5rem,3.6vw,2.1rem);margin-top:0}.head{margin-bottom:1.4rem;max-width:34em}.head h2:before{display:none}.head h2{display:block}.head p{color:var(--muted)}.section--dark .head p{color:#ffffffb8}.hero{background:linear-gradient(160deg,var(--hero-1) 0%,var(--hero-2) 58%,var(--hero-3) 100%);color:var(--hero-fg);padding:clamp(2.75rem,7vw,4.5rem) 0 0;position:relative;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(38% 55% at 82% 8%,rgba(249,115,22,.16),transparent 68%),radial-gradient(46% 62% at 8% 96%,rgba(251,191,36,.16),transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(39,39,42,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(39,39,42,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(70% 80% at 50% 30%,#000 25%,transparent 100%);-webkit-mask-image:radial-gradient(70% 80% at 50% 30%,#000 25%,transparent 100%);pointer-events:none}.hero .wrap{position:relative;z-index:1}.hero h1 span{display:inline-block}.hero h1{color:var(--fg-strong);font-size:clamp(1.6rem,4.2vw,2.6rem);font-weight:800;line-height:1.3;letter-spacing:-.01em;margin:0 0 1rem;max-width:18em;text-wrap:balance;line-break:strict}.hero .sub{color:var(--muted);font-size:clamp(.95rem,2vw,1.05rem);max-width:26em;margin:0 0 1.8rem}.hero .eyebrow{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.06em;color:var(--accent-dark);background:#fff;border:2px solid var(--accent-line);padding:.3rem .9rem;border-radius:var(--pill);margin-bottom:1.2rem}.hero-stats{display:flex;flex-wrap:wrap;gap:0 clamp(1.5rem,5vw,3.5rem);margin-top:2.5rem;padding-top:1.8rem;border-top:1px solid var(--line)}.hero-stats div{display:flex;align-items:baseline;gap:.6rem;padding:.4rem 0}.hero-stats .n{font-size:clamp(1.6rem,4vw,2.3rem);font-weight:800;color:var(--fg-strong);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.hero-stats .l{font-size:.8rem;color:var(--muted);line-height:1.4;max-width:9em}img{max-width:100%;height:auto;display:block}.hero-grid{display:grid;gap:clamp(1.5rem,4vw,3rem);align-items:center}@media(min-width:860px){.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}.hero-art img{width:100%;border-radius:var(--radius)}.fig{margin:1.2rem 0 1.4rem}.fig .frame{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);padding:clamp(.5rem,1.4vw,.85rem);display:flex;justify-content:center}.fig .frame img{width:auto;max-width:100%;max-height:230px;border-radius:var(--radius-sm)}.fig figcaption{margin-top:.5rem}.fig figcaption{font-size:.84rem;color:var(--muted);margin-top:.6rem}.cards--img a{padding:0;overflow:hidden}.cards--img .thumb{display:block;background:var(--accent-weak);border-bottom:2px solid var(--line)}.cards--img .thumb img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.cards--img .body{display:block;padding:1.1rem 1.25rem 1.4rem}.cards--img a:after{bottom:1.3rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:.9rem;text-decoration:none;padding:0 1.4rem;min-height:44px;border-radius:var(--pill);transition:transform .15s,box-shadow .15s,background .15s}.btn-primary{background:var(--accent-solid);color:#fff;box-shadow:0 6px 14px -6px rgba(var(--accent-rgb),.45)}.btn-primary:hover{background:#155e75;transform:translateY(-1px)}.btn-ghost{background:#fff;color:var(--fg-strong);border:2px solid var(--line)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-dark)}main.wrap{padding-block:clamp(2.5rem,6vw,4.5rem)}main.wrap.has-hero{padding-top:clamp(2rem,5vw,3.5rem)}h1{font-size:clamp(1.65rem,4.2vw,2.4rem);font-weight:800;line-height:1.35;letter-spacing:-.01em;margin:0 0 1rem;color:var(--fg-strong)}h2{font-size:clamp(1.25rem,3vw,1.7rem);font-weight:800;line-height:1.45;margin:3rem 0 1rem;color:var(--fg-strong);display:flex;align-items:center;gap:.7rem}h2:before{content:"";width:5px;height:1.05em;flex:none;background:var(--accent);border-radius:3px}h2 a{color:inherit;text-decoration:none}h2 a:hover{color:var(--accent-dark)}h3{font-size:1.1rem;font-weight:700;margin:2rem 0 .5rem;color:var(--fg-strong)}p{margin:.85rem 0}a{color:var(--accent-dark);text-underline-offset:3px}ul,ol{padding-left:1.3em}li{margin:.35rem 0}strong{font-weight:700;color:var(--fg-strong)}.meta{color:var(--muted);font-size:.85rem}.lede{background:var(--accent-weak);border-left:5px solid var(--accent);padding:1.1rem 1.3rem;margin:1.5rem 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:1.02rem}.table-scroll{overflow-x:auto;margin:1.2rem 0}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{border:1px solid var(--line);padding:.65rem .8rem;text-align:left}th{background:var(--surface);font-weight:700;color:var(--fg-strong)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}table a{display:inline-flex;align-items:center;min-height:44px}.pr{font-size:.82rem;color:var(--warn);background:#fffbeb;border:1px solid #fde68a;padding:.6rem .9rem;border-radius:var(--radius-sm);margin:0 0 1.5rem}.note{font-size:.92rem;color:var(--muted);background:var(--surface);border:2px solid var(--line);padding:1.1rem 1.3rem;border-radius:var(--radius);margin:1.5rem 0}.note strong{color:var(--fg-strong)}.section--tint .note{background:#fff}.section--dark .note{background:#ffffff0f;border-color:#ffffff2e;color:#fffc}.cards{list-style:none;padding:0;margin:1.2rem 0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}.cards--4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.cards a{position:relative;display:block;height:100%;text-decoration:none;color:inherit;background:#fff;border:2px solid var(--line);border-radius:var(--radius);padding:1.3rem 1.3rem 1.4rem;transition:border-color .18s,transform .18s,box-shadow .18s}.section--tint .cards a{background:#fff}.cards a:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 14px 28px -18px #18181b80}.cards .t{display:block;font-weight:800;color:var(--fg-strong);line-height:1.5}.cards .d{display:block;font-size:.85rem;color:var(--muted);margin-top:.4rem}.cards a:after{content:"→";position:absolute;right:1.2rem;bottom:1.1rem;color:var(--accent);font-weight:800;opacity:0;transform:translate(-6px);transition:opacity .18s,transform .18s}.cards a:hover:after{opacity:1;transform:translate(0)}.card-ic{width:46px;height:46px;border-radius:13px;background:var(--accent-weak);border:2px solid var(--accent-line);display:grid;place-items:center;margin-bottom:.9rem}.card-ic svg{width:24px;height:24px;display:block}.card-n{display:inline-block;font-size:.78rem;font-weight:800;color:var(--accent-dark);background:var(--accent-weak);border-radius:var(--pill);padding:.2rem .65rem;margin-top:.6rem}.steps{list-style:none;padding:0;margin:0;display:grid;gap:1.5rem 2rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.steps li{margin:0}.steps .n{display:block;font-size:2.6rem;font-weight:800;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin-bottom:.6rem}.steps h3{margin:0 0 .35rem}.steps p{margin:0;font-size:.92rem;color:var(--muted)}.section--dark .steps p{color:#ffffffb3}.split{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));margin:0}.split>div{border-radius:var(--radius);padding:1.1rem 1.2rem;border:2px solid}.split h3{margin:0 0 .3rem;font-size:1.05rem}.split p{margin:0}.split .bad{background:#fff;border-color:var(--line)}.split .good{background:var(--accent-weak);border-color:var(--accent-line)}.split h3{margin-top:0}.split .tag{display:inline-block;font-size:.78rem;font-weight:800;border-radius:var(--pill);padding:.2rem .7rem;margin-bottom:.6rem}.split .bad .tag{background:var(--surface);color:var(--muted)}.split .good .tag{background:var(--accent-solid);color:#fff}.checks{list-style:none;padding:0;margin:1rem 0}.checks li{position:relative;padding-left:2rem;margin:.6rem 0}.checks li:before{content:"✓";position:absolute;left:0;top:.1rem;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--accent-solid);color:#fff;font-size:.78rem;font-weight:800;display:grid;place-items:center}footer.site{margin-top:4rem;background:var(--surface);border-top:1px solid var(--line);padding:2.5rem 0 3rem;font-size:.88rem;color:var(--muted)}footer.site .cols{display:grid;gap:1.5rem 2.5rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}footer.site .brand{font-weight:800;color:var(--fg-strong);font-size:1rem}footer.site h4{font-size:.78rem;font-weight:700;color:var(--fg-strong);letter-spacing:.06em;margin:0 0 .6rem;text-transform:none}footer.site ul{list-style:none;padding:0;margin:0}footer.site li{margin:0}footer.site a{color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}footer.site a:hover{color:var(--accent-dark);text-decoration:underline}footer.site .copy{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.8rem}@media(max-width:640px){body{font-size:15.5px;line-height:1.85}header.site .bar{min-height:56px;gap:.75rem}header.site nav a{padding:.35rem .6rem;font-size:.85rem}.hero-stats{gap:0 1.5rem}}