:root{--match-navy: #183870;--match-navy-dark: #0f2143;--match-navy-light: #2f5396;--match-navy-soft: rgba(24, 56, 112, .1);--match-gray: #686868;--match-gray-light: #8a8a8a}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.match-hero{position:relative;padding:7rem 0 5rem;background:radial-gradient(900px 520px at 88% -10%,rgba(24,56,112,.14),transparent 60%),linear-gradient(180deg,#fff,#eef2f8);color:var(--match-navy-dark);overflow:hidden}.match-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(24,56,112,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(24,56,112,.05) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 70% 30%,#000 0%,transparent 72%);-webkit-mask-image:radial-gradient(circle at 70% 30%,#000 0%,transparent 72%);pointer-events:none}.match-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.match-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--match-navy);font-weight:700;background:var(--match-navy-soft);border:1px solid rgba(24,56,112,.25);padding:.45rem 1rem;border-radius:999px;margin-bottom:1.75rem}.match-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--match-navy);box-shadow:0 0 0 4px #1838702e}.match-logo-img{display:block;width:clamp(260px,32vw,380px);height:auto;margin-bottom:1.5rem}.match-tagline{font-size:clamp(1.35rem,3vw,2rem);font-style:italic;font-weight:600;line-height:1.35;color:var(--match-navy-dark);margin-bottom:2rem;max-width:30ch}.match-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:2.5rem}.match-meta-item{background:#fff;border:1px solid #d7deea;border-radius:999px;padding:.5rem 1.1rem;font-size:.85rem;color:var(--match-gray);box-shadow:0 2px 8px #1838700d}.match-meta-item strong{color:var(--match-navy-dark)}.match-hero-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.btn-match{display:inline-block;background:linear-gradient(135deg,var(--match-navy-light),var(--match-navy));color:#fff;font-weight:700;padding:1.05rem 2.4rem;border-radius:10px;text-decoration:none;letter-spacing:.03em;box-shadow:0 10px 30px #18387052;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn-match:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 16px 40px #18387073}.btn-match-ghost{display:inline-block;color:var(--match-navy);font-weight:600;padding:1.05rem 1.6rem;border-radius:10px;text-decoration:none;border:1px solid rgba(24,56,112,.35);transition:background .2s ease,border-color .2s ease}.btn-match-ghost:hover{background:var(--match-navy-soft);border-color:var(--match-navy)}.match-visual{position:relative;perspective:1200px}.match-panel{background:linear-gradient(160deg,#1c2f55,var(--match-navy-dark));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.4rem;box-shadow:0 30px 70px #0f214366;transform:rotateY(-9deg) rotateX(4deg)}.match-panel-head{display:flex;align-items:center;gap:.5rem;margin-bottom:1.1rem}.match-panel-dot{width:11px;height:11px;border-radius:50%;background:#34416a}.match-panel-dot:first-child{background:#5a78bf}.match-panel-title{margin-left:auto;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffff73}.match-panel-row{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border-radius:10px;background:#ffffff0d;margin-bottom:.6rem}.match-panel-row .ico{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#5a78bf33;color:#9db4ec;font-size:1rem;flex-shrink:0}.match-panel-row .label{font-size:.85rem;color:#ffffffd9}.match-panel-row .tag{margin-left:auto;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#cdd9f2;background:#5a78bf38;border-radius:999px;padding:.25rem .6rem}.match-stats{background:var(--match-navy);color:#fff}.match-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff1f}.match-stat{background:var(--match-navy);padding:2rem 1.5rem;text-align:center}.match-stat strong{display:block;font-size:1.55rem;font-weight:800;color:#fff;margin-bottom:.3rem}.match-stat span{font-size:.9rem;color:#ffffffb3}.match-section{padding:5rem 0}.match-section--alt{background:#f4f6fa}.match-section--dark{background:var(--match-navy-dark);color:#fff}.match-head{max-width:760px;margin-bottom:2.5rem}.match-head.center{margin-left:auto;margin-right:auto;text-align:center}.match-section-tag{display:inline-block;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--match-navy);font-weight:700;margin-bottom:.85rem}.match-section--dark .match-section-tag{color:#9db4ec}.match-section h2{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;line-height:1.15;color:var(--match-navy-dark);margin-bottom:1rem}.match-section--dark h2{color:#fff}.match-lead{font-size:1.15rem;line-height:1.7;color:var(--match-gray)}.match-section--dark .match-lead{color:#ffffffbf}.match-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.match-card{background:#fff;border:1px solid #e3e8f0;border-radius:16px;padding:1.8rem;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.match-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #1838701f;border-color:#18387066}.match-card .c-ico{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;font-size:1.35rem;margin-bottom:1.1rem}.match-card .c-ico.pain{background:#68686824;color:var(--match-gray)}.match-card .c-ico.good,.match-card .c-ico.feat{background:var(--match-navy-soft);color:var(--match-navy)}.match-card h3{font-size:1.12rem;font-weight:700;color:var(--match-navy-dark);margin-bottom:.45rem;line-height:1.3}.match-card p{color:var(--match-gray);line-height:1.55;font-size:.97rem}.match-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;counter-reset:step}.match-step{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2.2rem 1.7rem 1.7rem}.match-step:before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;font-size:1.6rem;font-weight:800;color:#9db4ec;margin-bottom:.9rem}.match-step h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.match-step p{color:#ffffffa6;line-height:1.55;font-size:.97rem}.match-pitch{padding:6rem 0;background:radial-gradient(700px 400px at 50% 0%,rgba(47,83,150,.35),transparent 60%),var(--match-navy-dark);color:#fff;text-align:center}.match-quote{font-size:clamp(1.5rem,3.6vw,2.3rem);font-style:italic;font-weight:600;line-height:1.45;max-width:900px;margin:0 auto}.match-quote .accent{color:#9db4ec}.match-quote-mark{font-size:4rem;line-height:0;color:#5a78bf;display:block;margin-bottom:1rem;font-family:Georgia,serif}.match-cta{padding:5rem 0;background:linear-gradient(135deg,var(--match-navy),var(--match-navy-dark));color:#fff;text-align:center}.match-cta h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:#fff;margin-bottom:1rem}.match-cta p{font-size:1.15rem;color:#ffffffe6;max-width:640px;margin:0 auto 2rem;line-height:1.6}.match-cta .btn-match{background:#fff;color:var(--match-navy);box-shadow:0 12px 35px #00000040}.match-cta .btn-match:hover{filter:none;background:#eef2f8}.match-flow{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.match-flow-node{flex:1 1 240px;max-width:320px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem 1.5rem;text-align:center}.match-flow-ico{width:62px;height:62px;margin:0 auto 1.1rem;display:grid;place-items:center;border-radius:16px;font-size:1.7rem;background:#5a78bf33;color:#9db4ec;border:1px solid rgba(90,120,191,.35)}.match-flow-step{display:block;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9db4ec;margin-bottom:.5rem}.match-flow-node h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.match-flow-node p{color:#ffffffa6;font-size:.93rem;line-height:1.5}.match-flow-arrow{display:flex;align-items:center;justify-content:center;color:#5a78bf;flex:0 0 auto;padding:0 .25rem}.match-testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.match-tcard{background:#fff;border:1px solid #e3e8f0;border-radius:16px;padding:2rem;box-shadow:0 8px 30px #1838700f;display:flex;flex-direction:column}.match-stars{color:#f5a623;font-size:1.05rem;letter-spacing:2px;margin-bottom:1rem}.match-tquote{color:#333;font-size:1.02rem;line-height:1.65;margin-bottom:1.5rem;flex:1}.match-tperson{display:flex;align-items:center;gap:.85rem}.match-tavatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;font-size:.95rem;background:linear-gradient(135deg,var(--match-navy-light),var(--match-navy));flex-shrink:0}.match-tinfo{display:flex;flex-direction:column;line-height:1.3}.match-tinfo strong{color:var(--match-navy-dark);font-size:.97rem}.match-tinfo span{color:var(--match-gray);font-size:.85rem}.match-logos{padding:3.5rem 0;background:#fff;border-top:1px solid #e6ebf2}.match-logos-title{text-align:center;text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;font-weight:700;color:var(--match-gray-light);margin-bottom:2rem}.match-logos-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem}.match-logo-item{flex:0 0 auto;min-width:150px;height:66px;padding:0 1.3rem;display:grid;place-items:center;border:1px solid #e3e8f0;border-radius:12px;color:#8a97ad;font-size:1.02rem;font-weight:800;letter-spacing:.01em;text-align:center;background:#f7f9fc;transition:color .2s ease,border-color .2s ease}.match-logo-item:hover{color:var(--match-navy);border-color:#c7d2e2}@media(max-width:900px){.match-hero-grid{grid-template-columns:1fr;gap:2.5rem}.match-visual{max-width:420px}.match-stats-grid{grid-template-columns:repeat(2,1fr)}.match-steps{grid-template-columns:1fr}}@media(max-width:768px){.match-hero{padding:6rem 0 3.5rem}.match-section{padding:3.5rem 0}.match-panel{transform:none}}@media(max-width:900px){.match-flow{flex-direction:column;align-items:stretch}.match-flow-node{max-width:none}.match-flow-arrow{transform:rotate(90deg);padding:.4rem 0}}
