:root{color-scheme:light only;--brand-gray:#666;--brand-magenta:#c07094;--accent:#a8466f;--accent-soft:#f3dde7;--on-accent:#fff;--ink:#484848;--ink-muted:#666;--surface:#fff;--surface-soft:#f8f8f8;--line:#e6e6e6;--line-strong:#8c8c8c;--wash-peach:#fcd8c8;--wash-aqua:#ccecf4;--success:#2e7d5b;--warning:#a35a00;--danger:#c0392b;--shadow-float:0 4px 16px #4848481f;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:64px;--space-7:120px;--radius-sm:4px;--radius-md:12px;--radius-pill:999px;--font-sans:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}:root[data-theme=dark]{--brand-gray:#a9a9a9;--brand-magenta:#e39bbb;--accent:#e39bbb;--accent-soft:#3a2630;--on-accent:#1c1a1b;--ink:#ececec;--ink-muted:#a9a9a9;--surface:#1c1a1b;--surface-soft:#272425;--line:#3a3638;--line-strong:#7a7577;--wash-peach:#4a3329;--wash-aqua:#24404a;--success:#7fd1ae;--warning:#f0b46a;--danger:#ff8f80;--shadow-float:0 4px 16px #00000080}.display{font-family:var(--font-sans);letter-spacing:.04em;font-size:56px;font-weight:300;line-height:1.3}.heading-1{font-family:var(--font-sans);letter-spacing:.04em;font-size:36px;font-weight:400;line-height:1.4}.heading-2{font-family:var(--font-sans);letter-spacing:.03em;font-size:26px;font-weight:500;line-height:1.5}.heading-3{font-family:var(--font-sans);letter-spacing:.02em;font-size:20px;font-weight:500;line-height:1.6}.lead{font-family:var(--font-sans);letter-spacing:.04em;font-size:18px;font-weight:400;line-height:1.9}.body{font-family:var(--font-sans);letter-spacing:.04em;font-size:16px;font-weight:400;line-height:2}.nav{font-family:var(--font-sans);letter-spacing:.06em;font-size:15px;font-weight:400;line-height:1.5}.small{font-family:var(--font-sans);letter-spacing:.04em;font-size:14px;font-weight:400;line-height:1.8}.label{font-family:var(--font-sans);letter-spacing:.08em;font-size:13px;font-weight:500;line-height:1.5}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--surface);color:var(--ink);font-family:var(--font-sans);letter-spacing:.04em;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:2}img{max-width:100%;height:auto}[hidden]{display:none!important}a{color:var(--accent);text-underline-offset:4px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2{text-wrap:balance}.skip-link{position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--space-3);top:var(--space-3);z-index:100;padding:var(--space-2) var(--space-3);background:var(--surface)}.container{max-width:1200px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}.container--narrow{max-width:880px}.section{padding-block:clamp(64px,9vw,120px) 0}.section--last{padding-bottom:clamp(64px,9vw,120px)}.band{background:var(--surface-soft)}.stack{flex-direction:column;display:flex}.grid{gap:40px 32px;display:grid}.grid--works{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.grid--services{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.grid--steps{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:32px;margin:0;padding:0;list-style:none}.grid--plans{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.eyebrow{letter-spacing:.12em;color:var(--accent);font-size:13px;font-weight:500;line-height:1.5}.heading{gap:var(--space-1);margin-bottom:var(--space-5);flex-direction:column;display:flex}.heading h2{font-size:clamp(24px,3vw,32px);font-weight:400;line-height:1.5}.page-title{gap:var(--space-4);flex-direction:column;padding-block:clamp(56px,8vw,96px);display:flex}.page-title h1{font-size:clamp(32px,4vw,44px);font-weight:400;line-height:1.4}.lead{max-width:40em}.muted{color:var(--ink-muted)}.note{color:var(--ink-muted);font-size:13px;line-height:1.6}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-2) 32px;padding-block:var(--space-3);flex-wrap:wrap;display:flex}.brand{color:var(--ink-muted);letter-spacing:.02em;align-items:center;gap:12px;font-size:24px;font-weight:300;line-height:1;text-decoration:none;display:flex}.brand img{width:auto;height:40px}.nav{max-width:100%;overflow-x:auto}.nav ul{gap:var(--space-4);white-space:nowrap;margin:0;padding:0;list-style:none;display:flex}.nav a{color:var(--ink-muted);letter-spacing:.06em;border-bottom:2px solid #0000;padding:10px 0;font-size:15px;line-height:1.5;text-decoration:none;display:inline-block}.nav a:hover{color:var(--ink)}.nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent)}.actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.actions--center{justify-content:center}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);min-height:52px;font:500 16px/1 var(--font-sans);letter-spacing:.06em;cursor:pointer;border:1px solid #0000;padding:0 32px;text-decoration:none;transition:background-color .15s,box-shadow .15s;display:inline-flex}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover{box-shadow:inset 0 0 0 999px #0000001f}.btn--secondary{background:var(--surface);color:var(--accent);border-color:var(--accent)}.btn--secondary:hover{background:var(--accent-soft)}.btn[disabled]{background:var(--surface);color:var(--ink-muted);border-color:var(--line);cursor:not-allowed;box-shadow:none}.text-link{letter-spacing:.06em;align-items:center;min-height:44px;font-size:15px;font-weight:500;display:inline-flex}.tags{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tags--center{justify-content:center}.tag{min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:400 14px/1 var(--font-sans);letter-spacing:.04em;cursor:pointer;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.tag:hover,.tag[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.hero{background:var(--surface-soft);position:relative;overflow:hidden}.hero__shape{border-radius:var(--radius-md);position:absolute}.hero__shape--aqua{background:var(--wash-aqua);width:clamp(120px,22vw,320px);height:clamp(160px,26vw,380px);top:-40px;left:-40px}.hero__shape--peach{background:var(--wash-peach);width:clamp(140px,24vw,360px);height:clamp(120px,20vw,300px);bottom:-40px;right:-40px}.hero__shape--pill{background:var(--brand-magenta);border-radius:var(--radius-pill);width:clamp(64px,9vw,120px);height:40px;top:48px;right:clamp(24px,8vw,140px)}.hero__inner{text-align:center;flex-direction:column;align-items:center;gap:32px;max-width:960px;margin:0 auto;padding:clamp(72px,10vw,140px) clamp(16px,4vw,40px) clamp(64px,9vw,120px);display:flex;position:relative}.hero h1{letter-spacing:.06em;font-size:clamp(40px,6vw,72px);font-weight:300;line-height:1.3}.hero__body{max-width:36em;padding:var(--space-4) clamp(20px, 3vw, 40px);background:var(--surface);border-radius:var(--radius-md);text-align:left}.work{gap:var(--space-2);color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.work__media{aspect-ratio:4/3;border-radius:var(--radius-md);justify-content:center;align-items:center;font-size:14px;display:flex;overflow:hidden}.work__media img{object-fit:cover;width:100%;height:100%}.work__media--contain{background:var(--surface);border:1px solid var(--line);padding:var(--space-3)}.work__media--contain img{object-fit:contain}.work__media--symbol{background:var(--surface-soft)}.work__media--symbol img{object-fit:contain;width:auto;max-width:44%;height:auto;max-height:52%}.work__label{margin-top:var(--space-2);letter-spacing:.08em;color:var(--accent);font-size:13px;font-weight:500;line-height:1.5}.work__title{font-size:18px;font-weight:500;line-height:1.6}.work:hover .work__title{text-underline-offset:4px;text-decoration:underline}.panel{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-soft);flex-direction:column;display:flex}.panel h3{font-size:18px;font-weight:500;line-height:1.6}.panel p{color:var(--ink-muted);font-size:14px;line-height:1.8}.panel .text-link{margin-top:auto;font-size:14px}.step{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line-strong);flex-direction:column;display:flex}.step__no{letter-spacing:.08em;color:var(--accent);font-size:13px;font-weight:500;line-height:1.5}.step__title{font-size:18px;font-weight:500;line-height:1.6}.step__text{color:var(--ink-muted);font-size:14px;line-height:1.8}.facts{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin:0;font-size:14px;line-height:1.8;list-style:none;display:grid}.facts li{flex-direction:column;display:flex}.facts strong{font-size:16px;font-weight:500}.plan__price{font-variant-numeric:tabular-nums;font-size:28px;font-weight:400;line-height:1.3}.plan__price small{color:var(--ink-muted);font-size:14px}.plan--featured{box-shadow:inset 0 0 0 2px var(--accent)}.plan__badge{border-radius:var(--radius-pill);background:var(--accent);min-height:24px;color:var(--on-accent);letter-spacing:.06em;align-items:center;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.plan__lines{border-top:1px solid var(--line);margin:0;font-size:14px;line-height:1.8}.plan__lines>div{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--line);display:flex}.plan__lines dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.plan .plan__terms{padding:var(--space-2) 0 0;border-top:1px dashed var(--line);color:var(--ink-muted);font-size:13px;line-height:1.7;list-style:none}.plan__terms li+li{margin-top:2px}.plan ul{color:var(--ink);margin:0;padding-left:1.2em;font-size:14px;line-height:1.8}.example-steps{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;font-size:14px;line-height:1.6;list-style:none;display:flex}.example-steps li{font-weight:500}.example-steps li:not(:last-child):after{content:"→";margin-left:var(--space-2);color:var(--ink-muted);font-weight:400}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{justify-content:space-between;align-items:center;gap:var(--space-3);cursor:pointer;min-height:56px;padding:12px 0;font-weight:500;line-height:1.6;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);flex:none;font-size:22px;font-weight:300;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{color:var(--ink-muted);padding-bottom:20px;font-size:15px;line-height:1.9}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flow{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.flow__item{gap:var(--space-4);padding-bottom:var(--space-5);grid-template-columns:48px minmax(0,1fr);display:grid;position:relative}.flow__item:last-child{padding-bottom:0}.flow__item:not(:last-child):before{content:"";background:var(--line);width:2px;position:absolute;top:48px;bottom:0;left:23px}.flow__no{border-radius:var(--radius-pill);border:1px solid var(--accent);background:var(--surface);width:48px;height:48px;color:var(--accent);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:18px;font-weight:500;display:inline-flex}.flow__title{padding-top:8px;font-size:20px;font-weight:500;line-height:1.6}.flow__badge{border-radius:var(--radius-pill);background:var(--accent-soft);min-height:28px;color:var(--ink);letter-spacing:.04em;align-items:center;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.flow__text{font-size:15px;line-height:1.9}.case{gap:var(--space-5) 56px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;display:grid}.case .case-hero{padding:clamp(24px,4vw,48px)}.usage-gallery{columns:3 240px;column-gap:var(--space-3);margin:0;padding:0;list-style:none}.usage-gallery li{break-inside:avoid;margin-bottom:var(--space-3)}.usage-gallery figure{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.usage-gallery img{border-radius:var(--radius-md);width:100%}.usage-gallery figcaption{color:var(--ink-muted);font-size:13px;line-height:1.6}.case__label{letter-spacing:.08em;color:var(--ink-muted);font-size:13px;font-weight:500;line-height:1.5}.swatch__chip--sm{border-radius:var(--radius-sm);width:40px;height:40px}.case-hero{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);justify-content:center;padding:clamp(32px,6vw,72px);display:flex}.case-hero img{width:min(100%,720px)}.cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:32px 64px;display:grid}.list{margin:0;padding-left:1.2em}.swatches{flex-wrap:wrap;gap:32px;display:flex}.swatch{align-items:center;gap:var(--space-3);display:flex}.swatch__chip{border-radius:var(--radius-md);flex:none;width:88px;height:88px}.swatch dl{gap:0 var(--space-3);font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr;margin:0;font-size:14px;line-height:1.8;display:grid}.swatch dt{color:var(--ink-muted)}.swatch dd{margin:0}.split{flex-wrap:wrap;gap:32px 64px;display:flex}.split>:first-child{flex:260px}.split>:last-child{flex:2 480px;min-width:0}.dl{border-top:1px solid var(--line);margin:0}.dl>div{gap:var(--space-1) var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.dl dt{color:var(--ink-muted);flex:0 0 8em;font-size:14px;line-height:1.8}.dl dd{flex:240px;min-width:0;margin:0;font-size:15px;line-height:1.8}.placeholder{border-radius:var(--radius-md);background:var(--surface-soft);color:var(--ink-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.form{flex-direction:column;gap:28px;max-width:720px;display:flex}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label,.field legend{font-size:14px;font-weight:500;line-height:1.5}fieldset.field{border:0;min-width:0;margin:0;padding:0}fieldset.field legend{padding:0}.badge{margin-left:var(--space-2);color:var(--ink-muted);font-size:12px;font-weight:400}.badge--req{color:var(--danger)}.input{min-height:48px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:400 16px/1.5 var(--font-sans)}textarea.input{padding:12px var(--space-3);resize:vertical;line-height:1.8}.input:focus-visible{outline-offset:1px;border-color:var(--accent)}.input[aria-invalid=true]{border-color:var(--danger)}.help{color:var(--ink-muted);font-size:13px;line-height:1.6}.help--error{color:var(--danger)}.check{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:14px;line-height:1.6;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent);margin:0}.alert{padding:var(--space-3) 20px;border:1px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger);font-size:14px;line-height:1.8}.alert--info{border-color:var(--line-strong);color:var(--ink);background:var(--surface-soft)}.aside{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-soft);flex-direction:column;display:flex}.aside>div+div{padding-top:var(--space-3);border-top:1px solid var(--line)}.with-aside{flex-wrap:wrap;align-items:flex-start;gap:48px;display:flex}.with-aside>:first-child{flex:999 520px;min-width:0}.with-aside>:last-child{flex:280px;min-width:0}.site-footer{border-top:1px solid var(--line)}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;gap:32px;padding-block:48px 112px;display:flex}.site-footer nav{gap:var(--space-2) var(--space-4);flex-wrap:wrap;font-size:14px;line-height:1.8;display:flex}.site-footer nav a{min-height:44px;color:var(--ink-muted);align-items:center;text-decoration:none;display:inline-flex}.site-footer nav a:hover{color:var(--ink)}.site-footer small{color:var(--ink-muted);flex-basis:100%;font-size:12px;line-height:1.6}.chat{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:10;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);font:500 15px/1 var(--font-sans);letter-spacing:.04em;box-shadow:var(--shadow-float);text-decoration:none;display:inline-flex;position:fixed}.chat:hover{box-shadow:var(--shadow-float), inset 0 0 0 999px #0000001f}.chatbox{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:20;position:fixed}.chatbox .chat{position:static}.chat-panel{border-radius:var(--radius-md);background:var(--surface);width:min(380px,100vw - 32px);height:min(560px,100dvh - 32px);box-shadow:var(--shadow-float), 0 0 0 1px var(--line);flex-direction:column;display:flex;overflow:hidden}.chat-panel[hidden]{display:none}.chat-panel__head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:12px var(--space-3);background:var(--accent);color:var(--on-accent);display:flex}.chat-panel__title{font-size:15px;font-weight:500;line-height:1.4}.chat-panel__sub{font-size:12px;line-height:1.4}.chat-panel__close{border-radius:var(--radius-pill);width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-right:-8px;display:inline-flex}.chat-panel__close:focus-visible{outline-color:var(--on-accent)}.chat-panel__log{padding:var(--space-3);background:var(--surface-soft);flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.chat-msg{border-radius:var(--radius-md);white-space:pre-wrap;overflow-wrap:anywhere;max-width:88%;margin:0;padding:10px 14px;font-size:14px;line-height:1.8}.chat-msg--bot{background:var(--surface);border:1px solid var(--line);align-self:flex-start}.chat-msg--user{background:var(--accent);color:var(--on-accent);align-self:flex-end}.chat-msg--error{background:var(--surface);border:1px solid var(--line-strong);align-self:flex-start}.chat-msg--waiting{color:var(--ink-muted)}.chat-quick{gap:var(--space-2);flex-wrap:wrap;display:flex}.chat-quick .tag{min-height:36px;font-size:13px}.chat-panel__form{align-items:flex-end;gap:var(--space-2);padding:12px var(--space-3) 4px;border-top:1px solid var(--line);display:flex}.chat-panel__input{resize:none;flex:1;min-height:44px;max-height:120px;padding:10px 12px;font-size:16px;line-height:1.5}.chat-panel__send{min-height:44px;padding:0 18px;font-size:15px}.chat-panel__note{padding:4px var(--space-3) 12px;color:var(--ink-muted);font-size:11.5px;line-height:1.6}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}