@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@600;700;800&display=swap');

:root {
  --navy: #0b2347;
  --navy-deep: #061a35;
  --teal: #0b8585;
  --teal-bright: #10a5a5;
  --teal-soft: #dff3f1;
  --gold: #e5b354;
  --gold-light: #f2d38f;
  --paper: #f5f8f9;
  --surface: #ffffff;
  --ink-soft: #66768b;
  --border: #dce5e9;
  --shadow: 0 18px 50px rgba(11, 35, 71, 0.12);
  --container: 1220px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--navy); font-family: 'Inter', Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.container { width: min(calc(100% - 48px), var(--container)); margin: 0 auto; }

.header { position: sticky; top: 0; z-index: 40; height: 74px; background: rgba(255,255,255,.92); border-bottom: 1px solid rgba(220,229,233,.9); backdrop-filter: blur(16px); }
.headerInner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; min-width: 255px; }
.monogram { width: 41px; height: 41px; flex: 0 0 auto; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg,var(--gold),var(--gold-light)); font: 800 14px 'Manrope',sans-serif; box-shadow: 0 6px 16px rgba(229,179,84,.26); }
.brandText { display: flex; flex-direction: column; line-height: 1.08; }
.brandText strong { font: 700 12px 'Manrope',sans-serif; letter-spacing: .035em; }
.brandText small { margin-top: 3px; color: var(--teal); font-size: 8px; font-weight: 600; letter-spacing: .06em; }
.nav { display: flex; align-items: center; gap: 28px; color: var(--ink-soft); font-size: 13px; font-weight: 500; }
.nav a, .homeLink { transition: color .2s ease; }
.nav a:hover, .homeLink:hover { color: var(--teal); }
.headerActions { display: flex; align-items: center; gap: 14px; }
.language { display: flex; padding: 3px; border: 1px solid var(--border); background: var(--paper); border-radius: 9px; }
.language button { border: 0; background: transparent; padding: 6px 9px; border-radius: 6px; color: var(--ink-soft); cursor: pointer; font-size: 11px; font-weight: 700; }
.language button.active { background: var(--navy); color: white; }
.homeLink { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; white-space:nowrap; }
.homeLink svg { width:15px; height:15px; }

