:root{--color-bg: #FFFFFF;--color-on-ink: #FFFFFF;--color-mist: #F5F6F8;--color-ink: #14212B;--color-sub: #5B6672;--color-faint: #BFC6CE;--color-line: #E3E6EA;--color-blue: #1D4AA8;--color-red: #D3262F;--color-yellow: #F4C01E;--color-ok: #2E7D4F;--color-dusk-1: #F7ECCD;--color-dusk-2: #F0C762;--color-dusk-3: #E27A60;--color-dusk-4: #C65A6B;--color-dusk-5: #4E6CAA;--color-dusk-6: #A9B8D6;--font-heading: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", system-ui, sans-serif;--font-display: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", system-ui, sans-serif;--font-sans: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", system-ui, sans-serif;--font-mono: "M PLUS 1 Code", ui-monospace, monospace;--radius-box: 18px;--bar-h: 52px;--gutter: 40px}@media(max-width:860px){:root{--gutter: 20px}}*{box-sizing:border-box}html,body{margin:0}html{scroll-padding-top:64px;-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:17px;line-height:1.85;font-weight:400;-webkit-font-smoothing:antialiased}main{overflow-x:clip}a{color:inherit}img,svg{max-width:100%}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px;border-radius:4px}.wrap{max-width:1200px;margin:0 auto;padding:0 var(--gutter)}.nw{white-space:nowrap}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;left:16px;top:-80px;z-index:60;padding:10px 18px;border-radius:999px;background:var(--color-ink);color:var(--color-on-ink);font-size:14px;font-weight:700;text-decoration:none}.skip:focus{top:12px}h1,h2,h3,h4,.gate .for,.ch-no{word-break:auto-phrase}.mark{display:inline-flex;gap:3px;vertical-align:middle}.mark i{width:12px;height:4px;border-radius:2px;display:block}.mark i:nth-child(1){background:var(--color-blue)}.mark i:nth-child(2){background:var(--color-red)}.mark i:nth-child(3){background:var(--color-yellow)}header.site{position:relative;display:flex;align-items:center;justify-content:space-between;padding:26px 0}.logo{display:inline-flex;align-items:center;gap:12px;padding-block:4px;font-family:var(--font-mono);font-weight:700;font-size:24px;letter-spacing:.04em;text-decoration:none;line-height:1}.site-nav{display:flex;align-items:center;gap:32px}.site-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;font-size:14.5px;font-weight:500;color:var(--color-sub)}.site-nav ul a{text-decoration:none}.site-nav ul a:hover,.site-nav ul a[aria-current=page]{color:var(--color-ink)}.site-nav ul a[aria-current=page]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.menu{display:none;font:inherit;font-size:14px;font-weight:700;line-height:1.4;background:none;border:1px solid var(--color-ink);border-radius:999px;padding:9px 16px;color:var(--color-ink);cursor:pointer}.pill{--pc: var(--color-ink);display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:500;font-size:15px;line-height:1.4;padding:12px 26px;border-radius:999px;border:1px solid var(--pc);background:var(--color-bg);color:var(--pc);font-family:inherit;cursor:pointer;transition:background .2s,color .2s}.pill.small{padding:8px 20px;font-size:14px}.pill.blue{--pc: var(--color-blue)}.pill.red{--pc: var(--color-red)}.pill:hover,.pill.solid,.final .pill.blue,.final .pill.red{background:var(--pc);color:var(--color-on-ink)}.final .pill.white{--pc: var(--color-on-ink);background:var(--color-on-ink);color:var(--color-ink)}.final .pill.ghost{--pc: rgba(255,255,255,.6);background:transparent;color:var(--color-on-ink)}.pill.solid:hover,.final .pill:hover{filter:brightness(1.12)}.final .pill.ghost:hover{background:#ffffff1a}.more{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;text-decoration:none}.more:after{content:"";width:28px;height:1px;background:currentColor;transition:width .25s}.more:hover:after{width:44px}.track-bar{position:fixed;left:0;right:0;top:0;z-index:30;height:var(--bar-h);display:flex;align-items:center;justify-content:center;gap:16px;padding:0 16px;background:#ffffffdb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--color-line);font-size:14px;font-weight:700;transform:translateY(-100%);transition:transform .3s ease}.track-bar.show{transform:none}.track-bar .dot{width:8px;height:8px;border-radius:50%;background:var(--color-ink);flex:none}.track-bar[data-t=d2c] .dot{background:var(--color-blue)}.track-bar[data-t=ai] .dot{background:var(--color-red)}.track-bar a{flex:none;text-decoration:none;font-size:13px;padding:6px 14px;border-radius:999px;background:var(--color-ink);color:var(--color-on-ink)}.t1-track{--c: var(--color-blue)}.t2-track{--c: var(--color-red)}.t0-track{--c: var(--color-ink)}.gate{padding:140px 0 40px;border-top:1px solid var(--color-line)}.gate .who{margin:0 0 18px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;color:var(--c)}.gate .who:before{content:"";width:26px;height:6px;border-radius:3px;background:var(--c)}.gate .for{margin:0;font-weight:400;font-size:clamp(32px,5vw,68px);line-height:1.22;letter-spacing:0}.gate .for .dim{color:var(--color-sub)}.gate p.sub{margin:22px 0 0;color:var(--color-sub);max-width:36em}.chapter{padding:96px 0}.ch-no{display:flex;align-items:baseline;gap:14px;margin:0 0 22px;font-size:14px;font-weight:700;color:var(--color-sub)}.ch-no b{font-family:var(--font-mono);font-weight:500;font-size:17px;color:var(--c, var(--color-ink))}h2,.h2{font-weight:500;font-size:clamp(28px,3.6vw,48px);line-height:1.35;letter-spacing:0;margin:0 0 40px}h2 .dim,.h2 .dim{color:var(--color-sub)}.lede{margin:-16px 0 40px;color:var(--color-sub);max-width:40em}.pains{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--color-line)}.pains li{padding:28px 32px 8px 0}.pains li+li{padding-left:32px;border-left:1px solid var(--color-line)}.pains b{display:block;font-size:19px;font-weight:700;line-height:1.5;margin-bottom:8px;letter-spacing:0}.pains p{margin:0;font-size:15.5px;color:var(--color-sub)}.also{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.also>div{padding:30px 32px 30px 0}.also>div+div{padding-left:32px;border-left:1px solid var(--color-line)}.also strong{display:block;font-size:22px;font-weight:800;letter-spacing:0}.also p{margin:6px 0 0;font-size:15px;color:var(--color-sub)}.also .more{margin-top:14px}.ask{margin-top:44px;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}.panel{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--color-ink);border-left:1px solid var(--color-ink)}.piece{background:var(--color-bg);padding:28px 28px 30px;min-height:176px;border-right:1px solid var(--color-ink);border-bottom:1px solid var(--color-ink)}.piece .num{font-family:var(--font-mono);font-weight:300;font-size:38px;line-height:1;color:var(--color-blue)}.piece h3,.piece h4{margin:16px 0 4px;font-size:18px;font-weight:700;letter-spacing:0}.piece p{margin:0;font-size:14.5px;color:var(--color-sub);line-height:1.7}.ai-tag{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--color-ink)}.ai-tag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--color-yellow);box-shadow:0 0 0 1px #0e111640;flex:none}.piece .ai-tag{margin-top:12px}.make{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--color-line)}.make>div{padding:32px 32px 8px 0}.make>div+div{padding-left:32px;border-left:1px solid var(--color-line)}.make h3,.make h4{margin:0 0 14px;font-size:22px;font-weight:800;letter-spacing:0}.make ul{margin:0;padding:0;list-style:none;font-size:16px}.make li{padding:10px 0;border-bottom:1px solid var(--color-line)}.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n, 3),minmax(0,1fr));gap:32px}.flow li{position:relative;padding-top:22px;border-top:1px solid var(--color-line);font-weight:700;font-size:17px;line-height:1.6}.flow li:before{content:"";position:absolute;left:0;top:-1px;width:40px;height:2px;background:var(--c, var(--color-red))}.flow b{display:block;font-family:var(--font-mono);font-weight:300;font-size:34px;line-height:1;color:var(--c, var(--color-red));margin-bottom:12px}.flow small{display:block;margin-top:6px;font-size:14.5px;font-weight:400;color:var(--color-sub);line-height:1.7}.price-ai{margin-top:64px;display:grid;grid-template-columns:auto 1fr;gap:4px 40px;align-items:end;padding:32px 0;border-top:1px solid var(--color-ink);border-bottom:1px solid var(--color-line)}.price-ai strong{font-weight:800;font-size:clamp(32px,4vw,48px);letter-spacing:0;line-height:1.1;grid-row:span 2}.price-ai p{margin:0;color:var(--color-sub)}.about{background:var(--color-mist)}.figures{margin:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border-top:1px solid var(--color-line)}.figures div{padding:30px 32px 8px 0}.figures div+div{padding-left:32px;border-left:1px solid var(--color-line)}.figures dt{font-family:var(--font-mono);font-weight:300;font-size:clamp(46px,4.8vw,64px);line-height:1;letter-spacing:0}.figures dt small{font-family:var(--font-sans);font-size:20px;font-weight:700;letter-spacing:0;margin-left:4px}.figures dd{margin:14px 0 0;font-size:15px;line-height:1.7}.figures dd span:not(.kari){display:block;font-size:13px;color:var(--color-sub);margin-top:4px}.final{background:var(--color-ink);color:var(--color-on-ink);padding:120px 0}.final h2{margin-bottom:14px}.final p{margin:0;color:#ffffffc2}.final .ask{margin-top:40px}.final a.mail{color:var(--color-on-ink)}.final :focus-visible{outline-color:var(--color-on-ink)}footer.site{padding-block:48px 56px;font-size:13.5px;color:var(--color-sub)}footer.site .row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 32px}footer.site ul{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;margin:0 0 28px;padding:0 0 28px;border-bottom:1px solid var(--color-line);font-weight:500}footer.site a{text-decoration:none}footer.site a:hover{color:var(--color-ink);text-decoration:underline;text-underline-offset:4px}footer.site address{font-style:normal}.kari{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border:1px dashed var(--color-sub);border-radius:3px;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:0;color:var(--color-sub);vertical-align:.15em;white-space:nowrap}@media(prefers-reduced-motion:reduce){.track-bar,.pill,.more:after{transition:none}}@media(max-width:1040px){.menu{display:inline-block}.site-nav{gap:10px}.site-nav ul{display:none}.site-nav ul.open{display:flex;position:absolute;top:100%;left:calc(var(--gutter) * -1);right:calc(var(--gutter) * -1);z-index:40;flex-direction:column;gap:0;padding:0 var(--gutter) 16px;background:var(--color-bg);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);box-shadow:0 24px 32px -24px #14212b40}.site-nav ul.open a{display:block;padding:15px 0;font-size:16px;color:var(--color-ink);border-bottom:1px solid var(--color-line)}}@media(max-width:860px){header.site{padding:18px 0}.logo{gap:10px;font-size:22px}.pill.small{padding:8px 16px}.menu{padding:8px 14px}.track-bar{font-size:12.5px;gap:10px;padding:0 14px;justify-content:space-between}.track-bar [data-track-name]{flex:1;min-width:0;line-height:1.35}.pains,.also,.make,.figures{grid-template-columns:minmax(0,1fr)}.figures{grid-auto-flow:row}.pains li,.pains li+li,.also>div,.also>div+div,.make>div,.make>div+div,.figures div,.figures div+div{padding:22px 0;border-left:0}.pains li+li,.also>div+div,.make>div+div,.figures div+div{border-top:1px solid var(--color-line)}.gate{padding:96px 0 24px}.chapter{padding:72px 0}.panel{grid-template-columns:minmax(0,1fr)}.piece{min-height:0;padding:18px 20px;display:grid;grid-template-columns:52px 1fr;column-gap:8px}.piece .num{font-size:30px;grid-row:span 3}.piece h3,.piece h4{margin:0}.piece .ai-tag{margin-top:2px}.flow{grid-template-columns:minmax(0,1fr);gap:22px}.price-ai{grid-template-columns:minmax(0,1fr)}.price-ai strong{grid-row:auto}.final{padding:80px 0}.ask{gap:14px 24px}}