.sec.cmp{position:relative;width:100%;z-index:3;background:#020408;color:#e3eefb;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Inter,sans-serif;-webkit-font-smoothing:antialiased;padding:clamp(96px,12vh,150px) 0;border-top:1px solid rgba(255,255,255,.06)}.cmp-wrap{width:100%;max-width:1440px;margin:0 auto;padding:0 clamp(24px,4vw,72px)}.cmp-eyebrow{font-family:Inter,Hiragino Sans,sans-serif;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#fff;text-align:center;margin:0 0 22px}.cmp-lead{text-align:center;font-weight:200;font-size:clamp(18px,2vw,27px);line-height:1.75;letter-spacing:.06em;color:#ffffffd1;max-width:30ch;margin:0 auto clamp(54px,7vw,88px)}.cmp-split{display:grid;grid-template-columns:1fr 96px 1fr;gap:0;align-items:stretch;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.cmp-col{padding:clamp(40px,4vw,60px) clamp(12px,1.8vw,28px);position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}.js .cmp-eyebrow,.js .cmp-lead{opacity:0;transform:translateY(10px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.js .cmp-eyebrow.in-view,.js .cmp-lead.in-view{opacity:1;transform:none}.js .cmp-lead.in-view{transition-delay:.12s}.cmp-col{--d:0s}.cmp-col.to{--d:.24s}.js .cmp-col .cmp-label,.js .cmp-col .cmp-flow>*,.js .cmp-col .cmp-key,.js .cmp-col .cmp-detail .ln{opacity:0;transform:translateY(9px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.js .cmp-col.in-view .cmp-label,.js .cmp-col.in-view .cmp-flow>*,.js .cmp-col.in-view .cmp-key,.js .cmp-col.in-view .cmp-detail .ln{opacity:1;transform:none}.cmp-col.in-view .cmp-label{transition-delay:calc(var(--d) + .02s)}.cmp-col.in-view .cmp-flow>*:nth-child(1){transition-delay:calc(var(--d) + .12s)}.cmp-col.in-view .cmp-flow>*:nth-child(2){transition-delay:calc(var(--d) + .17s)}.cmp-col.in-view .cmp-flow>*:nth-child(3){transition-delay:calc(var(--d) + .22s)}.cmp-col.in-view .cmp-flow>*:nth-child(4){transition-delay:calc(var(--d) + .27s)}.cmp-col.in-view .cmp-flow>*:nth-child(5){transition-delay:calc(var(--d) + .32s)}.cmp-col.in-view .cmp-flow>*:nth-child(6){transition-delay:calc(var(--d) + .37s)}.cmp-col.in-view .cmp-flow>*:nth-child(7){transition-delay:calc(var(--d) + .42s)}.cmp-col.in-view .cmp-key{transition-delay:calc(var(--d) + .56s)}.cmp-col.in-view .cmp-detail .ln:nth-child(1){transition-delay:calc(var(--d) + .7s)}.cmp-col.in-view .cmp-detail .ln:nth-child(2){transition-delay:calc(var(--d) + .8s)}.cmp-col.in-view .cmp-detail .ln:nth-child(3){transition-delay:calc(var(--d) + .9s)}.cmp-label{font-family:Inter,Hiragino Sans,sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#ffffff80;margin-bottom:clamp(30px,3vw,42px)}.cmp-col.to .cmp-label{color:#fff;font-weight:500;letter-spacing:.34em}.cmp-flow{display:flex;align-items:flex-start;justify-content:center;gap:clamp(6px,1vw,16px);width:100%;margin-bottom:clamp(36px,3.8vw,50px)}.cmp-node{display:flex;flex-direction:column;align-items:center;gap:13px;flex:0 0 auto;text-align:center}.cmp-ic{width:clamp(54px,4.8vw,76px);height:clamp(54px,4.8vw,76px)}.cmp-ic svg{width:100%;height:100%;display:block;color:#ffffffd1}.cmp-col.from .cmp-ic svg{color:#ffffffb3}.cmp-ic .stroke{stroke:currentColor;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.cmp-ic .stroke-thin{stroke:currentColor;fill:none;stroke-width:.9;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.cmp-ic .stroke-dash{stroke:currentColor;fill:none;stroke-width:1.1;stroke-dasharray:4 6;stroke-linecap:round;opacity:.5}.cmp-ic .fill{fill:currentColor}.cmp-ic .pulse{transform-origin:50% 43%;animation:cmpPulse 2.8s ease-in-out infinite}@keyframes cmpPulse{0%,to{opacity:.55}50%{opacity:1}}.cmp-ic.is-end svg{color:#ffffff70}.cmp-step{margin:0;font-weight:300;font-size:clamp(13px,1.15vw,16px);line-height:1.5;letter-spacing:.04em;white-space:nowrap;color:#ffffffd9}.cmp-col.from .cmp-step{color:#ffffffc7}.cmp-step.is-dim{color:#ffffff85}.cmp-sub{margin:2px 0 0;font-weight:300;font-size:clamp(11px,.95vw,12.5px);line-height:1.5;letter-spacing:.02em;white-space:nowrap;color:#ffffff6b}.cmp-col.to .cmp-sub{color:#ffffff80}.cmp-step-arrow{flex:0 0 auto;width:16px;height:16px;margin-top:clamp(20px,2.4vw,30px);color:#ffffff4d}.cmp-step-arrow svg{width:100%;height:100%;display:block}.cmp-step-arrow svg path{stroke:currentColor;fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.cmp-flowwrap{position:relative;width:fit-content;max-width:100%;margin:0 auto clamp(34px,3.6vw,48px)}.cmp-flowwrap .cmp-flow{margin-bottom:0}.cmp-loop{position:relative;width:100%;height:clamp(40px,4.6vw,58px);margin-top:4px}.cmp-loop-arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.cmp-loop-arc path{stroke:#8ec8ff;stroke-width:1.4;fill:none;stroke-linecap:butt;stroke-linejoin:miter;vector-effect:non-scaling-stroke;stroke-dasharray:5 7;animation:cmpLoopFlow 1.5s linear infinite}@keyframes cmpLoopFlow{to{stroke-dashoffset:-12}}.cmp-loop-head{position:absolute;left:37%;top:-2px;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid #8ec8ff}.js .cmp-col.to .cmp-loop{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1)}.js .cmp-col.to.in-view .cmp-loop{transition-delay:.82s;opacity:1}.cmp-result{margin:auto 0 0;width:100%}.cmp-key{margin:0;font-weight:300;font-size:clamp(20px,1.95vw,27px);line-height:1.45;letter-spacing:.04em;color:#ffffffc7}.cmp-col.to .cmp-key{color:#fff;font-weight:400}.cmp-detail{margin:16px 0 0;font-weight:300;font-size:clamp(13px,1.15vw,15px);line-height:1.8;letter-spacing:.03em;color:#ffffff80}.cmp-detail .ln{display:block}.cmp-col.to .cmp-detail{color:#ffffffa8}.cmp-arrow{display:flex;align-items:center;justify-content:center}.js .cmp-arrow{opacity:0;transition:opacity 1s cubic-bezier(.2,.7,.2,1) .3s}.js .cmp-arrow.in-view{opacity:1}.cmp-arrow svg{width:46px;height:46px;display:block;stroke:#ffffffc7;animation:cmpNudge 3s cubic-bezier(.2,.7,.2,1) infinite}@keyframes cmpNudge{0%,to{transform:translate(0);opacity:.55}50%{transform:translate(6px);opacity:1}}@media (max-width:1080px){.cmp-eyebrow{font-size:10px;letter-spacing:.18em}.cmp-lead{font-size:clamp(17px,4.6vw,22px);max-width:24ch}.cmp-split{grid-template-columns:1fr}.cmp-col{padding:clamp(34px,7vw,48px) clamp(10px,3vw,26px)}.cmp-col.to{border-top:1px solid rgba(255,255,255,.12)}.cmp-arrow{padding:6px 0}.cmp-arrow svg{transform:rotate(90deg)}@keyframes cmpNudge{0%,to{transform:rotate(90deg) translate(0);opacity:.55}50%{transform:rotate(90deg) translate(6px);opacity:1}}.cmp-flow{gap:clamp(2px,.8vw,6px)}.cmp-ic{width:clamp(60px,16.5vw,74px);height:clamp(60px,16.5vw,74px)}.cmp-step{font-size:13px;letter-spacing:.02em}.cmp-sub{font-size:11px}.cmp-step-arrow{width:14px;height:14px;margin-top:clamp(24px,6.5vw,32px)}}@media (prefers-reduced-motion: reduce){.js .cmp-eyebrow,.js .cmp-lead,.js .cmp-col .cmp-label,.js .cmp-col .cmp-flow>*,.js .cmp-col .cmp-key,.js .cmp-col .cmp-detail .ln,.js .cmp-arrow{opacity:1!important;transform:none!important;transition:none!important}.cmp-ic .pulse{animation:none!important}.cmp-arrow svg{animation:none!important}.cmp-loop-arc path{animation:none!important;stroke-dasharray:none!important}.js .cmp-col.to .cmp-loop{opacity:1!important;transition:none!important}}.no-js .cmp-eyebrow,.no-js .cmp-lead,.no-js .cmp-col .cmp-label,.no-js .cmp-col .cmp-flow>*,.no-js .cmp-col .cmp-key,.no-js .cmp-col .cmp-detail .ln,.no-js .cmp-arrow{opacity:1;transform:none}.no-js .cmp-loop{opacity:1}:root{--bg-base:#020408;--ease-signature:cubic-bezier(.2,.7,.2,1)}html,body{margin:0;padding:0;background:var(--bg-base);color:#e3eefb;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Inter,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}*{box-sizing:border-box}#kv-bg{position:fixed;inset:0;width:100%;height:100vh;display:block;background:#000;z-index:0;will-change:opacity}#page-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:101;pointer-events:none;background:#ffffff0a}#page-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#fff0,#ffffffd9,#fff0);background-size:200% 100%;background-position:100% 0;will-change:width;transition:width .12s linear}.sec{position:relative;width:100%;z-index:1}.sec.kv-spacer{height:100vh;pointer-events:none;position:relative;z-index:2}.kv-copy{position:absolute;bottom:80px;left:40px;max-width:577px;z-index:5;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Inter,sans-serif;color:#f1f6fc;text-shadow:0 2px 24px rgba(0,0,0,.55);letter-spacing:.06em;display:flex;flex-direction:column;gap:13px}.kv-copy .h{font-size:36px;font-weight:200;line-height:1.45;letter-spacing:.04em}.kv-copy .h .line{display:block}.kv-copy .sub{font-size:18px;font-weight:300;line-height:1.75;letter-spacing:.04em}.kv-copy .sub-line{display:block;opacity:.55}.kv-copy .sub .en{font-family:Inter,Hiragino Sans,sans-serif;font-weight:400;letter-spacing:.02em}@media (max-width:700px){.kv-copy{bottom:calc(56px + env(safe-area-inset-bottom,0));left:calc(20px + env(safe-area-inset-left,0));right:calc(20px + env(safe-area-inset-right,0));max-width:none;gap:9px}.kv-copy .h{font-size:26px;line-height:1.4}.kv-copy .sub{font-size:13px;line-height:1.8}}@media (max-width:380px){.kv-copy{bottom:calc(44px + env(safe-area-inset-bottom,0))}.kv-copy .h{font-size:22px}}.sec.value{z-index:4;background:var(--bg-base);padding:104px 0 120px}.value-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(28px,5vw,72px);display:grid;grid-template-columns:clamp(300px,30vw,372px) minmax(0,1fr);gap:clamp(40px,5vw,80px);align-items:center}.value-copy{text-align:left;min-width:0;grid-column:2}.value-figure{min-width:0;display:flex;justify-content:center;grid-column:1}.value-p{margin:0 0 30px;font-weight:300;font-size:clamp(16px,1.6vw,21px);line-height:1.8;letter-spacing:.06em;color:#ffffffab}.value-p:last-child{margin-bottom:0}.js .value-p{opacity:1}.js .value-p .ch{display:inline-block;opacity:var(--cp, 0);transform:translateY(calc((1 - var(--cp, 0)) * .45em));will-change:opacity,transform}.js .sec.value[data-blur="1"] .value-p .ch{filter:blur(calc((1 - var(--cp, 0)) * 6px));will-change:opacity,transform,filter}.js .value-p .ch.is-space{display:inline}@media (prefers-reduced-motion: reduce){.js .value-p .ch{opacity:1!important;transform:none!important;filter:none!important}}.sec.cta,.sec.foot{opacity:0;transition:opacity .7s var(--ease-signature)}.sec.in-view{opacity:1}.sec.cta{height:auto;z-index:5;background:var(--bg-base)}.sec.foot{position:relative;height:auto;z-index:6;background:var(--bg-base);overflow:hidden}@media (max-width:1080px){.sec.value{padding:72px 0 84px}.value-inner{grid-template-columns:1fr;gap:48px;max-width:560px}.value-copy{grid-column:auto}.value-figure{order:-1;grid-column:auto}.value-figure .vloop{max-width:248px}.value-p{margin-bottom:22px;line-height:1.8}.pc-br{display:none}}@media (prefers-reduced-motion: reduce){.sec.cta,.sec.foot{opacity:1!important;transition:none!important}.js .value-p{opacity:1!important;transform:none!important;transition:none!important}#page-progress-fill{transition:none!important}}.no-js .value-p{opacity:1!important;transform:none!important}#scroll-hint{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:60;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.45em;color:#ffffff8c;opacity:0;transition:opacity .9s var(--ease-signature)}#scroll-hint.show{opacity:1}#scroll-hint .line{width:1px;height:28px;background:linear-gradient(180deg,#fff0,#ffffff73)}#scroll-hint .arrow{font-size:11px;letter-spacing:0;opacity:.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
