/* 261.РФ — production visual layer, calibrated against 1536×1024 reference. */
:root{--landing-green:#008a48;--landing-deep:#003d29;--landing-ink:#111814}
html,body{min-width:320px;overflow-x:hidden}
.landing-page,.landing-page *,.landing-page *:before,.landing-page *:after{box-sizing:border-box}
#app.landing-app{max-width:none!important;margin:0!important}
#app.landing-app .landing-main{min-height:100vh;padding-top:0!important;border:0!important;background:transparent!important}
#app.landing-app .landing-main>.v-main__wrap{min-height:100vh}
.landing-page{min-height:100vh;padding:clamp(12px,5.47vw,84px) clamp(8px,5.08vw,78px) 38px;color:var(--landing-ink);background:#00482f url('./pattern-dark.svg') repeat;background-size:384px 256px}
.landing-card{width:min(1384px,100%);margin:0 auto;overflow:hidden;border:1px solid rgba(216,240,224,.8);border-radius:28px;background:#f9fffa url('./pattern-light.svg') repeat;background-size:384px 256px;box-shadow:0 22px 58px rgba(0,28,17,.58)}
.landing-header{position:relative;min-height:260px;display:flex;align-items:center;overflow:hidden;padding:20px 210px 20px 58px;color:#fff;border:10px solid #1a211d;border-radius:28px;background:
 radial-gradient(circle at 25px 25px,#f7fbf8 0 5px,#86908b 6px 13px,#151a17 14px 20px,transparent 21px),
 radial-gradient(circle at calc(100% - 25px) 25px,#f7fbf8 0 5px,#86908b 6px 13px,#151a17 14px 20px,transparent 21px),
 radial-gradient(circle at 25px calc(100% - 25px),#f7fbf8 0 5px,#86908b 6px 13px,#151a17 14px 20px,transparent 21px),
 radial-gradient(circle at calc(100% - 25px) calc(100% - 25px),#f7fbf8 0 5px,#86908b 6px 13px,#151a17 14px 20px,transparent 21px),
 linear-gradient(180deg,rgba(64,91,76,.62),rgba(4,10,7,.92) 27%,#030705 66%,rgba(15,45,29,.96)),
 url('./header-waves.svg') center/cover no-repeat;
box-shadow:inset 0 2px 0 rgba(242,255,248,.8),inset 0 -12px 20px rgba(0,0,0,.78),0 4px 0 rgba(0,24,13,.7)}
.landing-header:before{position:absolute;z-index:1;content:"";inset:8px;border:2px solid rgba(222,234,227,.72);border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 38%);box-shadow:inset 0 0 0 3px rgba(0,0,0,.55),inset 0 0 22px rgba(40,255,118,.12);pointer-events:none}
.landing-header:after{position:absolute;z-index:2;content:"";top:27px;right:57px;left:auto;width:160px;height:194px;border:3px solid #19221d;border-radius:14px;background:rgba(7,35,23,.86) url('./icon-leaf-panel.svg') center/92% auto no-repeat;box-shadow:inset 0 0 24px rgba(54,255,125,.36),inset 0 2px 1px rgba(255,255,255,.25),0 3px 0 #000;pointer-events:none}
.landing-brand{position:relative;z-index:3;display:grid;grid-template-columns:minmax(360px,519px) 2px minmax(390px,1fr);align-items:center;gap:clamp(18px,2vw,30px);width:100%}
.landing-logo{display:block;width:min(519px,100%);margin:0;flex:none}
.landing-logo-image{display:block;width:100%;height:auto}
.landing-brand-divider{width:2px;height:145px;background:linear-gradient(180deg,#f2f6f3,#647069 50%,#edf2ef);box-shadow:1px 0 0 #000}
.landing-title{width:128%;margin:0;padding:0;border:0;border-radius:0;color:#f4f5f4;background:none;box-shadow:none;font-family:'Helvetica Neue','Arial Narrow',Arial,sans-serif;font-size:clamp(31px,3.3vw,51px);font-weight:900;line-height:.98;letter-spacing:.018em;text-shadow:0 3px 0 #111,0 0 1px #fff,0 6px 9px #000;white-space:nowrap;transform:scaleX(.78);transform-origin:left center}
.landing-title:after{content:'ДЛЯ РЕГУЛИРУЕМЫХ ОРГАНИЗАЦИЙ';display:block;margin-top:18px;color:#39d875;font-family:Arial,Helvetica,sans-serif;font-size:clamp(16px,1.68vw,26px);font-weight:700;line-height:1;letter-spacing:.015em;text-shadow:0 2px 2px #001c0f;white-space:nowrap}
.landing-content{width:min(1144px,calc(100% - 40px));margin:0 auto;padding:35px 0 30px}
.landing-info{position:relative;display:grid;grid-template-columns:145px minmax(0,1fr) 185px;align-items:center;gap:22px;min-height:158px;margin:0 0 20px;padding:20px 24px;border:1px solid rgba(73,188,119,.5);border-radius:22px;background:rgba(249,255,250,.89);box-shadow:0 9px 20px rgba(0,98,51,.10);font-size:clamp(18px,1.55vw,24px);line-height:1.28}
.landing-info-icon{display:inline-flex;align-items:center;justify-content:center;width:122px;height:122px;border-radius:50%;background:transparent;box-shadow:none}
.landing-info-icon img{display:block;width:100%;height:100%}
.landing-info-text{align-self:center}
.landing-info:before{content:"";position:absolute;right:185px;top:26px;width:1px;height:106px;background:#68ae87}
.landing-info:after{content:"";justify-self:end;width:160px;height:119px;background-position:center;background-repeat:no-repeat;background-size:contain}
.landing-info:nth-of-type(1):after{background-image:url('./icon-industry.svg')}
.landing-info:nth-of-type(2):after{background-image:url('./icon-report.svg')}
.landing-actions{display:flex;justify-content:center;flex-wrap:nowrap;gap:24px;margin:16px 0 28px}
.landing-action{position:relative;width:315px;min-width:315px!important;height:99px!important;min-height:99px!important;padding:0 30px!important;border:3px solid #10251a!important;border-radius:18px!important;color:#fff!important;background:linear-gradient(180deg,#118f47,#00562e)!important;box-shadow:inset 0 2px 0 rgba(194,255,214,.83),inset 0 -3px 9px rgba(0,0,0,.35),0 3px 0 #001d10,0 7px 13px rgba(0,56,31,.35)!important;font-family:'Helvetica Neue','Arial Narrow',Arial,sans-serif;font-size:30px!important;font-weight:900!important;letter-spacing:.01em!important;text-shadow:0 2px 2px #002c18;transition:filter .16s ease,transform .16s ease}
.landing-action:after{content:"";position:absolute;left:50%;bottom:-2px;width:82px;height:5px;transform:translateX(-50%);border-radius:50%;background:#29ff71;filter:blur(3px);opacity:.8}
.landing-button-icon{width:46px;height:46px;flex:0 0 46px;margin-right:24px!important;padding-right:20px;border-right:1px solid rgba(232,255,239,.75);box-sizing:content-box}
.landing-action:hover{filter:brightness(1.12);transform:translateY(-1px)}
.landing-action:active{transform:translateY(1px)}
.landing-action:focus-visible{outline:4px solid #f1bc00;outline-offset:4px}
.landing-contact{margin:0 auto;padding-top:12px;border-top:1px solid #74b890;text-align:center;font-size:clamp(16px,1.5vw,22px);line-height:1.75}
.landing-contact br{display:none}.landing-contact br:first-of-type{display:block}
.landing-contact a{display:inline-block;margin:0 12px;color:#007d43!important;font-weight:700;text-decoration:underline;text-decoration-color:#005c35;text-decoration-thickness:1px;text-underline-offset:3px;text-shadow:none}
.legacy-home{display:none}
@media (max-width:1180px){.landing-page{padding:24px}.landing-header{min-height:245px;padding:24px 174px 24px 40px}.landing-header:after{right:36px;width:140px;height:172px;top:31px}.landing-brand{grid-template-columns:minmax(300px,42vw) 2px minmax(315px,1fr);gap:18px}.landing-brand-divider{height:125px}.landing-title{font-size:clamp(28px,3.3vw,42px)}.landing-title:after{font-size:clamp(14px,1.7vw,21px)}.landing-info{grid-template-columns:120px minmax(0,1fr) 160px}.landing-info:before{right:160px}.landing-info-icon{width:106px;height:106px}.landing-info:after{width:140px}}
@media (max-width:850px){.landing-page{padding:12px}.landing-card{border-radius:20px}.landing-header{display:block;min-height:0;padding:24px 28px 28px;border-width:7px;border-radius:20px}.landing-header:after{display:none}.landing-brand{display:grid;grid-template-columns:minmax(250px,420px) 2px minmax(250px,1fr);gap:16px}.landing-brand-divider{height:110px}.landing-title{font-size:clamp(24px,4.8vw,36px);white-space:normal}.landing-title:after{font-size:clamp(13px,2.2vw,18px);white-space:normal}.landing-content{width:calc(100% - 28px);padding-top:26px}.landing-info{grid-template-columns:90px minmax(0,1fr);min-height:132px;padding:18px}.landing-info-icon{width:82px;height:82px}.landing-info:after,.landing-info:before{display:none}.landing-actions{gap:16px}.landing-action{width:min(315px,48%);min-width:0!important;height:82px!important;min-height:82px!important;font-size:25px!important}.landing-button-icon{width:38px;height:38px;flex-basis:38px;margin-right:16px!important;padding-right:14px}}
@media (max-width:600px){.landing-page{padding:0 0 20px}.landing-card{border-left:0;border-right:0;border-radius:0}.landing-header{padding:24px 16px 26px;border-width:5px;border-left:0;border-right:0;border-radius:0}.landing-brand{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}.landing-logo{width:min(430px,100%);max-width:100%;min-width:0;margin:auto}.landing-logo-image{max-width:100%}.landing-brand-divider{width:100%;height:2px}.landing-title{width:100%;max-width:100%;text-align:center;font-size:clamp(20px,6.6vw,31px);line-height:1.04;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;transform:none}.landing-title:after{margin-top:11px;font-size:clamp(14px,4vw,20px);white-space:normal;overflow-wrap:normal}.landing-content{width:calc(100% - 20px);padding:22px 0 24px}.landing-info{grid-template-columns:62px minmax(0,1fr);gap:12px;min-width:0;min-height:0;padding:15px 13px;border-radius:16px;font-size:clamp(16px,4.5vw,20px)}.landing-info-text{min-width:0;overflow-wrap:anywhere}.landing-info-icon{width:58px;height:58px}.landing-actions{flex-direction:column;gap:14px;margin:22px 0}.landing-action{width:100%;height:66px!important;min-height:66px!important;font-size:22px!important}.landing-button-icon{width:32px;height:32px;flex-basis:32px}.landing-contact{font-size:16px;line-height:1.6}.landing-contact br{display:block}.landing-contact a{margin:0 4px}}
@media (max-width:360px){.landing-header{padding-left:10px;padding-right:10px}.landing-title{font-size:26px}.landing-title:after{font-size:14px}.landing-info{grid-template-columns:50px minmax(0,1fr);font-size:15px}.landing-info-icon{width:48px;height:48px}}
@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}}
