.mate .hero{background:linear-gradient(115deg,#fff 0%,#f3f7ff 55%,#edf4ff 100%)}
.mate-places{position:absolute;inset:0;z-index:3;pointer-events:none}
.mate-place{position:absolute;width:152px;padding:7px;background:#fff;border:1px solid #e0e8f5;border-radius:18px;box-shadow:0 12px 28px #29487516;animation:mate-place-float 7s ease-in-out var(--float-delay) infinite;animation-play-state:paused}
.places-active .mate-place{animation-play-state:running}
.mate-place img{display:block;width:100%;height:96px;object-fit:cover;border-radius:12px}
.mate-place strong{display:block;padding:10px 5px 5px;color:#253b66;font-size:15px;font-weight:800}
.mate-place-restaurant{left:1%;top:12%;--tilt:-6deg}
.mate-place-cinema{right:0;top:16%;--tilt:5deg}
.mate-place-gallery{left:0;top:53%;--tilt:4deg}
.mate-place-concert{right:0;bottom:9%;--tilt:-5deg}
@keyframes mate-place-float{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-8px) rotate(var(--tilt))}}
@media(max-width:800px){.mate .hero-scene{min-height:520px}.mate-place{width:140px}.mate-place img{height:88px}}
@media(max-width:520px){.mate .hero-scene{min-height:410px}.mate-place{width:96px;padding:5px;border-radius:13px}.mate-place img{height:65px;border-radius:9px}.mate-place strong{font-size:12px;padding:7px 3px 3px}.mate-place-restaurant{top:5%}.mate-place-cinema{top:13%}.mate-place-gallery{top:52%}.mate-place-concert{bottom:8%}}
@media(prefers-reduced-motion:reduce){.mate-place{animation:none;transform:rotate(var(--tilt))}}
.mate-benefits.benefits-ready .mate-benefit{opacity:0;transform:translateY(22px)}
.mate-benefits.benefits-ready .mate-benefit.is-visible{opacity:1;transform:translateY(0);transition:opacity .65s ease var(--benefit-delay),transform .8s cubic-bezier(.18,.79,.2,1) var(--benefit-delay)}
@media(prefers-reduced-motion:reduce){.mate-benefits.benefits-ready .mate-benefit{opacity:1;transform:none;transition:none}}
.mate .hero-actions{align-items:center;gap:12px}
.mate .hero-actions .button{gap:8px}
.mate .hero-actions .mate-guide-link{min-height:49px;padding:12px 18px;gap:8px;border:1px solid #b8caef;border-radius:99px;background:#ffffffc9;color:#3156af;font-size:13px;font-weight:800;transition:background .2s,border-color .2s}
.mate .hero-actions .mate-guide-link:hover{background:#eaf1ff;border-color:#7899de;color:#244fd3}
@media(max-width:520px){.mate .hero-actions .button,.mate .hero-actions .mate-guide-link{min-height:44px;padding:10px 14px;font-size:12px;gap:7px}}
.mate .hero-grid{grid-template-columns:46% 54%;min-height:690px;gap:0}.mate .hero h1{font-size:clamp(43px,4.2vw,60px);line-height:1.2;letter-spacing:-.055em}.mate .hero-copy>p{font-size:17px;line-height:1.8}.mate .button-dark{background:#315fe4;box-shadow:0 8px 20px #315fe41a}.mate .button-dark:hover{background:#234dc6}.mate-guide-link{display:inline-flex;align-items:center;gap:10px;color:#4764a0;font-size:13px;font-weight:750;padding:12px 0}.mate-guide-link:hover{color:#244fd3}.mate .hero-points{gap:16px;font-size:11px}.mate .hero-points span{border:0;padding:0;background:none}
.mate-discovery{position:relative;height:540px;min-width:0;isolation:isolate;padding:35px 20px 20px 40px}.mate-source{width:58%;overflow:hidden;border-radius:24px;background:white;box-shadow:0 16px 35px #27406b0d;border:1px solid #e5ecf6;position:relative;z-index:2;transform:rotate(-4deg)}.mate-source>img{display:block;width:100%;height:190px;object-fit:cover}.mate-source>div{padding:16px 18px}.mate-source span{display:block;font-size:10px;font-weight:750;color:#668acb;margin-bottom:6px}.mate-source strong{font-size:17px;display:block;letter-spacing:-.03em}.mate-source small{display:block;font-size:11px;color:#9b9fa9;margin-top:6px}.mate-ai-label{position:absolute;left:66%;top:24%;display:flex;gap:8px;align-items:center;color:#315fe4}.mate-ai-label>span{font-size:30px}.mate-ai-label strong{font-size:14px;display:block}.mate-ai-label small{display:block;font-size:9px;color:#7182a2;margin-top:4px;white-space:nowrap}
.mate-combinations{position:absolute;right:0;top:50%;width:71%;display:grid;gap:10px;z-index:3}.mate-combination{display:flex;gap:12px;align-items:center;padding:10px 13px;border:1px solid #e6edf7;background:#fff;border-radius:15px;box-shadow:0 9px 20px #24406406}.mate-combination-photos{display:flex;gap:4px;flex:none}.mate-combination img{width:41px;height:44px;object-fit:cover;border-radius:6px}.mate-combination img:first-child{outline:1.5px solid #92adf0;outline-offset:1px}.mate-combination strong{display:block;font-size:12px;line-height:1.4}.mate-combination small{display:block;font-size:9px;color:#9a9faa;margin-top:5px}.mate-example-note{position:absolute;right:0;bottom:0;font-size:10px;color:#8a98b1}.mate-combination.is-refreshing{animation:mate-refresh .7s ease both}@keyframes mate-refresh{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.mate-section{padding:110px 0}.mate-section h2{font-size:clamp(31px,3.3vw,46px);line-height:1.3;letter-spacing:-.05em;font-weight:800}.mate-section .eyebrow{color:#6083cf;font-size:12px;font-weight:800;display:block;margin-bottom:17px}.mate-section-copy>p,.mate-section-heading>p{margin-top:23px;color:#7c808b;font-size:16px;line-height:1.85}.guide-layout{display:grid;grid-template-columns:39% 61%;gap:0;align-items:center}.guide-layout .mate-section-copy{padding-right:40px}.guide-steps{list-style:none;padding:0;margin:28px 0 13px;display:grid;gap:12px;color:#687384;font-size:13px}.guide-steps span{color:#88a1ce;font-size:11px;margin-right:12px}.mate-video{margin:0;min-width:0}.mate-video-placeholder{position:relative;overflow:hidden;border-radius:23px;aspect-ratio:16/9;background:#ecf1f7}.mate-video-placeholder>img{width:100%;height:100%;object-fit:cover;filter:brightness(.5)}.mate-video-caption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:38px;color:white}.mate-video-caption>span{font-size:10px;letter-spacing:.13em;color:#d8e7ff}.mate-video-caption strong{font-size:clamp(24px,2.5vw,35px);line-height:1.4;letter-spacing:-.04em;margin-top:12px}.mate-video-caption small{font-size:11px;margin-top:23px;color:#dae3ef}.mate-video figcaption{font-size:11px;color:#a1a7b3;margin-top:12px;text-align:right}.mate-video video{display:block;width:100%;aspect-ratio:16/9;border-radius:23px;background:#15171d}.mate-video video[hidden]{display:none}
.mate-value{background:#f7f9fd}.mate-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:55px}.mate-benefit{padding-top:25px;border-top:1px solid #d9e2f1}.mate-benefit>span{font-size:12px;color:#86a0cc}.mate-benefit h3{font-size:23px;margin-top:16px;letter-spacing:-.04em;line-height:1.4}.mate-benefit p{margin-top:14px;color:#7c808b;font-size:14px;line-height:1.85}.mate-benefit small{display:block;margin-top:25px;color:#5575af;font-size:12px;font-weight:650}.reconnect-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.mate-section-copy>p.mate-small-note{font-size:12px;color:#a0a4ae;margin-top:24px}.reconnect-photo{position:relative;overflow:hidden;border-radius:22px}.reconnect-photo img{display:block;width:100%;height:230px;object-fit:cover}.reconnect-photo>span{position:absolute;bottom:15px;left:15px;padding:7px 10px;background:#fffffff2;color:#63738a;border-radius:7px;font-size:10px}.reconnect-paths{margin-top:16px}.reconnect-paths p{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #e9edf4;font-size:12px}.reconnect-paths span{color:#8d97a9}.reconnect-paths strong{font-weight:650;color:#425a82}
.mate-consultation{background:#f3f7fd;scroll-margin-top:95px}.consultation-layout{display:grid;grid-template-columns:43% 57%;align-items:start;gap:0}.consultation-layout>.mate-section-copy{padding-right:45px}.consultation-steps{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:20px}.consultation-steps li{display:flex;gap:15px;align-items:baseline}.consultation-steps li>span{font-size:11px;color:#859bc5}.consultation-steps strong{display:block;font-size:14px}.consultation-steps small{display:block;font-size:12px;color:#9099aa;margin-top:5px}.mate-consultation-form{background:#fff;border:1px solid #e3eaf5;border-radius:24px;padding:30px;min-width:0;box-shadow:0 12px 35px #2a426809}.mate-consultation-form h3{font-size:23px;letter-spacing:-.04em;margin-bottom:25px}.consultation-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.consultation-fields label{display:grid;gap:8px;font-size:12px;color:#616e85;min-width:0}.consultation-wide{grid-column:1/-1}.consultation-fields input,.consultation-fields select,.consultation-fields textarea{font:inherit;font-size:14px;width:100%;min-width:0;padding:12px;border:1px solid #e1e6ef;background:#fcfdff;color:#27354d;border-radius:9px;outline:none;min-height:44px}.consultation-fields textarea{resize:vertical}.consultation-fields :is(input,select,textarea):focus{border-color:#7d9bdc;box-shadow:0 0 0 3px #416bcb12}.consultation-fields ::placeholder{color:#a7afbd}.consultation-wide>span{color:#a4adbb;font-size:10px}.consultation-submit{width:100%;border:0;margin-top:23px;cursor:pointer}.consultation-form-note{color:#959eaf;font-size:11px;line-height:1.7;margin-top:14px;text-align:center}.consultation-feedback{color:#4166aa;font-size:12px;margin-top:12px;line-height:1.7}.consultation-feedback:empty{display:none}.consultation-email{display:block;font-size:11px;color:#6883b2;text-align:center;margin-top:20px;overflow-wrap:anywhere}.mate-faq h2{font-size:30px}.mate-faq-list{margin-top:30px}.mate-faq details{border-top:1px solid #e6eaf1;padding:20px 0}.mate-faq details:last-child{border-bottom:1px solid #e6eaf1}.mate-faq summary{cursor:pointer;font-size:16px;font-weight:650;line-height:1.6}.mate-faq details p{font-size:14px;color:#8590a3;line-height:1.9;margin-top:16px;max-width:800px}.mate :is(a,button):focus-visible{outline:3px solid #a7bff0;outline-offset:4px}#registration-guide{scroll-margin-top:90px}
@media(max-width:1100px){.mate .hero-grid{grid-template-columns:47% 53%}.mate .hero h1{font-size:46px}.mate-discovery{padding-left:20px}.mate-source{width:65%}.mate-source>img{height:165px}.mate-ai-label{left:70%;top:28%}.mate-combinations{width:85%}.mate-combination img{width:33px}.reconnect-layout{gap:35px}.mate .hero-points{flex-wrap:wrap;gap:9px}}
@media(max-width:800px){.mate .hero-grid{grid-template-columns:1fr;min-height:0}.mate .hero-copy{padding:55px 0 20px}.mate .hero h1{font-size:48px}.mate-discovery{width:min(100%,580px);margin:0 auto 35px;height:510px;padding-left:20px}.mate-source{width:58%}.mate-ai-label{left:65%;top:25%}.mate-combinations{width:75%}.mate .hero-points{margin-top:24px}.mate-section{padding:80px 0}.guide-layout,.reconnect-layout,.consultation-layout{grid-template-columns:1fr;gap:38px}.guide-layout .mate-section-copy,.consultation-layout>.mate-section-copy{padding:0}.mate-section h2{font-size:35px}.mate-benefits{gap:20px}.mate-benefit h3{font-size:20px}.mate-video-caption strong{font-size:30px}}
@media(max-width:520px){.mate .wrap{width:calc(100% - 32px)}.mate .hero h1{font-size:clamp(35px,9vw,44px)}.mate .hero-copy>p{font-size:15px}.mate .hero-copy>p br{display:none}.mate-discovery{height:465px;padding:25px 0 0}.mate-source{width:65%}.mate-source>img{height:140px}.mate-source>div{padding:12px}.mate-source strong{font-size:14px}.mate-ai-label{left:70%;top:22%;display:block}.mate-ai-label>span{font-size:23px}.mate-ai-label small{font-size:8px;white-space:normal}.mate-combinations{top:50%;width:90%;gap:9px}.mate-combination{padding:10px;gap:10px}.mate-combination img{width:32px;height:40px}.mate-combination strong{font-size:11px}.mate-combination small{font-size:8px}.mate-example-note{font-size:9px}.mate-section{padding:65px 0}.mate-section h2{font-size:29px}.mate-section-copy>p,.mate-section-heading>p{font-size:14px}.mate-section-copy>p br,.mate-section-heading>p br{display:none}.mate-benefits{grid-template-columns:1fr;gap:25px;margin-top:32px}.mate-benefit h3{font-size:22px}.mate-benefit small{margin-top:15px}.mate-video-caption{padding:23px}.mate-video-caption strong{font-size:25px}.mate-video-caption small{margin-top:15px}.mate-consultation-form{padding:23px 18px}.consultation-fields{grid-template-columns:1fr;gap:16px}.consultation-wide{grid-column:auto}.reconnect-photo img{height:190px}.reconnect-paths p{font-size:11px;flex-wrap:wrap}.mate-faq h2{font-size:25px}.mate-faq summary{font-size:14px}}
@media(prefers-reduced-motion:reduce){.mate-combination.is-refreshing{animation:none}.mate *{scroll-behavior:auto}}