@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;800&family=Sora:wght@400;500;600;700;800&display=swap";:root{--bg: #ffffff;--bg-soft: #f7f8fb;--text-main: #4b4b50;--text-sub: #646b79;--text-soft: #8f95a3;--line: rgba(75, 75, 80, .14);--line-strong: rgba(75, 75, 80, .24);--surface: rgba(255, 255, 255, .74);--surface-strong: #ffffff;--brand-orange: #f97849;--brand-yellow: #fad764;--brand-blue: #6695ff;--brand-green: #5cbe96;--status-success: #3e9f77;--status-error: #d65e54}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text-main);font-family:Sora,Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif;letter-spacing:.003em;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}main{position:relative;z-index:2;padding-bottom:5.4rem}p{margin:0;line-height:1.72}h1,h2,h3{margin:0;line-height:1.14;letter-spacing:-.01em}.container{width:min(1160px,calc(100% - 4rem));margin:0 auto}.motion-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;display:none}.mesh{position:absolute;filter:blur(78px);opacity:.32;mix-blend-mode:multiply}.mesh-a{width:52rem;height:52rem;left:-20rem;top:-26rem;border-radius:44% 56% 58% 42%;background:radial-gradient(circle at 36% 44%,rgba(249,120,73,.92),rgba(250,215,100,.56),transparent 72%);animation:mesh-a 22s ease-in-out infinite alternate}.mesh-b{width:58rem;height:58rem;right:-26rem;top:-24rem;border-radius:58% 42% 46% 54%;background:radial-gradient(circle at 55% 43%,rgba(102,149,255,.88),rgba(92,190,150,.52),transparent 74%);animation:mesh-b 26s ease-in-out infinite alternate}.mesh-c{width:48rem;height:48rem;left:28%;bottom:-30rem;border-radius:52% 48% 44% 56%;background:radial-gradient(circle at 48% 54%,rgba(92,190,150,.86),rgba(102,149,255,.42),transparent 74%);animation:mesh-c 24s ease-in-out infinite alternate}@keyframes mesh-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(8rem,4rem,0) scale(1.08)}}@keyframes mesh-b{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-9rem,6rem,0) scale(1.06)}}@keyframes mesh-c{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-5rem,-4rem,0) scale(1.04)}}.site-header{position:sticky;top:0;z-index:30;background:#ffffffc7;backdrop-filter:blur(14px)}.nav{min-height:84px;display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:center}.brand-logo-link{display:inline-flex;align-items:center}.brand-logo{width:170px;display:block}.nav-right{min-width:0;display:flex;justify-content:flex-end;align-items:center;gap:.64rem}.primary-nav{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.primary-nav a{font-size:.84rem;letter-spacing:.04em;color:var(--text-sub);transition:color .2s ease,background-color .2s ease}.primary-nav a:hover{color:var(--text-main)}.lang-switch{width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;border:1px solid var(--line-strong);background:var(--surface-strong)}.header-contact-button{height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 .92rem;border-radius:999px;border:1px solid rgba(75,75,80,.14);background:linear-gradient(94deg,#f978492e,#6695ff2e,#5cbe9633);font-size:.78rem;font-weight:700;letter-spacing:.03em;color:var(--text-main);transition:transform .2s ease,border-color .2s ease}.header-contact-button:hover{transform:translateY(-1px);border-color:#4b4b5047}.menu-toggle,.mobile-lang-switch{display:none}.hero{margin-top:.8rem;padding:clamp(2.8rem,7vw,4.6rem) clamp(1.2rem,4vw,3.6rem) clamp(2.2rem,5vw,3.3rem);text-align:center;position:relative;overflow:visible;border-radius:0;background:#fff;border:0;isolation:isolate}.hero>*{position:relative;z-index:2}.hero:before{content:none}.hero:after{content:none}@keyframes hero-swirl{0%{transform:rotate(0) scale(1.04)}50%{transform:rotate(180deg) scale(1.12)}to{transform:rotate(360deg) scale(1.04)}}.hero-kicker{display:inline-flex;font-size:.76rem;letter-spacing:.16em;color:var(--text-soft);margin-bottom:1rem}.hero h1{white-space:pre-line;margin:0 auto;max-width:24ch;font-size:clamp(1.78rem,4.6vw,3.2rem);line-height:1.32;color:var(--text-main)}.hero-subtitle{white-space:pre-line;margin:1.2rem auto 0;max-width:70ch;color:var(--text-sub);font-size:clamp(1.04rem,2.2vw,1.22rem)}.hero-actions{margin-top:2rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.78rem}.button{min-height:48px;padding:0 1.2rem;border-radius:999px;border:1px solid transparent;font-size:.92rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(122deg,var(--brand-orange) 0%,var(--brand-yellow) 31%,var(--brand-blue) 70%,var(--brand-green) 100%);color:#222733}.button.ghost{border-color:var(--line-strong);background:#ffffffd6;color:var(--text-main)}.hero .button.primary{color:#202836;border-color:#4b4b5014}.hero .button.ghost{border-color:#4b4b5033;background:#ffffffdb;color:var(--text-main)}.hero-signals{list-style:none;margin:2rem auto 0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:.58rem}.hero-signals li{padding:.34rem .72rem;border-radius:999px;font-size:.74rem;letter-spacing:.07em;color:var(--text-main);background:#ffffffdb;border:1px solid rgba(75,75,80,.12)}.section-block{margin-top:4.4rem}.showcase{margin-top:.6rem;position:relative;padding-bottom:0}.showcase:before{content:none}.showcase:after{content:none}.section-label{font-size:.74rem;letter-spacing:.14em;font-weight:700;color:var(--text-soft);text-transform:uppercase}.section-block h2,.showcase-copy h2{margin-top:.58rem;font-size:clamp(1.42rem,2.8vw,2.2rem)}.section-subtitle{margin-top:.74rem;max-width:72ch;color:var(--text-sub)}.capability-stack{margin-top:1.8rem;display:grid;gap:2.2rem}.capability-row{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:1.6rem;align-items:center}.capability-row.is-reverse{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.capability-row.is-reverse .capability-copy{order:2}.capability-row.is-reverse .capability-visual{order:1}.capability-copy{display:grid;gap:.74rem}.capability-index{margin:0;font-size:.78rem;letter-spacing:.14em;font-weight:700;color:var(--text-soft)}.capability-copy h3{font-size:clamp(1.34rem,2.6vw,2rem);line-height:1.2}.capability-copy>p{color:var(--text-sub)}.capability-list{margin:.2rem 0 0;padding:0;list-style:none;display:grid;gap:.48rem}.capability-list li{position:relative;padding-left:1rem;color:var(--text-sub);font-size:.93rem;line-height:1.6}.capability-list li:before{content:"";position:absolute;left:0;top:.56rem;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--brand-orange),var(--brand-blue),var(--brand-green))}.capability-visual{border-radius:18px;border:1px solid rgba(75,75,80,.14);background:linear-gradient(145deg,#fff,#f7fbff 70%,#f4fcf7);overflow:hidden}.capability-visual img{width:100%;display:block}.automation-focus{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.55rem}.automation-focus span{display:inline-flex;align-items:center;padding:.32rem .72rem;border-radius:999px;font-size:.75rem;letter-spacing:.07em;color:var(--text-main);background:linear-gradient(120deg,#f9784938,#fad7643d 30%,#6695ff38 68%,#5cbe963d)}.showcase-shell{border-radius:18px;overflow:hidden;display:grid;grid-template-columns:.88fr 1.12fr;background:#fff;color:var(--text-main);border:1px solid rgba(75,75,80,.14);position:relative}.showcase-shell:after{content:none}.showcase-copy{padding:1.45rem}.showcase-copy .section-label{color:var(--text-soft)}.showcase-copy p{margin-top:.64rem;color:var(--text-sub)}.showcase-points{margin:.88rem 0 0;padding:0;list-style:none;display:grid;gap:.45rem}.showcase-points li{position:relative;padding-left:1rem;color:var(--text-sub);font-size:.92rem;line-height:1.6}.showcase-points li:before{content:"";position:absolute;left:0;top:.58rem;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--brand-orange),var(--brand-blue),var(--brand-green))}.showcase-link{margin-top:1.1rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.84rem;letter-spacing:.05em;color:var(--text-main)}.showcase-link:after{content:"▶";font-size:.74rem}.concept-media{padding:1.45rem;display:flex;align-items:flex-start;justify-content:center}.admin-mock{width:100%;margin:0;display:grid;gap:.52rem}.admin-mock img{border-radius:14px;border:1px solid rgba(75,75,80,.16);display:block}.admin-mock figcaption{margin:0;font-size:.78rem;letter-spacing:.06em;color:var(--text-soft);text-transform:uppercase}.usecase-anchor-title{margin-top:1.8rem;font-size:clamp(1.3rem,2.8vw,1.72rem);letter-spacing:-.01em;scroll-margin-top:98px}.usecase-note{margin-top:.58rem;color:var(--text-sub);font-size:.9rem}.principles-grid{margin-top:1.6rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.principle-item{padding:1.1rem .1rem}.principle-icon{display:inline-flex;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--brand-orange),var(--brand-blue),var(--brand-green));margin-bottom:.62rem}.principle-item h3{font-size:1.1rem}.principle-item p{margin-top:.58rem;color:var(--text-sub)}.feature-slider{margin-top:1.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.feature-slide{border-radius:14px;border:1px solid rgba(75,75,80,.12);background:#fff;padding:.84rem;display:grid;gap:.72rem}.feature-preview{border-radius:12px;border:1px solid rgba(75,75,80,.12);padding:.72rem;min-height:150px;display:grid;grid-template-rows:auto 1fr auto;gap:.64rem}.feature-tone-1 .feature-preview{background:linear-gradient(145deg,#f978492b,#fad7641a,#fff 74%)}.feature-tone-2 .feature-preview{background:linear-gradient(145deg,#6695ff29,#a7beff1a,#fff 74%)}.feature-tone-3 .feature-preview{background:linear-gradient(145deg,#5cbe962e,#98dcc11a,#fff 74%)}.feature-tone-4 .feature-preview{background:linear-gradient(145deg,#fad7642e,#f978491a,#fff 74%)}.feature-preview-head{display:flex;justify-content:space-between;gap:.84rem;font-size:.74rem;letter-spacing:.05em;color:#2a3142}.feature-preview-head span:first-child{font-weight:700}.feature-preview-lines{display:grid;gap:.42rem;align-content:center}.feature-preview-lines span{height:7px;border-radius:999px;background:#ffffffe0}.feature-preview-lines .line-a{width:78%}.feature-preview-lines .line-b{width:58%}.feature-preview-lines .line-c{width:88%}.feature-preview-detail{font-size:.76rem;line-height:1.5;color:#253040}.feature-body{display:grid;gap:.35rem}.feature-index{font-size:.74rem;letter-spacing:.12em;font-weight:700;color:var(--text-soft)}.feature-body h3{font-size:1.08rem}.feature-body p{color:var(--text-sub)}.feature-note{margin-top:.68rem;font-size:.84rem;color:var(--text-sub)}.usecase-grid{margin-top:1.1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.usecase-item{display:grid;gap:.14rem}.usecase-item h3{margin-top:.78rem;font-size:1.05rem}.usecase-item p{margin-top:.52rem;color:var(--text-sub)}.usecase-media{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(75,75,80,.14);background:#f8faff;aspect-ratio:16 / 10}.usecase-media:after{content:none}.usecase-media img{width:100%;height:100%;display:block;object-fit:cover}.usecase-meta{position:absolute;left:.66rem;top:.66rem;z-index:2;display:inline-flex;gap:.4rem;flex-wrap:wrap}.usecase-meta span{display:inline-flex;align-items:center;min-height:24px;padding:.14rem .56rem;border-radius:999px;font-size:.7rem;letter-spacing:.08em;color:#4f5f78;background:#ffffffdb;border:1px solid rgba(75,75,80,.2)}.flow-track{margin:1.6rem 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;position:relative}.flow-track:before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:linear-gradient(90deg,var(--brand-orange),var(--brand-yellow),var(--brand-blue),var(--brand-green))}.flow-track li{position:relative;padding-top:1.1rem}.flow-dot{width:14px;height:14px;border-radius:50%;display:block;background:#fff;border:2px solid var(--brand-blue);margin:0 0 .54rem;position:absolute;left:0;top:0}.step{font-size:.8rem;font-weight:700;color:var(--text-soft);letter-spacing:.08em;margin-bottom:.4rem}.flow-track li p:last-child{color:var(--text-sub)}.faq-list{margin-top:1.2rem;display:grid;gap:.65rem}.faq-item{border-radius:12px;background:#ffffffe6;border:1px solid var(--line);padding:.82rem .95rem}.faq-item summary{list-style:none;cursor:pointer;padding-right:1.8rem;position:relative;font-weight:600}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:0;top:0;color:var(--text-soft)}.faq-item[open] summary:after{content:"−"}.faq-item p{margin-top:.58rem;color:var(--text-sub)}.contact-shell{margin-top:1.4rem;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:.95fr 1.05fr;border:1px solid rgba(75,75,80,.1)}.contact-copy{padding:1.45rem;background:radial-gradient(circle at 22% 22%,rgba(249,120,73,.16),transparent 45%),radial-gradient(circle at 72% 30%,rgba(102,149,255,.18),transparent 46%),linear-gradient(155deg,#f7f9ff,#f3f8ff 56%,#effcf7 120%);color:var(--text-main)}.contact-copy h2{font-size:clamp(1.78rem,2.8vw,2.45rem)}.contact-copy>p{margin-top:.62rem;color:var(--text-sub)}.mode-chip{margin-top:1rem!important;display:inline-flex;border-radius:999px;padding:.25rem .66rem;font-size:.74rem;letter-spacing:.07em;color:#495870;background:#fff;border:1px solid rgba(75,75,80,.16)}.small-note{font-size:.84rem}.contact-form{padding:1.45rem;display:grid;gap:.9rem;background:#fff}.contact-form label{display:grid;gap:.4rem}.contact-form label>span{font-size:.83rem;color:var(--text-sub)}.contact-form input:not([type=checkbox]):not([type=radio]):not([type=submit]),.contact-form textarea,.contact-form select{border:0;border-bottom:1px solid var(--line-strong);border-radius:0;padding:.48rem 0;background:transparent;color:var(--text-main);font-size:.95rem;font-family:inherit}.contact-form input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,.contact-form textarea:focus,.contact-form select:focus{outline:none;border-bottom-color:var(--brand-blue)}.contact-form textarea{resize:vertical}.hubspot-form>div:first-child{min-height:360px}.hubspot-form form{display:grid;gap:.9rem}.hubspot-form .hs-form-field{margin:0!important}.hubspot-form .hs-form-field>label{display:grid;gap:.4rem}.hubspot-form .hs-form-field>label span{font-size:.83rem;color:var(--text-sub)}.hubspot-form .hs-richtext{margin:0;font-size:.84rem;line-height:1.52;color:var(--text-sub)}.hubspot-form .hs-richtext a{color:var(--text-main)}.hubspot-form .inputs-list{margin:0;padding:0;list-style:none}.hubspot-form .hs-form-checkbox-display{display:flex;align-items:center;gap:.54rem;color:var(--text-sub);font-size:.88rem}.hubspot-form .hs-form-checkbox-display input{margin:0}.hubspot-form .hs-error-msgs{margin:.3rem 0 0;padding:0;list-style:none}.hubspot-form .hs-error-msg{font-size:.82rem;color:var(--status-error)}.hubspot-form .hs-submit{margin-top:.15rem}.hubspot-form .actions{margin:0}.hubspot-form .hs-button{border:0;border-radius:999px;min-height:40px;padding:.52rem 1.22rem;background:linear-gradient(100deg,#f97849,#fad764,#6695ff 68%,#5cbe96);color:#162032;font-family:inherit;font-size:.89rem;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #6695ff33;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.hubspot-form .hs-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #6695ff38}.hubspot-form .hs-button:active{transform:translateY(0)}.hubspot-form .hs-button:disabled{opacity:.72;cursor:not-allowed}.hubspot-form .submitted-message{margin:0;font-size:.92rem;color:var(--status-success)}.consent-row{display:flex!important;align-items:center;gap:.54rem}.consent-row input{width:auto;margin:0;border:0}.consent-row span{font-size:.88rem;color:var(--text-sub)}.form-status{min-height:1.2rem;font-size:.9rem}.form-status[data-state=submitting]{color:var(--text-sub)}.form-status[data-state=success]{color:var(--status-success)}.form-status[data-state=error]{color:var(--status-error)}.site-footer{text-align:center;color:var(--text-soft);padding:2.3rem 0 3rem;position:relative;z-index:2}.reveal{animation:reveal-up .55s cubic-bezier(.22,.88,.3,1) both}@keyframes reveal-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.reveal,.button,.mesh,.hero:before,.hero:after,.showcase:before,.showcase:after,.signal-line{animation:none!important;transition:none!important}}@media (max-width: 1080px){.showcase-shell,.contact-shell{grid-template-columns:1fr}.capability-row,.capability-row.is-reverse{grid-template-columns:1fr;gap:1rem}.capability-row.is-reverse .capability-copy,.capability-row.is-reverse .capability-visual{order:initial}.principles-grid,.usecase-grid,.flow-track,.feature-slider{grid-template-columns:1fr 1fr}.flow-track:before{left:0;right:0}}@media (max-width: 860px){.container{width:min(1160px,calc(100% - 2.2rem))}.nav{min-height:auto;padding:.85rem 0;grid-template-columns:auto 1fr}.nav-right{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.primary-nav{position:absolute;top:calc(100% + .5rem);right:0;width:min(248px,calc(100vw - 2.2rem));display:grid;gap:.22rem;padding:.5rem;border-radius:14px;border:1px solid rgba(75,75,80,.14);background:#fffffffa;box-shadow:0 14px 40px #4b4b501f;opacity:0;pointer-events:none;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .2s ease,transform .2s ease;z-index:40}.nav-right.is-open .primary-nav{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.primary-nav a{display:block;border-radius:10px;padding:.62rem .74rem;font-size:.8rem;line-height:1.35}.primary-nav a:hover{background:#6695ff14}.mobile-lang-switch{display:block;margin-top:.14rem;border-top:1px solid rgba(75,75,80,.12);padding-top:.7rem!important;color:var(--text-main)!important;font-weight:700}.desktop-lang-switch{display:none}.header-contact-button{height:34px;padding:0 .72rem;font-size:.7rem}.menu-toggle{position:relative;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid rgba(75,75,80,.2);background:var(--surface-strong);padding:0;cursor:pointer}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";display:block;width:15px;height:1.6px;border-radius:999px;background:var(--text-main);transition:transform .18s ease,opacity .18s ease}.menu-toggle span{position:relative}.menu-toggle:before{position:absolute;transform:translateY(-4.8px)}.menu-toggle:after{position:absolute;transform:translateY(4.8px)}.nav-right.is-open .menu-toggle span{opacity:0}.nav-right.is-open .menu-toggle:before{transform:rotate(45deg)}.nav-right.is-open .menu-toggle:after{transform:rotate(-45deg)}.brand-logo{width:148px}.hero{padding-top:3.5rem;text-align:center;margin-top:.55rem}.hero h1,.hero-subtitle{margin-left:0}.hero-actions,.hero-signals{justify-content:center}.showcase{margin-top:1.1rem}.section-block{margin-top:4.2rem}.principles-grid,.usecase-grid,.flow-track{grid-template-columns:1fr}.flow-track:before{display:none}.feature-slider{grid-template-columns:1fr}.showcase-copy,.concept-media,.contact-copy,.contact-form{padding:1.2rem}.feature-preview{min-height:154px}.capability-stack{gap:1.6rem}}