:root{--red:#cf0a2c;--red-dark:#a2081f;--ink:#16190f;--moss:#2f3a26;--moss-deep:#212818;--muted:#5a5a5a;--line:#e8e8e8;--bg:#fff;--bg-soft:#f7f5f5;--max:1120px;--font:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;--font-display:"Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Sans", "Meiryo", sans-serif}*{box-sizing:border-box}html{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px;line-height:1.8}body{margin:0}a{color:var(--red-dark)}img{max-width:100%;height:auto}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}.eyebrow{letter-spacing:.16em;color:var(--red-dark);margin:0 0 12px;font-size:13px;font-weight:700}br.pc{display:inline}.site-header{backdrop-filter:blur(6px);border-bottom:1px solid var(--line);z-index:10;background:#fffffff5;transition:box-shadow .3s,background .3s;position:sticky;top:0}.site-header.scrolled{background:#fffffffa;box-shadow:0 6px 24px #16190f12}.site-header .wrap{justify-content:space-between;align-items:center;height:104px;display:flex}.site-header .brand{align-items:center;text-decoration:none;display:flex}.site-header .brand img{width:auto;height:64px;display:block}.site-header .brand{transition:opacity .2s}.site-header .brand:hover{opacity:.8}.site-header nav{align-items:center;gap:30px;font-size:14px;display:flex}.site-header nav a{color:var(--ink);text-decoration:none}.site-header nav a.cta{background:var(--red);color:#fff;border-radius:999px;padding:11px 22px;font-weight:700}.btn{border-radius:999px;padding:15px 28px;font-size:16px;font-weight:700;line-height:1.4;text-decoration:none;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,background .2s;display:inline-block}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #16190f29}.btn:active{box-shadow:none;transform:translateY(0)}.site-header nav a.cta{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}.site-header nav a.cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #cf0a2c47}.btn.primary{background:var(--red);color:#fff}.btn.dark{background:var(--moss);color:#fff}.btn.ghost{border:2px solid var(--red);color:var(--red-dark);background:#fff}.btn.ghost-white{color:#fff;background:0 0;border:2px solid #fff}.btn.white{color:var(--ink);background:#fff}.actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero{isolation:isolate;padding:96px 0 72px;position:relative;overflow:hidden}.hero:before,.cta-band:before{content:"";z-index:0;pointer-events:none;will-change:background-position;background-position:4% 6%,96% 8%,48% 92%;background-repeat:no-repeat;background-size:150% 150%,145% 160%,165% 145%;animation:30s ease-in-out infinite alternate aurora;position:absolute;inset:0}.hero:before{background-image:radial-gradient(40% 46% at 30% 34%,#cf0a2c26,#0000 68%),radial-gradient(36% 42% at 70% 24%,#2f3a261f,#0000 70%),radial-gradient(46% 50% at 52% 78%,#cf0a2c14,#0000 72%)}.cta-band:before{background-image:radial-gradient(42% 48% at 26% 30%,#ffffff1c,#0000 70%),radial-gradient(38% 44% at 74% 20%,#cf0a2c33,#0000 72%),radial-gradient(50% 52% at 50% 84%,#ffffff12,#0000 74%)}@keyframes aurora{to{background-position:28% 20%,72% 26%,34% 70%}}.hero .wrap,.cta-band>.wrap{z-index:1;position:relative}.hero .wrap>*{animation:.9s cubic-bezier(.16,1,.3,1) both rise}.hero .eyebrow{animation-delay:50ms}.hero h1{animation-delay:.18s}.hero .lead{animation-delay:.36s}.hero .actions{animation-delay:.52s}.hero .deck-links{animation-delay:.64s}.hero .facts{animation-delay:.78s}@keyframes rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.hero-video{z-index:-2;object-fit:cover;object-position:50% 46%;opacity:.5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-scrim{z-index:-1;pointer-events:none;background:linear-gradient(#fff0 52%,#ffffff57 100%),linear-gradient(100deg,#fffffff2 0 46%,#ffffff80 76%,#fff3 100%);position:absolute;inset:0}.hero h1{letter-spacing:-.01em;max-width:15em;margin:0 0 24px;font-size:clamp(32px,4.2vw,56px);line-height:1.28}.hero .lead{color:var(--muted);max-width:760px;margin:0 0 36px;font-size:19px;line-height:1.75}.hero .lead,.hero .facts dd{color:#464646}.hero .deck-links{width:max-content;max-width:100%}.hero .eyebrow{color:var(--red-dark)}.deck-links{flex-wrap:wrap;gap:24px;margin:16px 0 0;font-size:14px;display:flex}.deck-links a{color:var(--red-dark)}.facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:32px;margin:56px 0 0;padding:28px 0 0;display:grid}.facts dt{font-family:var(--font-display);margin:0 0 6px;font-size:20px;font-weight:700}.facts dd{color:var(--muted);margin:0;font-size:14px}.split{grid-template-columns:1fr 1fr;display:grid;overflow-x:clip}.pane{isolation:isolate;color:#fff;flex-direction:column;padding:72px 64px 72px 72px;display:flex;position:relative;overflow:hidden}.pane.business{background:var(--red)}.pane.professional{background:var(--moss)}.pane .eyebrow{color:#ffffffc7;letter-spacing:.14em;margin-bottom:14px}.pane h2{margin:0 0 18px;font-size:clamp(26px,2.6vw,36px);line-height:1.35}.pane .pain{margin:0 0 26px;font-size:18px;line-height:1.75}.pane .label{letter-spacing:.14em;opacity:.78;margin-bottom:10px;font-size:12px;font-weight:700}.pane ul{gap:12px;margin:0 0 24px;padding:0;font-size:16px;list-style:none;display:grid}.pane li{padding-left:20px;position:relative}.pane li:before{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:.72em;left:0}.pane .chips{flex-wrap:wrap;gap:8px;margin:0 0 34px;display:flex}.pane .chips span{border:1px solid #ffffffc7;border-radius:999px;padding:5px 12px;font-size:13px}.pane .actions{gap:18px;margin-top:auto}.pane.business .btn.white{color:var(--red-dark)}.pane a.sub-link{color:#fff;font-size:14px}.section{padding:96px 0}.section.soft{background:var(--bg-soft)}.section h2{letter-spacing:-.01em;margin:0 0 22px;font-size:clamp(27px,3.1vw,38px);line-height:1.35}.section p.sub{color:var(--muted);max-width:760px;margin:0 0 40px}.section h2+.steps,.section h2+.pricing,.section h2+.faq{margin-top:40px}.steps{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.step{padding:0;position:relative}.step .num{background:var(--moss);color:#fff;width:52px;height:52px;font-family:var(--font-display);z-index:1;border-radius:50%;justify-content:center;align-items:center;margin:0 0 16px;font-size:22px;font-weight:700;line-height:1;transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s;display:flex;position:relative}.step:first-child .num{background:var(--red)}.step:hover .num{transform:scale(1.08)}.step:before{content:"";background:repeating-linear-gradient(90deg, var(--line) 0 6px, transparent 6px 12px);height:2px;position:absolute;top:26px;left:52px;right:-24px}.step:last-child:before{display:none}.js-reveal main>section:not(.hero)>.wrap,.js-reveal main>section:not(.hero)>.pane,.js-reveal .reveal{opacity:0;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transform:translateY(56px)}.js-reveal main>section:not(.hero)>.wrap.in,.js-reveal main>section:not(.hero)>.pane.in,.js-reveal .reveal.in{opacity:1;transform:none}.js-reveal .split>.pane.business{transform:translate(-64px)}.js-reveal .split>.pane.professional{transform:translate(64px)}.js-reveal :is(.stagger,.cases,.steps,.fields,.pricing,.facts,.post-list,.faq>div)>*{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(34px)scale(.97)}.js-reveal .in :is(.stagger,.cases,.steps,.fields,.pricing,.facts,.post-list,.faq>div)>*,.js-reveal :is(.stagger,.cases,.steps,.fields,.pricing,.facts,.post-list,.faq>div).in>*{opacity:1;transform:none}.js-reveal .in :is(.stagger,.cases,.steps,.fields,.pricing,.facts,.post-list,.faq>div)>:nth-child(2){transition-delay:90ms}.js-reveal .in :is(.stagger,.cases,.steps,.fields,.pricing,.facts,.post-list,.faq>div)>:nth-child(3){transition-delay:.18s}.js-reveal .in :is(.stagger,.cases,.steps,.fields,.pricing,.facts,.post-list,.faq>div)>:nth-child(4){transition-delay:.27s}.js-reveal .in :is(.stagger,.cases,.steps,.fields,.pricing,.facts,.post-list,.faq>div)>:nth-child(5){transition-delay:.36s}.js-reveal .in :is(.stagger,.cases,.steps,.fields,.pricing,.facts,.post-list,.faq>div)>:nth-child(6){transition-delay:.45s}.js-reveal .in :is(.stagger,.cases,.steps,.fields,.pricing,.facts,.post-list,.faq>div)>:nth-child(n+7){transition-delay:.54s}.split-chars .ch{will-change:transform, opacity;display:inline-block}.js-reveal .split-chars .ch{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i) * 30ms);transform:translateY(.55em)rotate(6deg)}.js-reveal .in .split-chars .ch,.js-reveal .wrap.in .split-chars .ch{opacity:1;transform:none}.hero h1.split-chars{animation:none}.hero h1.split-chars .ch{opacity:0;animation:.75s cubic-bezier(.16,1,.3,1) both char-rise;animation-delay:calc(.2s + var(--i) * 40ms);transition:none}@keyframes char-rise{0%{opacity:0;transform:translateY(.7em)rotate(7deg)}to{opacity:1;transform:none}}.js-reveal .hero :is(.stagger,.cases,.steps,.fields,.pricing,.facts,.post-list,.faq>div)>*{opacity:1;transform:none}.js-reveal figure.figure{transition:transform 1s cubic-bezier(.16,1,.3,1),opacity 1s;transform:scale(.94)}.js-reveal .in figure.figure{transform:none}.case,.fields li,.price,.post-card{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s}.case:hover,.fields li:hover,.price:hover,.post-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px #16190f1a}@media (prefers-reduced-motion:reduce){.hero .wrap>*,.hero:before,.cta-band:before{animation:none}.band-video{opacity:.6}.split-chars .ch,.hero h1.split-chars .ch{opacity:1;transition:none;animation:none;transform:none}.js-reveal main>section>.wrap,.js-reveal main>section>.pane,.js-reveal .reveal,.js-reveal :is(.stagger,.cases,.steps,.fields,.pricing,.facts,.post-list,.faq>div)>*,.js-reveal figure.figure{opacity:1;transition:none;transform:none}.btn:hover,.case:hover,.fields li:hover,.price:hover,.post-card:hover{transform:none}}.step h3{margin:0 0 8px;font-size:21px}.step p{color:var(--muted);margin:0;font-size:14px}.fields{grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.fields li{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;font-size:15px;font-weight:500;display:flex}.fields .num{background:var(--bg-soft);width:30px;height:30px;color:var(--moss);font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:1;transition:background .3s,color .3s;display:flex}.fields li:hover .num{background:var(--red);color:#fff}.cases{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.case{background:var(--bg-soft);border-radius:16px;padding:28px}.case h3{margin:0 0 8px;font-size:22px}.case p{color:var(--muted);margin:0;font-size:14px}.pricing{grid-template-columns:1fr 1fr;gap:24px;display:grid}.price{border:1px solid var(--line);background:#fff;border-radius:16px;padding:36px}.price h3{margin:0 0 10px;font-size:22px}.price .big{font-family:var(--font-display);margin:0 0 12px;font-size:26px;font-weight:700;line-height:1.4}.price p{color:var(--muted);margin:0;font-size:14px}.faq{grid-template-columns:1fr 1fr;gap:48px;display:grid}.faq h3{color:var(--red-dark);margin:0 0 8px;font-size:22px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;padding-left:30px;font-weight:500;list-style:none;position:relative}.faq summary:before{content:"Q";font-family:var(--font-display);color:var(--red-dark);font-weight:700;position:absolute;top:0;left:0}.faq summary::-webkit-details-marker{display:none}.faq details p{color:var(--muted);margin:8px 0 0 30px;font-size:14px}.cta-band{isolation:isolate;background:var(--moss);color:#fff;text-align:center;padding:88px 0;position:relative;overflow:hidden}.band-video{z-index:-2;object-fit:cover;opacity:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.band-scrim{z-index:-1;pointer-events:none;background:#21281875;position:absolute;inset:0}.cta-band h2{margin:0 0 16px;font-size:clamp(26px,3vw,36px);line-height:1.35}.cta-band>.wrap>p{color:#ffffffc7;max-width:760px;margin:0 auto 32px}.cta-band .actions{justify-content:center}.cta-band .deck-links{color:#ffffffc7;justify-content:center;margin-top:18px;display:block}.cta-band .deck-links a{color:#fff}.post-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;display:grid}.post-card{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:16px;text-decoration:none;display:block;overflow:hidden}.post-card:hover{border-color:var(--red)}.post-card .thumb{object-fit:cover;background:linear-gradient(135deg, var(--moss-deep), var(--moss));width:100%;height:180px;display:block}.post-card:nth-child(3n+1) div.thumb{background:linear-gradient(135deg, var(--red), #7a0a1c)}.audience-tabs{flex-wrap:wrap;gap:8px;margin:0 0 24px;display:flex}.audience-tabs a,.audience-tabs button{font:inherit;border:2px solid var(--moss);color:var(--moss);cursor:pointer;background:#fff;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700;text-decoration:none}.audience-tabs .active{background:var(--moss);color:#fff}.more{margin:22px 0 0;font-size:15px}.more a,.deck-links a,.pane a.sub-link{transition:transform .25s cubic-bezier(.22,1,.36,1);display:inline-block}.more a:hover,.deck-links a:hover,.pane a.sub-link:hover{transform:translate(4px)}.post-card .body{padding:18px 20px 20px}.post-card time{color:var(--muted);font-size:12px}.post-card h3{margin:6px 0 8px;font-size:17px;line-height:1.5}.post-card p{color:var(--muted);margin:0;font-size:14px}.tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tag{background:var(--bg-soft);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:1px 10px;font-size:12px}.article{max-width:760px;margin:0 auto;padding:48px 20px 64px}.article header h1{margin:0 0 12px;font-size:clamp(26px,3.6vw,36px);line-height:1.4}.article .meta{color:var(--muted);margin-bottom:28px;font-size:14px}.article .hero-image{margin:0 0 32px}.article .hero-image img{border-radius:14px;width:100%;height:auto;display:block}.article .hero-image figcaption{color:var(--muted);text-align:right;margin-top:6px;font-size:12px}.article .body h2{border-left:5px solid var(--red);margin:40px 0 12px;padding-left:12px;font-size:22px}.article .body h3{margin:28px 0 8px;font-size:18px}.article .body p{margin:0 0 18px}.article .body table{border-collapse:collapse;width:100%;margin:16px 0 24px;font-size:15px;display:block;overflow-x:auto}.article .body th,.article .body td{border:1px solid var(--line);text-align:left;padding:8px 12px}.article .body th{background:var(--bg-soft)}.article .body blockquote{background:var(--bg-soft);border-left:4px solid var(--red);color:var(--muted);margin:0 0 18px;padding:12px 18px}.next-step{border:2px solid var(--red);background:#fff;border-radius:14px;margin-top:40px;padding:22px}.next-step h2{border:none;margin:0 0 8px;padding:0;font-size:20px}.disclosure{color:var(--muted);border-top:1px solid var(--line);margin-top:28px;padding-top:14px;font-size:13px}.prose{max-width:760px}.prose p{margin:0 0 18px}.prose p:last-child{margin-bottom:0}.prose ul{margin:0 0 18px;padding-left:1.2em}.prose ol{counter-reset:item;margin:0 0 18px;padding:0;list-style:none}.prose ol>li{counter-increment:item;margin-bottom:14px;padding-left:44px;position:relative}.prose ol>li:before{content:counter(item);background:var(--moss);color:#fff;width:28px;height:28px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:1;display:flex;position:absolute;top:.1em;left:0}.prose li{margin-bottom:8px}.lead-in{font-size:18px;line-height:1.85}.note{color:var(--muted);margin-top:18px;font-size:14px;line-height:1.9}.section.tinted{background:var(--bg-soft)}.callout{background:var(--bg-soft);border-radius:12px;max-width:760px;margin:24px 0 0;padding:24px 28px}.callout h3{margin:0 0 8px;font-size:19px}.callout p{margin:0 0 12px;font-size:15px;line-height:1.9}.callout p:last-child{margin-bottom:0}.callout.quiet{border:1px solid var(--line);background:#fff}.source{color:var(--muted);max-width:760px;margin-top:14px;font-size:12px;line-height:1.8}.table-scroll{overflow-x:auto}.table-scroll:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}table.plain{border-collapse:collapse;width:100%;min-width:480px;font-size:15px}table.plain th,table.plain td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px;line-height:1.8}table.plain thead th{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:500}table.plain tbody th{font-weight:500}table.plain tbody th[scope=row]{white-space:nowrap}table.plain tr.now td,table.plain tr.now th{background:#fff}.badge{color:#fff;background:var(--red);vertical-align:1px;white-space:nowrap;border-radius:4px;margin-left:8px;padding:2px 7px;font-size:11px;display:inline-block}figure.figure{margin:32px 0 0}figure.figure img{width:100%;height:auto;display:block}figure.figure figcaption{color:var(--muted);margin-top:10px;font-size:13px}.faq.single{grid-template-columns:1fr}.site-footer{background:var(--moss-deep);color:#c3c8bc;padding:44px 0;font-size:13px}.site-footer .wrap{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.site-footer a{color:#c3c8bc}.site-footer .brand{color:#fff;font-weight:700}@media (width<=980px){.hero-scrim{background:#ffffffdb}.hero-video{opacity:.4}}@media (width<=800px){br.pc{display:none}.wrap{padding:0 20px}.site-header .wrap{height:80px}.site-header .brand img{height:48px}.site-header nav{gap:12px}.site-header nav a:not(.cta){display:none}.hero{padding:48px 0 40px}.hero .lead{font-size:16px}.facts{grid-template-columns:1fr;gap:18px;margin-top:36px}.split{grid-template-columns:1fr}.pane{padding:44px 24px}.pane .actions{margin-top:8px}.section{padding:56px 0}.steps{grid-template-columns:1fr;gap:20px}.step{padding-left:68px}.step .num{margin:0;position:absolute;top:0;left:0}.step:before{background:repeating-linear-gradient(180deg, var(--line) 0 6px, transparent 6px 12px);width:2px;height:auto;inset:52px auto -20px 25px}.fields{grid-template-columns:1fr 1fr;gap:10px}.fields li{padding:12px 14px;font-size:14px}.cases,.pricing{grid-template-columns:1fr}.faq{grid-template-columns:1fr;gap:28px}table.plain{min-width:420px}.callout{padding:16px 18px}.cta-band{padding:56px 0}.btn{text-align:center;width:100%}.actions{flex-direction:column;align-items:stretch}}@media (width<=480px){.fields{grid-template-columns:1fr}}.breadcrumb[data-astro-cid-ezvlwyc3]{border-bottom:1px solid var(--line);background:#fff}.breadcrumb[data-astro-cid-ezvlwyc3] ol[data-astro-cid-ezvlwyc3]{color:var(--muted);flex-wrap:wrap;gap:8px;margin:0;padding:12px 0;font-size:13px;list-style:none;display:flex}.breadcrumb[data-astro-cid-ezvlwyc3] li[data-astro-cid-ezvlwyc3]+li[data-astro-cid-ezvlwyc3]:before{content:"›";color:var(--line);margin-right:8px}.breadcrumb[data-astro-cid-ezvlwyc3] a[data-astro-cid-ezvlwyc3]{color:var(--muted);text-decoration:none}.breadcrumb[data-astro-cid-ezvlwyc3] a[data-astro-cid-ezvlwyc3]:hover{text-decoration:underline}.breadcrumb[data-astro-cid-ezvlwyc3] [data-astro-cid-ezvlwyc3][aria-current]{color:var(--ink)}
