@font-face { font-family: "Evolventa"; src: url("assets/fonts/Evolventa-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Evolventa"; src: url("assets/fonts/Evolventa-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Ysabeau Office"; src: url("assets/fonts/YsabeauOffice-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Ysabeau Office"; src: url("assets/fonts/YsabeauOffice-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }

:root {
  /* Палитра снята с правого логотипа */
  --navy: #162752;
  --navy-2: #273867;
  --gold: #cb9643;
  --gold-light: #e5ba6b;
  --gold-ink: #8f5f1c;   /* золото для мелкого текста на светлом */
  --silver: #cdced2;
  --silver-dark: #8b8c8f;
  --mist: #eceded;       /* фон панелей */
  --line: #d9dadd;
  --text-2: #4e5874;
  --white: #fff;

  --gutter: clamp(16px, 4vw, 56px);
  --edge: clamp(8px, 1.4vw, 20px); /* отступ панелей от края окна */
  --radius: 28px;
  --radius-s: 18px;
  --head: "Ysabeau Office", "Segoe UI", sans-serif;
  --body: "Evolventa", "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--white); color: var(--navy); font: 400 16px/1.55 var(--body); }
h1, h2, h3, p, ul, ol, dl, dd, fieldset, blockquote { margin: 0; padding: 0; }
ul, ol { list-style: none; }
fieldset { border: 0; min-width: 0; }
a { color: inherit; text-decoration: none; }
img { display: block; }
input, select, button { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }

h1, h2, h3 { font-family: var(--head); font-weight: 600; text-wrap: balance; }
h1 em, h2 em { font-style: normal; color: var(--silver-dark); }
h2 { font-size: clamp(34px, 4.4vw, 62px); line-height: 1.04; letter-spacing: -.01em; }
h3 { font-size: clamp(21px, 1.8vw, 25px); line-height: 1.15; }

.wrap { max-width: 1440px; margin-inline: auto; padding-inline: calc(var(--edge) + var(--gutter)); }
.lead { font-size: clamp(16px, 1.3vw, 18px); color: var(--text-2); }
.eyebrow { font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--gold-ink); margin-bottom: 18px; }
.eyebrow--gold { color: var(--gold-light); }

/* Кнопки и стрелка */
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 26px; border: 0; border-radius: 999px; font-weight: 700; font-size: 15px; cursor: pointer; transition: background-color .2s, color .2s, transform .2s; }
.btn:active { transform: translateY(1px); }
.btn--navy { background: var(--navy); color: var(--white); }
.btn--navy:hover { background: var(--navy-2); }
.btn--gold { background: var(--gold); color: var(--navy); }
.btn--gold:hover { background: var(--gold-light); }
.btn--white { background: var(--white); color: var(--navy); }
.btn--white:hover { background: var(--silver); }

.arrow { flex: none; display: inline-block; width: 44px; height: 44px; border-radius: 50%; background: var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 20px no-repeat; transition: background-color .2s, transform .2s; }

/* Логотип */
.logo { display: inline-flex; align-items: center; gap: 12px; }
.logo__mark { width: 38px; height: auto; }
.logo__word { width: 148px; height: auto; }

/* Косой срез угла панели: наклон повторяет полосы логотипа (около 27°) */
.cut { position: absolute; top: 0; left: 0; z-index: 1; width: min(46%, 520px); height: var(--cut-h); background: var(--white); clip-path: polygon(0 0, 100% 0, calc(100% - var(--cut-h) * 1.96) 100%, 0 100%); }
/* Скругление панели под вырезом */
.hero::before, .panel::before { content: ""; position: absolute; z-index: 1; left: 0; top: var(--cut-h); width: var(--radius); height: var(--radius); background: radial-gradient(circle at 100% 100%, transparent calc(var(--radius) - .5px), var(--white) var(--radius)); }

/* Шапка */
.top { position: fixed; z-index: 20; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 76px; padding: 0 calc(var(--edge) + var(--gutter)); transition: background-color .25s, box-shadow .25s, height .25s; }
.top.is-stuck { height: 68px; background: rgba(255, 255, 255, .94); backdrop-filter: blur(10px); box-shadow: 0 1px 0 var(--line); }
.nav { margin-left: auto; display: flex; align-items: center; gap: clamp(14px, 2vw, 30px); font-size: 15px; }
.nav a { white-space: nowrap; }
.nav a:not(.btn) { position: relative; padding: 6px 0; }
.nav a:not(.btn)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--gold); transform: scaleX(0); transform-origin: left; transition: transform .2s; }
.nav a:not(.btn):hover::after { transform: scaleX(1); }
.nav__cta { min-height: 42px; padding: 0 20px; font-size: 14px; }
.burger { flex: none; display: none; width: 44px; height: 44px; padding: 0; border: 0; background: none; cursor: pointer; position: relative; }
.burger span { position: absolute; left: 10px; right: 10px; height: 2px; background: var(--navy); transition: transform .2s, top .2s; }
.burger span:first-child { top: 17px; }
.burger span:last-child { top: 26px; }
.burger[aria-expanded="true"] span { top: 21px; }
.burger[aria-expanded="true"] span:first-child { transform: rotate(45deg); }
.burger[aria-expanded="true"] span:last-child { transform: rotate(-45deg); }

/* Графика вместо фото: узоры в цветах логотипа */
.art { position: relative; overflow: hidden; background-color: var(--navy); }
.art--containers { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 504 200' width='504' height='200'%3E%3Crect x='4' y='5' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M13.5 10v30M23 10v30M32.5 10v30M42 10v30M51.5 10v30M61 10v30M70.5 10v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='88' y='5' width='76' height='40' fill='%23cb9643' fill-opacity='0.9' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M97.5 10v30M107 10v30M116.5 10v30M126 10v30M135.5 10v30M145 10v30M154.5 10v30' stroke='%23162752' stroke-opacity='0.22'/%3E%3Crect x='172' y='5' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M181.5 10v30M191 10v30M200.5 10v30M210 10v30M219.5 10v30M229 10v30M238.5 10v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='256' y='5' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M265.5 10v30M275 10v30M284.5 10v30M294 10v30M303.5 10v30M313 10v30M322.5 10v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='340' y='5' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M349.5 10v30M359 10v30M368.5 10v30M378 10v30M387.5 10v30M397 10v30M406.5 10v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='424' y='5' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M433.5 10v30M443 10v30M452.5 10v30M462 10v30M471.5 10v30M481 10v30M490.5 10v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='4' y='55' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M13.5 60v30M23 60v30M32.5 60v30M42 60v30M51.5 60v30M61 60v30M70.5 60v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='88' y='55' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M97.5 60v30M107 60v30M116.5 60v30M126 60v30M135.5 60v30M145 60v30M154.5 60v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='172' y='55' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M181.5 60v30M191 60v30M200.5 60v30M210 60v30M219.5 60v30M229 60v30M238.5 60v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='256' y='55' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M265.5 60v30M275 60v30M284.5 60v30M294 60v30M303.5 60v30M313 60v30M322.5 60v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='340' y='55' width='76' height='40' fill='%23cdced2' fill-opacity='0.45' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M349.5 60v30M359 60v30M368.5 60v30M378 60v30M387.5 60v30M397 60v30M406.5 60v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='424' y='55' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M433.5 60v30M443 60v30M452.5 60v30M462 60v30M471.5 60v30M481 60v30M490.5 60v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='4' y='105' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M13.5 110v30M23 110v30M32.5 110v30M42 110v30M51.5 110v30M61 110v30M70.5 110v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='88' y='105' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M97.5 110v30M107 110v30M116.5 110v30M126 110v30M135.5 110v30M145 110v30M154.5 110v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='172' y='105' width='76' height='40' fill='%23cdced2' fill-opacity='0.28' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M181.5 110v30M191 110v30M200.5 110v30M210 110v30M219.5 110v30M229 110v30M238.5 110v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='256' y='105' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M265.5 110v30M275 110v30M284.5 110v30M294 110v30M303.5 110v30M313 110v30M322.5 110v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='340' y='105' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M349.5 110v30M359 110v30M368.5 110v30M378 110v30M387.5 110v30M397 110v30M406.5 110v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='424' y='105' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M433.5 110v30M443 110v30M452.5 110v30M462 110v30M471.5 110v30M481 110v30M490.5 110v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='4' y='155' width='76' height='40' fill='%23fff' fill-opacity='0.12' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M13.5 160v30M23 160v30M32.5 160v30M42 160v30M51.5 160v30M61 160v30M70.5 160v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='88' y='155' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M97.5 160v30M107 160v30M116.5 160v30M126 160v30M135.5 160v30M145 160v30M154.5 160v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='172' y='155' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M181.5 160v30M191 160v30M200.5 160v30M210 160v30M219.5 160v30M229 160v30M238.5 160v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='256' y='155' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M265.5 160v30M275 160v30M284.5 160v30M294 160v30M303.5 160v30M313 160v30M322.5 160v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='340' y='155' width='76' height='40' fill='%23fff' fill-opacity='0.035' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M349.5 160v30M359 160v30M368.5 160v30M378 160v30M387.5 160v30M397 160v30M406.5 160v30' stroke='%23fff' stroke-opacity='0.09'/%3E%3Crect x='424' y='155' width='76' height='40' fill='%23cb9643' fill-opacity='0.6' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M433.5 160v30M443 160v30M452.5 160v30M462 160v30M471.5 160v30M481 160v30M490.5 160v30' stroke='%23162752' stroke-opacity='0.22'/%3E%3C/svg%3E") 0 0 / 504px 200px, linear-gradient(135deg, #1d3266, var(--navy) 70%); }
.art--ingots { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 64' width='112' height='64'%3E%3Cpath d='M18 6h76l14 24H4z' fill='%23cb9643' fill-opacity='.14' stroke='%23e5ba6b' stroke-opacity='.6' stroke-width='1.2'/%3E%3Cpath d='M-38 38h76l14 24H-52z' fill='%23cb9643' fill-opacity='.14' stroke='%23e5ba6b' stroke-opacity='.6' stroke-width='1.2'/%3E%3Cpath d='M74 38h76l14 24H60z' fill='%23cb9643' fill-opacity='.14' stroke='%23e5ba6b' stroke-opacity='.6' stroke-width='1.2'/%3E%3C/svg%3E") 0 0 / 112px 64px, linear-gradient(135deg, #1d3266, var(--navy) 70%); }
.art--coils { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140' width='140' height='140'%3E%3Cg fill='none' stroke='%23162752' stroke-opacity='.2' stroke-width='1.3'%3E%3Ccircle cx='70' cy='70' r='14'/%3E%3Ccircle cx='70' cy='70' r='28'/%3E%3Ccircle cx='70' cy='70' r='42'/%3E%3Ccircle cx='70' cy='70' r='56'/%3E%3Ccircle cx='70' cy='70' r='67'/%3E%3Ccircle cx='0' cy='0' r='14'/%3E%3Ccircle cx='0' cy='0' r='28'/%3E%3Ccircle cx='0' cy='0' r='42'/%3E%3Ccircle cx='0' cy='0' r='56'/%3E%3Ccircle cx='0' cy='0' r='67'/%3E%3Ccircle cx='140' cy='0' r='14'/%3E%3Ccircle cx='140' cy='0' r='28'/%3E%3Ccircle cx='140' cy='0' r='42'/%3E%3Ccircle cx='140' cy='0' r='56'/%3E%3Ccircle cx='140' cy='0' r='67'/%3E%3Ccircle cx='0' cy='140' r='14'/%3E%3Ccircle cx='0' cy='140' r='28'/%3E%3Ccircle cx='0' cy='140' r='42'/%3E%3Ccircle cx='0' cy='140' r='56'/%3E%3Ccircle cx='0' cy='140' r='67'/%3E%3Ccircle cx='140' cy='140' r='14'/%3E%3Ccircle cx='140' cy='140' r='28'/%3E%3Ccircle cx='140' cy='140' r='42'/%3E%3Ccircle cx='140' cy='140' r='56'/%3E%3Ccircle cx='140' cy='140' r='67'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 140px 140px, linear-gradient(135deg, #dfe0e3, #a9abaf); }
.art--granules { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160' width='160' height='160'%3E%3Ccircle cx='147' cy='46' r='2.0' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='85' cy='53' r='6.7' fill='%23fff' fill-opacity='0.55'/%3E%3Ccircle cx='87' cy='110' r='6.9' fill='%23fff' fill-opacity='0.55'/%3E%3Ccircle cx='39' cy='60' r='7.3' fill='%23fff' fill-opacity='0.55'/%3E%3Ccircle cx='9' cy='109' r='6.5' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='129' cy='20' r='8.0' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='110' cy='103' r='8.0' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='145' cy='60' r='7.9' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='53' cy='24' r='7.4' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='47' cy='150' r='4.8' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='140' cy='9' r='6.7' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='81' cy='67' r='5.6' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='9' cy='58' r='7.9' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='148' cy='82' r='6.3' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='45' cy='58' r='4.6' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='85' cy='98' r='4.2' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='73' cy='138' r='7.9' fill='%23fff' fill-opacity='0.55'/%3E%3Ccircle cx='83' cy='81' r='6.1' fill='%23fff' fill-opacity='0.55'/%3E%3Ccircle cx='63' cy='113' r='8.1' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='56' cy='53' r='5.8' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='140' cy='18' r='7.2' fill='%23fff' fill-opacity='0.55'/%3E%3Ccircle cx='65' cy='25' r='2.5' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='35' cy='101' r='8.5' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='95' cy='22' r='5.0' fill='%23fff' fill-opacity='0.55'/%3E%3Ccircle cx='142' cy='142' r='7.7' fill='%23fff' fill-opacity='0.55'/%3E%3Ccircle cx='44' cy='2' r='6.9' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='0' cy='99' r='2.5' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='78' cy='110' r='6.8' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='38' cy='60' r='7.7' fill='%23fff' fill-opacity='0.55'/%3E%3Ccircle cx='78' cy='0' r='2.8' fill='%23fff' fill-opacity='0.55'/%3E%3Ccircle cx='148' cy='3' r='6.1' fill='%23fff' fill-opacity='0.55'/%3E%3Ccircle cx='155' cy='90' r='3.2' fill='%23fff' fill-opacity='0.55'/%3E%3Ccircle cx='36' cy='33' r='3.7' fill='%23162752' fill-opacity='0.2'/%3E%3Ccircle cx='123' cy='112' r='2.3' fill='%23fff' fill-opacity='0.55'/%3E%3C/svg%3E") 0 0 / 160px 160px, linear-gradient(135deg, #e6e7e9, #bfc0c4); }
.art--wheat { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 72' width='88' height='72'%3E%3Cg fill='%23162752' fill-opacity='.12' stroke='%23162752' stroke-opacity='.34' stroke-width='1.2'%3E%3Cpath d='M22 0v72'/%3E%3Cellipse cx='14' cy='12' rx='9' ry='4' transform='rotate(-35 14 12)'/%3E%3Cellipse cx='30' cy='12' rx='9' ry='4' transform='rotate(35 30 12)'/%3E%3Cellipse cx='14' cy='36' rx='9' ry='4' transform='rotate(-35 14 36)'/%3E%3Cellipse cx='30' cy='36' rx='9' ry='4' transform='rotate(35 30 36)'/%3E%3Cellipse cx='14' cy='60' rx='9' ry='4' transform='rotate(-35 14 60)'/%3E%3Cellipse cx='30' cy='60' rx='9' ry='4' transform='rotate(35 30 60)'/%3E%3Cpath d='M66 36v72'/%3E%3Cellipse cx='58' cy='48' rx='9' ry='4' transform='rotate(-35 58 48)'/%3E%3Cellipse cx='74' cy='48' rx='9' ry='4' transform='rotate(35 74 48)'/%3E%3Cellipse cx='58' cy='72' rx='9' ry='4' transform='rotate(-35 58 72)'/%3E%3Cellipse cx='74' cy='72' rx='9' ry='4' transform='rotate(35 74 72)'/%3E%3Cellipse cx='58' cy='96' rx='9' ry='4' transform='rotate(-35 58 96)'/%3E%3Cellipse cx='74' cy='96' rx='9' ry='4' transform='rotate(35 74 96)'/%3E%3Cpath d='M66 -36v72'/%3E%3Cellipse cx='58' cy='-24' rx='9' ry='4' transform='rotate(-35 58 -24)'/%3E%3Cellipse cx='74' cy='-24' rx='9' ry='4' transform='rotate(35 74 -24)'/%3E%3Cellipse cx='58' cy='0' rx='9' ry='4' transform='rotate(-35 58 0)'/%3E%3Cellipse cx='74' cy='0' rx='9' ry='4' transform='rotate(35 74 0)'/%3E%3Cellipse cx='58' cy='24' rx='9' ry='4' transform='rotate(-35 58 24)'/%3E%3Cellipse cx='74' cy='24' rx='9' ry='4' transform='rotate(35 74 24)'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 88px 72px, linear-gradient(135deg, var(--gold-light), #b07a2c); }
.art--cocoa { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 96' width='128' height='96'%3E%3Cg fill='none' stroke='%23e5ba6b' stroke-opacity='.6' stroke-width='1.2'%3E%3Cellipse cx='0' cy='0' rx='0' ry='0'/%3E%3Cg transform='rotate(-27 32 24)'%3E%3Cellipse cx='32' cy='24' rx='25' ry='13' fill='%23cb9643' fill-opacity='.12'/%3E%3Cpath d='M7 24q25 7 50 0'/%3E%3C/g%3E%3Cg transform='rotate(27 96 24)'%3E%3Cellipse cx='96' cy='24' rx='25' ry='13' fill='%23cb9643' fill-opacity='.12'/%3E%3Cpath d='M71 24q25 7 50 0'/%3E%3C/g%3E%3Cg transform='rotate(27 32 72)'%3E%3Cellipse cx='32' cy='72' rx='25' ry='13' fill='%23cb9643' fill-opacity='.12'/%3E%3Cpath d='M7 72q25 7 50 0'/%3E%3C/g%3E%3Cg transform='rotate(-27 96 72)'%3E%3Cellipse cx='96' cy='72' rx='25' ry='13' fill='%23cb9643' fill-opacity='.12'/%3E%3Cpath d='M71 72q25 7 50 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 / 128px 96px, linear-gradient(135deg, #1d3266, var(--navy) 70%); }
.art--globe { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23162752' stroke-opacity='.32' stroke-width='1.5'%3E%3Ccircle cx='400' cy='400' r='360'/%3E%3Cpath d='M400 40v720'/%3E%3Cellipse cx='400' cy='400' rx='120' ry='360'/%3E%3Cellipse cx='400' cy='400' rx='240' ry='360'/%3E%3Cellipse cx='400' cy='400' rx='360' ry='360'/%3E%3Cpath d='M135 160H665'/%3E%3Cpath d='M62 280H738'/%3E%3Cpath d='M40 400H760'/%3E%3Cpath d='M62 520H738'/%3E%3Cpath d='M135 640H665'/%3E%3C/g%3E%3Cg fill='none' stroke='%23cb9643' stroke-width='2.5'%3E%3Cpath d='M260 280Q400 150 560 280'/%3E%3Cpath d='M560 280Q590 430 460 520'/%3E%3Cpath d='M260 280Q280 430 460 520'/%3E%3C/g%3E%3Cg fill='%23cb9643'%3E%3Ccircle cx='260' cy='280' r='9'/%3E%3Ccircle cx='560' cy='280' r='9'/%3E%3Ccircle cx='460' cy='520' r='9'/%3E%3Ccircle cx='400' cy='214' r='6'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat, linear-gradient(135deg, #e6e7e9, #b9bbbf); }
.art--routes { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 460' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.3' stroke-width='1.4' stroke-dasharray='3 9' stroke-linecap='round'%3E%3Cpath d='M40 400Q200 90 420 180'/%3E%3Cpath d='M40 400Q300 320 560 340'/%3E%3Cpath d='M420 180Q520 240 560 340'/%3E%3Cpath d='M130 130Q290 200 420 180'/%3E%3Cpath d='M130 130Q60 260 40 400'/%3E%3C/g%3E%3Cg fill='%23e5ba6b'%3E%3Ccircle cx='40' cy='400' r='7'/%3E%3Ccircle cx='420' cy='180' r='7'/%3E%3Ccircle cx='560' cy='340' r='7'/%3E%3Ccircle cx='130' cy='130' r='5'/%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat, linear-gradient(135deg, #36487a, var(--navy-2)); }

/* Первый экран */
.hero { --cut-h: 76px; --slope: polygon(0 76%, 100% 0, 100% 100%, 0 100%); position: relative; overflow: hidden; margin: var(--edge); height: max(800px, calc(100svh - var(--edge) * 2)); max-height: 960px; border-radius: var(--radius); background: var(--mist); }
.hero__cut { width: calc(var(--gutter) + 340px); }
.hero__text { position: relative; z-index: 2; padding: 124px var(--gutter) 0; max-width: 1040px; }
.hero__kicker { margin-bottom: 18px; font-size: clamp(14px, 1.2vw, 17px); color: var(--text-2); }
h1 { font-size: clamp(46px, 6.3vw, 92px); line-height: .98; letter-spacing: -.015em; max-width: 12.5em; }
h1 em { display: block; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.hero__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; font-size: 13px; }
.hero__tags li { padding: 5px 14px; border-radius: 999px; background: rgba(255, 255, 255, .7); }

.hero__media { position: absolute; right: 0; bottom: 0; width: 68%; height: 80%; }
.band, .hero__img { position: absolute; inset: 0; clip-path: var(--slope); }
.band--gold { transform: translateY(-46px); background: linear-gradient(90deg, #ab7227, var(--gold-light) 50%, #ab7227); }
.band--gap1 { transform: translateY(-30px); background: var(--mist); }
.band--silver { transform: translateY(-24px); background: linear-gradient(90deg, var(--silver-dark), #dcdde0 55%, var(--silver-dark)); }
.band--gap2 { transform: translateY(-8px); background: var(--mist); }

.hero__card { position: absolute; right: 0; bottom: 0; z-index: 3; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 6px 16px; width: 390px; padding: 26px var(--gutter) 28px 72px; background: var(--white); clip-path: polygon(52px 0, 100% 0, 100% 100%, 0 100%); }
.hero__card-label { grid-column: 1 / -1; font-size: 13px; color: var(--gold-ink); font-weight: 700; }
.hero__card strong { font: 600 22px/1.12 var(--head); }
.hero__card:hover .arrow, .more:hover .arrow { background-color: var(--gold); transform: translateX(3px); }

/* О компании */
.about { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(32px, 6vw, 96px); padding-block: clamp(64px, 8vw, 120px); align-items: start; }
.about__lead { position: sticky; top: 96px; }
.about .lead { margin-top: 22px; max-width: 34em; }
.facts { display: flex; gap: clamp(24px, 4vw, 56px); margin-top: 36px; }
.facts dt { font: 600 clamp(44px, 4.4vw, 64px)/1 var(--head); color: var(--navy); }
.facts dd { margin-top: 6px; font-size: 14px; color: var(--text-2); max-width: 10em; line-height: 1.3; }
.mission { margin-top: 36px; padding-left: 20px; border-left: 3px solid var(--gold); max-width: 36em; }
.mission__title { font-weight: 700; margin-bottom: 6px; }

.edge { display: grid; gap: 12px; }
.edge li { display: grid; grid-template-columns: auto 1fr; gap: 6px 18px; padding: 22px 24px; border: 1px solid var(--line); border-radius: var(--radius-s); transition: border-color .2s, transform .2s; }
.edge li:hover { border-color: var(--gold); transform: translateX(-4px); }
.edge p { grid-column: 2; color: var(--text-2); font-size: 15px; }
.tick { grid-row: span 2; display: grid; place-items: center; width: 48px; height: 32px; font-size: 13px; font-weight: 700; color: var(--navy); background: linear-gradient(90deg, var(--gold), var(--gold-light)); clip-path: polygon(0 26%, 100% 0, 100% 74%, 0 100%); }

/* Панели */
.panel { --cut-h: 68px; position: relative; margin: var(--edge); padding: 32px var(--gutter) clamp(40px, 5vw, 72px); border-radius: var(--radius); background: var(--mist); overflow: hidden; }
.panel__head { position: relative; z-index: 2; margin-bottom: clamp(28px, 3.4vw, 48px); }
.panel .eyebrow { margin-bottom: clamp(44px, 4vw, 56px); }

/* Направления */
.goods__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.good { grid-column: span 2; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--radius-s); background: var(--white); }
.good--wide { grid-column: span 3; }
.good__img { aspect-ratio: 16 / 9; clip-path: polygon(0 0, 100% 0, 100% 78%, 0 100%); }
.good--wide .good__img { aspect-ratio: 2 / 1; }
.good__body { flex: 1; display: flex; flex-direction: column; gap: 12px; padding: 16px 24px 22px; }
.good__body > p { color: var(--text-2); font-size: 15px; }
.chips { display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; }
.chips li { padding: 3px 11px; border-radius: 999px; background: var(--mist); }
.more { margin-top: auto; padding-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-weight: 700; font-size: 14px; }
.more .arrow { width: 40px; height: 40px; }

/* Услуги */
.services { padding-block: clamp(64px, 8vw, 120px) clamp(48px, 5vw, 72px); }
.services__head { max-width: 900px; margin-bottom: clamp(32px, 4vw, 56px); }
.svc { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: clamp(24px, 3.5vw, 56px); }
.svc li { padding: 24px 0 32px; border-top: 1px solid var(--line); }
.svc p { margin-top: 10px; color: var(--text-2); font-size: 15px; }

/* Цикл сделки */
.cycle { margin: var(--edge); padding: clamp(40px, 5.4vw, 80px) var(--gutter); border-radius: var(--radius); background: var(--navy); color: var(--white); overflow: hidden; }
.cycle h2 em { display: block; color: var(--silver); }
.cycle__head { max-width: 860px; margin-bottom: clamp(32px, 4vw, 48px); }
.steps { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; align-items: end; }
.steps li { --rise: 0; display: flex; flex-direction: column; gap: 10px; min-height: calc(132px + var(--rise) * 26px); padding: 16px 16px 20px; border-radius: 14px; background: rgba(255, 255, 255, .07); font: 500 clamp(17px, 1.45vw, 21px)/1.15 var(--head); overflow-wrap: anywhere; }
.steps li:nth-child(2) { --rise: 1; }
.steps li:nth-child(3) { --rise: 2; }
.steps li:nth-child(4) { --rise: 3; }
.steps li:nth-child(5) { --rise: 4; }
.steps li:nth-child(6) { --rise: 5; background: var(--gold); color: var(--navy); }
.steps span { font: 700 13px/1 var(--body); color: var(--gold-light); letter-spacing: .06em; }
.steps li:nth-child(6) span { color: var(--navy); }

/* География */
.geo { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(32px, 5vw, 80px); padding-block: clamp(64px, 8vw, 120px); align-items: stretch; }
.regions { margin-top: clamp(28px, 3vw, 44px); }
.regions > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 8px 24px; padding: 20px 0; border-top: 1px solid var(--line); }
.regions dt { font: 600 clamp(19px, 1.6vw, 22px)/1.15 var(--head); }
.regions dd { color: var(--text-2); font-size: 15px; }
.geo__img { min-height: 420px; border-radius: var(--radius); clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 100%); }

/* Партнерам */
.who { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.who li { padding: 24px; border-radius: var(--radius-s); background: var(--white); }
.who li::before { content: ""; display: block; width: 44px; height: 14px; margin-bottom: 44px; background: linear-gradient(90deg, var(--gold), var(--gold-light)); clip-path: polygon(0 50%, 100% 0, 100% 50%, 0 100%); }
.who p { margin-top: 10px; color: var(--text-2); font-size: 15px; }

/* Запрос */
.request { display: grid; grid-template-columns: 1.35fr 1fr; gap: clamp(24px, 4vw, 64px); margin: var(--edge); padding: clamp(32px, 4.6vw, 68px) var(--gutter); border-radius: var(--radius); background: var(--navy); color: var(--white); }
.request h2 em { color: var(--silver); }
.request .lead { margin-top: 22px; color: #d3d7e4; }
.request__img { min-height: 320px; border-radius: var(--radius-s); clip-path: polygon(0 22%, 100% 0, 100% 100%, 0 100%); }

.form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; align-items: start; }
.form__send { width: 100%; min-height: 54px; }
.form__msg { min-height: 1.4em; font-size: 14px; }
.form__msg:empty { display: none; }
.form__msg.is-error { color: #b3261e; }
.form__msg.is-ok { color: var(--navy); font-weight: 700; }

.reach { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.reach__item { flex: 1 1 auto; min-width: 0; display: grid; gap: 6px; padding: 20px 24px; border-radius: var(--radius-s); background: var(--white); color: var(--navy); }
.reach__item span { font-size: 13px; font-weight: 700; }
.reach__item strong { font: 600 clamp(22px, 1.8vw, 26px)/1.1 var(--head); overflow-wrap: anywhere; }
a.reach__item { transition: background-color .2s; }
a.reach__item:not(.reach__item--gold):hover { background: var(--silver); }
.reach__item--gold { background: var(--gold); }
a.reach__item--gold:hover { background: var(--gold-light); }

/* Подвал */
.foot { display: grid; grid-template-columns: 1.6fr 1.4fr 1fr; gap: 28px 40px; max-width: 1440px; margin-inline: auto; padding: 36px calc(var(--edge) + var(--gutter)) 28px; font-size: 15px; }
.foot__brand p { margin-top: 12px; color: var(--text-2); }
.foot__nav { columns: 2; column-gap: 24px; }
.foot__nav a { display: block; padding: 3px 0; }
.foot__nav a:hover { color: var(--gold-ink); }
.foot__contacts li { padding: 3px 0; color: var(--text-2); }
.foot__contacts a:hover { color: var(--gold-ink); }
.foot__copy { grid-column: 1 / -1; padding-top: 18px; border-top: 1px solid var(--line); font-size: 13px; color: var(--text-2); }

/* Меню в бургер */
@media (max-width: 1100px) {
  .burger { display: block; z-index: 2; }
  .nav { position: fixed; inset: 0; z-index: 1; flex-direction: column; align-items: flex-start; justify-content: center; gap: 12px; padding: 88px calc(var(--edge) + var(--gutter)) 32px; background: var(--white); font: 600 30px/1.2 var(--head); visibility: hidden; opacity: 0; transition: opacity .2s, visibility .2s; }
  .nav.is-open { visibility: visible; opacity: 1; }
  .nav__cta { margin-top: 12px; min-height: 52px; font: 700 15px var(--body); padding: 0 28px; }
  .logo { position: relative; z-index: 2; }
  /* Размытие шапки ограничило бы fixed-меню её рамками */
  .top.is-menu { backdrop-filter: none; background: none; box-shadow: none; }
}

/* Планшет */
@media (max-width: 1180px) {
  .hero__card { width: 340px; }
  .steps { grid-template-columns: repeat(3, 1fr); align-items: stretch; }
  .steps li { min-height: 120px; }
  .who { grid-template-columns: repeat(2, 1fr); }
  .svc { grid-template-columns: repeat(2, 1fr); }
  .request { grid-template-columns: 1fr; }
  .request__img { display: none; }
}

@media (max-width: 960px) {
  .hero { height: auto; max-height: none; display: flex; flex-direction: column; }
  .hero__text { padding-top: 104px; }
  .hero__media { position: relative; width: 100%; height: 56vw; min-height: 240px; margin-top: 56px; --slope: polygon(0 34%, 100% 0, 100% 100%, 0 100%); }
  .hero__card { position: relative; width: 100%; padding: 22px var(--gutter) 24px; clip-path: none; }

  .about, .geo { grid-template-columns: 1fr; }
  .about__lead { position: static; }
  .goods__grid { grid-template-columns: repeat(2, 1fr); }
  .good, .good--wide { grid-column: span 1; }
  .good--wide .good__img { aspect-ratio: 16 / 9; }
  .geo__img { min-height: 0; aspect-ratio: 4 / 3; }
  .art--globe { background-size: auto 78%, auto; background-position: center 72%, 0 0; }
  .foot { grid-template-columns: 1fr 1fr; }
  .foot__brand { grid-column: 1 / -1; }
}

/* Телефон */
@media (max-width: 640px) {
  html { scroll-padding-top: 76px; }
  .panel { --cut-h: 52px; }
  .cut { width: 76%; }
  .hero__cut { width: 100%; clip-path: polygon(0 0, 100% 0, 100% 34%, 72% 100%, 0 100%); }
  .top { gap: 12px; }
  .facts { gap: 18px; }
  .facts dd { font-size: 13px; }
  .edge li { padding: 18px; gap: 6px 14px; }
  .goods__grid, .who, .svc { grid-template-columns: 1fr; }
  .steps { grid-template-columns: 1fr; }
  .steps li { min-height: 0; flex-direction: row; align-items: baseline; padding: 15px 16px; }
  .regions > div { grid-template-columns: 1fr; }
  .form__row { grid-template-columns: 1fr; }
  .who li::before { margin-bottom: 24px; }
  .foot { grid-template-columns: 1fr; }
}

/* Узкий телефон: длинный адрес почты в одну строку */
@media (max-width: 420px) {
  .reach__item { padding: 16px; }
  .reach__item strong { font-size: 5.2vw; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}