/* 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?v=20261014-19') 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{display:none!important}
.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;border-radius:26px;background-color:#fff;background-image:url('./pattern-light.svg');background-repeat:repeat;background-position:center;background-size:240px 160px;box-shadow:inset 0 0 0 2px #59625d,0 7px 16px rgba(0,0,0,.42);overflow:hidden}
.landing-info{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:22px;min-height:124px;margin:0 0 11px;padding:10px 14px;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;transform:scale(1.44)}
.landing-info:nth-of-type(1) .landing-info-icon{background-image:url('./gauge-animated.svg?v=20261016-111')!important}
.landing-info:nth-of-type(2) .landing-info-icon{background-image:url('./windmill-animated.svg?v=20261014-105')!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{display:none;content:"";justify-self:end;width:145px;height:101px;background-position:center;background-repeat:no-repeat;background-size:contain}

.landing-actions{display:flex;justify-content:center;flex-wrap:nowrap;gap:20px;margin:14px 0 20px}
.landing-action{width:263px!important;min-width:263px!important;height:72px!important;min-height:72px!important;padding:0 22px!important;border:1px solid #dce7e0!important;border-radius:12px!important;background:linear-gradient(180deg,#15944d 0%,#08743a 46%,#034c2b 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -5px 10px rgba(0,20,10,.38),0 2px 0 #05130c,0 5px 12px rgba(0,0,0,.42)!important;color:#f4faf6!important;text-shadow:0 1px 2px #002818!important;font-size:22px!important;font-weight:800!important;letter-spacing:.02em!important;transition:filter .15s ease,transform .15s ease}
.landing-action:nth-child(1),.landing-action:nth-child(2){background-image:none!important}
.landing-button-icon{opacity:1!important;display:block!important;width:34px!important;height:34px!important;margin:0 14px 0 0!important;padding:0!important;border:0!important;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,30,15,.65))}
.landing-action:hover{transform:none!important;filter:brightness(1.04)}
.landing-action:active{transform:translateY(2px)!important;filter:brightness(1.08);box-shadow:inset 0 0 18px rgba(0,255,76,.98),inset 0 2px 6px rgba(148,255,169,.9),0 0 10px rgba(0,255,76,.72)!important}
.landing-action{position:relative;overflow:hidden}
.landing-action:before{display:none!important}
.landing-action:after{display:none}
.landing-action:focus-visible{outline:4px solid #f0b400!important;outline-offset:4px}

.landing-contact{margin:0 auto;padding-top:14px;border-top:0;box-shadow:none;color:#eef8f0;text-align:center;font-size:clamp(15px,1.25vw,18px);line-height:1.65;letter-spacing:.01em}
.landing-contact::first-line{font-weight:700;color:#f5faf7;letter-spacing:.015em}
.landing-contact br{display:none}.landing-contact br:first-of-type{display:block}
.landing-contact a{display:inline-block;margin:0 10px;color:#59d889!important;font-weight:700;text-decoration:none;border-bottom:0;text-underline-offset:3px;text-shadow:0 0 5px rgba(0,255,92,.18);transition:color .15s ease}
.landing-contact a+a:before{display:none}
.landing-contact a:hover{color:#8af3a9!important}
.legacy-home{display:none}

@media (max-width:850px){
  .landing-page{padding:16px 10px 28px}
  .landing-card{border-radius:18px}
  .landing-content{width:100%;margin:0;padding:24px 16px;border-width:8px;border-radius:20px;background-size:200px 140px}
  .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(263px,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%;margin:0;padding:20px 8px 24px;border-width:6px;border-radius:16px;background-size:180px 130px}
  .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}.landing-contact a+a:before{display:none}
}

@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}
}



@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?v=20261014-19') repeat;background-size:144px 144px}
.landing-card{background:#1b241f url('./metal-dark-texture.png?v=20261014-23') repeat;background-size:144px 144px}
.landing-content{background:#1b241f url('./metal-dark-texture.png?v=20261014-26') repeat;background-size:144px 144px}
.landing-info{background:#1b241f url('./metal-dark-texture.png?v=20261014-26') repeat;background-size:144px 144px;border:0;border-radius:19px;color:#f1f6f2;box-shadow:none}
.landing-info-icon{border:0!important;border-radius:0!important;background-size:contain!important;box-shadow:none!important}
.landing-info:nth-of-type(1):after{background-image:url('./gauge-animated.svg?v=20261016-111');background-size:137px 101px}
.landing-info:nth-of-type(2):after{background-image:url('./windmill-animated.svg?v=20261014-104');background-size:145px 107px}
.landing-header{background-color:#1b241f;border-radius:36px;margin:0 0 12px;overflow:hidden}
.landing-contact{color:#f1f5f2}
.landing-contact a{color:#007d43!important}
@media (max-width:850px){.landing-content{background-size:144px 144px}}
@media (max-width:600px){.landing-content{background-size:144px 144px}}

/* Tone down the hot green header flares without flattening the metal. */
@media (min-width:601px){
  .landing-header{border:0;background-image:url('./header-gauge-rebuilt.svg?v=20261015-43');background-position:center;background-size:100% 100%;box-shadow:none}
  .landing-header:after{display:none!important}
}

