.landing{--teal:#6526a0;--mint:#6526a0;--ink:#151722;--muted:#596275;--line:#e1e5eb;background:#fff;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:20px}.landing main{max-width:none;padding:0}
.skip-link{position:absolute;left:20px;top:-60px;z-index:10;background:#fff;padding:12px}.skip-link:focus{top:12px}
.hero{height:min(59.2vw,850px);min-height:580px;position:relative;isolation:isolate;color:white;background:#202225;overflow:hidden}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.site-header{height:94px;display:flex;align-items:center;gap:64px;padding:0 6.5%;max-width:1600px;margin:auto}
.site-brand{font-size:30px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.site-header nav{display:flex;gap:32px;font-size:16px}
.header-phone{margin-left:auto;white-space:nowrap;font-size:18px;background:#242731bd;border-radius:5px;padding:6px 9px}
.hero-copy{margin:7% 0 0 6.5%;max-width:650px;width:44%}.hero h1{font-size:clamp(38px,4.45vw,64px);line-height:1.04;letter-spacing:-2.4px;font-weight:750;margin:0 0 24px}
.hero-copy p{font-size:clamp(18px,2.05vw,29px);line-height:1.3;max-width:590px;margin:0 0 28px}
.primary-cta{display:inline-flex;gap:22px;align-items:center;padding:20px 30px;background:#fff;border-radius:10px;color:#6526a0;font-size:23px;font-weight:700;box-shadow:0 3px 12px #0002}
.primary-cta:hover{background:#f4edf9}.hero-copy small{display:block;margin-top:24px;font-size:17px;color:#e0e2e7}
.example{padding:42px 2.5% 24px;max-width:1600px;margin:auto}.example-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 12px;margin-bottom:26px}
.landing h2{font-size:clamp(28px,3.35vw,48px);line-height:1.1;letter-spacing:-1.6px;margin:0 0 10px;font-weight:750}.example-heading p{font-size:22px;color:#525c70;margin:0}.example-heading small{font-size:13px;line-height:1.5;text-align:right;color:#596275;flex-shrink:0}
.landing .workspace{grid-template-columns:minmax(0,55fr) minmax(0,45fr);height:960px;min-height:0;border-radius:7px;box-shadow:none}
.landing .document-toolbar,.landing .result-bar{height:58px;min-height:58px;background:#fff}
.landing .document-panel{background:#f3f5f5}.landing .paper-stage{background:#f3f5f5}.landing .paper-hint{font-size:12px}
.landing .tool[aria-pressed=true]{background:#f3ebfc;border-color:#6526a0;color:#6526a0}
.landing .result-jumps button{color:#6526a0}.landing .panel-bar h2{font-size:21px;letter-spacing:0;margin:0}
.landing .result-count{font-size:13px}.landing #resultContent{padding:10px 16px 14px}
.landing .metal-table{font-size:13px}.landing .metal-table th{font-size:12px;background:#f0f1f5;color:#596275}
.landing .metal-table th,.landing .metal-table td{padding:9px 4px}.landing .metal-table tr.total{color:#6526a0;background:#f2eafa}
.landing .lens{border-color:#6526a0}.workflow-note{font-size:17px;line-height:1.5;color:#596275;margin:20px 0 0}
.landing .paper-viewport,.landing .result-scroll{overscroll-behavior:auto}
.contact{padding:38px 4%;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;background:#faf8f6}
.contact>div{padding-top:12px}.contact h2{font-size:clamp(32px,3.7vw,53px)}.contact p{font-size:22px;line-height:1.35;color:#596275;margin:0}
.contact-phone{display:inline-block;color:#6526a0;font-size:34px;font-weight:700;margin-top:30px}
.callback-form{background:white;border:1px solid #e6e7ec;border-radius:8px;padding:26px;align-self:center}
.callback-form>label{display:block;font-size:14px;color:#596275;margin-bottom:8px}.callback-form>input{width:100%;height:48px;border:1px solid #cdd3dd;border-radius:5px;padding:10px 12px;font-size:20px;color:#151722;background:#fff}
.callback-form>button{width:100%;min-height:50px;background:#6526a0;border:0;border-radius:6px;color:white;font-size:18px;font-weight:600;margin:14px 0 10px}
.callback-form>button:hover{background:#511b87}.contact .form-helper{font-size:14px;line-height:1.4;margin-bottom:18px}
.callback-form .callback-consent{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.4;margin:0}.callback-consent input{width:19px;height:19px;accent-color:#6526a0;margin:0;flex-shrink:0}.callback-consent a{text-decoration:underline;color:#6526a0}
.contact .callback-status{font-size:14px;line-height:1.5;margin-top:14px;color:#6526a0}
.landing-footer{padding:28px 4%;display:flex;gap:32px;align-items:center}.landing-footer .site-brand{font-size:24px;margin-right:auto}.landing-footer>a:not(.site-brand),.landing-footer>span{color:#596275;font-size:14px}
@media(min-width:1600px){.hero-copy{margin-left:max(6.5%,calc((100vw - 1400px)/2))}.contact{padding-left:max(4%,calc((100vw - 1472px)/2));padding-right:max(4%,calc((100vw - 1472px)/2))}}
@media(max-width:1100px){.site-header{gap:26px;padding:0 4%;height:76px}.site-brand{font-size:25px}.site-header nav{gap:20px;font-size:14px}.header-phone{font-size:15px}.hero-copy{margin-left:6.5%;margin-top:6%;width:44%}.hero h1{letter-spacing:-1.4px}.primary-cta{font-size:19px;padding:16px 24px}.hero-copy small{font-size:14px}.landing .workspace{height:900px}.contact{gap:30px}.contact-phone{font-size:27px}.contact p{font-size:18px}.example-heading p{font-size:18px}}
@media(max-width:760px){.hero{min-height:780px;height:auto;padding-bottom:360px;background:#202225}.hero-photo{height:390px;top:auto;object-position:80% center}.site-header{height:72px;padding:0 20px;gap:14px;flex-wrap:wrap}.site-header nav{display:none}.site-brand{font-size:23px}.header-phone{font-size:13px;padding:5px;margin-left:auto}.hero-copy{width:auto;max-width:none;margin:28px 24px 0}.hero h1{font-size:38px;letter-spacing:-1.2px;line-height:1.08}.hero-copy p{font-size:19px;line-height:1.4;max-width:480px;margin-bottom:20px}.hero-copy small{font-size:13px;margin-top:15px}.primary-cta{font-size:18px;padding:16px 20px}.example{padding:28px 12px 22px}.example-heading{display:block;padding:0 4px;margin-bottom:20px}.landing h2{font-size:29px;letter-spacing:-.8px}.example-heading p{font-size:16px}.example-heading small{display:block;text-align:left;font-size:11px;margin-top:10px}.example-heading small br{display:none}.landing .workspace{display:block;height:auto}.landing .document-panel{height:640px}.landing .result-panel{height:640px}.landing .result-scroll{overflow:auto}.landing .document-toolbar,.landing .result-bar{height:52px;min-height:52px}.landing .panel-bar h2{font-size:19px}.landing .result-count{font-size:12px}.landing .result-jumps button{font-size:12px;padding:6px}.landing .metal-table{min-width:560px}.workflow-note{font-size:14px;margin:15px 3px 0}.contact{padding:26px 20px;display:block}.contact>div{padding:0}.contact p{font-size:17px}.contact-phone{margin-top:16px;margin-bottom:25px;font-size:26px}.callback-form{padding:18px}.landing-footer{padding:24px 20px;gap:14px;flex-wrap:wrap}.landing-footer .site-brand{flex-basis:100%}.landing-footer>a:not(.site-brand),.landing-footer>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:760px){
  .hero{padding-bottom:420px}.hero h1{font-size:32px}
  .landing .paper-viewport{overflow:hidden}
  .landing .hand-mode .paper-viewport{overflow:auto}
  .landing .result-panel{height:auto}
  .landing .result-scroll{overflow:visible}
  .landing .paper-hint{font-size:0}
.landing .paper-hint::after{content:'Нажмите на акт, чтобы рассмотреть крупно';font-size:10px}
}
/* Keep navigation coherent and the comparison inside the page's content grid. */
.site-header{max-width:none;background:#202225;height:82px}
.header-phone{background:none;border-radius:0;padding:8px 0;font-weight:500}
.site-header a:hover{color:#e0c8f5}
.example{width:87%;max-width:1280px;padding:42px 0 24px}
.example-heading{padding:0}
@media(min-width:761px){
  .landing .paper-canvas{justify-content:flex-end}
  .landing .paper-viewport{right:4px}
  .landing #resultContent{padding-left:12px}
}
@media(max-width:1100px){.site-header{height:76px}.example{width:90%}}
@media(max-width:760px){.site-header{height:72px}.example{width:auto;margin:0 20px;padding:28px 0 22px}.header-phone{font-size:13px}.landing .paper-canvas{justify-content:center}}
.mobile-comparison-nav{display:none}
.hero-brand{position:absolute;top:26px;left:6.5%}
.hero .hero-copy{margin-top:0;padding-top:clamp(120px,10vw,150px)}
.hero{height:min(54vw,778px);min-height:580px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 24px}
.hero-phone{font-size:20px;font-weight:550;white-space:nowrap;color:#fff}
.hero-phone:hover{text-decoration:underline;text-underline-offset:5px}
.hero-identity{position:absolute;top:26px;left:6.5%;width:39%;max-width:560px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hero-identity .hero-phone{font-size:18px;font-weight:500}
@media(min-width:1600px){.hero-identity{left:max(6.5%,calc((100vw - 1400px)/2))}}
@media(max-width:760px){.hero-identity{top:22px;left:24px;width:calc(100% - 48px);gap:12px}.hero-identity .hero-phone{font-size:13px}.hero-actions .primary-cta{font-size:17px;gap:14px}}
@media(max-width:760px){
  .hero{height:auto;min-height:0}
  .hero-brand{top:22px;left:24px}
  .hero .hero-copy{padding-top:86px;margin-top:0}
  .hero-actions{gap:16px}
  .hero-phone{font-size:19px}
}
.mobile-source-dialog{position:fixed;inset:auto 0 0;width:100%;max-width:100%;height:auto;max-height:85dvh;margin:0;border:0;border-radius:16px 16px 0 0;background:white;padding:18px;color:#151722}
.mobile-source-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.mobile-source-dialog header h2{font-size:20px;margin:0;letter-spacing:-.3px}
.mobile-source-dialog header button{border:0;background:#f1eafa;color:#6526a0;padding:12px;border-radius:6px;font-size:14px}
.mobile-source-viewport{height:220px;overflow:auto;background:#f4f5f6;border:1px solid #e1e5eb;border-radius:6px;overscroll-behavior:contain}
.mobile-source-viewport img{max-width:none;display:block}
.mobile-source-value{font-size:18px;font-weight:650;line-height:1.4;margin:14px 0}
.mobile-source-note{font-size:13px;line-height:1.5;color:#596275;margin:12px 0 0}
@media(max-width:760px){
  .mobile-comparison-nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}
  .mobile-view-switch{display:flex;border:1px solid #d9c7ea;border-radius:7px;padding:3px;gap:3px}
  .mobile-view-switch button,.mobile-next{min-height:44px;border:0;border-radius:5px;padding:10px 12px;font-size:14px;background:white;color:#6526a0}
  .mobile-view-switch button[aria-pressed=true]{background:#6526a0;color:white}
  .mobile-next{margin-left:auto;padding:10px 6px}
  .mobile-comparison-nav p{flex-basis:100%;margin:0;font-size:13px;line-height:1.45;color:#596275}
  .landing .workspace[data-mobile-view=result] .document-panel{display:none}
  .landing .workspace[data-mobile-view=act] .result-panel{display:none}
  .landing .workspace[data-mobile-view=result] .result-panel{border-top:0}
  .landing .result-section [data-sync-gap]{margin-top:0!important}
}