@font-face {font-family: "InterV"; src: url("/shop/shared/fonts/inter-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900;}
@font-face {font-family: "Fraunces"; src: url("/shop/shared/fonts/fraunces-latin-full-italic.woff2") format("woff2"); font-style: italic; font-weight: 100 900;}
.mp-design-care {--bg: #01050f; --bg2: #040b1c; --line: rgba(160,205,255,.14); --line2: rgba(160,205,255,.26); --text: #eef4ff; --muted: #a3b4d1; --muted2: #7387a8; --cyan: #56CAF5; --ice: #bfeaff; --blue: #051EE0; --mint: #56CAF5; --serif: "Fraunces",Georgia,serif;}
.mp-design-care * {box-sizing: border-box;}
.mp-design-care,.mp-design-care {margin: 0; background: var(--bg); color: var(--text); font-family: "InterV",Inter,system-ui,sans-serif; -webkit-font-smoothing: antialiased;}
.mp-design-care a {color: inherit; text-decoration: none;}
.mp-design-care .wrap {width: min(1200px,100% - 40px); margin: 0 auto;}
.mp-design-care em {font-family: var(--serif); font-style: italic; font-weight: 350; color: var(--ice);}
.mp-design-care .note {position: fixed; right: 12px; bottom: 12px; z-index: 30; background: #ffd84d; color: #1b1400; font-weight: 800; font-size: 12px; padding: 6px 10px; border-radius: 8px;}
.mp-design-care .top {position: sticky; top: 0; z-index: 20; background: rgba(1,5,15,.8); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line);}
.mp-design-care .top .wrap {display: flex; align-items: center; justify-content: space-between; height: 64px;}
.mp-design-care .pill {display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--line2); font-size: 14px; font-weight: 700;}
.mp-design-care .pill.sm {font-size: 13px;}
.mp-design-care .logo {width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(135deg,#051EE0,#56CAF5); display: grid; place-items: center; font-weight: 900;}
.mp-design-care .icons {display: flex; gap: 8px;}
.mp-design-care .ico {width: 40px; height: 40px; border-radius: 999px; border: 1px solid var(--line2); display: grid; place-items: center;}
.mp-design-care .kick {display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--cyan);}
.mp-design-care .kick span {width: 28px; height: 1px; background: linear-gradient(90deg,var(--cyan),transparent);}
.mp-design-care .k2 {font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--cyan); font-weight: 700;}
.mp-design-care .hero {position: relative; overflow: hidden; padding: 56px 0 72px; border-bottom: 1px solid var(--line);}
.mp-design-care .aur {position: absolute; inset: -20% -10% auto -10%; height: 150%; pointer-events: none; background: radial-gradient(40% 40% at 76% 35%,rgba(5,30,224,.55),transparent 70%),radial-gradient(26% 26% at 62% 15%,rgba(86,202,245,.25),transparent 70%),radial-gradient(30% 30% at 5% 90%,rgba(5,30,224,.2),transparent 70%);}
.mp-design-care .aur:after {content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(160,205,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(160,205,255,.045) 1px,transparent 1px); background-size: 64px 64px; -webkit-mask-image: radial-gradient(55% 55% at 65% 35%,#000,transparent 75%); mask-image: radial-gradient(55% 55% at 65% 35%,#000,transparent 75%);}
.mp-design-care .hero .wrap {position: relative;}
.mp-design-care .hgrid {display: grid; grid-template-columns: 1.15fr 1fr; gap: 56px; align-items: center;}
.mp-design-care h1 {font-size: clamp(42px,5.8vw,78px); line-height: .98; letter-spacing: -.045em; font-weight: 800; margin: 18px 0 18px;}
.mp-design-care h1 em {display: block; font-weight: 300; letter-spacing: -.02em; margin-top: 6px;}
.mp-design-care .lead {font-size: 18px; line-height: 1.65; color: var(--muted); max-width: 560px; margin: 0 0 28px;}
.mp-design-care .ctas {display: flex; flex-wrap: wrap; align-items: center; gap: 18px;}
.mp-design-care .cta {display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 0 26px; border-radius: 16px; font-weight: 800; font-size: 16px; color: #031024; background: linear-gradient(135deg,#d9f4ff,#56CAF5 55%,#2fa6dc); box-shadow: 0 14px 40px rgba(86,202,245,.32),inset 0 1px 0 rgba(255,255,255,.6);}
.mp-design-care .cta2 {font-weight: 650; color: var(--ice); text-decoration: underline; text-decoration-color: rgba(191,234,255,.35); text-underline-offset: 5px;}
.mp-design-care .cta2.b {display: inline-block; margin-top: 14px;}
.mp-design-care .trust {list-style: none; padding: 0; margin: 36px 0 0; display: flex; border-top: 1px solid var(--line2); max-width: 560px;}
.mp-design-care .trust li {flex: 1; padding: 14px 0 0; display: flex; flex-direction: column; gap: 2px;}
.mp-design-care .trust li+li {padding-left: 18px; border-left: 1px solid var(--line);}
.mp-design-care .trust b {font-family: var(--serif); font-style: italic; font-weight: 350; font-size: 26px; color: #fff;}
.mp-design-care .trust span {font-size: 12px; color: var(--muted2);}
.mp-design-care .hvis {position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
.mp-design-care .hcard {grid-column: 1/-1;}
.mp-design-care .hcard {position: relative; aspect-ratio: 1/1; border-radius: 28px; overflow: hidden; background: #fff; box-shadow: 0 50px 120px rgba(5,30,224,.35),0 0 0 1px rgba(255,255,255,.5);}
.mp-design-care .hcard img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain;}
.mp-design-care .float {position: relative; padding: 14px 16px; border-radius: 18px; background: rgba(6,16,40,.82); backdrop-filter: blur(14px); border: 1px solid var(--line2); box-shadow: 0 20px 50px rgba(0,0,0,.45); display: flex; flex-direction: column; gap: 2px; min-width: 170px;}
.mp-design-care .float b {font-family: var(--serif); font-style: italic; font-weight: 400; font-size: 24px;}
.mp-design-care .float small {color: var(--muted); font-size: 12px;}
.mp-design-care .sec {padding: 84px 0 0;}
.mp-design-care .sh {display: flex; align-items: flex-end; gap: 18px; margin-bottom: 28px; border-bottom: 1px solid var(--line); padding-bottom: 18px;}
.mp-design-care .sh .n {font-family: var(--serif); font-style: italic; color: var(--cyan); font-size: 18px; align-self: flex-start; padding-top: 12px;}
.mp-design-care .sh>div {flex: 1;}
.mp-design-care .sh h2 {margin: 0; font-size: clamp(28px,3.6vw,44px); letter-spacing: -.03em; font-weight: 750;}
.mp-design-care .sh p {margin: 6px 0 0; color: var(--muted); font-size: 15.5px;}
.mp-design-care .more {font-size: 14px; font-weight: 700; color: var(--ice); white-space: nowrap;}
.mp-design-care .steps3 {display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 24px; overflow: hidden;}
.mp-design-care .steps3 a {background: var(--bg2); padding: 30px 28px; display: flex; flex-direction: column; gap: 8px; transition: background .2s;}
.mp-design-care .steps3 a:hover {background: #071534;}
.mp-design-care .sn {font-family: var(--serif); font-weight: 300; font-size: 52px; line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(191,234,255,.6);}
.mp-design-care .steps3 b {font-size: 22px; letter-spacing: -.02em;}
.mp-design-care .steps3 p {margin: 0; color: var(--muted); line-height: 1.6;}
.mp-design-care .lnk {margin-top: auto; padding-top: 10px; color: var(--ice); font-weight: 650; font-size: 14px;}
.mp-design-care .offers {display: grid; grid-template-columns: repeat(4,1fr); gap: 16px;}
.mp-design-care .of {grid-column: span 1; border-radius: 24px; overflow: hidden; border: 1px solid var(--line); background: var(--bg2); display: flex; flex-direction: column; transition: transform .2s,box-shadow .2s;}
.mp-design-care .of:hover {transform: translateY(-4px); box-shadow: 0 30px 70px rgba(5,30,224,.25);}
.mp-design-care .of.big {grid-column: span 2;}
.mp-design-care .ofim {position: relative; aspect-ratio: 16/10; background: #0a1430;}
.mp-design-care .of:not(.big) .ofim {aspect-ratio: 1/1;}
.mp-design-care .ofim img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain;}
.mp-design-care .ofim.w {background: #fff;}
.mp-design-care .ofim.d {background: #071635;}
.mp-design-care .oft {padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 6px;}
.mp-design-care .oft b {font-size: 21px; letter-spacing: -.02em;}
.mp-design-care .oft p {margin: 0; color: var(--muted);}
.mp-design-care .pr {margin-top: 6px; color: var(--ice); font-weight: 700; font-size: 14.5px;}
.mp-design-care .progs {display: grid; grid-template-columns: repeat(4,1fr); gap: 14px;}
.mp-design-care .progs a {position: relative; display: flex; flex-direction: column; gap: 6px; padding: 24px 22px; border-radius: 22px; border: 1px solid var(--line); background: var(--bg2); transition: border-color .2s;}
.mp-design-care .progs a:hover {border-color: var(--line2);}
.mp-design-care .progs a.on {border-color: var(--cyan); background: linear-gradient(160deg,rgba(26,52,110,.6),rgba(6,16,40,.85)); box-shadow: 0 30px 80px rgba(5,30,224,.25);}
.mp-design-care .mt {font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--muted2); font-weight: 700;}
.mp-design-care .progs b {font-size: 18px;}
.mp-design-care .mp {font-family: var(--serif); font-style: italic; font-size: 30px; color: #fff;}
.mp-design-care .progs small {color: var(--muted);}
.mp-design-care .tagb {align-self: flex-start; font-size: 10.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #031024; background: linear-gradient(90deg,#bfeaff,#56CAF5); padding: 4px 9px; border-radius: 999px; margin-bottom: 6px;}
.mp-design-care .compass {display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center; padding: 30px; border-radius: 28px; border: 1px solid var(--line); background: linear-gradient(160deg,rgba(14,34,74,.5),rgba(4,11,28,.7));}
.mp-design-care .cimg {border-radius: 18px; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,.5);}
.mp-design-care .cimg img {display: block; width: 100%;}
.mp-design-care .compass h2 {font-size: clamp(28px,3.4vw,42px); margin: 10px 0; letter-spacing: -.03em;}
.mp-design-care .compass p {color: var(--muted); line-height: 1.6; margin: 0;}
.mp-design-care .fine {font-size: 12px; color: var(--muted2); margin-top: 14px !important;}
.mp-design-care .about {display: grid; grid-template-columns: .8fr 1.2fr; gap: 56px; align-items: center;}
.mp-design-care .ph {position: relative; border-radius: 28px; overflow: hidden; aspect-ratio: 4/5; background: #06122e; box-shadow: 0 40px 100px rgba(5,30,224,.3);}
.mp-design-care .ph img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top;}
.mp-design-care .phn {position: absolute; left: 16px; bottom: 16px; padding: 8px 14px; border-radius: 999px; background: rgba(1,5,15,.75); backdrop-filter: blur(8px); font-weight: 700; font-size: 14px; border: 1px solid var(--line2);}
.mp-design-care .quote {font-family: var(--serif); font-style: italic; font-weight: 350; font-size: clamp(24px,2.6vw,34px); line-height: 1.25; margin: 0 0 20px; color: #fff;}
.mp-design-care .nm {display: block; font-size: 18px;}
.mp-design-care .role {display: block; color: var(--cyan); font-size: 13.5px; font-weight: 600; margin: 2px 0 14px;}
.mp-design-care .at>p {color: var(--muted); line-height: 1.65; margin: 0 0 20px;}
.mp-design-care .team2 {display: flex; gap: 14px; align-items: center; padding: 14px 16px; border-radius: 16px; border: 1px solid var(--line); background: var(--bg2);}
.mp-design-care .av {flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; background: linear-gradient(135deg,#0b2a8f,#56CAF5);}
.mp-design-care .team2 b {display: block;}
.mp-design-care .team2 span {color: var(--muted); font-size: 13.5px;}
.mp-design-care .revs {display: grid; grid-template-columns: repeat(3,1fr); gap: 16px;}
.mp-design-care .revs figure {margin: 0; padding: 26px; border-radius: 22px; border: 1px solid var(--line); background: var(--bg2); display: flex; flex-direction: column; gap: 12px;}
.mp-design-care .st {color: #ffd27a; letter-spacing: .2em;}
.mp-design-care .revs blockquote {margin: 0; font-family: var(--serif); font-style: italic; font-weight: 350; font-size: 19px; line-height: 1.45; color: #fff;}
.mp-design-care .revs figcaption {color: var(--muted2); font-size: 13px; margin-top: auto;}
.mp-design-care .stat {margin-top: 22px; display: flex; align-items: baseline; gap: 18px; padding: 22px 26px; border-radius: 22px; border: 1px solid var(--line); background: linear-gradient(90deg,rgba(5,30,224,.25),transparent);}
.mp-design-care .stat b {font-family: var(--serif); font-style: italic; font-weight: 300; font-size: 54px; line-height: 1;}
.mp-design-care .stat span {color: var(--muted);}
.mp-design-care .care {display: grid; grid-template-columns: 1.4fr auto; gap: 28px; align-items: center; padding: 36px; border-radius: 28px; background: radial-gradient(60% 120% at 100% 0%,rgba(127,227,196,.18),transparent 60%),linear-gradient(160deg,#0b2a2a,#061626); border: 1px solid rgba(127,227,196,.3);}
.mp-design-care .k3 {font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--mint); font-weight: 700;}
.mp-design-care .care h2 {font-size: clamp(26px,3.2vw,40px); margin: 10px 0; letter-spacing: -.03em;}
.mp-design-care .care em {color: #c9f5e6;}
.mp-design-care .care p {margin: 0; color: var(--muted); line-height: 1.6; max-width: 620px;}
.mp-design-care .cr {display: flex; flex-direction: column; gap: 4px; min-width: 240px;}
.mp-design-care .cr b {font-family: var(--serif); font-style: italic; font-weight: 350; font-size: 34px;}
.mp-design-care .cr small {color: var(--muted2);}
.mp-design-care .ctam {display: inline-flex; justify-content: center; margin-top: 12px; min-height: 52px; align-items: center; padding: 0 20px; border-radius: 14px; font-weight: 800; color: #031024; background: linear-gradient(135deg,#d6fff1,#56CAF5);}
.mp-design-care .guide {display: grid; grid-template-columns: 200px 1fr; gap: 36px; align-items: center; padding: 28px; border-radius: 28px; border: 1px solid var(--line); background: var(--bg2);}
.mp-design-care .guide img {width: 200px; border-radius: 14px; box-shadow: 0 20px 50px rgba(0,0,0,.5);}
.mp-design-care .guide h2 {font-size: clamp(24px,3vw,36px); margin: 8px 0; letter-spacing: -.03em;}
.mp-design-care .guide p {color: var(--muted); margin: 0 0 18px;}
.mp-design-care .faq details {border-bottom: 1px solid var(--line); padding: 20px 0;}
.mp-design-care .faq summary {list-style: none; cursor: pointer; font-size: 17.5px; font-weight: 650; display: flex; justify-content: space-between; gap: 16px;}
.mp-design-care .faq summary::-webkit-details-marker {display: none;}
.mp-design-care .faq summary:after {content: "+"; font-family: var(--serif); font-size: 24px; line-height: .8; color: var(--cyan);}
.mp-design-care .faq details[open] summary:after {content: "–";}
.mp-design-care .faq p {color: var(--muted); margin: 10px 0 0; line-height: 1.6; max-width: 800px;}
.mp-design-care .final {display: grid; grid-template-columns: 1.3fr auto; gap: 28px; align-items: center; padding: 48px; border-radius: 30px; border: 1px solid var(--line2); background: radial-gradient(60% 120% at 100% 0%,rgba(5,30,224,.6),transparent 60%),linear-gradient(160deg,#0a1a44,#040b1c);}
.mp-design-care .final h2 {font-size: clamp(32px,4vw,52px); letter-spacing: -.03em; margin: 12px 0 10px;}
.mp-design-care .final p {margin: 0; color: var(--muted); max-width: 520px; line-height: 1.6;}
.mp-design-care .fa {display: flex; flex-direction: column; align-items: center; gap: 14px; min-width: 260px;}
.mp-design-care footer {margin-top: 90px; padding: 28px 0; border-top: 1px solid var(--line); color: var(--muted2); font-size: 13px;}
@media (max-width:899px) {.mp-design-care .wrap {width: min(1200px,100% - 32px);}
.mp-design-care .hero {padding: 30px 0 48px;}
.mp-design-care .hgrid {grid-template-columns: 1fr; gap: 28px;}
.mp-design-care .lead {font-size: 16.5px;}
.mp-design-care .hvis {gap: 10px;}
.mp-design-care .float {min-width: 0; padding: 10px 12px;}
.mp-design-care .float b {font-size: 19px;}
.mp-design-care .trust b {font-size: 20px;}
.mp-design-care .trust li+li {padding-left: 12px;}
.mp-design-care .sec {padding-top: 60px;}
.mp-design-care .more {display: none;}
.mp-design-care .steps3 {grid-template-columns: 1fr;}
.mp-design-care .offers {grid-template-columns: 1fr 1fr; gap: 10px;}
.mp-design-care .of.big {grid-column: span 2;}
.mp-design-care .oft {padding: 14px;}
.mp-design-care .oft b {font-size: 17px;}
.mp-design-care .progs {grid-template-columns: 1fr 1fr; gap: 10px;}
.mp-design-care .progs a {padding: 16px;}
.mp-design-care .mp {font-size: 24px;}
.mp-design-care .compass,.mp-design-care .about,.mp-design-care .care,.mp-design-care .final,.mp-design-care .guide {grid-template-columns: 1fr; gap: 22px; padding: 22px;}
.mp-design-care .about {padding: 0;}
.mp-design-care .ph {max-width: 340px;}
.mp-design-care .guide img {width: 150px;}
.mp-design-care .revs {grid-template-columns: 1fr;}
.mp-design-care .stat {flex-direction: column; gap: 6px;}
.mp-design-care .stat b {font-size: 44px;}
.mp-design-care .fa {align-items: stretch;}}
.mp-design-care .rail {display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 2px 10px;}
.mp-design-care .rail::-webkit-scrollbar {display: none;}
.mp-design-care .rc {flex: 0 0 calc((100% - 48px)/4); scroll-snap-align: start; border-radius: 22px; overflow: hidden; border: 1px solid var(--line); background: var(--bg2); display: flex; flex-direction: column; transition: transform .2s,border-color .2s;}
.mp-design-care .rc:hover {transform: translateY(-3px); border-color: var(--line2);}
.mp-design-care .rim {position: relative; aspect-ratio: 1/1; background: #fff;}
.mp-design-care .rim img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 4%;}
.mp-design-care .rt {padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 4px; flex: 1;}
.mp-design-care .rt b {font-size: 16px; letter-spacing: -.01em;}
.mp-design-care .rt small {color: var(--muted); font-size: 13px;}
.mp-design-care .rp {margin-top: auto; padding-top: 6px; font-family: var(--serif); font-style: italic; font-size: 22px; color: #fff;}
.mp-design-care .rtag {align-self: flex-start; font-size: 10.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #031024; background: linear-gradient(90deg,#bfeaff,#56CAF5); padding: 3px 8px; border-radius: 999px; margin-bottom: 4px;}
.mp-design-care .rail.prod .rc {flex-basis: calc((100% - 64px)/5);}
.mp-design-care .swipe {display: none; color: var(--muted2); font-size: 12.5px; margin: 8px 0 0; text-align: right;}
.mp-design-care .ebrow {display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-bottom: 22px;}
.mp-design-care .ec {display: grid; grid-template-columns: 110px 1fr; grid-template-rows: auto auto; column-gap: 16px; align-items: center; padding: 14px; border-radius: 20px; border: 1px solid var(--line); background: var(--bg2);}
.mp-design-care .eim {grid-row: 1/3; position: relative; aspect-ratio: 1055/1491; border-radius: 10px; overflow: hidden; background: #071635;}
.mp-design-care .eim img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain;}
.mp-design-care .ec b {align-self: end; font-size: 15.5px;}
.mp-design-care .ec .rp {align-self: start; padding-top: 2px;}
@media (max-width:899px) {.mp-design-care .rc,.mp-design-care .rail.prod .rc {flex: 0 0 72%;}
.mp-design-care .rail {margin-right: -16px; padding-right: 16px; gap: 12px;}
.mp-design-care .swipe {display: block;}
.mp-design-care .ebrow {grid-template-columns: 1fr; gap: 10px;}
.mp-design-care .ec {grid-template-columns: 80px 1fr;}}
.mp-design-care .railw {position: relative;}
.mp-design-care .rnav {position: absolute; top: calc(50% - 46px); z-index: 2; width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--line2); background: rgba(4,12,32,.82); backdrop-filter: blur(10px); color: #fff; font-size: 26px; line-height: 1; cursor: pointer; display: grid; place-items: center; transition: opacity .2s;}
.mp-design-care .rnav.prev {left: -22px;}
.mp-design-care .rnav.next {right: -22px;}
.mp-design-care .railw.at-start .prev,.mp-design-care .railw.at-end .next {opacity: 0; pointer-events: none;}
.mp-design-care .rtag.ghost {visibility: hidden;}
.mp-design-care .note {position: static; display: block; text-align: center; border-radius: 0; padding: 5px 10px;}
@media (max-width:899px) {.mp-design-care .rnav {display: none;}
.mp-design-care .rc {flex: 0 0 68%;}
.mp-design-care .rail.prod .rc {flex: 0 0 44%;}
.mp-design-care .rail.prod .rt b {font-size: 14px;}
.mp-design-care .rail.prod .rp {font-size: 19px;}
.mp-design-care .ebrow {display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-right: -16px; padding-right: 16px;}
.mp-design-care .ebrow::-webkit-scrollbar {display: none;}
.mp-design-care .ec {flex: 0 0 80%; scroll-snap-align: start;}}
.mp-design-care .trust .stars {font-family: "InterV",system-ui,sans-serif; font-style: normal; font-size: 19px; letter-spacing: .06em; color: #ffd27a;}
.mp-design-care .proof {border-bottom: 1px solid var(--line); background: linear-gradient(180deg,rgba(86,202,245,.05),rgba(86,202,245,0));}
.mp-design-care .proof ul {list-style: none; margin: 0; padding: 22px 0; display: grid; grid-template-columns: repeat(4,1fr);}
.mp-design-care .proof li {display: flex; align-items: center; gap: 14px; padding: 4px 22px;}
.mp-design-care .proof li+li {border-left: 1px solid var(--line);}
.mp-design-care .proof li:first-child {padding-left: 0;}
.mp-design-care .proof svg {flex: 0 0 40px; width: 40px; height: 40px; padding: 9px; border-radius: 12px; color: #56CAF5; background: rgba(86,202,245,.08); border: 1px solid rgba(86,202,245,.22);}
.mp-design-care .proof b {display: block; font-size: 14.5px; color: #fff; letter-spacing: -.005em; white-space: nowrap;}
.mp-design-care .proof span {display: block; font-size: 12.5px; color: var(--muted);}
@media (max-width:899px) {.mp-design-care .proof ul {grid-template-columns: 1fr 1fr; gap: 16px 12px; padding: 22px 0;}
.mp-design-care .proof li,.mp-design-care .proof li:first-child {padding: 0; border: 0; align-items: flex-start; gap: 10px;}
.mp-design-care .proof svg {flex-basis: 34px; width: 34px; height: 34px; padding: 7px; border-radius: 10px;}
.mp-design-care .proof b {font-size: 13px; white-space: normal;}
.mp-design-care .proof span {font-size: 11.5px;}
.mp-design-care .trust .stars {font-size: 15px;}}
.mp-design-care .pc {position: relative; padding: 30px; border-radius: 30px; border: 1px solid rgba(86,202,245,.32); background: radial-gradient(80% 60% at 100% 0%,rgba(86,202,245,.16),transparent 60%),linear-gradient(165deg,rgba(14,34,74,.85),rgba(4,11,28,.92)); box-shadow: 0 50px 120px rgba(5,30,224,.3);}
.mp-design-care .pc .k3 {display: block;}
.mp-design-care .pc h2 {margin: 8px 0 4px; font-size: 26px; letter-spacing: -.02em;}
.mp-design-care .pp {display: flex; align-items: baseline; gap: 10px; margin: 14px 0 4px;}
.mp-design-care .pp b {font-family: var(--serif); font-style: italic; font-weight: 330; font-size: 58px; line-height: 1; color: #fff;}
.mp-design-care .pp span {color: var(--muted);}
.mp-design-care .chk {list-style: none; padding: 0; margin: 18px 0 22px; display: grid; gap: 11px;}
.mp-design-care .chk li {display: flex; gap: 11px; align-items: flex-start; color: #e8f1ff; line-height: 1.45;}
.mp-design-care .chk li:before {content: ""; flex: 0 0 20px; height: 20px; margin-top: 1px; border-radius: 50%; background: rgba(86,202,245,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.4l2.6 2.6L14 7.6' fill='none' stroke='%2356CAF5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat; border: 1px solid rgba(86,202,245,.35);}
.mp-design-care .pc .cta {width: 100%;}
.mp-design-care .pc .fine {text-align: center; margin-top: 12px !important;}
.mp-design-care .chips {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line);}
.mp-design-care .chips span {font-size: 12.5px; font-weight: 650; padding: 6px 11px; border-radius: 999px; border: 1px solid var(--line2); color: #e3efff;}
.mp-design-care .chips em {font-family: inherit; font-style: normal; color: var(--muted2); font-size: 12px; width: 100%; margin-bottom: 2px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;}
.mp-design-care .when {display: grid; grid-template-columns: repeat(4,1fr); gap: 14px;}
.mp-design-care .when div {padding: 24px 22px; border-radius: 22px; border: 1px solid var(--line); background: var(--bg2);}
.mp-design-care .when b {display: block; font-size: 17px; margin: 14px 0 6px; letter-spacing: -.01em;}
.mp-design-care .when p {margin: 0; color: var(--muted); line-height: 1.55; font-size: 14.5px;}
.mp-design-care .svc {display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 26px; overflow: hidden;}
.mp-design-care .svc div {background: var(--bg2); padding: 28px 26px; display: flex; flex-direction: column; gap: 8px;}
.mp-design-care .svc b {font-size: 18.5px; letter-spacing: -.015em; margin-top: 8px;}
.mp-design-care .svc p {margin: 0; color: var(--muted); line-height: 1.55; font-size: 14.5px;}
.mp-design-care .ic {width: 44px; height: 44px; padding: 10px; border-radius: 13px; color: #56CAF5; background: rgba(86,202,245,.08); border: 1px solid rgba(86,202,245,.24);}
.mp-design-care .svcn {margin: 16px 0 0; color: var(--muted); font-size: 14px; line-height: 1.6; max-width: 860px;}
.mp-design-care .flow {display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; counter-reset: f;}
.mp-design-care .flow div {position: relative; padding: 26px 22px 24px; border-radius: 22px; border: 1px solid var(--line); background: linear-gradient(170deg,rgba(14,34,74,.45),rgba(4,11,28,.9));}
.mp-design-care .flow .sn {font-size: 46px; -webkit-text-stroke: 1px rgba(86,202,245,.65);}
.mp-design-care .flow b {display: block; font-size: 18px; margin: 12px 0 6px;}
.mp-design-care .flow p {margin: 0; color: var(--muted); line-height: 1.55; font-size: 14.5px;}
.mp-design-care .cond {display: grid; grid-template-columns: 1fr 1fr; gap: 16px;}
.mp-design-care .cbox {padding: 28px; border-radius: 24px; border: 1px solid var(--line); background: var(--bg2);}
.mp-design-care .cbox h3 {margin: 0 0 14px; font-size: 19px; letter-spacing: -.01em;}
.mp-design-care .cbox.inc {border-color: rgba(86,202,245,.3); background: linear-gradient(165deg,rgba(14,34,74,.6),rgba(4,11,28,.9));}
.mp-design-care .big {font-family: var(--serif); font-style: italic; font-weight: 330; font-size: 44px; color: #fff; line-height: 1;}
.mp-design-care .big small {font-family: "InterV",sans-serif; font-style: normal; font-size: 14px; color: var(--muted); margin-left: 8px;}
.mp-design-care .zl {list-style: none; padding: 0; margin: 14px 0 0; display: grid; gap: 9px;}
.mp-design-care .zl li {display: flex; justify-content: space-between; gap: 14px; padding: 11px 14px; border-radius: 12px; background: rgba(255,255,255,.03); border: 1px solid var(--line); font-size: 14.5px;}
.mp-design-care .zl li span {color: var(--muted);}
.mp-design-care .cbox p {color: var(--muted); line-height: 1.6; font-size: 14.5px; margin: 12px 0 0;}
.mp-design-care .region {display: grid; grid-template-columns: 1fr 1.1fr; gap: 40px; align-items: center; padding: 34px; border-radius: 28px; border: 1px solid var(--line); background: radial-gradient(60% 100% at 0% 0%,rgba(86,202,245,.12),transparent 60%),var(--bg2);}
.mp-design-care .region h2 {font-size: clamp(26px,3.2vw,40px); letter-spacing: -.03em; margin: 10px 0;}
.mp-design-care .region p {color: var(--muted); line-height: 1.6; margin: 0;}
.mp-design-care .kt {display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.mp-design-care .kt div {padding: 20px; border-radius: 18px; border: 1px solid var(--line2); background: rgba(86,202,245,.04);}
.mp-design-care .kt b {display: block; font-family: var(--serif); font-style: italic; font-weight: 350; font-size: 30px; color: #56CAF5; line-height: 1;}
.mp-design-care .kt span {display: block; margin-top: 6px; font-weight: 650;}
.mp-design-care .sos {display: grid; grid-template-columns: auto 1fr auto auto; gap: 22px; align-items: center; padding: 24px 28px; border-radius: 22px; border: 1px solid rgba(255,140,120,.35); background: linear-gradient(90deg,rgba(255,110,90,.10),rgba(255,110,90,.02));}
.mp-design-care .sos svg {width: 44px; height: 44px; padding: 10px; border-radius: 13px; color: #ff9b88; background: rgba(255,120,100,.1); border: 1px solid rgba(255,140,120,.3);}
.mp-design-care .sos b {display: block; font-size: 17px;}
.mp-design-care .sos p {margin: 4px 0 0; color: var(--muted); font-size: 14px; line-height: 1.5;}
.mp-design-care .num {display: flex; flex-direction: column; align-items: center; padding: 10px 18px; border-radius: 14px; border: 1px solid rgba(255,140,120,.35); min-width: 120px;}
.mp-design-care .num strong {font-family: var(--serif); font-style: italic; font-weight: 400; font-size: 32px; color: #fff; line-height: 1;}
.mp-design-care .num small {font-size: 11.5px; color: var(--muted); margin-top: 4px; text-align: center;}
@media (max-width:899px) {.mp-design-care .when,.mp-design-care .flow {grid-template-columns: 1fr 1fr; gap: 10px;}
.mp-design-care .when div,.mp-design-care .flow div {padding: 18px 16px;}
.mp-design-care .svc {grid-template-columns: 1fr;}
.mp-design-care .svc div {padding: 22px 20px;}
.mp-design-care .cond {grid-template-columns: 1fr;}
.mp-design-care .region {grid-template-columns: 1fr; padding: 22px; gap: 22px;}
.mp-design-care .pc {padding: 22px;}
.mp-design-care .pp b {font-size: 48px;}
.mp-design-care .sos {grid-template-columns: auto 1fr; gap: 14px; padding: 20px;}
.mp-design-care .sos .num {grid-column: span 1;}
.mp-design-care .big {font-size: 38px;}}
@media (max-width:520px) {.mp-design-care .when,.mp-design-care .flow {grid-template-columns: 1fr;}}
.mp-design-care .zl li span {white-space: nowrap;}
@media (max-width:899px) {.mp-design-care .flow .sn {font-size: 36px;}
.mp-design-care .flow b {font-size: 16px;}
.mp-design-care .flow p {font-size: 13.5px;}
.mp-design-care .sos {grid-template-columns: 1fr 1fr;}
.mp-design-care .sos>svg {display: none;}
.mp-design-care .sos>div:first-of-type {grid-column: 1/-1;}
.mp-design-care .num {min-width: 0;}}
@media (max-width:520px) {.mp-design-care .flow {grid-template-columns: 1fr 1fr;}}
.mp-design-care .pc .k3,.mp-design-care .region .k3 {color: var(--cyan);}
.mp-design-care .final.care-final {}
.mp-design-care .hero h1 {font-size: clamp(38px,4.6vw,64px);}
.mp-design-care .pp .ab,.mp-design-care .big .ab {font-family: "InterV",sans-serif; font-style: normal; font-size: 15px; font-weight: 600; color: var(--muted); align-self: center;}
.mp-design-care .big .ab {font-size: 14px; margin-right: 4px; vertical-align: middle;}
.mp-design-care .fa .fine {text-align: center; max-width: 260px;}