/* Кейс ИИ:Матчер — визуальный язык сайта проекта ai-matcher.ru. */
.matcher-case{--mc-ink:#0d2438;--mc-panel:#123350;--mc-line:#2c567e;--mc-blue:#4f8fc0;--mc-paper:#f4f1e6;--mc-muted:#a3b7c7;--mc-signal:#ff6a39;background:var(--mc-ink);color:var(--mc-paper);font-family:'IBM Plex Sans',sans-serif}
.matcher-case *{box-sizing:border-box}
.matcher-case .container{width:min(1160px,100%);max-width:1160px;padding-inline:24px;margin-inline:auto}
.matcher-case .topbar-v2{background:rgba(13,36,56,.98);border-bottom:1px solid var(--mc-line)}
.matcher-case .sop-banner{display:block;position:relative;height:auto;min-height:0;padding:158px 0 0;background-color:var(--mc-ink);background-image:linear-gradient(rgba(79,143,192,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(79,143,192,.13) 1px,transparent 1px);background-size:40px 40px}
.matcher-case .sop-banner::after,.matcher-case .sop-banner::before{display:none}
.matcher-case .sop-banner{padding-top:calc(var(--matcher-header-height,153px) + 34px);background-repeat:repeat!important;background-position:0 0}
.matcher-case .sn-section,.matcher-case .sop-section{scroll-margin-top:calc(var(--matcher-header-height,153px) + 20px)}
.matcher-case .workflow-step-num{background:none!important}
.matcher-case .workflow-step-inner,.matcher-case .workflow-step-title,.matcher-case .workflow-step-desc{text-align:left!important}
.matcher-case .matcher-hero-wrap{position:relative;z-index:1}
.matcher-case .breadcrumb{position:static;inset:auto;padding:0;margin:0 0 34px;background:none}
.matcher-case .breadcrumb__wrap{padding:0;max-width:none}
.matcher-case .breadcrumb__list{justify-content:flex-start}
.matcher-case .breadcrumb__link,.matcher-case .breadcrumb__sep{color:var(--mc-muted)}
.matcher-case .breadcrumb__item--current{color:var(--mc-paper)}
.matcher-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:56px;align-items:center;padding-bottom:46px}
.matcher-eyebrow{display:inline-block;margin:0 0 22px;padding:7px 11px;border:1px solid var(--mc-blue);background:rgba(79,143,192,.1);font-family:'IBM Plex Mono',monospace;font-size:11px;line-height:1.6;letter-spacing:.07em;text-transform:uppercase;color:var(--mc-paper)}
.matcher-case .matcher-hero-copy h1{font-family:Oswald,sans-serif;font-size:clamp(48px,5.3vw,76px);font-weight:700;line-height:1.08;text-transform:uppercase;text-align:left;color:var(--mc-paper);margin:0 0 22px;letter-spacing:-.025em}
.matcher-hero-subtitle{font-family:Oswald,sans-serif;font-size:clamp(25px,2.8vw,36px);font-weight:600;line-height:1.25;text-transform:uppercase;margin:0 0 22px;color:var(--mc-paper)}
.matcher-hero-subtitle span{color:var(--mc-signal)}
.matcher-hero-lead{font-size:17px;line-height:1.65;margin:0 0 25px;max-width:550px;color:#c9d4dd;text-align:left}
.matcher-actions{display:flex;flex-wrap:wrap;gap:12px}
.matcher-case .matcher-button,.matcher-case .sop-project-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;min-height:48px;padding:13px 18px;border:1px solid var(--mc-signal);border-radius:2px;background:var(--mc-signal);font-family:'IBM Plex Mono',monospace;font-size:12px;line-height:1.6;font-weight:600;text-decoration:none;color:var(--mc-ink)!important;box-shadow:none;transition:background .15s}
.matcher-case .matcher-button:hover,.matcher-case .sop-project-btn:hover{background:#ff885e;transform:none;box-shadow:none}
.matcher-case .matcher-button--outline{border-color:var(--mc-blue);background:transparent;color:var(--mc-paper)!important}
.matcher-case .matcher-button--outline:hover{background:var(--mc-panel)}
.matcher-article-link{display:inline-block;margin-top:20px;color:var(--mc-muted);font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}
.matcher-article-link:hover{color:var(--mc-signal)}
.matcher-demo{padding:24px;border:1px solid var(--mc-blue);background:var(--mc-panel);box-shadow:12px 12px 0 rgba(5,21,33,.4);min-width:0}
.matcher-demo-bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:'IBM Plex Mono',monospace;font-size:10px;line-height:1.6;letter-spacing:.08em;color:var(--mc-muted);margin-bottom:22px}
.matcher-live{color:var(--mc-signal)}
.matcher-demo-input{padding:18px;border:1px dashed var(--mc-blue);background:var(--mc-ink)}
.matcher-demo-input>span{font-size:11px;color:var(--mc-muted)}
.matcher-demo-input p{font-family:'IBM Plex Mono',monospace;font-size:16px;line-height:1.7;margin:7px 0 0;color:var(--mc-paper)}
.matcher-cursor{display:inline-block;width:7px;height:16px;margin-left:6px;vertical-align:middle;background:var(--mc-signal)}
.matcher-demo-process{display:flex;align-items:center;gap:14px;margin:22px 0;font-family:'IBM Plex Mono',monospace;color:var(--mc-blue);font-size:10px;letter-spacing:.12em}
.matcher-demo-process span{height:1px;flex:1;background:var(--mc-line)}
.matcher-demo-result{padding:20px;border:1px solid var(--mc-blue)}
.matcher-found{display:block;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.08em;color:var(--mc-signal);margin-bottom:14px}
.matcher-demo-result strong{display:block;font-size:18px;line-height:1.5;color:var(--mc-paper)}
.matcher-demo-result p{font-size:13px;color:var(--mc-muted);margin:10px 0 18px}
.matcher-demo-checks{display:flex;gap:7px;flex-wrap:wrap}
.matcher-demo-checks span{padding:5px 7px;border:1px solid var(--mc-line);font-size:10px;color:var(--mc-muted)}
.matcher-demo-footer{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-top:20px;font-size:11px;line-height:1.6;color:var(--mc-muted)}
.matcher-demo-footer b{color:var(--mc-signal);font-size:21px;white-space:nowrap}
.matcher-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--mc-line)}
.matcher-hero-stats>div{padding:26px 24px 30px;border-right:1px solid var(--mc-line)}
.matcher-hero-stats>div:first-child{padding-left:0}.matcher-hero-stats>div:last-child{border:0}
.matcher-hero-stats strong{display:block;font-family:Oswald,sans-serif;font-weight:600;color:var(--mc-signal);font-size:42px;line-height:1.3}
.matcher-hero-stats small{font-size:26px}.matcher-hero-stats span{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;line-height:1.6;color:var(--mc-muted);margin-top:5px;text-transform:uppercase;letter-spacing:.03em}
.matcher-case .sn-section,.matcher-case .sop-section{padding:72px 0;background:var(--mc-ink)!important;border-top:1px solid var(--mc-line);color:var(--mc-paper);scroll-margin-top:155px}
.matcher-case .sop-how,.matcher-case .sop-screenshots,.matcher-case .sop-audience-section,.matcher-case .sop-project-section{background:#102c44!important}
.matcher-case .sop-audience-section::before{display:none}
.matcher-case .sn-section h2,.matcher-case .sop-section h2{font-family:Oswald,sans-serif;font-size:clamp(28px,3.4vw,40px);line-height:1.2;font-weight:600;letter-spacing:.01em;text-transform:uppercase;color:var(--mc-paper)!important;text-align:left;margin:0 0 16px;padding:0}
.matcher-case .sn-section .min_text,.matcher-case .sop-section .min_text{max-width:800px;text-align:left;color:var(--mc-muted)!important;font-size:17px;line-height:1.65;margin:0 0 30px}
.matcher-case .sn-about-grid,.matcher-case .sn-result-grid,.matcher-case .sop-features-grid,.matcher-case .sop-forwhom-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}
.matcher-case .sn-about-card,.matcher-case .sn-result-card,.matcher-case .sop-feature-item,.matcher-case .sop-forwhom-item{display:block;width:auto;min-width:0;margin:0;padding:24px;background:var(--mc-panel)!important;border:1px solid var(--mc-line);border-radius:2px;box-shadow:none;text-align:left;transform:none;color:var(--mc-paper)}
.matcher-case .sn-result-card,.matcher-case .sop-forwhom-item{height:auto;max-height:none;max-width:none}
.matcher-case .sn-about-icon,.matcher-case .sop-feature-icon{font-size:25px;margin-bottom:20px;filter:grayscale(1)}
.matcher-case .sn-about-card h4,.matcher-case .sop-section h4{margin:0 0 12px;font-family:'IBM Plex Sans',sans-serif;font-size:18px;line-height:1.4;font-weight:600;color:var(--mc-paper)!important;text-align:left}
.matcher-case .sn-about-card p,.matcher-case .sop-feature-item p,.matcher-case .sn-result-card p,.matcher-case .sop-forwhom-item p{font-family:'IBM Plex Sans',sans-serif;font-size:14px;line-height:1.75;color:var(--mc-muted)!important;text-align:left;margin:0}
.matcher-case .notification-block{display:flex;align-items:flex-start;max-width:none!important;margin:28px 0 0!important;padding:22px 24px;border:1px solid var(--mc-line);border-left:3px solid var(--mc-signal);border-radius:2px;background:var(--mc-panel);box-shadow:none;color:var(--mc-muted);font-size:14px;line-height:1.7}
.matcher-case .notification-block .icon{background:none;color:var(--mc-signal);border-color:var(--mc-signal)}
.matcher-case .notification-block .message{color:var(--mc-muted);text-align:left}.matcher-case .notification-block b{color:var(--mc-paper)}
.matcher-case .workflow-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px!important;align-items:stretch}
.matcher-case .workflow-arrow{display:none}.matcher-case .workflow-step{width:auto;max-width:none;flex:none;margin:0;padding:0}
.matcher-case .workflow-step-inner{height:100%;padding:24px;background:var(--mc-ink);border:1px solid var(--mc-line);border-radius:2px;box-shadow:none;text-align:left}
.matcher-case .workflow-step-num{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 0 24px;background:none;color:var(--mc-signal);font-family:'IBM Plex Mono',monospace;font-size:20px;border:1px solid var(--mc-signal);border-radius:2px}
.matcher-case .workflow-step-title{color:var(--mc-paper);font-size:18px;text-align:left}
.matcher-case .workflow-step-desc{color:var(--mc-muted);font-size:14px;line-height:1.7;text-align:left}
.matcher-case .sop-ai-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
.matcher-case .sop-ai-col{background:var(--mc-panel);border:1px solid var(--mc-line);border-radius:2px;padding:28px}
.matcher-case .sop-ai-col--good{border-top:3px solid var(--mc-signal)}
.matcher-case .sop-ai-col-title{color:var(--mc-paper);font-size:20px;line-height:1.5}
.matcher-case .sop-ai-col li{color:var(--mc-muted);font-size:15px;line-height:1.7}
.matcher-case .sop-ai-tech-inner{justify-content:flex-start;background:none;border-radius:0;border-top:1px solid var(--mc-line);padding:20px 0;gap:12px}
.matcher-case .sop-ai-tech-label{color:var(--mc-muted);font-size:13px}
.matcher-case .sop-ai-tech-tag{padding:6px 10px;border:1px solid var(--mc-line);border-radius:2px;background:var(--mc-panel);color:var(--mc-paper);font-family:'IBM Plex Mono',monospace;font-size:11px}
.matcher-case .sop-screens-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px;align-items:start}
.matcher-case .sop-screen-item{max-width:none;min-width:0;margin:0;padding:10px;background:var(--mc-ink);border:1px solid var(--mc-line);border-radius:2px;text-align:left}
.matcher-case .sop-screen-item img{width:100%;max-width:none;height:250px;border:0;border-radius:0;box-shadow:none;object-fit:cover;object-position:top}
.matcher-case .sop-screen-caption{color:var(--mc-muted);font-size:14px;line-height:1.6;padding:6px 4px 0;text-align:left}
.matcher-case .sn-result-big{font-family:Oswald,sans-serif;color:var(--mc-signal)!important;font-size:42px!important;line-height:1.4;margin-bottom:16px}
.matcher-case .sop-project-cta{max-width:none;padding:44px;background:var(--mc-ink);border:1px solid var(--mc-blue);border-radius:2px;box-shadow:none;text-align:left;backdrop-filter:none}
.matcher-case .sop-project-cta::before{display:none}.matcher-case .sop-project-cta__badge{font-family:'IBM Plex Mono',monospace;font-weight:400;border:1px solid var(--mc-blue);border-radius:2px;background:var(--mc-panel);color:var(--mc-paper);font-size:11px;letter-spacing:.08em}
.matcher-case .sop-project-cta h2{margin-top:24px}.matcher-case .sop-project-cta p{margin:0 0 26px;font-size:17px;color:var(--mc-muted);max-width:760px;text-align:left}.matcher-case .sop-project-cta small{color:var(--mc-muted)}
.matcher-case .sop-faq-list{max-width:none;margin:30px 0 0;gap:12px}.matcher-case .sop-faq-item,.matcher-case .sop-faq-item[open],.matcher-case .sop-faq-item:hover{background:var(--mc-panel);border:1px solid var(--mc-line);border-radius:2px;box-shadow:none}
.matcher-case .sop-faq-item summary{padding:21px 24px;color:var(--mc-paper);font-family:'IBM Plex Sans',sans-serif;font-size:17px;line-height:1.5}.matcher-case .sop-faq-item summary::after{color:var(--mc-signal)}
.matcher-case .sop-faq-answer{padding:0 24px 24px;color:var(--mc-muted);font-size:15px;line-height:1.75;text-align:left}
.matcher-case .sop-lightbox{z-index:100000}.matcher-case :focus-visible{outline:2px solid var(--mc-signal);outline-offset:4px}
.matcher-case .sop-lightbox-close{appearance:none;border:0;background:transparent;color:white}
@media(max-width:1000px){.matcher-hero-grid{gap:28px;grid-template-columns:1fr 1fr}.matcher-demo{padding:18px}.matcher-case .sn-about-grid,.matcher-case .sn-result-grid,.matcher-case .sop-features-grid,.matcher-case .sop-forwhom-grid,.matcher-case .workflow-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.matcher-case .sop-screens-grid{grid-template-columns:1fr 1fr}.matcher-case .sop-screen-item:last-child{grid-column:1/-1}.matcher-case .sop-screen-item:last-child img{height:auto;max-height:440px;object-fit:contain}.matcher-hero-stats strong{font-size:36px}}
@media(max-width:760px){.matcher-case .sop-banner{padding-top:132px}.matcher-hero-grid{grid-template-columns:1fr;gap:32px}.matcher-case .matcher-hero-copy h1{font-size:56px}.matcher-hero-lead{max-width:none}.matcher-demo{box-shadow:7px 7px 0 rgba(5,21,33,.4)}.matcher-case .sn-section,.matcher-case .sop-section{padding:48px 0}.matcher-case .sop-ai-compare{grid-template-columns:1fr}.matcher-case .container{padding-inline:20px}.matcher-hero-stats>div{padding:20px 12px}.matcher-hero-stats strong{font-size:30px}.matcher-hero-stats small{font-size:18px}.matcher-hero-stats span{font-size:9px}.matcher-case .sop-project-cta{padding:26px}}
@media(max-width:480px){.matcher-case .container{padding-inline:18px}.matcher-case .breadcrumb{margin-bottom:26px}.matcher-eyebrow{font-size:10px;letter-spacing:.02em}.matcher-case .matcher-hero-copy h1{font-size:49px}.matcher-hero-subtitle{font-size:27px}.matcher-hero-lead{font-size:16px}.matcher-actions{display:grid;grid-template-columns:1fr}.matcher-demo{padding:16px}.matcher-demo-input{padding:14px}.matcher-demo-input p{font-size:13px}.matcher-demo-result{padding:16px}.matcher-demo-result strong{font-size:16px}.matcher-case .sn-about-grid,.matcher-case .sn-result-grid,.matcher-case .sop-features-grid,.matcher-case .sop-forwhom-grid,.matcher-case .workflow-flow,.matcher-case .sop-screens-grid{grid-template-columns:1fr}.matcher-case .sop-screen-item:last-child{grid-column:auto}.matcher-case .sop-screen-item img{height:auto;max-height:320px;object-fit:contain}.matcher-case .sn-about-card,.matcher-case .sn-result-card,.matcher-case .sop-feature-item,.matcher-case .sop-forwhom-item,.matcher-case .workflow-step-inner{padding:22px}.matcher-case .notification-block{padding:18px;gap:12px}.matcher-case .sop-ai-col{padding:22px}.matcher-hero-stats{grid-template-columns:1fr 1fr}.matcher-hero-stats>div:nth-child(2){border-right:0}.matcher-hero-stats>div:last-child{grid-column:1/-1;padding:15px 0 22px;border-top:1px solid var(--mc-line);display:flex;align-items:center;gap:16px}.matcher-case .sop-faq-item summary{padding:18px;font-size:16px}.matcher-case .sop-faq-answer{padding:0 18px 18px}.matcher-case .sop-project-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.matcher-case *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.matcher-case .sop-banner{padding-top:calc(var(--matcher-header-height,153px) + 34px)}
.matcher-case .sn-section,.matcher-case .sop-section{scroll-margin-top:calc(var(--matcher-header-height,153px) + 20px)}