@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url('/xpage/fonts/cormorant-garamond-v21-cyrillic_latin-regular.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 400; font-display: swap; src: url('/xpage/fonts/cormorant-garamond-v21-cyrillic_latin-italic.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url('/xpage/fonts/cormorant-garamond-v21-cyrillic_latin-500.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 500; font-display: swap; src: url('/xpage/fonts/cormorant-garamond-v21-cyrillic_latin-500italic.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url('/xpage/fonts/cormorant-garamond-v21-cyrillic_latin-600.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 600; font-display: swap; src: url('/xpage/fonts/cormorant-garamond-v21-cyrillic_latin-600italic.woff2') format('woff2'); }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 300; font-display: swap; src: url('/xpage/fonts/inter-tight-v9-cyrillic_latin-300.woff2') format('woff2'); }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 400; font-display: swap; src: url('/xpage/fonts/inter-tight-v9-cyrillic_latin-regular.woff2') format('woff2'); }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 500; font-display: swap; src: url('/xpage/fonts/inter-tight-v9-cyrillic_latin-500.woff2') format('woff2'); }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 600; font-display: swap; src: url('/xpage/fonts/inter-tight-v9-cyrillic_latin-600.woff2') format('woff2'); }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 700; font-display: swap; src: url('/xpage/fonts/inter-tight-v9-cyrillic_latin-700.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('/xpage/fonts/jetbrains-mono-v24-cyrillic_latin-regular.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url('/xpage/fonts/jetbrains-mono-v24-cyrillic_latin-500.woff2') format('woff2'); }

.ng-guarantee {
  --bg: #f6f2ed;
  --bg-card: #fdfbf7;
  --bg-deep: #1a1613;
  --ink: #1a1613;
  --ink-2: #3a342e;
  --ink-4: #9a9187;
  --rule: #e4ddd1;
  --rule-strong: #d6ccbd;
  --accent: oklch(0.58 0.11 25);
  --accent-2: oklch(0.52 0.12 25);
  --accent-tint: oklch(0.97 0.012 30);
  --gold: oklch(0.84 0.09 45);
  --gold-2: oklch(0.86 0.1 45);
  --serif: 'Cormorant Garamond', 'Times New Roman', serif;
  --sans: 'Inter Tight', -apple-system, BlinkMacSystemFont, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;
  --r-md: 10px;
  --r-lg: 14px;
  --t: 0.24s cubic-bezier(.2,.7,.2,1);
  --shadow-soft: 0 10px 28px -12px rgba(60, 40, 18, 0.30), 0 4px 10px -6px rgba(60, 40, 18, 0.18);
  --shadow-card: 0 22px 48px -18px rgba(60, 40, 18, 0.40), 0 8px 18px -8px rgba(60, 40, 18, 0.24);

  font-family: var(--sans);
  font-size: 14px;
  line-height: 1.55;
  color: var(--ink-2);
  max-width: 1320px;
  margin: 0 auto;
  padding: 28px 28px 80px;
  box-sizing: border-box;
  background: transparent;
}

.ng-guarantee *, .ng-guarantee *::before, .ng-guarantee *::after { box-sizing: border-box; }
.ng-guarantee a { color: inherit; text-decoration: none; }
.ng-guarantee em { font-style: italic; }
.ng-guarantee img, .ng-guarantee svg { display: block; max-width: 100%; }

.ng-guarantee .ic {
  width: 22px; height: 22px; stroke: var(--ink); fill: none;
  stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;
  flex-shrink: 0;
}

/* hero */
.ng-guarantee .vc_hero {
  background: var(--bg-deep); color: #fdfbf7;
  padding: 60px 48px 32px; position: relative; text-align: center;
  border-radius: var(--r-lg); overflow: hidden;
  box-shadow: var(--shadow-card);
}
.ng-guarantee .vc_hero::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
}
.ng-guarantee .vc_hero::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse 55% 70% at 50% 8%, oklch(0.5 0.08 50 / 0.22), transparent 70%);
}
.ng-guarantee .vc_hero_inner { position: relative; max-width: 760px; margin: 0 auto; }
.ng-guarantee .vc_hero .badge {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.22em;
  text-transform: uppercase; padding: 8px 16px; border-radius: 999px;
  background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.16);
  color: var(--gold); margin-bottom: 22px; font-weight: 300;
}
.ng-guarantee .vc_hero .badge .dot { width: 6px; height: 6px; border-radius: 50%; background: oklch(0.7 0.12 45); }
.ng-guarantee .vc_hero h1 {
  font-family: var(--serif); font-weight: 500;
  font-size: clamp(38px, 4.6vw, 60px); line-height: 1.08;
  letter-spacing: -0.015em; color: #fdfbf7; margin-bottom: 18px;
}
.ng-guarantee .vc_hero h1 em { font-style: italic; color: var(--gold-2); font-weight: 400; }
.ng-guarantee .vc_hero .sub {
  font-family: var(--serif); font-style: italic;
  font-size: clamp(18px, 1.7vw, 21px); color: rgba(255,255,255,0.72);
  line-height: 1.45; max-width: 600px; margin: 0 auto 28px;
}
.ng-guarantee .vc_hero .divider { width: 48px; height: 1px; background: var(--accent); margin: 0 auto; }

