/* 261.РФ — strict slice-based layout. No redrawn decorative elements. */
html,body{min-width:320px;overflow-x:hidden}
.landing-page,.landing-page *,.landing-page *:before,.landing-page *:after{box-sizing:border-box}
.landing-page{min-height:100vh;padding:32px 18px 36px;background:#00482f url('./pattern-dark.svg') repeat;color:#111814}
.landing-card{width:min(1180px,100%);margin:0 auto;overflow:hidden;border:4px solid #101714;border-radius:24px;background:#1b241f url('./metal-dark-texture.png') repeat;background-size:144px 144px;box-shadow:0 18px 48px rgba(0,25,15,.55)}

/* Exact desktop header is the supplied 1384×280 slice. */
.landing-header{position:relative;display:block;min-height:0;aspect-ratio:1384/280;padding:0;border:0;border-radius:0;background-color:#00482f;background-image:url('./01_instrument_header_nomarker.png');background-position:center;background-size:100% 100%;background-repeat:no-repeat;box-shadow:none;isolation:isolate}
.landing-header:before{content:"";position:absolute;z-index:3;left:10.7%;top:75%;width:8px;height:10px;border:1px solid #7f160d;border-radius:2px;background:linear-gradient(90deg,#9d1b10 0%,#ff4a27 45%,#b21d11 100%);box-shadow:0 0 5px rgba(255,63,27,.75);animation:counter-marker 3.8s linear infinite;pointer-events:none}
.landing-brand{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}

.landing-content{width:100%;margin:0;padding:34px max(16px,calc((100% - 976px)/2)) 26px;border:12px solid #151d18;background-color:#1b241f;background-image:url('./06_screw_phillips_large_reference.png'),url('./06_screw_phillips_large_reference.png'),url('./06_screw_phillips_large_reference.png'),url('./06_screw_phillips_large_reference.png'),url('./metal-dark-texture.png');background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat;background-position:10px 10px,calc(100% - 10px) 10px,10px calc(100% - 10px),calc(100% - 10px) calc(100% - 10px),center;background-size:50px 50px,50px 50px,50px 50px,50px 50px,144px 144px}
.landing-info{position:relative;display:grid;grid-template-columns:124px minmax(0,1fr) 158px;align-items:center;gap:18px;min-height:135px;margin:0 0 17px;padding:17px 20px;border:1px solid rgba(73,188,119,.48);border-radius:19px;background:rgba(250,255,251,.9);box-shadow:0 8px 18px rgba(0,98,51,.09);font-size:clamp(17px,1.33vw,21px);line-height:1.28}
.landing-info-icon{display:block;width:104px;height:101px;border:0;border-radius:0;background-color:transparent!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;box-shadow:none!important}
.landing-info:nth-of-type(1) .landing-info-icon{background-image:url('./08_globe_icon_reference_clean.png?v=20261014-14')!important}
.landing-info:nth-of-type(2) .landing-info-icon{background-image:url('./09_bolt_icon_reference_clean.png?v=20261014-14')!important}
.landing-info-icon img{opacity:0!important;width:100%;height:100%}
.landing-info-text{min-width:0}
.landing-info:before{display:none!important;content:none}
.landing-info:after{content:"";justify-self:end;width:137px;height:101px;background-position:center;background-repeat:no-repeat;background-size:contain}
.landing-info:nth-of-type(1):after{background-image:url('./10_factory_leaf_reference_clean.png?v=20261014-12')}
.landing-info:nth-of-type(2):after{background-image:url('./11_report_leaf_reference_clean.png?v=20261014-12')}

.landing-actions{display:flex;justify-content:center;flex-wrap:nowrap;gap:20px;margin:13px 0 24px}
.landing-action{width:268px!important;min-width:268px!important;height:84px!important;min-height:84px!important;padding:0!important;border:0!important;border-radius:0!important;background-color:transparent!important;background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;box-shadow:none!important;color:transparent!important;text-shadow:none!important;font-size:0!important;transition:filter .15s ease,transform .15s ease}
.landing-action:nth-child(1){background-image:url('./12_create_button_reference_clean.png')!important}
.landing-action:nth-child(2){background-image:url('./13_open_button_reference_clean.png')!important}
.landing-button-icon{opacity:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;border:0!important}
.landing-action:hover{filter:brightness(1.04)}
.landing-action:focus-visible{outline:4px solid #f0b400!important;outline-offset:4px}

.landing-contact{margin:0 auto;padding-top:22px;border-top:1px solid #74b890;color:#eef8f0;text-align:center;font-size:clamp(15px,1.25vw,18px);line-height:1.65}
.landing-contact br{display:none}.landing-contact br:first-of-type{display:block}
.landing-contact a{display:inline-block;margin:0 10px;color:#64d98e!important;font-weight:700;text-decoration:underline;text-underline-offset:3px;text-shadow:none}
.legacy-home{display:none}

@media (max-width:850px){
  .landing-page{padding:16px 10px 28px}
  .landing-card{border-radius:18px}
  .landing-content{width:100%;padding:24px 16px;border-width:8px;background-size:40px 40px,40px 40px,40px 40px,40px 40px,144px 144px}
  .landing-info{grid-template-columns:90px minmax(0,1fr);min-height:118px;padding:14px 16px;font-size:17px}
  .landing-info-icon{width:78px;height:76px}
  .landing-info:before,.landing-info:after{display:none}
  .landing-actions{gap:14px}
  .landing-action{width:min(268px,48%)!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:315/99}
}

@media (max-width:600px){
  .landing-page{padding:0 0 22px}
  .landing-card{border-radius:0}
  .landing-header{aspect-ratio:auto;min-height:0;padding:18px 12px 20px;border:5px solid #18201b;border-left:0;border-right:0;background:linear-gradient(180deg,#254233,#020805 58%,#0b2819)}
  .landing-brand{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important}
  .landing-logo{position:relative!important;display:block!important;width:min(100%,519px)!important;max-width:100%!important;aspect-ratio:519/207;margin:0 auto!important;background:url('./02_counter_module_reference.png') center/contain no-repeat!important}
  .landing-logo:before{content:"";position:absolute;z-index:2;left:11.8%;top:10%;width:64.2%;height:63.8%;background:url('./03_counter_digits_reference.png') center/100% 100% no-repeat;animation:counter-pulse 3.2s ease-in-out infinite;pointer-events:none}
  .landing-logo:after{content:"";position:absolute;z-index:2;left:14.2%;bottom:0;width:81.7%;height:19.8%;background:url('./04_instrument_scale_reference.png') center/100% 100% no-repeat;pointer-events:none}
  .landing-header:before{display:none!important;content:none!important}
  .landing-logo-image{opacity:0!important;width:100%!important;height:100%!important}
  .landing-brand-divider{display:block!important;width:100%!important;height:2px!important;background:#dce7e0!important;box-shadow:0 1px #000!important}
  .landing-title{display:block!important;width:100%!important;height:112px!important;margin:0!important;padding:0!important;border:0!important;background:transparent url('./01_instrument_header_reference.png') 78% center/554px 112px no-repeat!important;color:transparent!important;font-size:0!important;line-height:0!important;text-shadow:none!important;transform:none!important}
  .landing-title:after{display:none!important;content:none!important}
  .landing-content{width:100%;padding:20px 8px 24px;border-width:6px;background-size:34px 34px,34px 34px,34px 34px,34px 34px,144px 144px;background-position:6px 6px,calc(100% - 6px) 6px,6px calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),center}
  .landing-info{grid-template-columns:64px minmax(0,1fr);gap:11px;min-height:0;margin-bottom:16px;padding:14px 12px;border-radius:16px;font-size:clamp(15px,4.25vw,18px)}
  .landing-info-icon{width:58px;height:57px}
  .landing-info-text{overflow-wrap:anywhere}
  .landing-actions{flex-direction:column;align-items:center;gap:12px;margin:20px 0}
  .landing-action{width:min(318px,100%)!important;max-width:318px!important;aspect-ratio:318/99}
  .landing-contact{padding-top:18px;font-size:15px;line-height:1.55}
  .landing-contact br{display:block}.landing-contact a{margin:0 3px}
}

@media (max-width:360px){
  .landing-header{padding-left:8px;padding-right:8px}
  .landing-title{height:96px!important;background-size:475px 96px!important}
  .landing-info{grid-template-columns:52px minmax(0,1fr);font-size:14px}
  .landing-info-icon{width:48px;height:47px}
}

@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page *:before,.landing-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}

@keyframes counter-pulse{0%,100%{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-1px);filter:brightness(1.08)}}
@keyframes counter-marker{0%{left:10.7%;filter:brightness(1);box-shadow:0 0 4px rgba(255,63,27,.65)}100%{left:35.7%;filter:brightness(1.25);box-shadow:0 0 13px rgba(255,63,27,.95)}}

/* Metal texture belongs to the page background; the framed content field stays light. */
.landing-page{background:#1b241f url('./metal-dark-texture.png') repeat;background-size:144px 144px}
.landing-card{background:#fff url('./pattern-light.svg') repeat;background-size:240px 160px}
.landing-content{background-color:#fff;background-image:url('./06_screw_phillips_large_reference.png'),url('./06_screw_phillips_large_reference.png'),url('./06_screw_phillips_large_reference.png'),url('./06_screw_phillips_large_reference.png'),url('./pattern-light.svg');background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat;background-position:10px 10px,calc(100% - 10px) 10px,10px calc(100% - 10px),calc(100% - 10px) calc(100% - 10px),center;background-size:50px 50px,50px 50px,50px 50px,50px 50px,240px 160px}
.landing-contact{color:#111814}
.landing-contact a{color:#007d43!important}
@media (max-width:850px){.landing-content{background-size:40px 40px,40px 40px,40px 40px,40px 40px,200px 140px}}
@media (max-width:600px){.landing-content{background-size:34px 34px,34px 34px,34px 34px,34px 34px,180px 130px}}