:root{--ink:#0a1113;--text:#344355;--green:#005843;--green-2:#00705a;--line:#d9e0df;--soft:#f0f5f3;--white:#fff;--radius:18px;--shadow:0 18px 55px rgba(16,40,34,.11)}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.45}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{display:block;max-width:100%}
.section-shell{width:min(1540px,calc(100% - 72px));margin-inline:auto}
.site-header{width:min(1540px,calc(100% - 72px));height:94px;margin:auto;display:flex;align-items:center;gap:42px;position:relative;z-index:20}
.brand{display:flex;align-items:center;gap:22px;margin-right:auto}
.brand-mark{font-weight:800;font-size:38px;letter-spacing:-5px;line-height:1}
.brand-mark span{color:var(--green)}
.brand-tag{font-size:10px;line-height:1.25;text-transform:uppercase;color:var(--text)}
.nav{display:flex;gap:38px;font-size:14px}
.nav a{transition:.2s}
.nav a:hover{color:var(--green)}
.button{min-height:58px;padding:0 28px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--green),#006b53);color:#fff;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:36px;cursor:pointer;box-shadow:0 8px 24px rgba(0,88,67,.14);transition:transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,88,67,.22)}
.button span{font-size:24px;font-weight:400}
.button-small{min-height:54px;padding-inline:26px}
.menu-button{display:none;background:none;border:0;width:44px;height:44px}
.menu-button span{display:block;width:24px;height:2px;background:var(--ink);margin:6px auto}
.hero{min-height:660px;display:grid;grid-template-columns:54% 46%;align-items:center;position:relative}
.hero-copy{padding:45px 36px 45px 0;position:relative;z-index:2}
.eyebrow{margin:0 0 16px;font-size:15px;letter-spacing:.26em;text-transform:uppercase;color:#3f566a;font-weight:600}
.hero h1,.section h2,.contact-section h2{font-size:clamp(48px,5.4vw,82px);line-height:.99;letter-spacing:-.055em;margin:0 0 24px;font-weight:800}
.hero h1 em,.section h2 em,.contact-section h2 em,.section-cta em,.result-band em{font-style:normal;color:var(--green)}
.lead,.section-heading>p:last-child,.split-heading p,.process-top p,.partners-head p{font-size:20px;color:var(--text);max-width:720px;line-height:1.35}
.hero-benefits{display:flex;margin:38px 0;gap:0}
.hero-benefits div{display:flex;align-items:center;gap:14px;width:31%;padding-right:18px;margin-right:22px;border-right:1px solid var(--line);font-size:14px;color:var(--text)}
.hero-benefits div:last-child{border:0}
.hero-benefits svg,.hero-actions svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7}
.hero-actions{display:flex;align-items:center;gap:32px}
.hero-actions p{display:flex;align-items:center;gap:12px;color:var(--text);font-size:13px}
.hero-visual{height:620px;align-self:stretch;position:relative;overflow:hidden;border-radius:0 0 0 42px}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.26) 20%,transparent 46%)}
.hero-visual img{width:100%;height:100%;object-fit:cover}
.script-note{font-family:"Marck Script",cursive;position:absolute;right:16%;top:10%;z-index:2;font-size:30px;line-height:.9;transform:rotate(-7deg);color:#324139}
.proof-strip{width:min(1540px,calc(100% - 72px));margin:0 auto;padding:28px 0 34px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}
.proof-strip div{padding:0 30px;border-right:1px solid var(--line);display:flex;flex-direction:column}
.proof-strip div:first-child{padding-left:0}
.proof-strip div:last-child{border:0}
.proof-strip strong{font-size:24px}
.proof-strip span{font-size:13px;color:#667382}
.section{padding:104px 0}
.section-tint{background:linear-gradient(135deg,#f7f9f8,#eef4f2)}
.section-heading{margin-bottom:38px}
.section-heading h2,.split-heading h2,.process-top h2,.partners-head h2{font-size:clamp(42px,4.4vw,68px)}
.section-heading>p:last-child{margin:0}
.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background-image:url('/assets/pains-v2.webp');background-size:100% auto;background-repeat:no-repeat;background-position:center top}
.pain-card{min-height:410px;padding:210px 24px 22px;background:linear-gradient(to bottom,transparent 0 190px,rgba(255,255,255,.96) 190px);border:1px solid rgba(210,220,218,.8);border-radius:16px;overflow:hidden}
.number{display:inline-flex;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;background:#eff5f2;color:var(--green);font-weight:800}
.pain-card h3{font-size:21px;line-height:1.12;margin:12px 0}
.pain-card p{font-size:15px;color:var(--text)}
.pain-card blockquote{margin:18px 0 0;padding:14px;background:#eff4f2;border-radius:10px;color:#52616a;font-size:13px}
.section-cta,.result-band{margin-top:20px;padding:28px 34px;border-radius:16px;background:linear-gradient(135deg,#f0f5f3,#e8efec);display:flex;align-items:center;justify-content:space-between;gap:30px}
.section-cta h3{font-size:28px;margin:0 0 8px}
.section-cta p{margin:0;color:var(--text)}
.split-heading,.process-top,.partners-head{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:end;margin-bottom:26px}
.split-heading img,.process-top img,.partners-head img{width:100%;height:280px;object-fit:cover;object-position:center;border-radius:20px}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.capability-card{background:#fff;border:1px solid #dde5e2;border-radius:16px;padding:28px;display:flex;gap:20px;min-height:176px}
.capability-card svg,.partner-values svg{width:38px;height:38px;flex:0 0 auto;fill:none;stroke:var(--ink);stroke-width:1.6}
.capability-card h3{font-size:21px;margin:0 0 12px}
.capability-card p{margin:0;color:var(--text)}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.audience-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;padding:0 26px 26px;background:#fff}
.audience-photo{height:220px;margin:0 -26px 24px;background-image:url('/assets/audience-v2.webp');background-size:300% auto;background-repeat:no-repeat}
.photo-one{background-position:left center}
.photo-two{background-position:center center}
.photo-three{background-position:right center}
.audience-card h3{font-size:28px;margin:0}
.audience-card>p{color:var(--text);min-height:72px}
.audience-card ul,.criteria ul{list-style:none;padding:0;margin:18px 0 0}
.audience-card li,.criteria li{position:relative;padding:5px 0 5px 28px;color:var(--text)}
.audience-card li:before,.criteria li:before{content:"✓";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;font-size:12px;text-align:center;line-height:18px}
.process-section{background:#fff}
.process-top img{height:320px}
.steps{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.steps li{border-top:1px solid #bfcdca;padding-top:18px}
.steps span{font-size:30px;font-weight:800;color:var(--green)}
.steps h3{font-size:17px;line-height:1.15;margin:22px 0 10px}
.steps p{font-size:14px;color:var(--text);margin:0}
.result-band strong{font-size:22px}
.result-band>div{display:flex;flex-direction:column;color:var(--text);gap:8px}
.category-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:stretch}
.category-collage{aspect-ratio:3/2;min-height:0;background:url('/assets/categories-v2.webp') center/contain no-repeat #f3f4f1;border-radius:18px}
.criteria{background:linear-gradient(135deg,#f0f5f3,#e8efec);padding:30px;border-radius:18px}
.criteria h3{font-size:26px;margin:0}
.criteria p{margin-top:22px;padding-top:22px;border-top:1px solid #c3d1cd;color:var(--text)}
.green-cta{margin-top:22px;padding:34px 40px;border-radius:18px;color:#fff;background:linear-gradient(120deg,#004b39,#006c54);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}
.green-cta:after{content:"";position:absolute;right:-80px;top:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 65%)}
.green-cta .eyebrow{color:#d9eee8}
.green-cta h3{font-size:32px;line-height:1.15;margin:0}
.button-light{background:#fff;color:var(--ink);position:relative;z-index:2}
.sales-channels{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}
.channels-header{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:22px}
.channels-header strong{font-size:22px}
.channels-header p{margin:0;color:#667382;font-size:14px}
.channel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.channel-logo{min-height:72px;border:1px solid #e1e7e5;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;font-size:19px;font-weight:800;line-height:1.05;letter-spacing:-.04em;transition:transform .2s,box-shadow .2s,border-color .2s}
.channel-logo:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,40,34,.09);border-color:#c8d5d1}
.channel-auchan{color:#e30613;letter-spacing:.04em}
.channel-lenta{color:#1555a2;text-decoration:underline 4px #f5d32f;text-underline-offset:7px}
.channel-chizhik{color:#171717}
.channel-magnit{color:#e51b36;letter-spacing:.02em}
.channel-vkusvill{color:#2f8b46;font-size:21px}
.channel-ozon{color:#1269ff;letter-spacing:.08em}
.channel-wb{color:#bb168d;font-size:15px;letter-spacing:.02em}
.channel-mvideo{color:#e31e24}
.channel-market{color:#111}
.channel-market i{font-style:normal;color:#ef3124;margin-right:5px}
.channel-globus{color:#f28c00;font-size:22px;text-decoration:underline 3px #198754;text-underline-offset:6px}
.channel-eshe{color:#ed6b24;font-size:22px}
.channel-detsky{color:#1598d2;font-size:18px}
.channel-x5{color:#2f9e44;font-size:27px;letter-spacing:-.08em}
.channel-fix{color:#2762aa}
.channel-verny{color:#164b96}
.channel-dixy{color:#ef6c00;font-size:22px}
.channel-kb{background:#fff;color:#be1e2d;border-color:#e1e7e5;font-size:15px}
.channel-svetofor{color:#303030;text-decoration:underline 4px #dc2b2b;text-underline-offset:7px}
.channel-ulybka{background:linear-gradient(90deg,#e72b74,#f39122,#49a64b,#2b77ba);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:17px}
.channel-more{color:#788681;font-weight:600}
.partner-values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.partner-values article{background:#fff;border-radius:14px;padding:24px;display:flex;gap:18px}
.partner-values h3{margin:0 0 6px}
.partner-values p{margin:0;color:var(--text)}
.contact-section{padding:110px 0 80px;position:relative;overflow:hidden;background:linear-gradient(90deg,#fff 0 66%,rgba(255,255,255,.2))}
.contact-backdrop{position:absolute;inset:0 0 0 68%;background:url('/assets/contact-v2.webp') right center/cover no-repeat}
.contact-backdrop:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff,transparent 35%)}
.contact-layout{position:relative;display:grid;grid-template-columns:1fr 560px;gap:80px;align-items:start}
.contact-copy{padding-top:35px}
.consult-points{display:grid;gap:22px;margin-top:34px}
.consult-points>div{display:flex;gap:18px;align-items:center}
.consult-points svg{width:48px;height:48px;padding:10px;border-radius:50%;background:#eef4f2;fill:none;stroke:var(--ink);stroke-width:1.7}
.consult-points span{display:flex;flex-direction:column}
.consult-points strong{font-size:20px}
.consult-points small{font-size:15px;color:var(--text)}
.contact-form{background:rgba(255,255,255,.96);border-radius:18px;padding:34px;box-shadow:var(--shadow)}
.contact-form h3{font-size:30px;margin:0 0 4px}
.contact-form>p{color:var(--text);margin-top:0}
.form-honey{display:none!important}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-grid-primary{margin-top:22px}
.contact-form label{display:block;font-size:13px;color:#435565;margin-bottom:12px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:6px;border:1px solid #d2dcda;border-radius:9px;padding:13px;background:#fff;color:var(--ink);outline:none}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,88,67,.08)}
.file-label{display:flex!important;align-items:center;gap:12px;background:#f4f7f6;padding:12px;border-radius:10px;cursor:pointer}
.file-label svg{width:24px;height:24px;fill:none;stroke:var(--green);stroke-width:1.8}
.file-label span{display:flex;flex-direction:column}
.file-label small{color:#718078}
.file-label input{display:none}
.optional-fields{margin:4px 0 18px;border:1px solid #dbe4e1;border-radius:10px;overflow:hidden;background:#f8faf9}
.optional-fields summary{padding:14px 16px;cursor:pointer;font-size:14px;font-weight:700;color:var(--green);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.optional-fields summary::-webkit-details-marker{display:none}
.optional-fields summary:after{content:"+";font-size:22px;line-height:1;font-weight:400}
.optional-fields[open] summary:after{content:"−"}
.optional-fields summary span{margin-left:auto;color:#7b8884;font-size:12px;font-weight:500}
.optional-fields-body{padding:16px 16px 4px;border-top:1px solid #dbe4e1;background:#fff}
.submit-button{width:100%}
.submit-button:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:none}
.form-note{text-align:center!important;font-size:11px!important;margin:10px 0 0!important}
.form-status{display:none;margin-top:14px;padding:14px;border-radius:10px;background:#eaf5f0;color:#005843;font-size:13px}
.form-status.show{display:block}
.form-status.error{background:#fff0f0;color:#a12626}
.footer{padding:38px max(36px,calc((100% - 1540px)/2));background:#071d18;color:#fff;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}
.footer>div{display:flex;flex-direction:column;gap:10px}
.footer .brand-mark{color:#fff}
.footer p{margin:0;color:#a8bbb5}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:1100px){.nav{display:none}
.nav.open{display:flex;position:absolute;left:0;right:0;top:76px;background:#fff;box-shadow:var(--shadow);border-radius:14px;padding:24px;flex-direction:column;gap:18px}
.site-header{height:82px}
.menu-button{display:block}
.menu-button.open span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-button.open span:last-child{transform:translateY(-4px) rotate(-45deg)}
.header-cta{display:none}
.hero{grid-template-columns:1fr}
.hero-copy{padding-right:0}
.hero-visual{height:390px;border-radius:24px}
.proof-strip{grid-template-columns:repeat(3,1fr);gap:20px}
.proof-strip div{border:0;padding:0}
.pain-grid{grid-template-columns:1fr 1fr;background:none}
.pain-card{min-height:0;padding:170px 28px 28px;background-image:linear-gradient(to bottom,transparent 0 145px,#fff 145px),url('/assets/pains-v2.webp');background-size:100% 100%,400% auto;background-repeat:no-repeat;background-position:center top,left top}
.pain-card:nth-child(2){background-position:center top,33.333% top}
.pain-card:nth-child(3){background-position:center top,66.666% top}
.pain-card:nth-child(4){background-position:center top,right top}
.capability-grid{grid-template-columns:1fr 1fr}
.steps{grid-template-columns:repeat(3,1fr)}
.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.contact-layout{grid-template-columns:1fr 500px;gap:32px}
.contact-backdrop{left:55%}
}

@media(max-width:760px){.section-shell,.site-header,.proof-strip{width:min(100% - 32px,640px)}
.site-header{gap:12px}
.brand-tag{display:none}
.brand-mark{font-size:32px}
.hero{padding-bottom:36px}
.hero-copy{padding:48px 0 28px}
.hero h1,.section h2,.contact-section h2{font-size:43px;line-height:1.02}
.lead,.section-heading>p:last-child,.split-heading p,.process-top p,.partners-head p{font-size:17px}
.hero-benefits{display:grid;gap:14px;margin:28px 0}
.hero-benefits div{width:100%;border:0;margin:0;padding:0}
.hero-actions{align-items:stretch;flex-direction:column}
.hero-actions .button{width:100%}
.hero-actions p{margin:0}
.hero-visual{height:350px}
.script-note{font-size:24px}
.proof-strip{padding:26px 0;grid-template-columns:1fr 1fr}
.proof-strip strong{font-size:20px}
.section{padding:76px 0}
.section-heading{margin-bottom:26px}
.pain-grid,.capability-grid,.audience-grid,.partner-values{grid-template-columns:1fr}
.section-cta,.result-band,.green-cta{align-items:flex-start;flex-direction:column;padding:24px}
.section-cta .button,.result-band .button,.green-cta .button{width:100%}
.split-heading,.process-top,.partners-head{grid-template-columns:1fr;gap:22px}
.split-heading img,.process-top img,.partners-head img{height:220px}
.capability-card{min-height:0}
.audience-card>p{min-height:0}
.steps{grid-template-columns:1fr 1fr}
.category-layout{grid-template-columns:1fr}
.category-collage{min-height:0}
.channels-header{align-items:flex-start;flex-direction:column;gap:4px}
.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.channel-logo{min-height:62px;font-size:16px}
.contact-section{padding:72px 0 56px}
.contact-backdrop{display:none}
.contact-layout{grid-template-columns:1fr;gap:36px}
.contact-copy{padding:0}
.contact-form{padding:24px}
.form-grid{grid-template-columns:1fr}
.footer{grid-template-columns:1fr;padding:36px 24px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.reveal{opacity:1;transform:none;transition:none}
.button{transition:none}
}