/* blocks */
.ng-guarantee .vd_body { padding: 20px 32px 0; }
.ng-guarantee .vd_blocks { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; margin-top: 24px; }
.ng-guarantee .vd_block {
  background: var(--bg-card); border: 1px solid var(--rule);
  border-radius: var(--r-md); padding: 28px;
  display: flex; flex-direction: column; position: relative; overflow: hidden;
  text-align: left; box-shadow: var(--shadow-soft);
}
.ng-guarantee .vd_block::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
}
.ng-guarantee .vd_block .hd {
  display: flex; align-items: center; gap: 14px; margin-bottom: 16px;
  padding-bottom: 14px; border-bottom: 1px solid var(--rule);
}
.ng-guarantee .vd_block .hd > div { flex: 1; min-width: 0; }
.ng-guarantee .vd_block .ic-w {
  width: 48px; height: 48px; background: var(--accent-tint);
  border: 1px solid var(--rule); border-radius: 10px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.ng-guarantee .vd_block .ic-w .ic { width: 24px; height: 24px; stroke: var(--accent-2); }
.ng-guarantee .vd_block .hd .lbl {
  font-family: var(--mono); font-size: 10px; letter-spacing: 0.18em;
  color: var(--ink-4); text-transform: uppercase; display: block;
}
.ng-guarantee .vd_block .hd h3 {
  font-family: var(--serif); font-weight: 500; font-size: 23px;
  color: var(--ink); letter-spacing: -0.01em; line-height: 1.1;
}
.ng-guarantee .vd_block .hd h3 em { font-style: italic; color: var(--accent-2); font-weight: 400; }
.ng-guarantee .vd_block p { font-family: var(--serif); font-size: 16px; color: var(--ink-2); line-height: 1.55; }
.ng-guarantee .vd_block p strong { color: var(--ink); font-weight: 600; }
.ng-guarantee .vd_block p a { color: var(--accent-2); border-bottom: 1px solid var(--rule-strong); }
.ng-guarantee .vd_block.span6 { grid-column: span 6; }
.ng-guarantee .vd_block.span3 { grid-column: span 3; }
.ng-guarantee .vd_block.span2 { grid-column: span 2; }
.ng-guarantee .vd_block.is-dark {
  background: var(--bg-deep);
  display: grid; grid-template-columns: auto 1fr; gap: 24px; align-items: center;
  box-shadow: var(--shadow-card);
}
.ng-guarantee .vd_block.is-dark::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse 40% 120% at 8% 0%, oklch(0.5 0.08 50 / 0.2), transparent 70%);
}
.ng-guarantee .vd_block.is-dark .num {
  font-family: var(--serif); font-weight: 500; font-size: 96px; line-height: 1;
  color: var(--gold); letter-spacing: -0.03em; position: relative; z-index: 1;
  font-variant-numeric: lining-nums;
}
.ng-guarantee .vd_block.is-dark .unit {
  font-family: var(--mono); font-size: 10px; letter-spacing: 0.2em; color: var(--gold-2);
  text-transform: uppercase; margin-bottom: 8px; position: relative; z-index: 1;
}
.ng-guarantee .vd_block.is-dark h3 {
  font-family: var(--serif); font-weight: 500; font-size: 24px; color: #fdfbf7;
  letter-spacing: -0.01em; line-height: 1.2; position: relative; z-index: 1;
}
.ng-guarantee .vd_block.is-dark h3 em { font-style: italic; color: var(--gold-2); font-weight: 400; }
.ng-guarantee .vd_block.is-dark p { color: rgba(255,255,255,0.72); position: relative; z-index: 1; margin-top: 6px; }

/* link row */
.ng-guarantee .link-row a {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em;
  color: var(--ink); text-transform: uppercase;
  padding: 14px 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
  width: 100%; transition: color var(--t);
}
.ng-guarantee .link-row a:hover { color: var(--accent); }
.ng-guarantee .link-row a .arr { color: var(--accent-2); }

/* CTA */
.ng-guarantee .cta-btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 15px 28px; background: var(--ink); color: #fff;
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em;
  text-transform: uppercase; border-radius: 999px; transition: background var(--t);
}
.ng-guarantee .cta-btn:hover { background: var(--accent-2); }
.ng-guarantee .cta-strip {
  margin-top: 44px; padding: 28px 32px;
  background: var(--bg-card); border: 1px solid var(--rule);
  border-radius: var(--r-md); display: grid; grid-template-columns: 1fr auto;
  gap: 24px; align-items: center; position: relative; overflow: hidden;
  box-shadow: var(--shadow-soft);
}
.ng-guarantee .cta-strip::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
}
.ng-guarantee .cta-strip .lead {
  font-family: var(--serif); font-style: italic; font-weight: 500;
  font-size: clamp(20px, 2vw, 24px); color: var(--ink);
  line-height: 1.3; letter-spacing: -0.005em; text-wrap: balance;
}
.ng-guarantee .cta-strip .lead em { color: var(--accent-2); }
.ng-guarantee .cta-strip .meta {
  font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em;
  color: var(--ink-4); text-transform: uppercase; margin-top: 6px;
}

/* responsive */
@media (max-width: 880px) {
  .ng-guarantee .vd_blocks { grid-template-columns: 1fr; }
  .ng-guarantee .vd_block.span6,
  .ng-guarantee .vd_block.span3,
  .ng-guarantee .vd_block.span2 { grid-column: span 1; }
  .ng-guarantee .vd_block.is-dark { grid-template-columns: 1fr; }
  .ng-guarantee .vc_hero { padding: 36px 16px 28px; }
  .ng-guarantee .vd_body { padding: 16px 0 0; }
  .ng-guarantee .cta-strip { grid-template-columns: 1fr; padding: 20px 16px; }
  .ng-guarantee .cta-strip .cta-btn { justify-self: start; }
}
@media (max-width: 560px) {
  .ng-guarantee { padding: 0 16px 48px; }
  .ng-guarantee .vc_hero h1 { font-size: 34px; }
}