.hero { position: relative; overflow: hidden; padding: 82px 0 0; background: radial-gradient(circle at 80% 18%,rgba(223,243,241,.9),transparent 31%),linear-gradient(135deg,#fff 0%,#f4f8f8 64%,#ecf4f4 100%); }
.hero::before { content:""; position:absolute; width:520px; height:520px; right:-180px; top:-230px; border:1px solid rgba(11,133,133,.14); border-radius:50%; box-shadow: 0 0 0 85px rgba(11,133,133,.035),0 0 0 170px rgba(229,179,84,.035); }
.heroGlow { position:absolute; border-radius:50%; filter:blur(3px); opacity:.6; pointer-events:none; }
.heroGlowOne { width:12px; height:12px; background:var(--gold); left:9%; top:22%; box-shadow:0 0 35px 12px rgba(229,179,84,.22); }
.heroGlowTwo { width:8px; height:8px; background:var(--teal); right:44%; bottom:24%; box-shadow:0 0 28px 10px rgba(11,133,133,.2); }
.heroGrid { min-height: 590px; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:82px; position:relative; z-index:2; }
.heroContent { padding-bottom:62px; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; margin-bottom:22px; padding:8px 12px; border:1px solid rgba(11,133,133,.16); border-radius:999px; color:var(--teal); background:rgba(255,255,255,.72); font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.pulse { width:8px; height:8px; border-radius:50%; background:var(--teal); box-shadow:0 0 0 5px rgba(11,133,133,.12); }
h1,h2,h3,p { margin-top:0; }
h1 { margin-bottom:25px; max-width:760px; font:800 clamp(46px,5.2vw,76px)/.98 'Manrope',sans-serif; letter-spacing:-.052em; }
h1 span { display:block; color:var(--teal); }
.heroIntro { max-width:690px; margin-bottom:30px; color:var(--ink-soft); font-size:17px; line-height:1.72; }
.heroActions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:18px; }
.button { min-height:50px; padding:0 22px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; gap:11px; font:700 13px 'Manrope',sans-serif; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.button:hover { transform:translateY(-2px); }
.buttonGold { background:linear-gradient(135deg,var(--gold),var(--gold-light)); box-shadow:0 8px 24px rgba(229,179,84,.32); }
.buttonGold:hover { box-shadow:0 12px 30px rgba(229,179,84,.42); }
.buttonGhost { border:1px solid var(--border); background:rgba(255,255,255,.8); }
.buttonGhost:hover { border-color:var(--teal); }
.micro { display:flex; align-items:center; gap:7px; color:var(--ink-soft); font-size:11px; }
.micro svg { width:15px; height:15px; color:var(--teal); stroke-width:2.5; }

.portraitArea { align-self:end; position:relative; display:flex; justify-content:center; }
.portraitFrame { position:relative; width:min(100%,440px); aspect-ratio:3/4; overflow:hidden; border-radius:24px; background:var(--teal-soft); box-shadow:var(--shadow); }
.portraitFrame::before { content:""; position:absolute; inset:14px; border:1px solid rgba(255,255,255,.5); border-radius:16px; z-index:2; pointer-events:none; }
.portraitFrame img { width:100%; height:100%; object-fit:cover; object-position:center center; }
.portraitFrame::after { content:""; position:absolute; inset:auto 0 0; height:36%; background:linear-gradient(transparent,rgba(6,26,53,.28)); }
.portraitLabel { position:absolute; z-index:3; right:20px; bottom:19px; display:flex; align-items:center; gap:8px; color:white; }
.portraitLabel>span { font:800 36px 'Manrope',sans-serif; }
.portraitLabel div { display:flex; flex-direction:column; line-height:1; }
.portraitLabel strong { font:800 13px 'Manrope',sans-serif; }
.portraitLabel small { margin-top:4px; font-size:7px; letter-spacing:.1em; }
.portraitCard { position:absolute; z-index:4; width:220px; padding:14px 16px; border:1px solid rgba(255,255,255,.9); border-radius:14px; background:rgba(255,255,255,.88); backdrop-filter:blur(12px); box-shadow:0 16px 35px rgba(11,35,71,.13); display:flex; flex-direction:column; }
.portraitCard strong { font:700 12px 'Manrope',sans-serif; }
.portraitCard small { margin-top:4px; color:var(--ink-soft); font-size:9px; line-height:1.45; }
.portraitCardTop { left:-52px; top:30%; padding-left:31px; }
.portraitCardBottom { right:-58px; bottom:18%; }
.cardDot { position:absolute; left:15px; top:18px; width:8px; height:8px; border-radius:50%; background:var(--teal); }
.trustStrip { position:relative; z-index:4; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--border); background:rgba(255,255,255,.72); }
.trustStrip>div { min-height:103px; padding:24px 34px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid var(--border); }
.trustStrip>div:last-child { border-right:0; }
.trustStrip strong { font:800 18px 'Manrope',sans-serif; }
.trustStrip span { margin-top:5px; color:var(--ink-soft); font-size:11px; }

.section { padding:100px 0; }
.sectionHead { display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:80px; margin-bottom:45px; }
.sectionHead.compact { grid-template-columns:1fr; }
.sectionHead h2,.valueLead h2,.contactCopy h2 { margin-bottom:0; font:800 clamp(34px,4vw,50px)/1.08 'Manrope',sans-serif; letter-spacing:-.035em; }
.sectionHead>p { margin:0; color:var(--ink-soft); font-size:14px; line-height:1.75; }
.sectionEyebrow { margin-bottom:12px; color:var(--teal); font-size:11px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.sectionEyebrow.light { color:var(--gold-light); }
.signalGrid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.signalCard { min-height:142px; padding:26px; display:grid; grid-template-columns:48px 1fr; gap:17px; border:1px solid var(--border); border-radius:16px; background:var(--surface); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.signalCard:hover { transform:translateY(-3px); border-color:rgba(11,133,133,.35); box-shadow:0 16px 34px rgba(11,35,71,.08); }
.signalNumber { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:var(--teal-soft); color:var(--teal); font:800 11px 'Manrope',sans-serif; }
.signalCard h3,.valueCards h3,.step h3 { margin-bottom:7px; font:700 16px/1.3 'Manrope',sans-serif; }
.signalCard p,.valueCards p,.step p { margin-bottom:0; color:var(--ink-soft); font-size:12px; line-height:1.65; }

.valueSection { background:var(--navy); color:white; position:relative; overflow:hidden; }
.valueSection::before { content:""; position:absolute; width:600px; height:600px; right:-250px; top:-330px; border-radius:50%; background:radial-gradient(circle,rgba(11,133,133,.32),transparent 68%); }
.valueGrid { position:relative; display:grid; grid-template-columns:.83fr 1.17fr; gap:90px; align-items:start; }
.valueLead h2 { max-width:430px; }
.boundary { margin:30px 0 0; padding:18px 19px; border-left:3px solid var(--gold); background:rgba(255,255,255,.055); color:rgba(255,255,255,.72); font-size:11px; line-height:1.7; }
.valueCards { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.valueCards article { min-height:174px; padding:24px; border:1px solid rgba(255,255,255,.11); border-radius:15px; background:rgba(255,255,255,.055); }
.valueCards article>span { width:34px; height:34px; margin-bottom:23px; display:grid; place-items:center; border-radius:50%; background:var(--gold); color:var(--navy); font:800 11px 'Manrope',sans-serif; }
.valueCards p { color:rgba(255,255,255,.65); }

.processSection { background:#fff; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:0; }
.step { position:relative; min-height:230px; padding:31px 48px 28px 0; }
.step:not(:first-child) { padding-left:45px; }
.stepNumber { margin-bottom:34px; color:var(--gold); font:800 38px 'Manrope',sans-serif; letter-spacing:-.05em; }
.step p { max-width:300px; }
.stepLine { position:absolute; right:22px; top:46px; width:52px; height:1px; background:var(--border); }
.stepLine::after { content:""; position:absolute; right:0; top:-3px; width:7px; height:7px; border-top:1px solid var(--teal); border-right:1px solid var(--teal); transform:rotate(45deg); }

.contactSection { padding:82px 0 78px; background:var(--navy-deep); color:white; position:relative; overflow:hidden; }
.contactGrid { position:relative; z-index:2; display:block; }
.contactCopy { max-width:760px; margin:0 auto; text-align:center; }
.contactCopy h2 { max-width:720px; margin-inline:auto; }
.contactTelegram { margin-top:30px; }
.profileLink { width:max-content; max-width:100%; margin:28px auto 0; display:flex; align-items:center; justify-content:center; gap:10px; font:700 13px 'Manrope',sans-serif; border-bottom:1px solid rgba(255,255,255,.5); padding-bottom:5px; }
.contactCopy>small { display:block; max-width:520px; margin:12px auto 0; color:rgba(255,255,255,.55); font-size:10px; line-height:1.6; }

footer { padding:38px 0 18px; background:#0d2b54; color:white; }
.footerInner { display:block; }
.footerTop { display:grid; grid-template-columns:1.25fr .75fr; gap:80px; align-items:start; padding-bottom:28px; }
.footerIdentity p { max-width:390px; margin:16px 0 0; color:rgba(255,255,255,.72); font-size:11px; line-height:1.55; }
.footerBrand .brandText strong { font-size:10px; }
.footerBrand .brandText small { color:var(--gold); }
.footerContacts { display:flex; flex-direction:column; gap:12px; padding-top:4px; }
.footerContacts a { width:max-content; max-width:100%; display:flex; align-items:center; gap:9px; color:rgba(255,255,255,.82); font-size:11px; }
.footerContacts a:hover { color:var(--gold-light); }
.footerContacts a>span { width:24px; height:24px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.22); border-radius:50%; color:var(--gold-light); font:700 7px 'Manrope',sans-serif; }
.footerBottom { padding-top:16px; border-top:1px solid rgba(255,255,255,.14); display:flex; justify-content:space-between; gap:24px; color:rgba(255,255,255,.45); font-size:9px; }

@media (max-width: 1050px) {
  .nav { display:none; }
  .heroGrid { grid-template-columns:1fr .78fr; gap:45px; }
  .portraitCardTop { left:-28px; }
  .portraitCardBottom { right:-26px; }
  .valueGrid,.contactGrid { gap:55px; }
}

@media (max-width: 780px) {
  .container { width:min(calc(100% - 32px),var(--container)); }
  .header { height:66px; }
  .brand { min-width:0; }
  .brandText { display:none; }
  .homeLink { font-size:11px; }
  .hero { padding-top:48px; }
  .heroGrid { min-height:0; grid-template-columns:1fr; gap:30px; }
  .heroContent { padding-bottom:0; }
  h1 { font-size:clamp(42px,13vw,61px); }
  .heroIntro { font-size:15px; }
  .heroActions { align-items:stretch; }
  .button { width:100%; }
  .portraitArea { width:min(94%,420px); margin:0 auto; }
  .portraitFrame { width:100%; }
  .portraitCard { width:184px; }
  .portraitCardTop { left:0; top:25%; }
  .portraitCardBottom { right:0; }
  .trustStrip { width:100%; margin-top:38px; grid-template-columns:1fr; }
  .trustStrip>div { min-height:76px; padding:17px 24px; border-right:0; border-bottom:1px solid var(--border); }
  .trustStrip>div:last-child { border-bottom:0; }
  .section { padding:72px 0; }
  .sectionHead,.valueGrid { grid-template-columns:1fr; gap:25px; }
  .sectionHead { margin-bottom:30px; }
  .signalGrid,.valueCards,.steps { grid-template-columns:1fr; }
  .signalCard { grid-template-columns:42px 1fr; padding:20px; }
  .valueGrid { gap:38px; }
  .valueCards article { min-height:0; }
  .steps { gap:5px; }
  .step,.step:not(:first-child) { min-height:0; padding:20px 0 32px 64px; }
  .stepNumber { position:absolute; left:0; top:13px; margin:0; font-size:29px; }
  .stepLine { display:none; }
  .contactSection { padding:72px 0; }
  .footerTop { grid-template-columns:1fr; gap:28px; }
  .footerBrand .brandText { display:flex; }
  .footerBottom { flex-direction:column; gap:7px; }
}

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

html[lang="ru"] .lang-en { display:none!important; }
html[lang="en"] .lang-ru { display:none!important; }
h1 > .lang-ru, h1 > .lang-en { color:var(--navy); }
h1 em { display:block; color:var(--teal); font-style:normal; }
.trustStrip strong > span { margin:0; color:inherit; font:inherit; }