@media (min-width:601px){
  .landing-energy-panel{position:absolute;z-index:8;top:15.4%;right:5.6%;width:16%;height:65.7%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:9px 8px 8px;border:2px solid #aebbb3;border-radius:14px;background:linear-gradient(145deg,#16251e,#06110b 55%,#102a1b);box-shadow:inset 0 1px 0 rgba(255,255,255,.62),inset 0 0 18px rgba(25,255,111,.12),0 2px 0 #010403,0 0 10px rgba(39,255,119,.22);color:#e9f4ec;text-align:center;pointer-events:auto}
  .landing-energy-sign{font:800 clamp(9px,1.05vw,15px)/1.08 Arial,sans-serif;letter-spacing:.05em;text-shadow:0 1px 2px #000,0 0 5px rgba(145,255,176,.22);white-space:nowrap}
  .landing-energy-switch{position:relative;width:48%;min-width:30px;height:31%;min-height:24px;margin-top:auto;padding:0;border:2px solid #d8e2dc;border-radius:6px;background:linear-gradient(180deg,#f7faf8,#aebbb4 48%,#66756d);box-shadow:inset 0 1px 0 #fff,0 2px 0 #020604,0 0 6px rgba(43,255,119,.18);cursor:pointer;transition:filter .12s ease,transform .08s ease}
  .landing-energy-switch span{position:absolute;left:12%;right:12%;top:13%;bottom:13%;border-radius:3px;background:linear-gradient(180deg,#35e978,#0b9145 55%,#04552b);box-shadow:inset 0 1px 0 rgba(205,255,219,.78),0 0 8px rgba(24,255,102,.42);transition:transform .1s ease,background .12s ease,box-shadow .12s ease}
  .landing-energy-switch:active{transform:translateY(2px)}
  .landing-energy-panel.is-off .landing-energy-switch span{transform:translateY(5px);background:linear-gradient(180deg,#65746b,#26352d);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 2px rgba(0,0,0,.45)}
  .landing-energy-state{margin-top:4px;color:#65e58e;font:700 clamp(8px,.7vw,11px)/1 Arial,sans-serif;letter-spacing:.12em}
  .landing-energy-panel.is-off .landing-energy-state{color:#a8b4ad}
}
@media (max-width:600px){.landing-energy-panel{display:none!important}}

/* Alternative industrial button finish. */
.landing-action{background:linear-gradient(180deg,#34463d 0%,#16251e 38%,#0b1711 64%,#0a3821 100%)!important;border-color:#b8c4bd!important;box-shadow:inset 0 0 0 1px #53645b,inset 0 2px 0 rgba(255,255,255,.55),inset 0 -7px 12px rgba(0,0,0,.42),0 2px 0 #020604,0 0 12px rgba(32,255,116,.22)!important}
.landing-action:hover{transform:none!important;filter:brightness(1.1)}
.landing-action:active{transform:translateY(2px)!important;filter:brightness(1.16);box-shadow:inset 0 0 22px rgba(0,255,76,.82),inset 0 2px 5px rgba(181,255,196,.72),0 0 10px rgba(0,255,76,.58)!important}

/* Clear raised button shape. */
.landing-action{height:70px!important;min-height:70px!important;border:2px solid #d4ded8!important;border-radius:10px!important;background:linear-gradient(180deg,#39c86b 0%,#0a9a48 24%,#067339 67%,#04562e 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -6px 10px rgba(0,28,14,.38),0 3px 0 #03170c,0 6px 12px rgba(0,0,0,.48)!important}
.landing-action:after{display:block;content:"";position:absolute;z-index:2;left:9%;right:9%;top:4px;height:2px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 4px rgba(207,255,222,.45);pointer-events:none}
.landing-action:hover{filter:brightness(1.06)}
.landing-action:active{transform:translateY(2px)!important;filter:brightness(1.12);box-shadow:inset 0 0 18px rgba(0,255,76,.85),inset 0 3px 7px rgba(198,255,210,.65),0 1px 0 #03170c,0 3px 7px rgba(0,0,0,.42)!important}

/* Alternative restrained industrial style. */
.landing-action{height:68px!important;min-height:68px!important;border:1px solid #8d9b94!important;border-radius:8px!important;background:linear-gradient(180deg,#26352e 0%,#18251f 48%,#0b1711 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(0,0,0,.9),0 3px 0 #030806,0 6px 10px rgba(0,0,0,.42)!important}
.landing-action:after{display:block;content:"";position:absolute;z-index:2;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#20d86b 18%,#69ff9c 50%,#20d86b 82%,transparent);box-shadow:0 0 5px rgba(32,216,107,.65);pointer-events:none}
.landing-action:hover{filter:brightness(1.12)}
.landing-action:active{transform:translateY(2px)!important;filter:brightness(1.2);box-shadow:inset 0 0 16px rgba(0,255,76,.7),0 1px 0 #030806,0 3px 6px rgba(0,0,0,.4)!important}

/* Simple button finish. */
.landing-action{height:68px!important;min-height:68px!important;border:1px solid #78867f!important;border-radius:7px!important;background:#101713!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 4px rgba(0,0,0,.3)!important}
.landing-action:after{left:12px;right:12px;top:4px;bottom:auto;height:2px;background:#18b85b;box-shadow:0 0 4px rgba(24,184,91,.45)}

/* Clean typographic header without the header illustration. */
.landing-header{background-image:none!important;background-color:#080d0a!important;position:relative;display:flex!important;align-items:center!important;justify-content:center!important;min-height:220px!important;aspect-ratio:auto!important;overflow:hidden!important}
.landing-header:before{display:block!important;content:"ПРОГРАММЫ\\AЭНЕРГОСБЕРЕЖЕНИЯ";position:relative!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;clip:auto!important;white-space:pre!important;color:#f2f6f3!important;font-family:"Arial Narrow",Arial,sans-serif!important;font-size:clamp(32px,4vw,52px)!important;font-weight:800!important;line-height:.98!important;letter-spacing:.5px!important;text-align:center!important;text-shadow:0 2px 0 #07100b,0 0 8px rgba(255,255,255,.1)!important}
.landing-header:after{display:block!important;content:"ДЛЯ РЕГУЛИРУЕМЫХ ОРГАНИЗАЦИЙ";position:absolute!important;left:0!important;right:0!important;top:calc(50% + 49px)!important;color:#20c866!important;font-family:Arial,sans-serif!important;font-size:clamp(14px,1.8vw,24px)!important;font-weight:700!important;letter-spacing:.25px!important;text-align:center!important;text-shadow:0 0 5px rgba(0,210,90,.18)!important}

/* Restore the counter artwork in the header. */
.landing-header{background-image:url('./header-gauge-rebuilt.svg?v=20261015-44')!important;background-color:#080d0a!important;display:block!important;min-height:0!important;aspect-ratio:1384/280!important}
.landing-header:before,.landing-header:after{display:none!important}
.landing-header{background-image:url('./header-gauge-rebuilt.svg?v=20261015-47')!important;background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important}
.landing-header{background-image:url('./header-counter-wide-smooth.svg?v=20261016-39')!important;background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important}
.landing-header:before,.landing-header:after{display:none!important;content:none!important}
.landing-title{display:none!important}
.landing-heading-text,.landing-mobile-counter-label,.landing-energy-panel,.landing-circuit-wires{display:none!important}
.landing-header:after{display:block!important;content:""!important;position:absolute!important;z-index:20!important;left:0!important;right:0!important;bottom:0!important;height:18px!important;background:#080d0a!important;pointer-events:none!important}
.landing-header:after{display:none!important;content:none!important}
.landing-header:before{display:block!important;content:"ПРОГРАММЫ\AЭНЕРГОСБЕРЕЖЕНИЯ"!important;position:absolute!important;z-index:12!important;left:46%!important;top:24%!important;width:53%!important;height:176px!important;padding:24px 0 0!important;background:#050907!important;color:#f2f6f3!important;font-family:"Arial Narrow",Arial,sans-serif!important;font-size:clamp(26px,3.25vw,44px)!important;font-weight:800!important;line-height:.98!important;letter-spacing:.3px!important;text-align:left!important;white-space:pre!important;text-shadow:0 2px 0 #07100b,0 0 6px rgba(255,255,255,.1)!important;clip:auto!important}
.landing-header:after{display:block!important;content:"ДЛЯ РЕГУЛИРУЕМЫХ ОРГАНИЗАЦИЙ"!important;position:absolute!important;z-index:13!important;left:46%!important;top:58%!important;width:53%!important;height:38px!important;padding:6px 0 0!important;background:#050907!important;color:#20c866!important;font-family:Arial,sans-serif!important;font-size:clamp(13px,1.55vw,21px)!important;font-weight:700!important;letter-spacing:.2px!important;text-align:left!important;white-space:nowrap!important;text-shadow:0 0 5px rgba(0,210,90,.18)!important}
.landing-header:before,.landing-header:after{display:none!important;content:none!important}
.landing-title{display:block!important;position:absolute!important;z-index:20!important;left:46%!important;top:27%!important;width:53%!important;height:150px!important;margin:0!important;padding:0!important;background:#050907!important;color:#f2f6f3!important;font-family:"Arial Narrow",Arial,sans-serif!important;font-size:clamp(26px,3.25vw,44px)!important;font-weight:800!important;line-height:.98!important;letter-spacing:.3px!important;text-align:left!important;text-shadow:0 2px 0 #07100b,0 0 6px rgba(255,255,255,.1)!important;white-space:normal!important;transform:none!important}
.landing-title:after{display:block!important;content:"ДЛЯ РЕГУЛИРУЕМЫХ ОРГАНИЗАЦИЙ"!important;margin-top:18px!important;color:#20c866!important;font-family:Arial,sans-serif!important;font-size:clamp(13px,1.55vw,21px)!important;font-weight:700!important;line-height:1!important;letter-spacing:.2px!important;white-space:nowrap!important;text-shadow:0 0 5px rgba(0,210,90,.18)!important}
.landing-header:before,.landing-header:after{display:none!important;content:none!important}
.landing-heading-text{position:absolute;z-index:30;left:52%;top:24%;width:43%;height:150px;padding:12px 0 0 16px;border-left:0;background:transparent;color:#303832;text-align:left;pointer-events:none}
.landing-heading-title{font-family:"Arial Narrow",Arial,sans-serif;font-size:clamp(25px,3.2vw,43px);font-weight:800;line-height:.98;letter-spacing:.3px;color:#303832;text-shadow:0 1px 0 rgba(255,255,255,.65)}
.landing-heading-subtitle{margin-top:16px;color:#50564b;font-family:Arial,sans-serif;font-size:clamp(13px,1.55vw,21px);font-weight:700;line-height:1;letter-spacing:.2px;white-space:normal;text-shadow:0 1px 0 rgba(255,255,255,.45)}
.landing-disk-scale{position:absolute;z-index:25;left:5.5%;top:58.5%;width:89%;height:7.15%;overflow:hidden;border:1px solid #737970;border-radius:10px;background:#222821;box-shadow:inset 0 0 0 1px rgba(0,0,0,.45);pointer-events:none}
.landing-disk-scale:before{content:"";position:absolute;inset:2px -100% 2px 0;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(211,216,200,.78) 18px 19px,transparent 19px 20px);animation:landing-disk-roll 3s linear infinite}
.landing-disk-marker{position:absolute;z-index:2;left:0;top:0;width:3px;height:100%;border-radius:2px;background:#e32b1d;box-shadow:0 0 2px rgba(120,0,0,.55);animation:landing-disk-sweep 3s linear infinite}
@keyframes landing-disk-sweep{0%{left:0}100%{left:calc(100% - 3px)}}
@keyframes landing-disk-roll{0%{transform:translateX(0)}100%{transform:translateX(20px)}}

@media (max-width:850px){
  .landing-header{height:210px!important;min-height:210px!important;aspect-ratio:auto!important;background-size:100% 100%!important}
  .landing-heading-text{left:44%;top:23%;width:54%;height:142px;padding:15px 0 0 14px}
  .landing-heading-title{font-size:clamp(20px,4.6vw,34px)}
  .landing-heading-subtitle{margin-top:13px;font-size:clamp(11px,2.1vw,17px);white-space:normal}
}
@media (max-width:600px){
  .landing-card{border:0!important;border-radius:0!important;box-shadow:none!important}
  .landing-header{border:0!important;border-radius:0!important}
  .landing-header{height:205px!important;min-height:205px!important;background-size:266% auto!important;background-position:-13vw top!important}
  .landing-header:before{display:none!important;content:none!important}
  .landing-heading-text{left:45%!important;top:40px!important;width:52%!important;height:106px!important;padding:9px 5px 0 9px!important;border-left:0!important;background:rgba(5,9,7,.88)!important}
  .landing-heading-title{font-size:clamp(13px,4vw,19px);line-height:1}
  .landing-heading-subtitle{margin-top:9px;font-size:clamp(8px,2.2vw,11px);line-height:1.05;white-space:normal}
  .landing-disk-scale{display:none!important}
}

/* Mobile header: full counter first, title below it without overlap. */
@media (max-width:600px){
  .landing-header{height:335px!important;min-height:335px!important;aspect-ratio:auto!important;background-image:url('./header-counter-mobile-smooth.svg?v=20261015-1')!important;background-size:100% 185px!important;background-position:center 0!important;background-repeat:no-repeat!important;background-color:#050907!important}
  .landing-header:before{display:block!important;content:"ПРОГРАММЫ ЭНЕРГОСБЕРЕЖЕНИЯ"!important;position:absolute!important;z-index:27!important;left:8%!important;top:18%!important;width:76%!important;height:22px!important;padding:2px 0 0!important;overflow:hidden!important;background:#e2e0c8!important;color:#303832!important;font-family:Arial,sans-serif!important;font-size:clamp(11px,3.5vw,15px)!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;text-align:left!important}
  .landing-header:after{display:block!important;content:"ДЛЯ РЕГУЛИРУЕМЫХ ОРГАНИЗАЦИЙ"!important;position:absolute!important;z-index:27!important;left:10%!important;top:47%!important;width:77%!important;height:18px!important;padding:2px 0 0!important;background:#d6d5bd!important;color:#50564b!important;font-family:Arial,sans-serif!important;font-size:clamp(9px,2.7vw,13px)!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;text-align:left!important}
  .landing-heading-text{left:5%!important;top:218px!important;width:90%!important;height:96px!important;padding:0!important;background:#050907!important;color:#f2f6f3!important;text-align:left!important}
  .landing-heading-title{font-size:clamp(21px,6vw,28px)!important;line-height:.98!important;color:#f2f6f3!important;text-shadow:none!important}
  .landing-heading-subtitle{margin-top:12px!important;font-size:clamp(10px,3vw,14px)!important;line-height:1.05!important;color:#aeb6ad!important;white-space:normal!important;text-shadow:none!important}
  .landing-header:before,.landing-header:after{display:none!important;content:none!important}
  .landing-mobile-counter-label{display:none!important}
  .landing-mobile-counter-title{font-size:clamp(11px,3.5vw,15px)!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;padding-top:2px!important}
  .landing-mobile-counter-subtitle{margin-top:5px!important;font-size:clamp(9px,2.7vw,13px)!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;color:#50564b!important}
}

@media (min-width:601px){.landing-mobile-counter-label{display:none!important}}

/* Desktop: the counter mechanisms stay left; the program text sits inside the same wide face on the right. */
@media (min-width:851px){
  .landing-heading-text{display:none!important}
  .landing-heading-title{color:#303832!important}
  .landing-heading-subtitle{color:#50564b!important}
}

/* One continuous outer frame for the header and content block. */
.landing-card{border:2px solid #66756d!important;border-radius:24px!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px #aab6af,inset 0 0 0 5px #0a100d,0 18px 48px rgba(0,25,15,.55)!important}
.landing-header{margin:0!important;border-radius:0!important}
.landing-content{border:0!important;border-radius:0!important;box-shadow:none!important}
@media (max-width:600px){
  .landing-card{border:0!important;border-radius:0!important;box-shadow:none!important}
  .landing-header{border:0!important;border-radius:0!important}
}

/* Final mobile composition: full-width counter and readable content flow. */
@media (max-width:600px){
  html,body{min-width:320px!important;background:#0b100d!important}
  .landing-page{min-height:100svh!important;padding:0 0 24px!important;background:#0b100d url('./metal-dark-texture.png?v=20261014-26') repeat!important;background-size:144px 144px!important}
  .landing-page,.landing-card,.landing-header,.landing-content{max-width:100vw!important}
  .landing-card{width:100vw!important;margin:0 auto!important;overflow:hidden!important;background:#111814!important}
  .landing-header{width:100vw!important;height:auto!important;min-height:0!important;aspect-ratio:600/250!important;margin:0!important;padding:0!important;overflow:hidden!important;background-color:#050907!important;background-image:url('./header-counter-mobile-smooth.svg?v=20261016-9')!important;background-position:center top!important;background-repeat:no-repeat!important;background-size:100% 100%!important}
  .landing-header:before,.landing-header:after,.landing-heading-text,.landing-mobile-counter-label,.landing-brand,.landing-title,.landing-disk-scale,.landing-energy-panel{display:none!important;content:none!important}
  .landing-content{width:100vw!important;margin:0!important;padding:22px 16px 26px!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#151d18 url('./metal-dark-texture.png?v=20261014-26') repeat!important;background-size:144px 144px!important;box-shadow:inset 0 1px 0 rgba(147,166,156,.26)!important}
  .landing-info{display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;min-height:0!important;margin:0!important;padding:17px 4px!important;border:0!important;border-bottom:1px solid rgba(132,151,141,.24)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#f1f4f2!important;font-size:clamp(15px,4.15vw,17px)!important;line-height:1.4!important}
  .landing-info:nth-of-type(2){border-bottom:0!important}
  .landing-info-icon{width:66px!important;height:66px!important;transform:none!important;background-position:center!important;background-size:contain!important}
  .landing-info-text{min-width:0!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:auto!important}
  .landing-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:20px 0 22px!important}
  .landing-action{width:100%!important;max-width:none!important;min-width:0!important;height:64px!important;min-height:64px!important;aspect-ratio:auto!important;margin:0!important;padding:0 22px!important;border-radius:8px!important;font-size:22px!important}
  .landing-button-icon{width:31px!important;height:31px!important;margin-right:13px!important}
  .landing-contact{width:100%!important;margin:0!important;padding:18px 6px 0!important;border-top:1px solid rgba(132,151,141,.24)!important;color:#eef3f0!important;font-size:14px!important;line-height:1.65!important;text-align:center!important;overflow-wrap:anywhere!important}
  .landing-contact br{display:block!important}
  .landing-contact a{margin:0 4px!important;color:#3bc77a!important}
}

@media (max-width:360px){
  .landing-content{padding-left:12px!important;padding-right:12px!important}
  .landing-info{grid-template-columns:60px minmax(0,1fr)!important;gap:11px!important;font-size:14px!important}
  .landing-info-icon{width:57px!important;height:57px!important}
  .landing-action{height:60px!important;min-height:60px!important;font-size:20px!important}
}

/* The mobile header is a single composed counter; suppress every legacy overlay. */
@media (max-width:600px){
  .landing-header>*{display:none!important;visibility:hidden!important;opacity:0!important}
  .landing-header:before,.landing-header:after{display:none!important;content:none!important}
}

/* Instrument controls inspired by the Tatra dashboard reference. */
.landing-actions{align-items:flex-start!important;gap:34px!important;margin:18px 0 22px!important}
.landing-action{
  position:relative!important;
  display:block!important;
  width:210px!important;
  min-width:210px!important;
  height:190px!important;
  min-height:190px!important;
  padding:0!important;
  overflow:visible!important;
  appearance:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#111713!important;
  text-shadow:none!important;
  transform:none!important;
  filter:none!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent;
}
.landing-action .landing-button-icon{display:none!important}
.landing-action .v-btn__content{
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  bottom:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:188px!important;
  height:54px!important;
  padding:0 28px!important;
  border:3px solid #0e4935!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#fff9dc 0%,#ece5bd 72%,#d5cda4 100%)!important;
  box-shadow:inset 0 0 0 1px #fffbe7,0 3px 0 #071d15,0 5px 10px rgba(0,0,0,.48)!important;
  color:#111713!important;
  font-family:"Arial Narrow",Arial,sans-serif!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 0 rgba(255,255,255,.75)!important;
  transform:translateX(-50%)!important;
}
.landing-action .v-btn__content:before,.landing-action .v-btn__content:after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  width:12px!important;
  height:12px!important;
  border:1px solid #252925!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 36% 32%,#fff 0 8%,#aeb1aa 10% 27%,#323632 31% 58%,#0d100e 62% 100%)!important;
  box-shadow:0 1px 1px rgba(0,0,0,.7)!important;
  transform:translateY(-50%)!important;
}
.landing-action .v-btn__content:before{left:7px!important}
.landing-action .v-btn__content:after{right:7px!important}

.landing-action:first-child:before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  left:50%!important;
  top:3px!important;
  width:116px!important;
  height:116px!important;
  border:2px solid #202522!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 39% 30%,rgba(255,255,255,.55) 0 3%,transparent 17%),
    radial-gradient(circle,#25c96f 0 47%,#10a95a 49% 58%,#065d36 61% 65%,#eceee9 67% 72%,#7b817d 74% 80%,#eef0ec 82% 86%,#313633 88% 100%)!important;
  box-shadow:inset 0 -10px 15px rgba(0,52,25,.38),inset 0 5px 8px rgba(255,255,255,.32),0 4px 0 #050806,0 8px 13px rgba(0,0,0,.55),0 0 9px rgba(28,226,112,.16)!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translateX(-50%)!important;
}
.landing-action:first-child:after{display:none!important;content:none!important}
.landing-action:first-child.is-actuating:before{
  animation:landing-green-press .48s cubic-bezier(.22,.72,.2,1)!important;
}

.landing-action:nth-child(2):before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  top:3px!important;
  width:120px!important;
  height:120px!important;
  border:2px solid #222724!important;
  border-radius:50%!important;
  background:radial-gradient(circle,#111412 0 49%,#373c39 51% 56%,#e9ebe7 58% 65%,#6d736f 68% 76%,#f4f5f1 78% 83%,#252a27 86% 100%)!important;
  box-shadow:inset 0 1px 5px rgba(255,255,255,.22),0 4px 0 #050806,0 8px 13px rgba(0,0,0,.58)!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translateX(-50%)!important;
}
.landing-action:nth-child(2):after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  top:13px!important;
  width:34px!important;
  height:94px!important;
  border:2px solid #060807!important;
  border-radius:9px 9px 15px 15px!important;
  background:linear-gradient(90deg,#090b0a 0 18%,#333835 22% 34%,#111412 39% 74%,#030504 78% 100%)!important;
  box-shadow:inset 2px 0 1px rgba(255,255,255,.2),inset -3px -4px 8px #000,0 3px 4px rgba(0,0,0,.75)!important;
  opacity:1!important;
  visibility:visible!important;
  transform-origin:50% 48px!important;
  transform:translateX(-50%) rotate(-34deg)!important;
}
.landing-action:nth-child(2).is-actuating:after{
  animation:landing-rotary-turn .68s cubic-bezier(.2,.8,.2,1)!important;
}

/* Photographed T3 hardware, with independently rendered mechanical states. */
.landing-actions .landing-action{height:228px!important;min-height:228px!important;width:216px!important;min-width:216px!important;border:1px solid #7d8877!important;border-radius:14px!important;background:linear-gradient(160deg,#ecebd8,#dcdcc5 62%,#bdc3ae)!important;box-shadow:inset 0 0 0 5px #17271e,inset 0 0 0 6px #8c9886,0 5px 12px #0008!important;isolation:isolate}
.landing-actions .landing-action:before,.landing-actions .landing-action:after{display:none!important;content:none!important;animation:none!important}
.landing-actions .landing-action .v-btn__content{bottom:13px!important;width:calc(100% - 28px)!important;height:47px!important;border:1px solid #8b907b!important;border-radius:5px!important;background:linear-gradient(#eeedd9,#d4d5bb)!important;box-shadow:inset 0 1px #ffffed,0 2px 3px #29332555!important;color:#303830!important;font-size:21px!important;letter-spacing:.04em!important}
.instrument-photo{position:absolute;top:9px;left:50%;width:158px;height:158px;transform:translateX(-50%);pointer-events:none;display:block}
.instrument-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:url('./t3-brushed-rim.webp?v=20261016-1') center/contain no-repeat;z-index:4}
.instrument-hit{position:absolute;display:block;z-index:6;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.instrument-hit-button{inset:17%;border-radius:50%}
.instrument-hit-rotary{left:38%;top:14%;width:24%;height:72%;border-radius:5px;transform-origin:center}
.instrument-frame{display:block;position:absolute;inset:0;background-position:center;background-size:contain;background-repeat:no-repeat;will-change:opacity}
.instrument-button-up{background-image:url('./t3-button-up.webp?v=20261016-1')}
.instrument-button-down{background-image:url('./t3-button-up.webp?v=20261016-1');clip-path:circle(34% at 50% 50%);filter:brightness(.86);transform:translateY(1.6px) scale(.985)}
.instrument-rotary-0{background-image:url('./t3-rotary-0.webp?v=20261016-1')}
.instrument-rotary-30{background-image:url('./t3-rotary-30.webp?v=20261016-1')}
.instrument-rotary-60{background-image:url('./t3-rotary-60.webp?v=20261016-1')}
.instrument-rotary-90{background-image:url('./t3-rotary-90.webp?v=20261016-1')}
@media(max-width:600px){
 .landing-actions .landing-action{width:100%!important;min-width:0!important;height:193px!important;min-height:193px!important;border-radius:11px!important}
 .instrument-photo{width:132px;height:132px;top:5px}
 .landing-actions .landing-action .v-btn__content{bottom:11px!important;width:calc(100% - 18px)!important;height:40px!important;font-size:clamp(14px,4.5vw,19px)!important;padding:0 20px!important}
 .landing-actions .landing-action .v-btn__content:before,.landing-actions .landing-action .v-btn__content:after{width:9px!important;height:9px!important}
}
.landing-action:focus-visible{outline:none!important}
.landing-action:focus-visible .v-btn__content{box-shadow:inset 0 0 0 2px #fffbe7,0 0 0 4px #e0ad35,0 4px 10px rgba(0,0,0,.55)!important}

@keyframes landing-green-press{
  0%{transform:translateX(-50%) translateY(0) scale(1);filter:brightness(1)}
  35%{transform:translateX(-50%) translateY(7px) scale(.95);filter:brightness(.82)}
  58%{transform:translateX(-50%) translateY(5px) scale(.965);filter:brightness(.9)}
  100%{transform:translateX(-50%) translateY(0) scale(1);filter:brightness(1)}
}
@keyframes landing-rotary-turn{
  0%{transform:translateX(-50%) rotate(-34deg)}
  42%{transform:translateX(-50%) rotate(40deg)}
  58%{transform:translateX(-50%) rotate(33deg)}
  78%{transform:translateX(-50%) rotate(37deg)}
  100%{transform:translateX(-50%) rotate(-34deg)}
}

@media (max-width:600px){
  .landing-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:18px 0 22px!important}
  .landing-action{width:100%!important;min-width:0!important;height:166px!important;min-height:166px!important}
  .landing-action .v-btn__content{width:100%!important;max-width:168px!important;height:48px!important;padding:0 22px!important;font-size:clamp(16px,5vw,20px)!important}
  .landing-action:first-child:before{width:94px!important;height:94px!important;top:7px!important}
  .landing-action:nth-child(2):before{width:98px!important;height:98px!important;top:7px!important}
  .landing-action:nth-child(2):after{top:16px!important;width:28px!important;height:78px!important;transform-origin:50% 40px!important}
}

/* Only the physical head is interactive; housing, plaque and lighting stay still. */
.landing-actions .landing-action,
.landing-actions .landing-action:hover,
.landing-actions .landing-action:focus,
.landing-actions .landing-action:active{
 pointer-events:none!important;cursor:default!important;transform:none!important;filter:none!important;opacity:1!important;transition:none!important;
 border:0!important;background:transparent!important;box-shadow:none!important;
 height:calc(228px + 5mm)!important;min-height:calc(228px + 5mm)!important;
}
.landing-actions .landing-action .v-btn__content{pointer-events:none!important}
.landing-actions .landing-action .v-ripple__container{display:none!important}
.landing-actions .landing-action .instrument-photo{top:calc(9px + 5mm)!important}
.landing-actions .landing-action .instrument-frame{pointer-events:none!important}
.landing-actions .landing-action .v-btn__content{
 border:1px solid #8b8370!important;border-radius:7px!important;
 background:linear-gradient(145deg,rgba(194,186,154,.07),transparent 45%),#111814 url('./metal-dark-texture.png?v=20261014-26') center/144px 144px!important;
 box-shadow:inset 0 1px 0 #c4bba04d,inset 0 0 0 2px #252b23,inset 0 -2px 3px #000b,0 3px 6px #0009!important;
 color:#b9b59a!important;font-family:'Arial Narrow','Roboto Condensed',Arial,sans-serif!important;
 font-size:20px!important;font-weight:700!important;letter-spacing:.08em!important;text-shadow:0 1px 1px #000!important;
}
.landing-actions .landing-action .v-btn__content:before,
.landing-actions .landing-action .v-btn__content:after{
 width:17px!important;height:17px!important;border:1px solid #3f4339!important;
 background:linear-gradient(140deg,transparent 0 43%,#141b15 44% 51%,#c6c2a680 52% 56%,transparent 57%),radial-gradient(circle at 31% 24%,#e0dac0 0,#a7a58e 27%,#656b5c 57%,#313c30 80%,#10170f 100%)!important;
 box-shadow:inset 0 1px 1px #f2edcf80,0 1px 2px #000!important;
}
.landing-actions .landing-action .v-btn__content:before{left:8px!important}
.landing-actions .landing-action .v-btn__content:after{right:8px!important}
@media(max-width:600px){
 .landing-actions .landing-action,.landing-actions .landing-action:hover,.landing-actions .landing-action:focus,.landing-actions .landing-action:active{height:calc(193px + 5mm)!important;min-height:calc(193px + 5mm)!important}
 .landing-actions .landing-action .instrument-photo{top:calc(5px + 5mm)!important}
 .landing-actions .landing-action .v-btn__content{font-size:clamp(14px,4.3vw,18px)!important;padding:0 26px!important;letter-spacing:.06em!important}
 .landing-actions .landing-action .v-btn__content:before,.landing-actions .landing-action .v-btn__content:after{width:14px!important;height:14px!important}
}

/* One introduction, with the windmill at the right on wider screens. */
.landing-info{grid-template-columns:104px minmax(0,1fr) 156.1px!important;gap:20px!important}
.landing-info-text{white-space:normal!important;hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important;text-align:justify!important;text-align-last:left!important}
.landing-info:nth-of-type(1)>.landing-info-icon:not(.landing-info-wind){transform:scale(1.728)!important}
.landing-info:nth-of-type(1) .landing-info-wind{background-image:url('./windmill-animated.svg?v=20261016-110')!important;width:161.84px!important;height:128px!important;transform:none!important;justify-self:end}
@media(max-width:850px) and (min-width:601px){.landing-info{grid-template-columns:78px minmax(0,1fr) 121.8px!important;gap:16px!important}.landing-info:nth-of-type(1) .landing-info-wind{width:128.52px!important;height:112px!important}}
@media(max-width:600px){.landing-info{display:block!important;padding:12px 4px 18px!important}.landing-info .landing-info-icon{display:none!important}.landing-info-text{display:block!important}}

/* Desktop night atmosphere sits behind the content and never receives input. */
.landing-page{position:relative;isolation:isolate}
.landing-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;background:url('./landing-night-sky.svg?v=20261017-4') center/100% 100% no-repeat;overflow:hidden}
.landing-background-wind{position:fixed;right:28px;bottom:0;width:148px;height:128px;background:url('./windmill-background.svg?v=20261029-thin-blink-1') center bottom/contain no-repeat;pointer-events:none}
@media(min-width:601px){
 .landing-card{position:relative;background:transparent!important}
 .landing-header{z-index:2}
 .landing-content{position:relative;background:transparent!important}
 .landing-info{grid-template-columns:104px minmax(0,1fr)!important;background:transparent!important}
 .landing-info,.landing-actions,.landing-contact{position:relative;z-index:1}
}
@media(min-width:601px) and (max-width:850px){.landing-info{grid-template-columns:78px minmax(0,1fr)!important}.landing-background-wind{right:12px;bottom:0;width:128px;height:112px}}
@media(max-width:600px){.landing-atmosphere{display:none!important}}


/* The housing stays fixed; a textured cap travels inside a separate dark socket. */
.instrument-pushbutton {
  --button-travel: 0;
  isolation: isolate;
  background: url('./t3-button-up.webp?v=20261016-1') center/contain no-repeat;
}
.instrument-button-socket {
  position: absolute;
  z-index: 1;
  inset: 15.2% 15.2% 16.2%;
  border-radius: 50%;
  background: #020906;
  box-shadow: inset 0 2px 4px #000, 0 0 0 1px #07140c;
  pointer-events: none;
}
.instrument-button-cap {
  position: absolute;
  z-index: 2;
  inset: 0;
  background: url('./t3-button-up.webp?v=20261016-1') center/contain no-repeat;
  clip-path: circle(32.4% at 50% 49%);
  transform-origin: 50% 49%;
  transform: translateY(calc(var(--button-travel) * 1.5%)) scale(calc(1 - var(--button-travel) * .035));
  will-change: transform;
  pointer-events: none;
}
.instrument-button-cap::after {
  content: '';
  position: absolute;
  inset: 16.6% 17.6% 18.6%;
  border-radius: 50%;
  background: linear-gradient(155deg, rgba(0, 25, 13, .38), rgba(0, 18, 10, .12) 62%, rgba(0, 12, 7, .24));
  box-shadow: inset 0 3px 5px rgba(0, 10, 5, .65), inset 0 -1px 1px rgba(106, 241, 173, .15);
  opacity: calc(var(--button-travel) * .8);
  pointer-events: none;
}
.instrument-pushbutton .instrument-hit-button {
  inset: 16.6% 17.6% 18.6%;
  clip-path: circle(50%);
  user-select: none;
}
@media (prefers-reduced-motion: reduce) {
  .instrument-button-cap { will-change: auto; }
}