.sales-philosophy{display:grid;grid-template-columns:1fr 1.25fr;gap:7vw;margin-top:100px;padding-top:42px;border-top:1px solid #bdbdbd}.sales-philosophy h3{font-size:clamp(30px,3.5vw,48px);line-height:1.55;letter-spacing:-.045em;margin-top:20px}.sales-philosophy>p{font-size:17px;line-height:2.2;align-self:end;max-width:680px}
.mate-showcase{margin-top:90px;padding:54px 4vw 44px;background:#f4f1fa;border:1px solid #ddd6e8;position:relative;scroll-margin-top:110px;overflow:hidden}.mate-showcase:before{content:'';position:absolute;width:420px;height:420px;border:1px solid #d2c3eb;border-radius:50%;top:-245px;right:-90px;pointer-events:none}.mate-showcase .small-label{color:#675781}.mate-showcase-heading{display:flex;justify-content:space-between;align-items:start;gap:40px;position:relative}.mate-showcase-heading h3{font-size:clamp(30px,3vw,46px);line-height:1.5;letter-spacing:-.04em;margin:22px 0}.mate-showcase-heading h3 span{display:block}.mate-showcase-heading>div>p:last-child{font-size:16px;line-height:2;max-width:620px}.mate-app-sign{display:flex;align-items:center;gap:14px;flex-shrink:0;padding-top:5px}.mate-app-sign img{width:70px;height:70px;object-fit:contain;border:1px solid #e1dae9;border-radius:16px;background:#fff}.mate-app-sign strong{font:700 18px/1.5 Arial,sans-serif;display:block;letter-spacing:-.03em}.mate-app-sign span{display:block;font-size:12px;color:#746585;margin-top:4px}
.mate-rhythm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:42px 0 46px;padding-top:30px;border-top:1px solid #cec4dc}.mate-rhythm article{position:relative}.mate-rhythm .mate-step{display:block;font:12px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#766386;margin-bottom:15px}.mate-rhythm h4{font-size:19px;line-height:1.6;margin-bottom:12px}.mate-rhythm p{font-size:14px;line-height:1.95;color:#514758}.mate-rhythm article:not(:last-child):after{content:'→';position:absolute;right:2px;top:-4px;font-size:23px;color:#a991c5}
.mate-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}.mate-screen{margin:0;min-width:0}.mate-screen>a{display:block;position:relative;border:1px solid #bbaaca;border-radius:19px 19px 0 0;overflow:hidden;background:#fcfbff;text-decoration:none;box-shadow:0 15px 35px #4627580c;transition:transform .4s,box-shadow .4s}.mate-screen>a:hover{transform:translateY(-7px);box-shadow:0 20px 38px #4627581c}.mate-screen>a:focus-visible{outline:3px solid #624889;outline-offset:5px}.mate-screen img{display:block;width:100%;height:auto;aspect-ratio:43/78;object-fit:cover;object-position:top}.mate-screen-expand{display:flex;justify-content:space-between;gap:14px;padding:13px 15px;background:#fff;border-top:1px solid #e0d8eb;font-size:12px;color:#675781}.mate-screen-expand span:last-child{font-size:16px}.mate-screen figcaption{margin-top:20px}.mate-screen figcaption strong{display:block;font-size:20px;line-height:1.55;margin-bottom:10px}.mate-screen figcaption p{font-size:14px;line-height:1.9;color:#514758}.mate-image-note{font-size:11px;line-height:1.9;color:#746783;margin-top:25px;max-width:750px}.mate-play-link{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #cec4dc;margin-top:38px;padding-top:28px}.mate-play-link h4{font-size:23px;line-height:1.65;margin-bottom:10px}.mate-play-link p{font-size:14px;line-height:1.95;color:#514758;max-width:650px}.mate-play-link .text-link{min-width:220px;white-space:nowrap;font-size:14px;flex-shrink:0}
.mate-screen-dialog{width:calc(100vw - 24px);max-width:900px;max-height:94dvh;padding:0;border:1px solid #b5a5c5;background:#f8f6fc;color:#241d32;overflow:hidden}.mate-screen-dialog[open]{display:flex;flex-direction:column}.mate-screen-dialog::backdrop{background:#160e22e8}.mate-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;flex-shrink:0;border-bottom:1px solid #dcd4e4;background:#fff}.mate-dialog-bar h3{font-size:16px;line-height:1.7}.mate-dialog-bar button{font:inherit;font-size:14px;border:1px solid #cbbdd9;background:#fff;min-height:44px;padding:9px 16px;cursor:pointer}.mate-dialog-bar button:focus-visible{outline:3px solid #624889;outline-offset:2px}.mate-dialog-image{overflow:auto;overscroll-behavior:contain;min-height:0}.mate-dialog-image img{display:block;width:100%;height:auto;max-width:645px;margin:auto}.mate-dialog-image:focus-visible{outline:3px solid #624889;outline-offset:-3px}.mate-viewer-open{overflow:hidden}
@media(max-width:1050px){.mate-showcase{padding:40px 25px}.mate-showcase-heading{display:block}.mate-app-sign{margin-top:30px}.mate-rhythm{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.mate-rhythm article{padding-top:10px}.mate-rhythm article:after{display:none}.mate-screens{gap:18px}.mate-screen figcaption strong{font-size:18px}.mate-play-link{align-items:start}.mate-play-link .text-link{min-width:190px}}
@media(max-width:700px){.sales-philosophy{grid-template-columns:1fr;gap:24px;margin-top:58px;padding-top:30px}.sales-philosophy h3{font-size:31px;margin-top:16px}.sales-philosophy>p{font-size:15px;line-height:2.15}.mate-showcase{margin:48px calc(var(--pad) * -1) 0;padding:34px var(--pad) 32px;border-left:0;border-right:0;scroll-margin-top:95px}.mate-showcase-heading h3{font-size:clamp(22px,6.6vw,30px);margin:19px 0}.mate-showcase-heading>div>p:last-child{font-size:15px;line-height:2.1}.mate-app-sign img{width:58px;height:58px;border-radius:12px}.mate-app-sign strong{font-size:17px}.mate-app-sign span{font-size:11px}.mate-rhythm{margin:30px 0 32px;gap:24px 21px;padding-top:17px}.mate-rhythm .mate-step{font-size:11px;margin-bottom:8px}.mate-rhythm h4{font-size:17px;margin-bottom:9px}.mate-rhythm p{font-size:13px;line-height:1.9}.mate-screens{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--pad);padding:6px var(--pad) 20px;margin:0 calc(var(--pad) * -1);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.mate-screen{flex:0 0 79%;scroll-snap-align:start}.mate-screen>a:hover{transform:none}.mate-screen figcaption strong{font-size:21px}.mate-screen figcaption p{font-size:14px}.mate-image-note{margin-top:8px;font-size:11px}.mate-play-link{display:block;margin-top:29px;padding-top:25px}.mate-play-link h4{font-size:23px}.mate-play-link .text-link{min-width:0;width:100%;margin-top:20px}.mate-dialog-bar{padding:10px 12px}.mate-dialog-bar h3{font-size:14px}.mate-dialog-bar button{font-size:13px;padding:9px 12px}.mate-screen-expand{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mate-screen>a{transition:none}.mate-screen>a:hover{transform:none}}
.motion-paused .mate-screen>a{transition:none}.motion-paused .mate-screen>a:hover{transform:none}
.mate-dialog-bar{flex-wrap:wrap;gap:8px}.mate-dialog-bar h3{flex:1 1 200px}.mate-dialog-zoom{margin-left:auto}.mate-dialog-image.is-zoomed img{width:1290px;min-width:1290px;max-width:none;margin:0}@media(max-width:700px){.mate-dialog-bar h3{flex-basis:100%}.mate-dialog-image.is-zoomed img{width:645px;min-width:645px}}