:root{--ink:#0a0a0a;--ink-2:#141416;--brand:#f40;--brand-deep:#d63a00;--brand-soft:#ff6a33;--canvas:#fff;--soft:#f6f6f6;--wash:#fff5f1;--paper:#f3ede4;--grey1:#333336;--muted:#6f6f75;--line:#e6e6e6;--line-2:silver;--gold:#c9962f;--jp:"Noto Sans JP", system-ui, -apple-system, sans-serif;--en:var(--jp);--maxw:1100px;--ease:cubic-bezier(.16, 1, .3, 1)}body[data-lp-theme=claude-code]{--brand:#ff6a1a;--brand-deep:#c94b0b;--brand-soft:#ff9a5f;--wash:#fff2ea;--paper:#f0e4d8;--gold:#d98643}body[data-lp-theme=notion-ai]{--brand:#111;--brand-deep:#000;--brand-soft:#7c8aa0;--wash:#f5f7fa;--paper:#edf1f6;--gold:#6f7d90}body[data-lp-theme=cursor]{--brand:#16c7f3;--brand-deep:#008bb1;--brand-soft:#7ee7ff;--wash:#ebfaff;--paper:#e6f5fb;--gold:#2fb8d8}body[data-lp-theme=codex]{--brand:#20d56b;--brand-deep:#079344;--brand-soft:#74eda6;--wash:#ecfff4;--paper:#e6f4ec;--gold:#4fc878}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-family:var(--jp);-webkit-font-smoothing:antialiased;font-feature-settings:"palt";margin:0;line-height:1.85;overflow-x:hidden}img,svg{max-width:100%}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}mark{color:var(--brand);background:0 0;font-weight:900}a{color:var(--ink)}.reveal{opacity:1;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:none}.reveal.in{opacity:1;transform:none}.reveal-l{opacity:1;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:none}.reveal-l.in{opacity:1;transform:none}.reveal-r{opacity:1;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:none}.reveal-r.in{opacity:1;transform:none}.reveal-s{opacity:1;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:none}.reveal-s.in{opacity:1;transform:none}.js .reveal:not(.in){opacity:0;transform:translateY(22px)}.js .reveal-l:not(.in){opacity:0;transform:translate(-26px)}.js .reveal-r:not(.in){opacity:0;transform:translate(26px)}.js .reveal-s:not(.in){opacity:0;transform:scale(.94)}.stagger>*{transition-delay:calc(var(--i,0) * 70ms)}@media (width<=760px){.js .reveal-l:not(.in),.js .reveal-r:not(.in){transform:translateY(18px)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.float{animation:5.5s ease-in-out infinite floaty}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-l,.reveal-r,.reveal-s{opacity:1;transition:none;transform:none}.float{animation:none}}.btn{font-family:var(--en);letter-spacing:.01em;border-radius:0;align-items:center;gap:9px;padding:15px 30px;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;transition:opacity .15s,transform .12s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--brand-deep);color:#fff}.btn.primary:hover{background:var(--brand)}.btn.dark{background:var(--ink);color:#fff}.btn.ghost{color:#fff;background:0 0;border:1px solid #ffffff8c}.btn.line{color:var(--ink);border:1px solid var(--line-2);background:#fff}.btn .arw{font-family:var(--en)}.cta-row{flex-wrap:wrap;gap:14px;display:flex}.cta-unit{flex-direction:column;align-items:flex-start;gap:8px;display:inline-flex}.cta-tag{font-family:var(--jp);color:var(--brand-deep);background:var(--wash);border:1px solid var(--brand);letter-spacing:.02em;padding:4px 12px;font-size:12px;font-weight:700;position:relative}.cta-tag:after{content:"";background:var(--wash);border-right:1px solid var(--brand);border-bottom:1px solid var(--brand);width:10px;height:10px;position:absolute;bottom:-6px;left:22px;transform:rotate(45deg)}.cta-tag.on-ink{color:var(--brand-soft);background:#ff440024}.cta-tag.on-ink:after{border-color:var(--brand);background:#1a0c06}.elabel{font-family:var(--en);letter-spacing:.16em;text-transform:uppercase;color:var(--brand-deep);margin-bottom:10px;font-size:13px;font-weight:800;display:block}.elabel.on-ink{color:var(--brand)}.elabel.center{text-align:center}section{padding:84px 0;position:relative}section.soft{background:var(--soft)}section.wash{background:var(--wash)}section.paper{background:var(--paper)}section.ink{background:var(--ink)}section.brand{background:var(--brand)}@media (width<=720px){section{padding:60px 0}}.sec-head{text-align:center;margin-bottom:46px}.sec-head h2{font-family:var(--jp);color:var(--ink);text-wrap:balance;letter-spacing:.01em;word-break:keep-all;line-break:strict;margin:0;font-size:clamp(24px,3.4vw,40px);font-weight:900;line-height:1.4}.sec-head.light h2{color:#fff}@media (width<=430px){.sec-head h2{word-break:normal;line-break:auto}}.lead-c{max-width:62ch;color:var(--grey1);text-wrap:pretty;margin:18px auto 0;font-size:15px}.sec-head.light .lead-c{color:#ffffffd1}.slash-b{clip-path:polygon(0 0,100% 0,100% calc(100% - 42px),0 100%)}.slash-t{clip-path:polygon(0 42px,100% 0,100% 100%,0 100%)}.slash-bt{clip-path:polygon(0 42px,100% 0,100% calc(100% - 42px),0 100%)}@media (width<=720px){.slash-b{clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),0 100%)}.slash-t{clip-path:polygon(0 24px,100% 0,100% 100%,0 100%)}.slash-bt{clip-path:polygon(0 24px,100% 0,100% calc(100% - 24px),0 100%)}}.mcta{z-index:60;background:var(--ink);border-top:2px solid var(--brand);padding:10px 14px calc(10px + env(safe-area-inset-bottom));gap:10px;display:none;position:fixed;bottom:0;left:0;right:0}.mcta a{flex:1;justify-content:center;min-height:44px;padding:13px 10px;font-size:14px}.mcta.show{display:flex}@media (width>=861px){.mcta{display:none!important}}.btn:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
