.matching-preview-page{--preview-ink:#171719;--preview-muted:#626267;--preview-line:#dedee2;min-height:100vh;color:var(--preview-ink);background:#fff;font-family:Arial,Helvetica,sans-serif}.matching-home-preview{min-height:0}.matching-three-mode{width:min(1440px,100%);margin:0 auto;padding:clamp(70px,8vw,116px) clamp(24px,6vw,96px) 108px}.matching-three-mode-intro{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:end;gap:70px;display:grid}.matching-three-mode-intro>div>p{color:#516079;letter-spacing:1.7px;margin:0 0 18px;font-size:11px;font-weight:750}.matching-three-mode-intro h2{color:#111113;letter-spacing:0;max-width:820px;margin:0;font-size:clamp(42px,4.2vw,64px);font-weight:560;line-height:1.03}.matching-three-mode-intro>p{color:#626267;max-width:520px;margin:0 0 7px;font-size:17px;line-height:1.5}.matching-three-mode-bar{justify-content:space-between;align-items:center;gap:28px;margin-top:76px;display:flex}.matching-three-mode-bar>h3{margin:0;font-size:32px;font-weight:560}.matching-three-mode-bar>div{border:1px solid #a9a9ae;border-radius:999px;display:flex;overflow:hidden}.matching-three-mode-bar button{color:#4f4f54;cursor:pointer;background:#fff;border:0;border-right:1px solid #d3d3d6;min-height:40px;padding:0 17px}.matching-three-mode-bar button:last-child{border-right:0}.matching-three-mode-bar button.is-active{color:#fff;background:#171719}.matching-three-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:34px;display:grid}.matching-three-mode-image{aspect-ratio:1.62;background:#ececef;border-radius:8px;position:relative;overflow:hidden}.matching-three-mode-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.matching-three-mode-image:hover img{transform:scale(1.02)}.matching-three-mode-image span{color:#4f4f54;background:#fffffff0;border-radius:50%;place-items:center;width:38px;height:38px;font-size:10px;display:grid;position:absolute;bottom:13px;right:13px}.matching-three-mode-grid h3{margin:19px 0 0;font-size:23px;font-weight:610}.matching-three-mode-grid p{color:#67676d;max-width:390px;margin:9px 0 0;font-size:14px;line-height:1.46}.matching-three-mode-action{background:#151517;border-radius:8px;align-items:center;gap:22px;min-height:48px;margin-top:38px;padding:0 20px;font-size:14px;font-weight:650;display:inline-flex;color:#fff!important}.matching-three-mode-action:hover{background:#245aa3}.matching-preview-page *{box-sizing:border-box}.matching-preview-page button,.matching-preview-page a{font:inherit}.matching-preview-header{z-index:20;border-bottom:1px solid var(--preview-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:0 clamp(20px,4vw,64px);display:grid;position:sticky;top:0}.matching-preview-brand{color:#554e60;letter-spacing:5px;align-items:center;gap:10px;width:max-content;font-size:13px;font-weight:650;display:inline-flex}.matching-preview-mark{background:#655e70;flex:none;width:36px;height:25px;-webkit-mask:url(/opencentric-favicon-master.png) 50%/contain no-repeat;mask:url(/opencentric-favicon-master.png) 50%/contain no-repeat}.matching-preview-switcher{border:1px solid #b9b9be;border-radius:999px;display:flex;overflow:hidden}.matching-preview-switcher button{color:#55555a;cursor:pointer;background:#fff;border:0;border-right:1px solid #d3d3d6;min-height:38px;padding:0 17px}.matching-preview-switcher button:last-child{border-right:0}.matching-preview-switcher button span{color:#99999e;margin-right:7px;font-size:10px}.matching-preview-switcher button.is-active{color:#fff;background:#19191b}.matching-preview-switcher button.is-active span{color:#bfcbe2}.matching-preview-back{color:#4b4b50;justify-self:end;align-items:center;gap:8px;font-size:13px;display:inline-flex}.matching-preview-back:hover{color:#175fc3}.matching-concept{width:min(1440px,100%);min-height:calc(100vh - 130px);margin:0 auto;padding:clamp(64px,8vw,118px) clamp(24px,6vw,96px) 110px}.matching-intro{max-width:870px}.matching-intro>p,.matching-intro>div>p{color:#516079;letter-spacing:1.7px;margin:0 0 18px;font-size:11px;font-weight:750}.matching-intro h1{color:#111113;letter-spacing:0;max-width:850px;margin:0;font-size:clamp(44px,5vw,72px);font-weight:560;line-height:1.02}.matching-intro>span{max-width:760px;color:var(--preview-muted);margin-top:24px;font-size:18px;line-height:1.5;display:block}.matching-intro-split{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:end;gap:60px;max-width:none;display:grid}.matching-intro-split>span{margin:0 0 7px}.matching-step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:68px;display:grid}.matching-step-grid article{min-width:0}.matching-step-media{aspect-ratio:1.48;background:#eef0f2;border-radius:8px;position:relative;overflow:hidden}.matching-step-media img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.matching-step-media:hover img{transform:scale(1.02)}.matching-step-number{color:#46464b;background:#fffffff0;border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;display:grid;position:absolute;bottom:14px;right:14px;box-shadow:0 3px 14px #0000001a}.matching-step-grid h2{letter-spacing:0;margin:21px 0 0;font-size:24px;font-weight:620}.matching-step-grid article>p{max-width:390px;color:var(--preview-muted);margin:10px 0 0;font-size:15px;line-height:1.45}.matching-action-row{flex-wrap:wrap;gap:12px;margin-top:44px;display:flex}.matching-primary-action{color:#fff;background:#151517;border-radius:4px;align-items:center;gap:22px;min-height:48px;padding:0 20px;font-size:14px;font-weight:650;display:inline-flex}.matching-primary-action:hover{background:#245aa3}.matching-secondary-action{color:#303034;background:#fff;border:1px solid #bdbdc2;border-radius:4px;align-items:center;min-height:48px;padding:0 20px;font-size:14px;font-weight:620;display:inline-flex}.matching-secondary-action:hover{color:#245aa3;border-color:#245aa3}.matching-profile-demo{background:#f5f3f7;padding:25px}.matching-demo-head{border-bottom:1px solid #d8d5dc;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding-bottom:17px;display:grid}.matching-demo-avatar{color:#315b8e;background:#dfe9f6;border-radius:6px;place-items:center;width:44px;height:44px;display:grid}.matching-demo-head>span:nth-child(2){gap:3px;display:grid}.matching-demo-head strong{font-size:14px}.matching-demo-head small{color:#737078;font-size:11px}.matching-demo-head>svg{color:#277a61}.matching-demo-row{border-bottom:1px solid #dedbe2;justify-content:space-between;gap:18px;padding:11px 0;font-size:11px;display:flex}.matching-demo-row span{color:#76727a}.matching-demo-row strong{text-align:right}.matching-demo-tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.matching-demo-tags span{color:#5a5660;background:#fff;border:1px solid #d3cfd8;border-radius:999px;padding:5px 8px;font-size:9px}.matching-fit-layout{grid-template-columns:minmax(260px,.72fr) minmax(0,1.5fr);gap:30px;margin-top:70px;display:grid}.matching-request-panel{background:#f7f7f8;border:1px solid #d9d9dd;border-radius:8px;padding:30px}.matching-request-panel>p{color:#74747a;letter-spacing:1.4px;margin:0 0 15px;font-size:10px;font-weight:750}.matching-request-panel h2{margin:0 0 25px;font-size:27px;font-weight:580;line-height:1.15}.matching-request-detail{color:#4a5d77;border-top:1px solid #dfdfe2;grid-template-columns:22px 1fr;align-items:start;gap:11px;padding:13px 0;display:grid}.matching-request-detail span{color:#242428;gap:3px;font-size:13px;display:grid}.matching-request-detail small{color:#76767c;font-size:10px}.matching-request-panel button{color:#303034;cursor:pointer;background:#fff;border:1px solid #bdbdc2;border-radius:4px;width:100%;min-height:42px;margin-top:18px}.matching-request-panel button:hover{color:#1a5cae;border-color:#1a5cae}.matching-results{border-top:1px solid #cfcfd3}.matching-results-head{border-bottom:1px solid #d7d7db;justify-content:space-between;align-items:center;gap:20px;min-height:68px;display:flex}.matching-results-head>span:first-child{gap:3px;display:grid}.matching-results-head strong{font-size:17px}.matching-results-head small{color:#77777d;font-size:11px}.matching-fit-key{color:#58677d;align-items:center;gap:6px;font-size:11px;display:inline-flex}.matching-results article{border-bottom:1px solid #dfdfe2;grid-template-columns:50px minmax(0,1fr) 42px;align-items:center;gap:16px;min-height:128px;display:grid}.matching-result-icon{border-radius:6px;place-items:center;width:48px;height:48px;display:grid}.matching-result-icon.is-teal{color:#16735c;background:#e0f2ed}.matching-result-icon.is-blue{color:#2c5f98;background:#e3edf8}.matching-result-icon.is-violet{color:#695381;background:#eee8f5}.matching-result-main{gap:5px;display:grid}.matching-result-main>strong{font-size:17px}.matching-result-main>small{color:#717177;font-size:12px}.matching-reasons{flex-wrap:wrap;gap:7px;margin-top:6px;display:flex}.matching-reasons em{color:#55555a;align-items:center;gap:4px;font-size:10px;font-style:normal;display:inline-flex}.matching-reasons em svg{color:#258365}.matching-results article>button{color:#56565b;cursor:pointer;background:#fff;border:1px solid #ceced2;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.matching-results article>button:hover{color:#2260a9;border-color:#2260a9}.matching-results-actions{justify-content:space-between;align-items:center;gap:16px;min-height:58px;display:flex}.matching-results-actions>button{color:#44444a;cursor:pointer;background:#fff;border:1px solid #bfc0c5;border-radius:4px;min-height:34px;padding:0 13px;font-size:11px}.matching-results-actions>button:hover{color:#2260a9;border-color:#2260a9}.matching-decision-note{color:#696970;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.matching-profile-intro{align-items:center}.matching-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:60px;display:grid}.matching-category-grid button{color:#252529;text-align:left;cursor:pointer;background:#fff;border:1px solid #d9d9dd;border-radius:8px;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;gap:18px;min-height:126px;padding:22px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.matching-category-grid button:hover{border-color:#8ba3c3;transform:translateY(-2px);box-shadow:0 8px 24px #25324614}.matching-category-grid button>svg:first-child{color:#49627f}.matching-category-grid button>span{align-self:end;font-size:15px;font-weight:580;line-height:1.25}.matching-category-grid button>svg:last-child{color:#88888d;align-self:end}.matching-journey-head{justify-content:space-between;align-items:center;gap:24px;margin-top:86px;display:flex}.matching-journey-head h2{margin:0;font-size:34px;font-weight:560}.matching-journey-head>div{border:1px solid #a9a9ae;border-radius:999px;display:flex;overflow:hidden}.matching-journey-head button{color:#525257;cursor:pointer;background:#fff;border:0;border-right:1px solid #d3d3d6;min-height:38px;padding:0 18px}.matching-journey-head button:last-child{border-right:0}.matching-journey-head button.is-active{color:#fff;background:#171719}.matching-journey-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px;display:grid}.matching-journey-grid article>div{aspect-ratio:1.65;background:#ededee;border-radius:8px;position:relative;overflow:hidden}.matching-journey-grid img{object-fit:cover;width:100%;height:100%}.matching-journey-grid article>div span{color:#4f4f54;background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:10px;display:grid;position:absolute;bottom:13px;right:13px}.matching-journey-grid h3{margin:18px 0 0;font-size:21px;font-weight:610}.matching-journey-grid p{color:#67676d;max-width:390px;margin:8px 0 0;font-size:14px;line-height:1.45}.matching-preview-footer{border-top:1px solid var(--preview-line);color:#77777d;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:0 clamp(24px,6vw,96px);font-size:11px;display:flex}@media (max-width:980px){.matching-preview-header{grid-template-columns:1fr auto}.matching-preview-switcher{z-index:30;justify-content:center;position:fixed;bottom:18px;left:18px;right:18px;box-shadow:0 12px 36px #00000029}.matching-preview-switcher button{flex:1;padding:0 10px}.matching-preview-back{display:none}.matching-intro-split{grid-template-columns:1fr;gap:24px}.matching-intro-split>span{max-width:700px}.matching-three-mode-intro{grid-template-columns:1fr;gap:26px}.matching-three-mode-intro>p{max-width:700px}.matching-three-mode-bar{flex-direction:column;align-items:flex-start}.matching-step-grid,.matching-journey-grid{gap:18px}.matching-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.matching-preview-header{min-height:64px;padding:0 18px}.matching-preview-brand{letter-spacing:3px;font-size:11px}.matching-preview-mark{width:30px}.matching-concept{min-height:0;padding:60px 18px 100px}.matching-three-mode{padding:64px 18px 94px}.matching-three-mode h2{font-size:40px}.matching-three-mode-intro>p{font-size:16px}.matching-three-mode-bar{margin-top:54px}.matching-three-mode-bar>h3{font-size:27px}.matching-three-mode-bar>div{border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid;overflow:hidden}.matching-three-mode-bar button{border-bottom:1px solid #d3d3d6;border-right:1px solid #d3d3d6;min-width:0;min-height:44px;padding:0 9px;font-size:11px;line-height:1.15}.matching-three-mode-bar button:nth-child(2),.matching-three-mode-bar button:last-child{border-right:0}.matching-three-mode-bar button:nth-child(n+3){border-bottom:0}.matching-three-mode-grid{grid-template-columns:1fr;gap:38px}.matching-intro h1{font-size:42px}.matching-intro>span,.matching-intro-split>span{font-size:16px}.matching-step-grid,.matching-fit-layout,.matching-journey-grid{grid-template-columns:1fr}.matching-step-grid{gap:42px;margin-top:48px}.matching-step-media{aspect-ratio:1.58}.matching-fit-layout{margin-top:48px}.matching-results article{grid-template-columns:46px minmax(0,1fr) 38px;gap:12px;min-height:150px}.matching-reasons{gap:5px 10px}.matching-results-actions{flex-direction:column;align-items:flex-start;padding:18px 0}.matching-category-grid{gap:10px;margin-top:44px}.matching-category-grid button{min-height:118px;padding:17px}.matching-category-grid button>span{font-size:13px}.matching-journey-head{flex-direction:column;align-items:flex-start;margin-top:62px}.matching-journey-head>div{width:100%}.matching-journey-head button{flex:1;padding:0 10px;font-size:11px}.matching-journey-grid{gap:38px}.matching-preview-footer{padding-bottom:70px}}@media (max-width:420px){.matching-preview-switcher button{font-size:10px}.matching-preview-switcher button span{display:none}.matching-intro h1{font-size:37px}.matching-category-grid{grid-template-columns:1fr}.matching-request-panel{padding:23px}.matching-request-panel h2{font-size:24px}}@media (prefers-reduced-motion:reduce){.matching-preview-page *,.matching-preview-page :before,.matching-preview-page :after{scroll-behavior:auto!important;transition:none!important}}