/*
Theme Name: msbc
Version: 1.0	
*/ 
body{margin:0;background:#FFFFFF; font-family: "Geist", sans-serif;}
*{box-sizing:border-box}
a{color:inherit;text-decoration:none}
.wrap{max-width:1440px;margin:0 auto;padding-left:clamp(20px,4vw,64px);padding-right:clamp(20px,4vw,64px)}
.lab{font-size:14px;color:#8A8984;letter-spacing:-0.005em}
.d{font-weight:500;letter-spacing:-0.055em;line-height:.94;margin:0}
.g{color:#A2A19B}
.gd{color:#6B6B70}
.hr{border-top:1px solid #E7E6E1}
.link-u{background-image:linear-gradient(currentColor,currentColor);background-size:100% 1px;background-repeat:no-repeat;background-position:0 100%;padding-bottom:3px;transition:background-size .4s}
.link-u:hover{background-size:0 1px;background-position:100% 100%}
.btn{display:inline-flex;align-items:center;gap:14px;height:52px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:500;transition:background .3s,color .3s,border-color .3s}
.btn .ar{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.btn:hover .ar{transform:translateX(4px)}
.btn-ink{background:#0A0A0A;color:#FFFFFF}.btn-ink:hover{background:#F58220;color:#0A0A0A}
.btn-line{border:1px solid #D5D4CE;color:#0A0A0A}.btn-line:hover{border-color:#0A0A0A}
.btn-w{background:#FFFFFF;color:#0A0A0A}.btn-w:hover{background:#F58220}
.btn-wl{border:1px solid #3A3A3F;color:#FFFFFF}.btn-wl:hover{border-color:#FFFFFF}
.prow{position:relative;transition:color .35s}
.prow .pimg{position:absolute;right:220px;top:50%;width:240px;aspect-ratio:4/3;object-fit:cover;border-radius:10px;opacity:0;transform:translateY(-50%) rotate(-4deg) scale(.92);transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1);pointer-events:none;z-index:2}
.prow:hover .pimg{opacity:1;transform:translateY(-50%) rotate(-2deg) scale(1)}
.prow:hover .parr{background:#0A0A0A;color:#FFFFFF;border-color:#0A0A0A}
.parr{transition:background .3s,color .3s,border-color .3s}
.row-l{transition:background .35s}
.row-l:hover{background:#F7F6F2}
.row-l:hover .arw{background:#0A0A0A;color:#FFFFFF;border-color:#0A0A0A}
.arw{transition:background .3s,color .3s,border-color .3s}
.zoom img.zi{transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}.zoom:hover img.zi{transform:scale(1.035)}
.play{transition:transform .5s cubic-bezier(.2,.8,.2,1),background .3s}.vid:hover .play{transform:translate(-50%,-50%) scale(1.08);background:#F58220}
.track{display:flex;gap:16px;transition:transform .8s cubic-bezier(.7,0,.2,1)}
.rcard{flex:none;width:min(72vw,1060px)}
.flink{color:#3A3A3D;transition:color .25s}.flink:hover{color:#0A0A0A}
@media (prefers-reduced-motion:reduce){.track{transition:none}}
.g-hero{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:end}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.g6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.g-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end}
.g-prow{display:grid;grid-template-columns:64px minmax(0,1.25fr) minmax(0,1fr) 52px;gap:28px;align-items:center}
.g-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.g-ba{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:32px;align-items:center}
.g-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1100px){.g-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.step{transition:background .4s,color .4s,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.step:hover{transform:translateY(-6px);box-shadow:0 24px 48px -28px rgba(10,10,10,.35)}
.step .plus{transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,color .3s}
.step:hover .plus{background:#F58220 !important;color:#0A0A0A !important}
@media (prefers-reduced-motion:reduce){.step,.step .plus{transition:none}.step:hover{transform:none}}
@media (max-width:900px){.g-ba{grid-template-columns:1fr}.ba-ar{margin:0 auto;transform:rotate(90deg)}}
@media (max-width:640px){.g-tiles{grid-template-columns:1fr}.g-tiles .step{min-height:430px !important}}
.g-rcard{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px}
.g-cap{display:grid;grid-template-columns:72px minmax(0,1.1fr) minmax(0,1fr) 48px;gap:24px;align-items:center}
.g-case{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.g-crow{display:grid;grid-template-columns:56px minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr) 40px;gap:20px;align-items:center}
.g-tst{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px}
.g-cmp{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr))}
.g-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}
.g-ftop{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:end}
.g-foot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.soc{width:44px;height:44px;border-radius:50%;border:1px solid #D5D4CE;color:#0A0A0A;display:inline-flex;align-items:center;justify-content:center;transition:background .3s,color .3s,border-color .3s}
.soc:hover{background:#0A0A0A;color:#FFFFFF;border-color:#0A0A0A}
.g-off{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
@media (max-width:1100px){
  .g-hero,.g-head,.g-faq,.g-case,.g-rcard,.g-tst,.g-ftop{grid-template-columns:minmax(0,1fr)}
  .g-steps{grid-template-columns:1fr}.step-ar{display:none}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .g-prow{grid-template-columns:44px minmax(0,1fr) 44px}.p-quote,.prow .pimg{display:none}
  .g-cap{grid-template-columns:48px minmax(0,1fr) 44px}.cap-desc{display:none}
  .g-crow{grid-template-columns:40px minmax(0,1fr) 40px}.crow-x{display:none}
  .g-foot{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav-links{display:none !important}
  .rcard{width:86vw}
}
@media (max-width:760px){
  .g4,.g-off{grid-template-columns:1fr}
  .g6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g-foot{grid-template-columns:1fr}
  .cmp-wrap{overflow-x:auto}
  .hide-m{display:none !important}
}
.why-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.3fr);gap:32px;align-items:center;padding:30px 0;border-top:1px solid #E7E6E1}
.why-headrow{padding:0 0 20px;border-top:0}
#why-list>.why-row:last-child{border-bottom:1px solid #E7E6E1}
.why-h{font-size:14px;color:#8A8984}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.why-q{font-size:17px;line-height:1.35;color:#3A3A3D}
.why-old{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.why-old s{text-decoration:none;font-size:15.5px;line-height:1.35;color:#A2A19B;background-image:linear-gradient(#A2A19B,#A2A19B);background-repeat:no-repeat;background-position:0 55%;background-size:0 1px;transition:background-size .6s cubic-bezier(.6,0,.2,1),color .6s;transition-delay:calc(var(--i) * .12s + .1s)}
.why-new{display:flex;align-items:center;gap:16px;font-size:clamp(20px,1.8vw,26px);font-weight:500;letter-spacing:-0.03em;line-height:1.2;color:#0A0A0A;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * .12s + .55s)}
.why-tick{flex:none;transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(var(--i) * .12s + .7s)}
.why-on .why-old s{background-size:100% 1px;color:#B9B8B2}
.why-on .why-new{opacity:1;transform:none}
.why-on .why-tick{transform:scale(1)}
.why-row:not(.why-headrow){transition:background .3s}
@media (prefers-reduced-motion:reduce){.why-old s,.why-new,.why-tick{transition:none}}
@media (max-width:760px){
  .why-row{grid-template-columns:1fr;gap:12px;padding:24px 0}
  .why-headrow{display:none}
  .why-old{flex-direction:row;flex-wrap:wrap;gap:4px 16px}
  .why-q{font-size:14px;color:#8A8984}
}