:root{--bg:#ffffff;--bg-soft:#f5f8f8;--surface:#ffffff;--ink:#252525;--ink-body:#616e72;--ink-mute:#97a3a6;--mint:#62c1b4;--mint-deep:#3f9e91;--mint-soft:#eaf5f2;--mint-line:#d3e9e4;--accent:#f58d00;--accent-deep:#e07d00;--accent-soft:#fff3e3;--accent-light:#ffb03a;--line:#ececec;--ink-dk:#14201e;--ink-navy:#163a48;--side-w:232px;--font-ja:"Zen Kaku Gothic New", -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-en:"Zen Kaku Gothic New", -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--container:1120px;--gutter:clamp(20px, 5vw, 48px);--radius:16px;--ease:cubic-bezier(.38, .05, .2, 1);--ease-out:cubic-bezier(.25, .74, .3, 1);--ease-soft:cubic-bezier(.32, .48, .22, 1);--shadow-sm:0 2px 8px -4px rgba(20, 32, 30, .18);--shadow-md:0 18px 40px -28px rgba(20, 32, 30, .42);--shadow-lg:0 40px 80px -48px rgba(20, 32, 30, .5);--radius-lg:clamp(20px, 2.6vw, 28px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%}body{font-family:var(--font-ja);font-weight:500;color:var(--ink-body);background:var(--bg);line-height:1.85;letter-spacing:.01em;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--mint-deep);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(88px, 13vw, 160px);position:relative;overflow:hidden}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:120;background:#fff0;pointer-events:none}.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint) 0%,var(--mint-deep) 55%,var(--accent) 100%);transform-origin:left center}.section-head{margin-bottom:clamp(48px, 7vw, 76px);position:relative}.section-head.center{text-align:center}.section-head.center .section-lead{margin-inline:auto}.section-head>*{position:relative;z-index:1}.section-head::after{content:attr(data-deco);position:absolute;top:50%;right:1.5rem;translate:0 -58%;font-family:var(--font-en);font-weight:900;font-size:clamp(3.4rem, 8.4vw, 7rem);line-height:.8;letter-spacing:-.03em;color:var(--mint-soft);z-index:0;pointer-events:none;white-space:nowrap;transition:opacity 1.6s var(--ease-soft),translate 1.6s var(--ease-soft)}.js-on .section-head::after{opacity:0;translate:16px -58%}.js-on .section-head.in::after{opacity:1;translate:0 -58%}.section-head.center::after{left:50%;right:auto;top:0;translate:-50% -34%}.js-on .section-head.center::after,.js-on .section-head.center.in::after{translate:-50% -34%}.flow .section-head::after{color:#e2f0ec}.section-label{display:inline-block;font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.9rem;position:relative;padding-left:1.6rem}.section-label::before{content:"";position:absolute;left:0;top:50%;width:1.1rem;height:2px;background:var(--accent);transform:translateY(-50%);transform-origin:left center;animation:labelLine 3.8s var(--ease) infinite}@keyframes labelLine{0%,62%,100%{transform:translateY(-50%) scaleX(1)}78%{transform:translateY(-50%) scaleX(1.55)}}.section-label.light{color:#fff}.section-label.light::before{background:#fff}.section-title{font-family:var(--font-ja);font-weight:900;color:var(--ink);font-size:clamp(1.75rem, 3.9vw, 2.7rem);line-height:1.3;letter-spacing:.02em}.section-title::after{content:"";display:block;width:3.4rem;height:2px;margin-top:1.15rem;background:var(--accent);border-radius:2px;transform-origin:left center;transition:transform 1.3s var(--ease-soft) .45s}.js-on .section-title::after{transform:scaleX(0)}.js-on .section-head.in .section-title::after{transform:scaleX(1)}.section-head.center .section-title::after{margin-inline:auto;transform-origin:center}.section-lead{margin-top:1.1rem;color:var(--ink-body);font-size:1rem;font-weight:500;max-width:44rem}.btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-size:.96rem;letter-spacing:.02em;padding:1rem 1.9rem;border-radius:999px;transition:transform 0.63s var(--ease-out),background 0.42s,box-shadow 0.49s,color 0.42s,border-color 0.42s;will-change:transform}.btn::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;transform:translateY(101%);transition:transform 0.7s var(--ease-out)}.btn:hover::before{transform:translateY(0)}.btn::after{content:"→";font-family:var(--font-mono);transition:transform 0.49s var(--ease-out)}.btn:hover::after{transform:translateX(5px)}.btn-primary{background:var(--mint-deep);color:#fff;box-shadow:0 10px 24px -10px rgb(63 158 145 / .55)}.btn-primary::before{background:var(--mint)}.btn-primary:hover{box-shadow:0 22px 38px -16px rgb(63 158 145 / .62)}.btn-outline{background:#fff;border:1.5px solid var(--accent);color:var(--accent-deep)}.btn-outline::before{background:var(--accent)}.btn-outline:hover{color:#fff;box-shadow:0 18px 32px -16px rgb(245 141 0 / .55)}.btn-ghost{border:1px solid var(--mint-line);color:var(--ink)}.btn-ghost:hover{border-color:var(--mint);color:var(--mint-deep)}.btn-light{background:#fff;color:var(--ink)}.btn-light::before{background:var(--accent)}.btn-light:hover{color:#fff}body>.page{padding-left:0}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--side-w);z-index:100;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:0 0 1.8rem;overflow-y:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{width:0}.side-brand{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0 1rem 1rem;margin-top:6px}.side-logo{width:116px;height:116px;object-fit:contain;transition:transform 0.84s var(--ease-out)}.side-brand:hover .side-logo{transform:scale(1.06) rotate(-2deg)}.side-brand-name{font-family:var(--font-en);font-weight:900;font-size:1.02rem;color:var(--mint-deep);text-align:center;letter-spacing:.02em;line-height:1.2;display:flex;flex-direction:column}.side-brand-name small{font-family:var(--font-mono);font-size:.54rem;letter-spacing:.18em;color:var(--ink-mute);margin-top:.35rem}.side-nav ul{display:flex;flex-direction:column}.side-nav li{border-bottom:1px solid var(--line)}.side-nav li:first-child{border-top:1px solid var(--line)}.side-nav a{display:grid;grid-template-columns:28px 1fr;align-items:center;column-gap:.95rem;padding:.95rem 1.5rem;position:relative;overflow:hidden;transition:background 0.49s var(--ease),padding-left 0.49s var(--ease-out)}.side-nav a::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--mint-soft);transform:translateX(-101%);transition:transform 0.63s var(--ease-out)}.side-nav svg{grid-row:1 / span 2;width:25px;height:25px;color:var(--mint-deep);transition:color 0.35s,transform 0.63s var(--ease-out)}.nav-en{font-family:var(--font-mono);font-size:.88rem;letter-spacing:.08em;color:var(--ink);font-weight:700;transition:color 0.35s}.nav-ja{font-size:.7rem;color:var(--ink-mute);font-weight:500}.side-nav a::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:62%;background:var(--accent);transition:transform 0.42s var(--ease)}.side-nav a:hover::after{transform:translateX(0)}.side-nav a:hover{padding-left:1.75rem}.side-nav a:hover::before{transform:translateY(-50%) scaleY(1)}.side-nav a:hover svg{color:var(--accent);transform:translateX(2px)}.side-nav a:hover .nav-en{color:var(--mint-deep)}.side-nav a.current::before{transform:translateY(-50%) scaleY(1)}.side-nav a.current .nav-en{color:var(--mint-deep)}.side-nav a.current svg{color:var(--accent)}.side-nav .has-sub{position:relative}.sub-toggle{position:absolute;top:0;right:0;width:46px;height:58px;display:grid;place-items:center;background:none;border:0;cursor:pointer;z-index:2;opacity:0;pointer-events:none;transition:opacity 0.42s var(--ease)}.has-sub.open .sub-toggle{opacity:1;pointer-events:auto}.sub-toggle span{width:12px;height:1.8px;border-radius:2px;background:var(--ink-mute);transition:background 0.42s,scale 0.42s var(--ease-out)}.sub-toggle:hover span{background:var(--accent);scale:1.15}.side-nav .sub-nav{max-height:0;overflow:hidden;background:linear-gradient(180deg,var(--mint-soft) 0%,#fbfefd 100%);transition:max-height 0.63s var(--ease-out)}.side-nav .has-sub.open .sub-nav{max-height:240px}.side-nav .sub-nav>li{border:0}.side-nav .sub-nav>li:first-child{border-top:1px solid var(--mint-line)}.sub-nav a{display:block;position:relative;padding:.62rem 1.2rem .62rem 3.1rem;font-size:.8rem;font-weight:700;color:var(--ink-body);letter-spacing:.02em;transition:color 0.35s,padding-left 0.42s var(--ease-out),background 0.35s}.sub-nav a::before{content:"";position:absolute;left:2.15rem;top:50%;transform:none;translate:0 -50%;width:5px;height:5px;border-radius:50%;background:var(--mint);transition:background 0.35s,scale 0.42s var(--ease-out)}.sub-nav a:hover{color:var(--accent-deep);background:#fff;padding-left:3.35rem}.sub-nav a:hover::before{transform:none;background:var(--accent);scale:1.3}.sub-nav a.is-current{color:var(--mint-deep)}.sub-nav a.is-current::before{background:var(--accent)}.side-foot{margin-top:auto;padding:1.4rem 1.5rem 0}@media (min-width:981px) and (max-height:720px){.side-logo{width:96px;height:96px}.side-nav a{padding-block:.8rem}}.side-mark{font-family:var(--font-en);font-weight:700;font-size:.92rem;line-height:1.5;color:var(--ink-mute);letter-spacing:.02em}.menu-box{position:fixed;top:22px;left:22px;z-index:105;display:none;align-items:center;gap:.85rem;padding:.65rem 1.15rem .65rem .75rem;background:rgb(255 255 255 / .94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-md);cursor:pointer;font-family:inherit;opacity:0;pointer-events:none;transform:translateY(-14px);transition:opacity 0.63s var(--ease-out),transform 0.63s var(--ease-out),box-shadow 0.49s,border-color 0.49s}.is-scrolled .menu-box{opacity:1;pointer-events:auto;transform:none}@media (min-width:981px){.is-scrolled .menu-box.open{transform:translateX(var(--side-w))}}.menu-box:hover{box-shadow:var(--shadow-lg);border-color:var(--mint-line)}.menu-box-logo{width:32px;height:32px;object-fit:contain}.menu-box-lines{position:relative;width:20px;height:14px;flex:none}.menu-box-lines span{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:var(--ink);transition:transform 0.49s var(--ease),opacity 0.42s,background 0.42s}.menu-box-lines span:nth-child(1){top:0}.menu-box-lines span:nth-child(2){top:6px}.menu-box-lines span:nth-child(3){top:12px}.menu-box:hover .menu-box-lines span{background:var(--accent)}.menu-box.open .menu-box-lines span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-box.open .menu-box-lines span:nth-child(2){opacity:0}.menu-box.open .menu-box-lines span:nth-child(3){transform:translateY(-4px) rotate(-45deg)}.menu-box-text{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--ink)}.nav-overlay{position:fixed;inset:0;z-index:99;border:0;padding:0;background:rgb(20 32 30 / .3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;opacity:0;pointer-events:none;transition:opacity 0.56s var(--ease)}.nav-overlay.on{opacity:1;pointer-events:auto}@media (min-width:981px){.menu-box{display:flex}.sidebar{transition:transform 0.77s var(--ease-out),box-shadow 0.56s}.is-scrolled .sidebar{transform:translateX(-101%)}.is-scrolled .sidebar.open{transform:none;box-shadow:0 0 60px rgb(20 32 30 / .18)}}.mobile-bar{display:none}.mobile-brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-en);font-weight:900;font-size:1.05rem;letter-spacing:.01em;color:var(--ink)}.mobile-logo{width:30px;height:30px;object-fit:contain}.nav-toggle{display:none;width:40px;height:40px;position:relative;background:none;border:0;cursor:pointer}.nav-toggle span{position:absolute;left:9px;right:9px;height:2px;background:var(--ink);transition:transform 0.42s var(--ease),opacity 0.42s}.nav-toggle span:nth-child(1){top:14px}.nav-toggle span:nth-child(2){top:20px}.nav-toggle span:nth-child(3){top:26px}.nav-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-4px) rotate(-45deg)}.contact-tab{position:fixed;top:32px;right:0;z-index:90;display:flex;flex-direction:column;align-items:center;gap:.7rem;background:var(--accent);color:#fff;padding:1rem .72rem 1.1rem;border:1.5px solid rgb(255 255 255 / .45);border-right:0;border-radius:12px 0 0 12px;box-shadow:0 12px 30px -10px rgb(120 60 0 / .55);transition:background 0.35s,transform 0.63s var(--ease-out)}.contact-tab::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgb(245 141 0 / .5);animation:tabPulse 4.4s ease-out infinite}@keyframes tabPulse{0%{box-shadow:0 0 0 0 rgb(245 141 0 / .45)}70%{box-shadow:0 0 0 14px #fff0}100%{box-shadow:0 0 0 0 #fff0}}.contact-tab:hover{background:var(--accent-deep);transform:translateX(-4px)}.contact-tab svg{width:22px;height:22px}.contact-tab-text{writing-mode:vertical-rl;letter-spacing:.16em;font-size:.82rem;font-weight:700}.contact-tab-arrow{font-family:var(--font-mono);font-size:.9rem}.hero{position:relative;min-height:100vh;min-height:100svh;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(1rem, 3vw, 2.6rem);padding:clamp(2rem, 5vw, 3.5rem) clamp(24px, 4vw, 72px) 5rem clamp(28px, 5vw, 84px);background:radial-gradient(125% 100% at 88% 12%,var(--mint-soft) 0%,#fbfdfc 46%,#f6faf9 100%);overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55}.blob-1{width:46vw;max-width:620px;aspect-ratio:1;right:-6vw;top:-12vh;background:radial-gradient(circle,rgb(98 193 180 / .55),transparent 68%);animation:drift 30s var(--ease) infinite alternate}.blob-2{width:32vw;max-width:420px;aspect-ratio:1;left:-8vw;bottom:-14vh;background:radial-gradient(circle,rgb(245 141 0 / .22),transparent 68%);animation:drift 38s var(--ease) infinite alternate-reverse}@keyframes drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-4%,6%,0) scale(1.12)}}.hero-copy{position:relative;z-index:2;max-width:620px}.hero-eyebrow{font-size:clamp(.9rem, 1.7vw, 1.32rem);font-weight:700;color:var(--ink-navy);letter-spacing:.02em;margin-bottom:1.1rem;white-space:nowrap}.hero-eyebrow span{color:var(--mint-deep)}.hero-title{font-weight:900;color:var(--ink-navy);font-size:clamp(1.8rem, 3.7vw, 3rem);line-height:1.32;letter-spacing:.01em;white-space:nowrap}.hero-title .line{display:block;overflow:hidden;padding-bottom:.08em}.hero-title .line-in{display:inline-block}.hero-title .ac{color:var(--mint-deep);position:relative}.hero-title .ac::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.09em;background:var(--mint);border-radius:2px;transform:scaleX(0);transform-origin:left center;animation:acLine 1.5s var(--ease-soft) 1.8s forwards}.hero-underline{display:block;width:66px;height:4px;border-radius:2px;background:var(--mint);margin:1.5rem 0}.hero-lead{color:var(--ink-body);font-size:clamp(.92rem, 1.1vw, 1.02rem);font-weight:500;line-height:2}.hero-actions{margin-top:2.1rem;display:flex;flex-wrap:wrap;gap:1rem}@keyframes acLine{to{transform:scaleX(1)}}.js-on .rise{opacity:0;transform:translateY(18px);animation:rise 1.7s var(--ease-soft) forwards;animation-delay:calc(var(--d, 0) * .2s + .2s)}@keyframes rise{to{opacity:1;transform:none}}.hero-visual{position:relative;z-index:1;display:flex;justify-content:center;align-items:center}.hero-illust{flex:none;width:clamp(400px, 44vw, 680px);height:auto;overflow:visible}.orbit{transform-box:view-box;transform-origin:300px 285px}.orbit-a{animation:spin 62s linear infinite}.orbit-b{animation:spin 46s linear infinite reverse}.orbit-c{animation:spin 36s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.device{animation:floaty 8s ease-in-out infinite}.phone{animation:floaty 8s ease-in-out infinite 1s}.badge{animation:floaty 7s ease-in-out infinite}.b-cloud{animation-delay:.6s}.b-db{animation-delay:1.1s}.b-chart{animation-delay:.3s}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.hero-ring{position:absolute;right:clamp(24px, 4vw, 72px);bottom:1.4rem;z-index:4;width:clamp(92px, 9vw, 120px);aspect-ratio:1;display:grid;place-items:center;background:#fff;border-radius:50%;box-shadow:var(--shadow-md)}.ring-text{position:absolute;inset:0;width:100%;height:100%;animation:spin 26s linear infinite}.ring-text text{font-family:var(--font-mono);font-size:8.3px;font-weight:700;letter-spacing:.1em;fill:var(--mint-deep);text-transform:uppercase}.ring-core{font-family:var(--font-mono);font-size:1.15rem;font-weight:700;color:var(--accent)}.hero-scroll{position:absolute;left:clamp(28px, 5vw, 84px);bottom:1.6rem;z-index:3;display:flex;align-items:center;gap:.8rem;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.22em;color:var(--ink-mute)}.hero-scroll-line{position:relative;display:block;width:74px;height:1px;background:var(--mint-line);overflow:hidden}.hero-scroll-line::after{content:"";position:absolute;inset:0;background:var(--accent);transform-origin:left center;animation:scrollRun 3.4s var(--ease) infinite}@keyframes scrollRun{0%{transform:translateX(-100%)}60%{transform:translateX(0)}100%{transform:translateX(100%)}}.hero-scroll:hover{color:var(--mint-deep)}.page-head{position:relative;padding:clamp(1.9rem, 3.6vw, 3.1rem) 0 clamp(1.6rem, 3vw, 2.6rem);background:#fff}.page-head-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem, 4vw, 4rem);align-items:end}.page-head-title{min-width:0}.page-title{font-weight:900;color:var(--ink);letter-spacing:.01em;font-size:clamp(2rem, 4.4vw, 3.4rem);line-height:1.25}.page-title-en{font-family:var(--font-mono);font-size:.82rem;font-weight:500;letter-spacing:.12em;color:var(--ink-mute);margin-top:.5rem}.page-head-note{min-width:0;padding-bottom:.3rem}.page-lead{color:var(--ink-body);font-size:clamp(.94rem, 1.1vw, 1.02rem);font-weight:500;line-height:2.05}.page-head-actions{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:1rem}.sys-band{position:relative;overflow:hidden;padding:clamp(.9rem, 1.8vw, 1.5rem) 0 clamp(1.2rem, 2.4vw, 2rem);background:linear-gradient(180deg,#fff 0%,var(--mint-soft) 100%);border-bottom:1px solid var(--mint-line)}.sys-illust{display:block;width:min(1000px, 90%);margin-inline:auto;height:auto;overflow:visible}.sys-label{font-family:var(--font-ja);font-size:13px;font-weight:700;fill:var(--ink-body);text-anchor:middle;letter-spacing:.04em}.sys-link{stroke:#d5eae6;stroke-width:1.6}.sys-pulse{stroke:var(--mint);stroke-width:2.8;stroke-dasharray:18 220;stroke-dashoffset:238;animation:sysFlow 4.6s linear infinite}.sys-pulse.p2{stroke:var(--accent);animation-delay:.85s}.sys-pulse.p3{animation-delay:1.7s}.sys-pulse.p4{stroke:var(--accent);animation-delay:2.55s}@keyframes sysFlow{to{stroke-dashoffset:0}}.web-pulse{stroke:var(--mint);stroke-width:3;stroke-dasharray:16 64;stroke-dashoffset:80;animation:sysFlow 2.8s linear infinite}.web-pulse.p2{stroke:var(--accent);animation-delay:.6s}.web-pulse.p3{animation-delay:1.2s}.sys-core{animation:floaty 9s ease-in-out infinite .3s}.sys-node{animation:floaty 8s ease-in-out infinite}.sys-node.n2{animation-delay:.7s}.sys-node.n3{animation-delay:1.2s}.sys-node.n4{animation-delay:.4s}.sys-blink{animation:sysBlink 4s var(--ease) infinite}@keyframes sysBlink{0%,100%{fill:#fff2e0}50%{fill:#ffe0b6}}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.74rem;font-weight:500;letter-spacing:.08em;color:var(--ink-mute);margin-bottom:clamp(1rem, 1.8vw, 1.4rem)}.breadcrumb a{transition:color 0.35s}.breadcrumb a:hover{color:var(--accent-deep)}.breadcrumb span[aria-current]{color:var(--ink);font-weight:700}.page-title{font-weight:900;color:var(--ink-navy);letter-spacing:.01em;font-size:clamp(1.65rem, 3vw, 2.5rem);line-height:1.38;margin-top:.3rem}.page-title .line{display:block;overflow:hidden;padding-bottom:.08em}.page-title .line-in{display:inline-block;white-space:nowrap}.page-title .ac{color:var(--mint-deep)}.page-lead{margin-top:1.1rem;color:var(--ink-body);font-size:clamp(.94rem, 1.1vw, 1.04rem);font-weight:500;line-height:2}.page-head-actions{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:1rem}.svc-index{border-bottom:1px solid var(--line);background:#fff}.svc-index-inner{display:flex;flex-wrap:wrap;align-items:center;gap:1rem clamp(1.2rem, 3vw, 2.6rem);padding-block:1.1rem}.svc-index-label{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute)}.svc-index ul{display:flex;flex-wrap:wrap;gap:.6rem clamp(1rem, 2.4vw, 2rem)}.svc-index a{display:inline-flex;align-items:baseline;gap:.5rem;font-size:.89rem;font-weight:700;color:var(--ink);padding-bottom:.2rem;border-bottom:1.5px solid #fff0;transition:color 0.35s,border-color 0.42s}.svc-index a span{font-family:var(--font-mono);font-size:.72rem;color:var(--accent)}.svc-index a:hover{color:var(--accent-deep);border-color:var(--accent)}.svc-section{padding-block:clamp(64px, 8vw, 108px);position:relative}.svc-section.alt{background:var(--bg-soft)}.svc-grid{display:grid;grid-template-columns:minmax(200px,285px) 1fr;gap:clamp(1.8rem, 4.5vw, 4.5rem);align-items:start}.svc-head{position:sticky;top:clamp(90px, 12vh, 130px)}.svc-no{display:inline-block;font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.1em;color:var(--accent);margin-bottom:.9rem;padding-bottom:.45rem;border-bottom:2px solid var(--accent-soft)}.svc-title{font-size:clamp(1.32rem, 2.1vw, 1.7rem);font-weight:900;color:var(--ink);line-height:1.5}.svc-en{font-family:var(--font-mono);font-size:.74rem;font-weight:500;letter-spacing:.12em;color:var(--ink-mute);margin-top:.6rem}.svc-body{min-width:0}.svc-intro{font-size:clamp(1rem, 1.4vw, 1.12rem);font-weight:700;color:var(--ink);line-height:1.95;padding-bottom:clamp(1.6rem, 3vw, 2.4rem);margin-bottom:clamp(1.6rem, 3vw, 2.4rem);border-bottom:1px solid var(--line)}.svc-list{display:grid}.svc-list li{padding-block:clamp(1.3rem, 2.4vw, 1.9rem);border-bottom:1px solid var(--line)}.svc-list li:first-child{padding-top:0}.svc-list h3{position:relative;padding-left:1.5rem;font-size:clamp(1rem, 1.5vw, 1.12rem);font-weight:900;color:var(--ink);line-height:1.6;margin-bottom:.6rem}.svc-list h3::before{content:"";position:absolute;left:0;top:.58em;width:9px;height:9px;border-radius:50%;border:2.5px solid var(--mint)}.svc-list p{padding-left:1.5rem;font-size:.94rem;font-weight:500;color:var(--ink-body);line-height:1.95}.cap-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(1.6rem, 3vw, 2.4rem) clamp(1.4rem, 3vw, 2.6rem)}.cap-item h3{position:relative;padding-left:1.6rem;font-size:1.02rem;font-weight:900;color:var(--ink);margin-bottom:.6rem}.cap-item h3::before{content:"→";position:absolute;left:0;top:0;font-family:var(--font-mono);font-size:.9rem;color:var(--mint-deep);transition:transform 0.56s var(--ease-out),color 0.42s}.cap-item:hover h3::before{transform:translateX(3px);color:var(--accent)}.cap-item p{padding-left:1.6rem;font-size:.9rem;font-weight:500;color:var(--ink-body);line-height:1.9}.approach-list{display:grid;gap:clamp(1.6rem, 3vw, 2.4rem)}.approach-item{display:grid;grid-template-columns:auto 1fr;gap:clamp(1rem, 2.4vw, 1.8rem);align-items:start}.approach-no{font-family:var(--font-mono);font-size:clamp(1.6rem, 3vw, 2.3rem);font-weight:700;line-height:1;color:var(--mint);opacity:.55}.approach-item h3{font-size:clamp(1.02rem, 1.5vw, 1.15rem);font-weight:900;color:var(--ink);margin-bottom:.6rem}.approach-item p{font-size:.94rem;font-weight:500;color:var(--ink-body);line-height:1.95}.timeline{position:relative;display:grid;gap:clamp(1.4rem, 2.6vw, 2rem);padding-left:1.7rem}.timeline::before{content:"";position:absolute;left:5px;top:.6rem;bottom:.6rem;width:1px;background:repeating-linear-gradient(180deg,var(--mint-line) 0 6px,transparent 6px 12px)}.timeline li{position:relative}.timeline li::before{content:"";position:absolute;left:-1.7rem;top:.35rem;width:11px;height:11px;border-radius:50%;background:#fff;border:2.5px solid var(--mint);transition:background 0.42s,border-color 0.42s,scale 0.56s var(--ease-out)}.timeline li:hover::before{background:var(--accent);border-color:var(--accent);scale:1.25}.tl-step{display:inline-block;font-family:var(--font-mono);font-size:.74rem;font-weight:700;letter-spacing:.1em;color:var(--accent);margin-bottom:.45rem}.timeline h3{font-size:1.05rem;font-weight:900;color:var(--ink);margin-bottom:.45rem}.timeline p{font-size:.93rem;font-weight:500;color:var(--ink-body);line-height:1.9}.faq-list{display:grid;gap:.75rem}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:16px;transition:border-color 0.56s,box-shadow 0.56s}.faq-list details[open]{border-color:var(--mint-line);box-shadow:var(--shadow-sm)}.faq-list summary{list-style:none;cursor:pointer;position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:.95rem;padding:1.15rem clamp(1.1rem, 2.4vw, 1.5rem);font-size:clamp(.96rem, 1.3vw, 1.02rem);font-weight:900;color:var(--ink);line-height:1.7;transition:color 0.42s}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--accent-deep)}.faq-list summary::before{content:"Q";grid-row:1;flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);font-family:var(--font-mono);font-size:.92rem;font-weight:700;line-height:1;transition:background 0.49s,color 0.49s}.faq-list details[open] summary::before{background:var(--accent);color:#fff}.faq-list summary::after{content:"";width:14px;height:14px;margin-top:.5rem;flex:none;background:linear-gradient(var(--mint-deep) 0 100%) center / 100% 2px no-repeat,linear-gradient(var(--mint-deep) 0 100%) center / 2px 100% no-repeat;transition:rotate 0.7s var(--ease-out),background-size 0.56s var(--ease-out)}.faq-list details[open] summary::after{rotate:180deg;background-size:100% 2px,0 100%}.faq-a{padding:0 clamp(1.1rem, 2.4vw, 1.5rem) 1.3rem;padding-left:calc(clamp(1.1rem, 2.4vw, 1.5rem) + 30px + .95rem)}.faq-a p{font-size:.93rem;font-weight:500;color:var(--ink-body);line-height:1.95}.other-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1rem, 2vw, 1.4rem)}.other-card{position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(1.7rem, 2.6vw, 2.2rem);transition:transform 0.7s var(--ease-out),box-shadow 0.63s,border-color 0.63s}.other-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--mint-line)}.other-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--mint-soft);color:var(--mint-deep);margin-bottom:1.1rem;transition:background 0.56s,color 0.56s}.other-card:hover .other-icon{background:var(--mint-deep);color:#fff}.other-icon svg{width:26px;height:26px}.other-card h3{font-size:1.1rem;font-weight:900;color:var(--ink);margin-bottom:.5rem}.other-card p{font-size:.92rem;font-weight:500;color:var(--ink-body);line-height:1.85;padding-right:2rem}.other-card .tech-tags{margin-top:1.1rem;padding-right:2.4rem}.other-arrow{position:absolute;right:clamp(1.5rem, 2.4vw, 2rem);bottom:clamp(1.5rem, 2.4vw, 2rem);font-family:var(--font-mono);font-size:1.2rem;color:var(--mint-deep);transition:transform 0.63s var(--ease-out),color 0.42s}.other-card:hover .other-arrow{transform:translateX(5px);color:var(--accent)}.service-more{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.3rem;font-size:.92rem;font-weight:700;color:var(--mint-deep);padding-bottom:.25rem;border-bottom:1.5px solid var(--mint-line);transition:color 0.42s,border-color 0.42s,gap 0.49s var(--ease-out)}.service-more span{font-family:var(--font-mono)}.service-more:hover{color:var(--accent-deep);border-color:var(--accent);gap:.85rem}.marquee{position:relative;overflow:hidden;border-block:1px solid var(--line);background:#fff9f2;padding-block:.95rem}.marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:9%;pointer-events:none;z-index:1}.marquee::before{left:0;background:linear-gradient(90deg,#fff9f2,#fff0)}.marquee::after{right:0;background:linear-gradient(270deg,#fff9f2,#fff0)}.marquee-track{display:flex;width:max-content;animation:marquee 46s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-set{display:flex;align-items:center;flex:none}.marquee-set em{font-family:var(--font-en);font-style:normal;font-weight:900;font-size:clamp(1.05rem, 1.9vw, 1.5rem);color:var(--ink-navy);letter-spacing:.01em;white-space:nowrap}.marquee-set i{display:block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-inline:clamp(1.2rem, 3vw, 2.4rem);flex:none}@keyframes marquee{to{transform:translateX(-50%)}}.problem{background:var(--bg-soft)}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(.9rem, 1.6vw, 1.2rem)}.problem-item{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:auto 1fr;align-items:start;column-gap:1.1rem;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.7rem 1.6rem;font-size:.98rem;font-weight:700;color:var(--ink);line-height:1.75;transition:transform 0.7s var(--ease-out),box-shadow 0.63s,border-color 0.63s}.problem-item::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#fff 0%,var(--mint-soft) 100%);opacity:0;transition:opacity 0.63s var(--ease)}.problem-item b{color:var(--accent-deep);font-weight:900}.problem-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--mint-line)}.problem-item:hover::before{opacity:1}.pmark{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;line-height:1.1;color:var(--accent);opacity:.5;transition:opacity 0.49s,transform 0.7s var(--ease-out)}.problem-item:hover .pmark{opacity:1;transform:translateY(-2px)}.ptext{display:block}.problem-answer{margin-top:clamp(2.2rem, 3.6vw, 3rem);padding:clamp(1.3rem, 2.4vw, 1.9rem) clamp(1.2rem, 3vw, 2.2rem);display:grid;gap:.45rem;justify-items:center;text-align:center;background:linear-gradient(180deg,#ffffff 0%,var(--mint-soft) 100%);border:1px solid var(--mint-line);border-radius:18px;line-height:1.7}.pa-lead{font-size:clamp(.92rem, 1.4vw, 1.06rem);font-weight:700;color:var(--ink-body)}.pa-main{font-size:clamp(1.02rem, 1.9vw, 1.28rem);font-weight:900;color:var(--ink)}.problem-answer b{color:var(--mint-deep);font-weight:900}.service-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.service-row{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:auto auto 1fr auto;align-items:start;gap:clamp(1.2rem, 3vw, 2.4rem);border-bottom:1px solid var(--line);padding:clamp(2rem, 3.6vw, 3rem) clamp(.6rem, 2vw, 1.6rem);transition:padding-inline 0.7s var(--ease-out)}.service-row::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--mint-soft) 0%,#fff 88%);transform:translateX(-100%);transition:transform 0.84s var(--ease-out)}.service-row:hover::before{transform:translateX(0)}.service-row:hover{padding-left:clamp(1.2rem, 3vw, 2.4rem)}.service-no{font-family:var(--font-mono);font-size:clamp(1.6rem, 3vw, 2.4rem);font-weight:700;line-height:1;color:var(--accent);opacity:.45;transition:opacity 0.56s}.service-row:hover .service-no{opacity:1}.service-icon{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;background:#fff;border:1px solid var(--mint-line);color:var(--mint-deep);transition:transform 0.77s var(--ease-out),background 0.56s,color 0.56s,border-color 0.56s}.service-row:hover .service-icon{transform:rotate(-6deg) scale(1.06);background:var(--mint-deep);color:#fff;border-color:var(--mint-deep)}.service-icon svg{width:28px;height:28px}.service-name{font-size:clamp(1.3rem, 2.6vw, 1.75rem);font-weight:900;color:var(--ink);margin-bottom:.1rem}.service-desc{color:var(--ink-body);font-size:.98rem;font-weight:500;margin-top:.6rem;max-width:46rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.3rem}.tech-tags li{font-family:var(--font-mono);font-size:.76rem;font-weight:500;letter-spacing:.02em;color:var(--mint-deep);background:var(--mint-soft);border:1px solid var(--mint-line);padding:.32rem .75rem;border-radius:999px;transition:background 0.42s,color 0.42s,border-color 0.42s,transform 0.56s var(--ease-out)}.service-row:hover .tech-tags li:not(:hover){background:#fff}.tech-tags li:hover{background:var(--mint-deep);color:#fff;border-color:var(--mint-deep);transform:translateY(-2px)}.service-arrow{align-self:center;font-family:var(--font-mono);font-size:1.5rem;color:var(--mint-deep);opacity:0;transform:translateX(-14px);transition:opacity 0.63s,transform 0.77s var(--ease-out)}.service-row:hover .service-arrow{opacity:1;transform:translateX(0)}.flow{background:var(--bg-soft)}.flow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:clamp(.9rem, 1.6vw, 1.2rem);position:relative}@media (min-width:1160px){.flow-steps{grid-template-columns:repeat(5,minmax(0,1fr))}}.flow-steps::before{content:"";position:absolute;left:6%;right:6%;top:0;height:1px;background:repeating-linear-gradient(90deg,var(--mint-line) 0 8px,transparent 8px 16px)}.flow-step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:2rem 1.5rem 1.7rem;position:relative;transition:transform 0.7s var(--ease-out),box-shadow 0.63s,border-color 0.63s}.flow-dot{position:absolute;top:-5px;left:1.5rem;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--mint);transition:background 0.49s,border-color 0.49s,transform 0.7s var(--ease-out)}.flow-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--mint-line)}.flow-step:hover .flow-dot{background:var(--accent);border-color:var(--accent);transform:scale(1.35)}.flow-no{font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.1em;color:var(--accent);display:inline-block;margin-bottom:.8rem;padding-bottom:.5rem;border-bottom:2px solid var(--accent-soft)}.flow-step h3{font-size:1.05rem;font-weight:900;color:var(--ink);margin-bottom:.5rem}.flow-step p{font-size:.9rem;font-weight:500;color:var(--ink-body);line-height:1.75}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1.4rem, 2.8vw, 2.2rem)}.work-card{transition:transform 0.77s var(--ease-out)}.work-thumb{position:relative;display:block;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);aspect-ratio:16 / 10;background:var(--bg-soft);box-shadow:var(--shadow-md);transition:box-shadow 0.77s,border-color 0.63s}.work-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .9s var(--ease-out)}.work-card:hover .work-thumb{box-shadow:var(--shadow-lg);border-color:var(--mint-line)}.work-card:hover .work-thumb img{transform:scale(1.07)}.work-veil{position:absolute;inset:0;background:linear-gradient(180deg,#fff0 40%,rgb(20 32 30 / .42) 100%);opacity:0;transition:opacity 0.7s var(--ease)}.work-card:hover .work-veil{opacity:1}.work-cat{position:absolute;top:.9rem;left:.9rem;z-index:2;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgb(20 32 30 / .72);padding:.32rem .75rem;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.work-body{padding:1.2rem .3rem 0}.work-name{font-size:1.05rem;font-weight:900;color:var(--ink);position:relative;display:inline-block}.work-name::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1.5px;background:var(--mint-deep);transform:scaleX(0);transform-origin:right center;transition:transform 0.7s var(--ease-out)}.work-card:hover .work-name::after{transform:scaleX(1);transform-origin:left center}.work-type{font-size:.84rem;color:var(--ink-mute);margin-top:.35rem;font-family:var(--font-mono);font-weight:500;letter-spacing:.02em}.work-cursor{position:fixed;top:0;left:0;z-index:80;pointer-events:none;display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:.74rem;font-weight:700;letter-spacing:.06em;opacity:0;transform:translate(-50%,-50%) scale(.4);transition:opacity 0.42s var(--ease),transform 0.63s var(--ease-out)}.work-cursor.on{opacity:1;transform:translate(-50%,-50%) scale(1)}.news-list{border-top:1px solid var(--line);max-width:62rem}.news-item a{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:8rem 6rem 1fr auto;align-items:center;gap:1.2rem;padding:1.7rem .6rem;border-bottom:1px solid var(--line);transition:padding-inline 0.63s var(--ease-out)}.news-item a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--accent-soft);transform:translateX(-100%);transition:transform 0.77s var(--ease-out)}.news-item a:hover::before{transform:translateX(0)}.news-item a:hover{padding-inline:1.3rem .6rem}.news-item time{font-family:var(--font-mono);font-size:.84rem;font-weight:500;color:var(--ink-mute);letter-spacing:.02em}.news-tag{justify-self:start;font-size:.74rem;font-weight:700;color:var(--mint-deep);background:var(--mint-soft);border:1px solid var(--mint-line);padding:.22rem .7rem;border-radius:999px;letter-spacing:.04em}.news-text{color:var(--ink);font-size:.96rem;font-weight:700;position:relative}.news-item a:hover .news-text{color:var(--accent-deep)}.news-arrow{font-family:var(--font-mono);color:var(--accent);font-size:1rem;opacity:0;transform:translateX(-8px);transition:opacity 0.56s,transform 0.7s var(--ease-out)}.news-item a:hover .news-arrow{opacity:1;transform:translateX(0)}.contact{padding-block:clamp(88px, 12vw, 150px);background:#fff9f2;border-top:1px solid var(--line);text-align:center}.contact-deco{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:0;pointer-events:none;user-select:none;font-family:var(--font-en);font-weight:900;font-size:clamp(5rem, 16vw, 14rem);line-height:.8;letter-spacing:-.04em;white-space:nowrap;color:rgb(245 141 0 / .09)}.contact-inner{position:relative;z-index:1}.contact-title{color:var(--ink);font-size:clamp(1.55rem, 3.6vw, 2.5rem);font-weight:900;line-height:1.45;margin:1rem 0}.contact-lead{color:var(--ink-body);font-size:1rem;font-weight:500;margin-bottom:clamp(2.2rem, 4vw, 3rem)}.btn-contact{display:inline-flex;align-items:center;gap:.85rem;padding:clamp(1.15rem, 2vw, 1.5rem) clamp(2rem, 4vw, 3.4rem);border-radius:999px;color:#fff;background:linear-gradient(118deg,var(--accent) 0%,var(--accent-deep) 100%);font-size:clamp(1rem, 1.5vw, 1.15rem);font-weight:900;letter-spacing:.02em;box-shadow:0 20px 42px -18px rgb(120 60 0 / .6);transition:transform 0.63s var(--ease-out),box-shadow 0.63s}.btn-contact svg{width:26px;height:26px;flex:none;transition:transform 0.63s var(--ease-out)}.btn-contact::after{content:"→";font-family:var(--font-mono);transition:transform 0.56s var(--ease-out)}.btn-contact:hover{box-shadow:0 28px 56px -18px rgb(120 60 0 / .7)}.btn-contact:hover svg{transform:scale(1.08) rotate(-4deg)}.btn-contact:hover::after{transform:translateX(5px)}.form-card{max-width:720px;margin-inline:auto;text-align:left;background:#fff;border:1px solid #f6e4cd;border-radius:24px;padding:clamp(1.6rem, 4vw, 3rem);box-shadow:0 34px 70px -34px rgb(120 60 0 / .35)}.form-steps{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;align-items:center;justify-content:center;padding-bottom:clamp(1.4rem, 2.8vw, 2rem);margin-bottom:clamp(1.6rem, 3vw, 2.2rem);border-bottom:1px solid var(--line)}.form-steps li{display:flex;align-items:center;gap:.5rem;font-size:.84rem;font-weight:900;color:var(--ink-mute)}.form-steps .fs-no{font-family:var(--font-mono);font-size:.78rem;font-weight:700;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--bg-soft);color:var(--ink-mute)}.form-steps .on{color:var(--ink)}.form-steps .on .fs-no{background:var(--accent);color:#fff}.contact-form{display:grid;gap:clamp(1.15rem, 2.2vw, 1.6rem)}.field{display:grid;gap:.6rem;border:0;padding:0;margin:0;min-width:0}.field>label,.field>legend{display:flex;align-items:center;gap:.6rem;padding:0;font-size:.93rem;font-weight:900;color:var(--ink)}.tag-req,.tag-opt{font-family:var(--font-ja);font-size:.7rem;font-weight:900;letter-spacing:.06em;border-radius:999px;padding:.22rem .6rem;line-height:1}.tag-req{background:var(--accent-soft);color:var(--accent-deep)}.tag-opt{background:var(--bg-soft);color:var(--ink-mute)}.contact-form input[type="text"],.contact-form input[type="email"],.contact-form input[type="tel"],.contact-form textarea{width:100%;font:inherit;font-weight:500;color:var(--ink);background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:.9rem 1.05rem;line-height:1.7;transition:border-color 0.49s,background 0.49s,box-shadow 0.49s}.contact-form textarea{resize:vertical;min-height:8.5rem}.contact-form ::placeholder{color:#a9b6b4;font-weight:500}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:none;background:#fff;border-color:var(--mint);box-shadow:0 0 0 4px rgb(98 193 180 / .18)}.choice-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}.choice{display:flex;align-items:center;gap:.7rem;cursor:pointer;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem;font-size:.9rem;font-weight:700;color:var(--ink);transition:border-color 0.49s,background 0.49s,color 0.42s}.choice input{appearance:none;margin:0;flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--mint-line);background:#fff;transition:border-color 0.42s,box-shadow 0.42s}.choice input:checked{border-color:var(--accent);box-shadow:inset 0 0 0 4px var(--accent)}.choice:hover{border-color:var(--mint-line);background:#fff}.choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.choice input:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.form-agree{display:flex;align-items:center;gap:.7rem;cursor:pointer;font-size:.9rem;font-weight:700;color:var(--ink)}.form-agree input{appearance:none;margin:0;flex:none;width:20px;height:20px;border-radius:6px;border:2px solid var(--mint-line);background:#fff;transition:background 0.42s,border-color 0.42s}.form-agree input:checked{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5.5 5.5L20 7'/%3E%3C/svg%3E") center / 13px no-repeat;border-color:var(--accent)}.form-agree input:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.form-agree a{color:var(--mint-deep);text-decoration:underline;text-underline-offset:.2em}.form-agree a:hover{color:var(--accent-deep)}.btn-submit{justify-self:center;margin-top:.4rem;cursor:pointer;border:0;display:inline-flex;align-items:center;gap:.7rem;padding:clamp(1rem, 1.9vw, 1.3rem) clamp(2rem, 4vw, 3.2rem);border-radius:999px;font:inherit;background:linear-gradient(118deg,var(--accent) 0%,var(--accent-deep) 100%);color:#fff;font-size:clamp(.98rem, 1.4vw, 1.08rem);font-weight:900;letter-spacing:.02em;box-shadow:0 20px 42px -18px rgb(120 60 0 / .6);transition:transform 0.63s var(--ease-out),box-shadow 0.63s}.btn-submit::after{content:"→";font-family:var(--font-mono);transition:transform 0.56s var(--ease-out)}.btn-submit:hover{box-shadow:0 28px 56px -18px rgb(120 60 0 / .7)}.btn-submit:hover::after{transform:translateX(5px)}.site-footer{position:relative;overflow:hidden;background:radial-gradient(42vw 32vw at 88% -8%,rgb(98 193 180 / .30),transparent 70%),radial-gradient(36vw 28vw at 4% 106%,rgb(245 141 0 / .18),transparent 70%),linear-gradient(180deg,#ffffff 0%,#f4fbf9 46%,var(--mint-soft) 100%);color:var(--ink-body);padding-top:clamp(3.2rem, 6vw, 4.8rem)}.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:2;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-light) 26%,var(--mint) 62%,var(--mint-deep) 100%)}.site-footer>*{position:relative;z-index:1}.footer-inner{display:grid;grid-template-columns:1.4fr 1fr auto;gap:clamp(2rem, 5vw, 4rem);padding-bottom:3rem}@media (min-width:981px){.footer-inner{padding-right:calc(var(--gutter) + 56px)}}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-tagline{font-family:var(--font-en);font-size:1.15rem;font-weight:900;color:var(--ink-navy);letter-spacing:.02em}.footer-nav ul{display:grid;gap:.85rem}.footer-nav a{font-size:.9rem;font-weight:700;color:var(--ink);transition:color 0.35s,padding-left 0.49s var(--ease-out);position:relative;padding-left:1.1rem}.footer-nav a::before{content:"›";position:absolute;left:0;color:var(--accent);transition:transform 0.49s var(--ease-out)}.footer-nav a:hover{color:var(--accent-deep);padding-left:1.45rem}.footer-social .social-link{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.84rem;font-weight:700;color:var(--mint-deep);background:#fff;border:1px solid var(--mint-line);border-radius:999px;padding:.55rem 1.1rem;box-shadow:var(--shadow-sm);transition:color 0.35s,background 0.42s,border-color 0.42s,transform 0.63s var(--ease-out)}.footer-social svg{width:20px;height:20px;transition:transform 0.7s var(--ease-out)}.footer-social .social-link:hover{color:#fff;background:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.footer-social .social-link:hover svg{transform:rotate(-8deg) scale(1.08)}.footer-logotype{font-family:var(--font-en);font-weight:900;font-size:clamp(1.9rem, 7.4vw, 6.4rem);line-height:1;letter-spacing:-.025em;text-align:center;white-space:nowrap;color:#fff0;-webkit-text-stroke:1.5px rgb(98 193 180 / .55);padding:0 var(--gutter) .12em;user-select:none}.footer-bottom{border-top:1px solid var(--mint-line);padding-block:1.6rem;text-align:center;font-family:var(--font-mono);font-size:.78rem;font-weight:500;color:var(--ink-mute)}.reveal{opacity:0;transform:translateY(22px);transition:opacity 1.5s var(--ease-soft),transform 1.5s var(--ease-soft);transition-delay:calc(var(--i, 0) * .13s)}.reveal.in{opacity:1;transform:none}.smooth-on{scroll-behavior:auto}.smooth-on body>.page{position:fixed;top:0;left:0;width:100%;will-change:transform}.frame{position:relative;border-color:transparent!important;--frame-c:#e0e5e4}.frame::before,.frame::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;transition:background-size .95s var(--ease-soft);transition-delay:calc(var(--i, 0) * .13s)}.frame::before{background:linear-gradient(var(--frame-c) 0 100%) left top / 0% 1px no-repeat,linear-gradient(var(--frame-c) 0 100%) right top / 1px 0% no-repeat}.frame::after{background:linear-gradient(var(--frame-c) 0 100%) right bottom / 0% 1px no-repeat,linear-gradient(var(--frame-c) 0 100%) left bottom / 1px 0% no-repeat;transition-delay:calc(var(--i, 0) * .13s + .5s)}.frame.in::before,.frame.in::after{background-size:100% 1px,1px 100%}.problem-item:hover,.flow-step:hover,.work-card:hover .work-thumb{--frame-c:var(--mint-line)}.frame-body{opacity:0;transform:translateY(8px);transition:opacity 1.15s var(--ease-soft),transform 1.15s var(--ease-soft)}.frame.in .frame-body{opacity:1;transform:none;transition-delay:calc(var(--i, 0) * .13s + .75s)}.work-thumb img{transition:clip-path 1.5s var(--ease-soft),transform 1.4s var(--ease-out)}.js-on .work-thumb img{clip-path:inset(0 0 100% 0)}.js-on .work-thumb.in img{clip-path:inset(0 0 0 0);transition-delay:calc(var(--i, 0) * .13s + .62s),0s}.list-count{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem 1.2rem;margin-bottom:clamp(1.2rem, 2.4vw, 2rem);font-family:var(--font-mono);font-size:.74rem;font-weight:500;letter-spacing:.06em;color:var(--ink-mute)}.list-count strong{font-weight:700;color:var(--ink)}.list-count-page{color:var(--ink-mute)}@media (max-width:560px){.list-count{font-size:.7rem;gap:.2rem .8rem}}@media (min-width:981px){.hero{padding-left:calc(var(--side-w) + clamp(28px, 5vw, 84px))}.hero-scroll{left:calc(var(--side-w) + clamp(28px, 5vw, 84px))}.page-head>.container{padding-left:calc(var(--side-w) + var(--gutter))}.sys-band{padding-left:var(--side-w)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.rise{opacity:1;transform:none}.section-head::after{opacity:1;translate:0 -58%}.hero-title .ac::after{transform:scaleX(1)}}@media (max-width:1080px){.page-head-grid{grid-template-columns:1fr;align-items:start}.page-head-note{padding-bottom:0}.svc-grid{grid-template-columns:1fr;gap:1.8rem}.svc-head{position:static}.sys-band{overflow-x:auto}.sys-illust{width:900px;min-width:900px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:clamp(2.5rem, 6vw, 4rem);padding-bottom:clamp(4rem, 8vw, 5.5rem)}.hero-copy{max-width:none;text-align:center;margin-inline:auto}.hero-underline{margin-inline:auto}.hero-actions{justify-content:center}.hero-visual{order:2;margin-top:1.5rem}.hero-illust{width:100%;max-width:440px}.hero-ring{right:0;bottom:-2%}.hero-scroll{left:50%;translate:-50% 0}}@media (max-width:940px){.footer-inner{grid-template-columns:1fr 1fr}.footer-social{grid-column:1 / -1}}@media (max-width:560px){.contact-title{font-size:1.3rem;letter-spacing:0}.contact-lead{font-size:.94rem}.btn-contact{font-size:.98rem;padding-inline:1.6rem}.btn-contact svg{width:22px;height:22px}}@media (max-width:980px){.page{padding-left:0;padding-top:60px}.scroll-progress{left:0;top:60px}.sidebar{width:264px;transform:translateX(-100%);transition:transform 0.63s var(--ease-out);box-shadow:0 0 50px rgb(20 32 30 / .18)}.sidebar.open{transform:translateX(0)}.mobile-bar{display:flex;position:fixed;top:0;left:0;right:0;height:60px;z-index:95;align-items:center;justify-content:space-between;padding:0 16px;background:rgb(255 255 255 / .92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-toggle{display:block}.contact-tab{top:auto;bottom:22px}.work-cursor{display:none}}@media (max-width:780px){.service-row{grid-template-columns:auto auto 1fr;row-gap:1rem;align-items:center}.service-no{grid-area:1 / 1}.service-icon{grid-area:1 / 2}.service-row-body{grid-column:1 / -1}.service-arrow{display:none}.news-item a{grid-template-columns:auto auto 1fr;gap:.5rem 1rem;padding-block:1.5rem}.news-item a:hover{padding-inline:.6rem}.news-text{grid-column:1 / -1}.news-arrow{display:none}.flow-steps::before{display:none}}@media (max-width:480px){.hero-actions .btn{flex:1;justify-content:center;white-space:nowrap;padding-inline:1.2rem}.hero-title{font-size:clamp(1.6rem, 7.5vw, 2.3rem);white-space:normal}.page-title{font-size:clamp(1.45rem, 6.6vw, 2rem)}.page-title .line-in{white-space:normal}.footer-inner{grid-template-columns:1fr}.section-head::after{font-size:clamp(3.4rem, 22vw, 5rem)}}.page-head{overflow:hidden}.page-head-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.page-head>.container{position:relative;z-index:1}.page-head .blob-accent{width:36vw;max-width:520px;aspect-ratio:1;right:-6vw;top:-58%;background:radial-gradient(circle,rgb(245 141 0 / .34),transparent 68%);animation:drift 34s var(--ease) infinite alternate}.page-head .blob-mint{width:30vw;max-width:420px;aspect-ratio:1;left:-9vw;bottom:-72%;background:radial-gradient(circle,rgb(98 193 180 / .34),transparent 68%);animation:drift 44s var(--ease) infinite alternate-reverse}.page-head::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:2;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-light) 22%,var(--mint) 58%,var(--mint-deep) 100%)}.breadcrumb span[aria-current]{color:var(--accent-deep);font-weight:700}.page-title-en{display:inline-flex;align-items:center;gap:.65rem;color:var(--accent-deep);font-weight:700;letter-spacing:.14em}.page-title-en::before{content:"";width:1.5rem;height:2px;border-radius:2px;background:var(--accent);transform-origin:left center;animation:labelLine 3.8s var(--ease) infinite}.btn-accent{background:linear-gradient(118deg,var(--accent) 0%,var(--accent-deep) 100%);color:#fff}.btn-accent::before{background:var(--accent-deep)}.page-head-actions .btn-accent{animation:ctaPulse 4.8s ease-out infinite}.page-head-actions .btn-accent:hover{animation-play-state:paused}@keyframes ctaPulse{0%{box-shadow:0 14px 30px -14px rgb(120 60 0 / .6),0 0 0 0 rgb(245 141 0 / .38)}60%{box-shadow:0 14px 30px -14px rgb(120 60 0 / .6),0 0 0 15px #fff0}100%{box-shadow:0 14px 30px -14px rgb(120 60 0 / .6),0 0 0 0 #fff0}}.sys-band{background:radial-gradient(40vw 30vw at 90% 4%,rgb(245 141 0 / .16),transparent 68%),linear-gradient(180deg,#fff 0%,var(--mint-soft) 100%)}.sys-step{font-family:var(--font-mono);font-weight:700;font-size:12.5px;fill:var(--accent);animation:stepGlow 4.4s var(--ease) infinite}.sys-step.s2{animation-delay:1.1s}.sys-step.s3{animation-delay:2.2s}.sys-step.s4{animation-delay:3.3s}@keyframes stepGlow{0%,26%,100%{opacity:.45}8%,18%{opacity:1}}.web-pulse{stroke-width:3.4;stroke-dasharray:18 62;stroke-dashoffset:80}.cap-sub{position:relative;padding-left:1.6rem;margin:clamp(2.2rem, 4vw, 3rem) 0 1.2rem;font-size:.82rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-family:var(--font-mono);color:var(--accent-deep)}.cap-sub::before{content:"";position:absolute;left:0;top:50%;width:1.1rem;height:2px;background:var(--accent);transform:translateY(-50%);transform-origin:left center;animation:labelLine 3.8s var(--ease) infinite}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:clamp(.9rem, 1.8vw, 1.3rem)}.example-card{position:relative;overflow:hidden;isolation:isolate;background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(1.4rem, 2.4vw, 1.8rem);transition:transform 0.7s var(--ease-out),box-shadow 0.63s,border-color 0.63s}.example-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#fff 0%,var(--mint-soft) 100%);opacity:0;transition:opacity 0.63s var(--ease)}.example-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--mint-line)}.example-card:hover::before{opacity:1}.example-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);border:1px solid #f7e2c6;color:var(--accent-deep);margin-bottom:1.1rem;transition:transform 0.77s var(--ease-out),background 0.56s,color 0.56s,border-color 0.56s}.example-icon svg{width:26px;height:26px}.example-card:hover .example-icon{transform:rotate(-6deg) scale(1.06);background:var(--accent);color:#fff;border-color:var(--accent)}.example-card h4{font-size:1.06rem;font-weight:900;color:var(--ink);line-height:1.6;margin-bottom:.55rem}.example-card p{font-size:.91rem;font-weight:500;color:var(--ink-body);line-height:1.9}.example-card .tech-tags{margin-top:1.1rem}.legal-body{max-width:46rem}.legal-item{padding-block:clamp(1.6rem, 3vw, 2.3rem);border-bottom:1px solid var(--line)}.legal-item:first-child{padding-top:0}.legal-item:last-of-type{border-bottom:0}.legal-item h2{display:flex;align-items:baseline;gap:.85rem;font-size:clamp(1.05rem, 1.7vw, 1.22rem);font-weight:900;color:var(--ink);line-height:1.6;margin-bottom:.9rem}.legal-no{flex:none;font-family:var(--font-mono);font-size:.84rem;font-weight:700;letter-spacing:.06em;color:var(--accent)}.legal-item p{font-size:.95rem;font-weight:500;color:var(--ink-body);line-height:2}.legal-item p+p{margin-top:.9rem}.legal-list{margin:.9rem 0;display:grid;gap:.5rem}.legal-list li{position:relative;padding-left:1.5rem;font-size:.93rem;font-weight:500;color:var(--ink-body);line-height:1.9}.legal-list li::before{content:"";position:absolute;left:.15rem;top:.72em;width:8px;height:8px;border-radius:50%;border:2.5px solid var(--mint)}.legal-contact{margin-top:1.3rem;padding:clamp(1.3rem, 2.4vw, 1.8rem);background:linear-gradient(180deg,#ffffff 0%,var(--mint-soft) 100%);border:1px solid var(--mint-line);border-radius:18px}.legal-contact-name{font-size:1.05rem;font-weight:900;color:var(--ink);line-height:1.6}.legal-contact-note{font-size:.9rem;font-weight:500;color:var(--ink-body);margin-top:.3rem}.legal-contact .btn{margin-top:1.2rem}.legal-date{margin-top:clamp(2rem, 3.4vw, 2.8rem);padding-top:1.3rem;border-top:1px solid var(--line);text-align:right;font-family:var(--font-mono);font-size:.82rem;font-weight:500;color:var(--ink-mute)}.post-filter{background:#fff;border-bottom:1px solid var(--line)}.post-filter-inner{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem clamp(1.2rem, 3vw, 2.4rem);padding-block:1rem}.post-filter-label{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute)}.post-filter ul{display:flex;flex-wrap:wrap;gap:.5rem clamp(.6rem, 1.6vw, 1rem)}.post-filter a{display:inline-block;padding:.42rem 1.1rem;border-radius:999px;font-size:.87rem;font-weight:700;color:var(--ink-body);border:1px solid var(--line);background:#fff;transition:color 0.35s,background 0.42s,border-color 0.42s,transform 0.56s var(--ease-out)}.post-filter a:hover{color:var(--mint-deep);border-color:var(--mint-line);background:var(--mint-soft);transform:translateY(-2px)}.post-filter a.on,.post-filter .current-cat>a{color:#fff;background:var(--accent);border-color:var(--accent)}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:clamp(1.4rem, 2.8vw, 2.2rem)}.post-card{display:flex;flex-direction:column}.post-thumb{position:relative;display:block;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--line);aspect-ratio:16 / 10;background:var(--bg-soft);transition:box-shadow 0.63s,border-color 0.63s}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-out)}.post-card:hover .post-thumb{box-shadow:var(--shadow-md);border-color:var(--mint-line)}.post-card:hover .post-thumb img{transform:scale(1.06)}.post-thumb.ph-1,.post-eyecatch.ph-1{background:linear-gradient(135deg,#eaf5f2 0%,#d3e9e4 100%)}.post-thumb.ph-2,.post-eyecatch.ph-2{background:linear-gradient(135deg,#fff3e3 0%,#ffe3bd 100%)}.post-thumb.ph-3,.post-eyecatch.ph-3{background:linear-gradient(135deg,#eef7f5 0%,#cfe8e3 100%)}.post-thumb.ph-4,.post-eyecatch.ph-4{background:linear-gradient(135deg,#fdf6ee 0%,#f6e4cd 100%)}.post-thumb.ph-5,.post-eyecatch.ph-5{background:linear-gradient(135deg,#f4faf9 0%,#dcefeb 100%)}.post-thumb.ph-6,.post-eyecatch.ph-6{background:linear-gradient(135deg,#eaf5f2 0%,#ffe3bd 100%)}.post-cat{position:absolute;top:.85rem;left:.85rem;z-index:2;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:#fff;background:rgb(20 32 30 / .72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.3rem .8rem;border-radius:999px}.post-body{padding:1.1rem .3rem 0}.post-date{display:block;font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--ink-mute);margin-bottom:.5rem}.post-title{font-size:1.06rem;font-weight:900;color:var(--ink);line-height:1.65}.post-title a{transition:color 0.35s}.post-card:hover .post-title a{color:var(--mint-deep)}.post-excerpt{margin-top:.7rem;font-size:.9rem;font-weight:500;color:var(--ink-body);line-height:1.9}.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:clamp(2.6rem, 5vw, 4rem)}.pagination .page-numbers{display:grid;place-items:center;min-width:46px;height:46px;padding-inline:.9rem;border-radius:12px;border:1px solid var(--line);background:#fff;font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--ink);transition:color 0.35s,background 0.42s,border-color 0.42s,transform 0.56s var(--ease-out)}.pagination a.page-numbers:hover{color:var(--mint-deep);background:var(--mint-soft);border-color:var(--mint-line);transform:translateY(-2px)}.pagination .page-numbers.current{color:#fff;background:var(--accent);border-color:var(--accent)}.pagination .next,.pagination .prev{font-family:var(--font-ja);font-weight:900}.post-head .post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.9rem}.post-cat-text{font-size:.78rem;font-weight:700;letter-spacing:.04em;color:#fff;background:var(--accent);padding:.28rem .85rem;border-radius:999px}.post-head time{font-family:var(--font-mono);font-size:.84rem;font-weight:500;color:var(--ink-mute)}.post-single-title{font-weight:900;color:var(--ink-navy);letter-spacing:.01em;font-size:clamp(1.5rem, 2.8vw, 2.2rem);line-height:1.5;max-width:42rem}.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:clamp(2rem, 4vw, 3.6rem);align-items:start}.post-main{min-width:0}.post-eyecatch{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:var(--radius-lg);border:1px solid var(--line);margin-bottom:clamp(1.6rem, 3vw, 2.4rem)}.post-toc{background:var(--bg-soft);border:1px solid var(--line);border-radius:18px;padding:clamp(1.2rem, 2.4vw, 1.7rem) clamp(1.3rem, 2.6vw, 1.9rem);margin-bottom:clamp(1.8rem, 3.4vw, 2.6rem)}.post-toc-title{position:relative;padding-left:1.6rem;margin-bottom:.9rem;font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep)}.post-toc-title::before{content:"";position:absolute;left:0;top:50%;width:1.1rem;height:2px;background:var(--accent);transform:translateY(-50%)}.post-toc ol{counter-reset:toc;display:grid;gap:.55rem}.post-toc li{counter-increment:toc;position:relative;padding-left:2rem}.post-toc li::before{content:counter(toc,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--accent);line-height:1.9}.post-toc a{font-size:.93rem;font-weight:700;color:var(--ink);line-height:1.9;border-bottom:1px solid #fff0;transition:color 0.35s,border-color 0.42s}.post-toc a:hover{color:var(--mint-deep);border-color:var(--mint)}.post-content{font-size:1rem;font-weight:500;color:var(--ink-body);line-height:2.05}.post-content>*+*{margin-top:1.5rem}.post-content h2{position:relative;margin-top:clamp(2.4rem, 4.4vw, 3.4rem);padding-left:1.1rem;font-size:clamp(1.2rem, 2vw, 1.45rem);font-weight:900;color:var(--ink);line-height:1.6}.post-content h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;border-radius:2px;background:linear-gradient(180deg,var(--accent) 0%,var(--mint) 100%)}.post-content h3{margin-top:clamp(1.8rem, 3.2vw, 2.4rem);font-size:clamp(1.05rem, 1.6vw, 1.18rem);font-weight:900;color:var(--ink);line-height:1.65;padding-bottom:.5rem;border-bottom:1px solid var(--mint-line)}.post-content h4{margin-top:1.8rem;font-size:1.02rem;font-weight:900;color:var(--ink)}.post-content p{font-size:1rem}.post-content a{color:var(--mint-deep);text-decoration:underline;text-underline-offset:.2em}.post-content a:hover{color:var(--accent-deep)}.post-content strong{font-weight:900;color:var(--ink)}.post-content em{font-style:normal;background:linear-gradient(transparent 62%,var(--accent-soft) 62%)}.post-content ul,.post-content ol{display:grid;gap:.6rem}.post-content ul li{position:relative;padding-left:1.5rem}.post-content ul li::before{content:"";position:absolute;left:.15rem;top:.78em;width:8px;height:8px;border-radius:50%;border:2.5px solid var(--mint)}.post-content ol{counter-reset:li}.post-content ol li{counter-increment:li;position:relative;padding-left:2rem}.post-content ol li::before{content:counter(li);position:absolute;left:0;top:.28em;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);font-family:var(--font-mono);font-size:.74rem;font-weight:700;line-height:1}.post-content blockquote{position:relative;padding:1.2rem 1.4rem 1.2rem 3.2rem;background:var(--bg-soft);border-left:4px solid var(--mint);border-radius:0 14px 14px 0}.post-content blockquote::before{content:"“";position:absolute;left:1.1rem;top:.1rem;font-family:var(--font-mono);font-size:2.4rem;line-height:1;color:var(--mint)}.post-content blockquote p{font-size:.98rem;font-weight:700;color:var(--ink)}.post-content img,.post-content .wp-block-image img{border-radius:var(--radius-lg);border:1px solid var(--line)}.post-content figcaption{margin-top:.6rem;font-size:.84rem;color:var(--ink-mute);text-align:center}.post-content table{width:100%;border-collapse:collapse;font-size:.93rem}.post-content th,.post-content td{padding:.8rem 1rem;border:1px solid var(--line);text-align:left}.post-content th{background:var(--mint-soft);font-weight:900;color:var(--ink)}.post-content code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-soft);border:1px solid var(--line);border-radius:6px;padding:.1em .45em}.post-content pre{background:var(--ink-dk);color:#e8f3f0;border-radius:14px;padding:1.2rem 1.3rem;overflow-x:auto}.post-content pre code{background:none;border:0;padding:0;color:inherit}.post-content hr{border:0;height:1px;background:var(--line);margin-block:clamp(2rem, 4vw, 3rem)}.post-note{background:var(--accent-soft);border:1px solid #f6e4cd;border-radius:16px;padding:clamp(1.1rem, 2.2vw, 1.5rem) clamp(1.2rem, 2.4vw, 1.6rem)}.post-note p{font-size:.94rem;line-height:1.95;color:var(--ink-body)}.post-note strong{color:var(--accent-deep)}.post-cta{margin-top:clamp(2.6rem, 5vw, 4rem);text-align:center;background:linear-gradient(180deg,#ffffff 0%,var(--mint-soft) 100%);border:1px solid var(--mint-line);border-radius:20px;padding:clamp(1.6rem, 3vw, 2.4rem)}.post-cta-lead{font-size:clamp(1rem, 1.6vw, 1.15rem);font-weight:900;color:var(--ink);line-height:1.8;margin-bottom:1.3rem}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:clamp(1.6rem, 3vw, 2.2rem)}.post-nav-item{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.3rem;transition:transform 0.7s var(--ease-out),box-shadow 0.63s,border-color 0.63s}.post-nav-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--mint-line)}.post-nav-item.next{text-align:right}.post-nav-label{display:block;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--accent);margin-bottom:.4rem}.post-nav-title{display:block;font-size:.92rem;font-weight:700;color:var(--ink);line-height:1.7}.post-nav-item:hover .post-nav-title{color:var(--mint-deep)}.post-back{margin-top:clamp(1.6rem, 3vw, 2.2rem);text-align:center}.link-back{display:inline-flex;align-items:center;gap:.5rem;font-size:.93rem;font-weight:700;color:var(--mint-deep);padding-bottom:.25rem;border-bottom:1.5px solid var(--mint-line);transition:color 0.42s,border-color 0.42s,gap 0.49s var(--ease-out)}.link-back::before{content:"←";font-family:var(--font-mono)}.link-back:hover{color:var(--accent-deep);border-color:var(--accent);gap:.85rem}.post-side{position:sticky;top:2rem;display:grid;gap:1rem}.post-widget{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.3rem 1.4rem}.post-widget-title{position:relative;padding-left:1.5rem;margin-bottom:.9rem;font-family:var(--font-mono);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep)}.post-widget-title::before{content:"";position:absolute;left:0;top:50%;width:1rem;height:2px;background:var(--accent);transform:translateY(-50%)}.post-widget-list{display:grid;gap:.1rem}.post-widget-list a{display:block;position:relative;padding:.5rem 0 .5rem 1.1rem;font-size:.9rem;font-weight:700;color:var(--ink);transition:color 0.35s,padding-left 0.42s var(--ease-out)}.post-widget-list a::before{content:"›";position:absolute;left:0;color:var(--accent)}.post-widget-list a:hover{color:var(--mint-deep);padding-left:1.4rem}.post-widget-recent{display:grid;gap:.9rem}.post-widget-recent a{display:grid;gap:.2rem;transition:color 0.35s}.post-widget-recent time{font-family:var(--font-mono);font-size:.74rem;color:var(--ink-mute)}.post-widget-recent span{font-size:.87rem;font-weight:700;color:var(--ink);line-height:1.65}.post-widget-recent a:hover span{color:var(--mint-deep)}.post-widget-cta{background:linear-gradient(180deg,#ffffff 0%,var(--mint-soft) 100%);border-color:var(--mint-line)}.post-widget-note{font-size:.85rem;color:var(--ink-body);line-height:1.8;margin-bottom:1rem}.post-widget-cta .btn{width:100%;justify-content:center;padding-inline:1rem}@media (max-width:1080px){.post-layout{grid-template-columns:1fr}.post-side{position:static;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:560px){.post-grid{grid-template-columns:1fr}.post-nav{grid-template-columns:1fr}.post-nav-item.next{text-align:left}.post-content blockquote{padding-left:2.8rem}}@media (min-width:981px){.container-wide{max-width:calc(var(--container) + var(--side-w));padding-left:calc(var(--side-w) + var(--gutter))}}.news-archive .news-list{max-width:none}.news-article{max-width:48rem}.footer-desc{font-size:.82rem;font-weight:500;line-height:1.8;color:var(--ink-mute)}.post-content .wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.post-content .wp-block-table table{min-width:30rem}.post-content table{max-width:100%}.post-content,.legal-item,.news-text,.post-title{overflow-wrap:anywhere}@media (max-width:980px){.sub-nav a{padding-block:.85rem}.post-filter a{padding-block:.68rem}.post-widget-list a{padding-block:.7rem}.footer-nav a{display:inline-block;padding-block:.35rem}}@media (max-width:560px){.problem-answer{padding-inline:1rem}.pa-lead{font-size:.88rem}.pa-main{font-size:.97rem}.example-grid{grid-template-columns:1fr}.post-side{grid-template-columns:1fr}.post-toc{padding-inline:1.1rem}.post-content h2{padding-left:.9rem}}.sys-band .sys-link{stroke-dasharray:var(--len,1200);stroke-dashoffset:var(--len,1200);transition:stroke-dashoffset 1.15s var(--ease-soft);transition-delay:calc(var(--d, 0) * .12s)}.sys-band.in .sys-link{stroke-dashoffset:0}.sys-band .sys-node,.sys-band .sys-core{opacity:0;transition:opacity .7s var(--ease-soft);transition-delay:calc(var(--d, 0) * .14s + .5s)}.sys-band.in .sys-node,.sys-band.in .sys-core{opacity:1}.sys-band .sys-label{opacity:0;transition:opacity .6s var(--ease-soft);transition-delay:calc(var(--d, 0) * .1s + 1.05s)}.sys-band.in .sys-label{opacity:1}.sys-band .sys-pulse,.sys-band .web-pulse{opacity:0;animation-play-state:paused;transition:opacity .6s var(--ease-soft) 1.2s}.sys-band.in .sys-pulse,.sys-band.in .web-pulse{opacity:1;animation-play-state:running}.sys-band .sys-step{opacity:0;transition:opacity .6s var(--ease-soft) 1.25s}.sys-band.in .sys-step{opacity:1}body:not(.js-on) .sys-band .sys-link{stroke-dashoffset:0}body:not(.js-on) .sys-band .sys-node,body:not(.js-on) .sys-band .sys-core,body:not(.js-on) .sys-band .sys-label,body:not(.js-on) .sys-band .sys-pulse,body:not(.js-on) .sys-band .web-pulse,body:not(.js-on) .sys-band .sys-step{opacity:1}.faq-list .faq-a{overflow:hidden}.faq-list details[open] .faq-a p{animation:faqIn .32s var(--ease-soft) .06s backwards}@keyframes faqIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@view-transition{navigation:auto}::view-transition-old(root){animation:vtOut .16s var(--ease) both}::view-transition-new(root){animation:vtIn .26s var(--ease) both}@keyframes vtOut{to{opacity:0}}@keyframes vtIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sidebar{view-transition-name:side-nav}.contact-tab{view-transition-name:contact-tab}.mobile-bar{view-transition-name:mobile-bar}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}.sys-band .sys-link{stroke-dashoffset:0;transition:none}.sys-band .sys-node,.sys-band .sys-core,.sys-band .sys-label,.sys-band .sys-pulse,.sys-band .web-pulse,.sys-band .sys-step{opacity:1;transition:none}}.skip-link{position:absolute;left:8px;top:8px;z-index:999;transform:translateY(-160%);display:inline-flex;align-items:center;padding:.75rem 1.4rem;border-radius:999px;background:var(--mint-deep);color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.02em;box-shadow:0 12px 28px -12px rgb(63 158 145 / .6);transition:transform 0.42s var(--ease-out)}.skip-link:focus-visible{transform:translateY(0);outline:3px solid var(--accent);outline-offset:3px}.side-foot{display:grid;gap:.9rem}.side-cta{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.92rem;font-weight:700;letter-spacing:.02em;box-shadow:0 10px 22px -12px rgb(245 141 0 / .6);transition:transform 0.63s var(--ease-out),box-shadow 0.49s}.side-cta svg{width:18px;height:18px;flex:none}.side-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--accent-deep);transform:translateY(101%);transition:transform 0.49s var(--ease-out)}.side-cta:hover{transform:translateY(-2px);box-shadow:0 18px 30px -14px rgb(245 141 0 / .66)}.side-cta:hover::before{transform:translateY(0)}.side-cta:focus-visible{outline:3px solid var(--mint-deep);outline-offset:3px}.side-note{font-size:.74rem;line-height:1.6;color:var(--ink-mute);text-align:center}@media (min-width:981px) and (max-height:720px){.side-note,.side-foot .side-mark{display:none}.side-foot{padding-top:1rem}}.footer-cta{display:grid;justify-items:center;gap:.7rem;text-align:center;padding:clamp(1.6rem, 4vw, 2.6rem) 0 clamp(2.4rem, 5vw, 3.4rem);border-bottom:1px solid var(--mint-line);margin-bottom:clamp(2.4rem, 5vw, 3.4rem)}.footer-cta-lead{font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.footer-cta-text{font-size:clamp(1.05rem, 2.4vw, 1.35rem);font-weight:700;line-height:1.7;color:var(--ink-navy)}.footer-cta .btn{margin-top:.5rem}@media (min-width:981px){.footer-cta{padding-right:calc(var(--gutter) + 56px)}}[hidden]{display:none!important}.form-error{margin-bottom:1.4rem;padding:.95rem 1.15rem;border-radius:12px;background:#fdecec;border:1px solid #f3c2c2;color:#a32828;font-size:.92rem;font-weight:700;line-height:1.7}.form-confirm-lead{margin-bottom:1.4rem;font-size:.93rem;font-weight:900;color:var(--ink)}.confirm-list{display:grid;gap:0;margin-bottom:clamp(1.8rem, 3.4vw, 2.4rem);border-top:1px solid var(--line)}.confirm-list dt{padding:1rem 0 .35rem;font-size:.84rem;font-weight:900;color:var(--ink-mute)}.confirm-list dd{padding:0 0 1rem;border-bottom:1px solid var(--line);font-size:.96rem;line-height:1.85;color:var(--ink);white-space:pre-wrap;word-break:break-word}.confirm-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.95rem 1.9rem;border-radius:999px;cursor:pointer;background:var(--bg-soft);border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:.95rem;font-weight:900;transition:background .3s var(--ease),border-color .3s var(--ease)}.btn-back::before{content:"←";font-family:var(--font-mono)}.btn-back:hover{background:#fff;border-color:var(--mint-line)}.btn-submit:disabled{opacity:.55;cursor:progress}.form-steps .is-current .fs-no{box-shadow:0 0 0 4px var(--accent-soft)}.form-done{text-align:center;padding:clamp(1.6rem, 3.5vw, 2.6rem) 0}.form-done-title{font-size:clamp(1.1rem, 2.4vw, 1.4rem);font-weight:900;color:var(--mint-deep);margin-bottom:.9rem}.form-done-text{font-size:.95rem;line-height:1.9;color:var(--ink-body)}.form-note{margin-top:1.6rem;font-size:.76rem;line-height:1.8;color:var(--ink-mute);text-align:center}.form-note a{color:var(--ink-mute);text-decoration:underline;text-underline-offset:.2em}.form-note a:hover{color:var(--accent-deep)}.grecaptcha-badge{visibility:hidden}.list-empty{padding:clamp(2.4rem, 6vw, 4rem) 0;text-align:center;font-size:.96rem;color:var(--ink-mute)}.post-toc li.toc-sub{padding-left:3.1rem;font-size:.92rem}.post-toc li.toc-sub::before{left:1.1rem}.post-eyecatch img{width:100%;height:100%;object-fit:cover}.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.post-content .alignleft{float:left;margin:.4rem 1.6rem 1.2rem 0}.post-content .alignright{float:right;margin:.4rem 0 1.2rem 1.6rem}.post-content .aligncenter{display:block;margin-left:auto;margin-right:auto}.post-content .alignwide,.post-content .alignfull{max-width:100%}.post-content figure{margin:clamp(1.6rem, 3vw, 2.4rem) 0}.post-content figcaption,.post-content .wp-caption-text{margin-top:.7rem;font-size:.82rem;color:var(--ink-mute);text-align:center}.post-content img{border-radius:12px}.post-content .wp-block-embed iframe,.post-content iframe{max-width:100%;border-radius:12px}.post-content table{width:100%;border-collapse:collapse;margin:1.6rem 0}.post-content th,.post-content td{padding:.8rem 1rem;border:1px solid var(--line);text-align:left}.post-content th{background:var(--bg-soft);font-weight:900}body.admin-bar .sidebar,body.admin-bar .mobile-bar{top:32px}body.admin-bar .menu-box{top:calc(32px + 1rem)}@media screen and (max-width:782px){body.admin-bar .sidebar,body.admin-bar .mobile-bar{top:46px}body.admin-bar .menu-box{top:calc(46px + 1rem)}}.preloader{display:none}.swk-js .preloader{position:fixed;inset:0;z-index:100001;display:grid;place-items:center;background:var(--bg);opacity:1;transition:opacity 1.2s ease}.swk-js .preloader.is-hidden{opacity:0;pointer-events:none}.swk-js .preloader.is-done{visibility:hidden}.preloader-logo{max-width:27.5vw;height:auto;opacity:0;transition:opacity 2.3s ease-out}.preloader.is-shown .preloader-logo{opacity:1}.preloader-text{display:none;font-family:var(--font-mono);font-weight:700;font-size:clamp(1.3rem, 3.6vw, 1.85rem);letter-spacing:.04em;white-space:nowrap;color:var(--mint)}.swk-repeat .preloader-logo{display:none}.swk-repeat .preloader-text{display:block}.preloader-text span{display:inline-block;opacity:0;transform:translateY(15px) scale(.5) rotate(15deg);animation:preloaderChar 1s ease forwards;animation-delay:calc(var(--i, 0) * .08s)}@keyframes preloaderChar{to{opacity:1;transform:none}}@media (max-width:768px){.preloader-logo{max-width:80vw}}.swk-loading .js-on .rise{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.swk-js .preloader{display:none!important}}.swk-loading .reveal.in{opacity:0;transform:translateY(22px)}.swk-loading .frame.in::before,.swk-loading .frame.in::after{background-size:0% 1px,1px 0%}.swk-loading .frame.in .frame-body{opacity:0;transform:translateY(8px)}.swk-loading .js-on .work-thumb.in img{clip-path:inset(0 0 100% 0)}.swk-js .preloader.is-leaving{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .32s ease}.preloader.is-leaving .preloader-logo,.preloader.is-leaving .preloader-text{display:none}