.site-footer {
  padding: 0;
  color: #7d8b95;
  background: #080b0e;
  border-top: 1px solid var(--line);
}
.footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 48px; padding: 58px 0 46px; }
.footer-brand-block p { max-width: 300px; margin: 20px 0 8px; color: #8d9ba5; font-size: 14px; }
.footer-since { color: var(--accent); font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; font-size: 13px; }
.footer-column strong { margin-bottom: 8px; color: #d7e0e6; font-size: 10px; letter-spacing: .14em; }
.footer-column a { color: #8d9ba5; }
.footer-column a:hover { color: #fff; }
.footer-contact a { overflow-wrap: anywhere; }
.footer-bottom { display: flex; justify-content: space-between; gap: 24px; padding: 19px 0 24px; border-top: 1px solid var(--line); color: #5f6c75; font-size: 11px; }
.delivery-hero .page-hero-inner { grid-template-columns: 1fr; max-width: 900px; }
.delivery-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.delivery-card { min-height: 280px; padding: 28px; border: 1px solid var(--line); background: linear-gradient(180deg, #0d1217, #090d10); }
.delivery-card.accent-card { border-color: rgba(255,122,26,.35); }
.delivery-card .card-id { display: block; margin-bottom: 72px; }
.delivery-card h2 { margin-bottom: 14px; font-size: 30px; letter-spacing: -.03em; }
.delivery-card p { max-width: 520px; margin-bottom: 0; color: #93a2ac; }
.delivery-note { margin-top: 22px; padding: 20px 22px; border-left: 2px solid var(--accent); background: rgba(255,122,26,.045); color: #9cabb5; }

.integration-section { background: radial-gradient(circle at 20% 30%, rgba(255,122,26,.045), transparent 28rem); }
.integration-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 54px; align-items: center; }
.integration-figure { margin: 0; border: 1px solid var(--line-bright); background: #06090c; overflow: hidden; }
.integration-figure img { display: block; width: 100%; height: auto; }
.integration-figure figcaption { display: none; }
.integration-copy h2 { font-size: clamp(38px, 4vw, 58px); line-height: 1.04; letter-spacing: -.045em; }
.integration-copy > p:not(.section-lead) { color: #95a4ae; }
.component-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 52px; }
.component-card { min-height: 210px; padding: 22px; border: 1px solid var(--line); background: #0b1014; }
.component-card > span { color: var(--accent); font-size: 10px; font-weight: 900; letter-spacing: .13em; }
.component-card h3 { margin: 50px 0 10px; font-size: 19px; line-height: 1.15; }
.component-card p { margin: 0; color: #83939e; font-size: 13px; }
.advantage-grid { grid-template-columns: repeat(4, 1fr); }
.advantage-grid .route-card { min-height: 310px; }
.automation-section { background: linear-gradient(180deg, rgba(255,255,255,.008), transparent); }
.automation-list { max-width: 940px; }
.history-more { margin-top: 26px; }

@media (max-width: 1100px) {
  .integration-grid { grid-template-columns: 1fr; }
  .component-grid, .advantage-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
}
@media (max-width: 620px) {
  .footer-grid, .delivery-grid, .component-grid, .advantage-grid { grid-template-columns: 1fr; }
  .footer-grid { padding: 44px 0 34px; }
  .footer-bottom { flex-direction: column; gap: 6px; }
  .integration-grid { gap: 30px; }
  .component-card { min-height: auto; }
  .component-card h3 { margin-top: 30px; }
}

/* Visual v2.1 — tactical / industrial preview. */
:root {
  --bg: #070909;
  --bg-soft: #0a0e0d;
  --panel: #0d1210;
  --line: #252d29;
  --line-bright: #3a4740;
  --text: #f1f3f1;
  --muted: #99a49e;
  --accent: #ff7618;
  --accent-2: #ff9a38;
  --brand-red: #ed2f27;
  --tactical: #84906c;
  --tactical-dim: #59614d;
  --cyan: #7bcbd1;
  --max: 1220px;
}

body {
  background:
    radial-gradient(ellipse at 12% 10%, rgba(111,124,83,.105), transparent 34rem),
    radial-gradient(ellipse at 88% 64%, rgba(72,84,61,.075), transparent 36rem),
    repeating-linear-gradient(135deg, rgba(132,144,108,.022) 0 1px, transparent 1px 74px),
    linear-gradient(180deg, #080a0a 0%, #070909 46%, #080a09 100%);
  color: var(--text);
}

.site-header {
  border-bottom-color: rgba(136,151,116,.16);
  background: rgba(6,8,8,.91);
  box-shadow: inset 0 1px rgba(255,255,255,.025), 0 10px 40px rgba(0,0,0,.22);
  backdrop-filter: blur(18px) saturate(115%);
}
.nav { height: 78px; }

/* Modernized DELTA Professional wordmark based on the legacy identity. */
.brand {
  position: relative;
  display: grid;
  grid-template-columns: 40px auto;
  grid-template-rows: 18px 10px;
  column-gap: 10px;
  row-gap: 1px;
  align-items: center;
  min-height: 38px;
  letter-spacing: .075em;
  line-height: 1;
}
.brand-mark {
  position: relative;
  grid-row: 1 / 3;
  width: 38px;
  height: 34px;
  padding: 0;
  color: transparent;
  background: transparent;
  clip-path: none;
  overflow: hidden;
}
.brand-mark::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 1px;
  width: 22px;
  height: 22px;
  border: 6px solid var(--brand-red);
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  transform: rotate(45deg);
}
.brand-mark::after {
  content: "";
  position: absolute;
  left: 1px;
  bottom: 4px;
  width: 34px;
  height: 5px;
  background: var(--brand-red);
  transform: skewX(-27deg);
  transform-origin: left center;
}
.brand > span:last-child {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  color: #f0f2f0;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: .08em;
}
.brand > span:last-child::after {
  content: "PROFESSIONAL";
  display: block;
  margin-top: 4px;
  color: #8d9791;
  font-size: 7px;
  font-weight: 750;
  letter-spacing: .14em;
}

.nav-links {
  gap: 30px;
  color: #aeb7b1;
  font-size: 13px;
  font-weight: 620;
}
.nav-links a { transition: color .18s ease; }
.nav-links a:hover { color: #dfe4df; }
.nav-links a.active { color: #fff; }
.nav-links a.active::after {
  bottom: -28px;
  height: 2px;
  background: linear-gradient(90deg, var(--brand-red), var(--accent));
}

.btn {
  min-height: 46px;
  font-size: 13px;
  letter-spacing: .015em;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}
.btn-small { min-height: 38px; }
.btn-primary {
  background: linear-gradient(135deg, #ff7b1b, #ef6812);
  color: #11120f;
  box-shadow: inset 0 1px rgba(255,255,255,.18);
}
.btn-primary:hover { background: linear-gradient(135deg, #ff963d, #ff7618); }
.btn-outline, .btn-ghost {
  background: rgba(10,14,12,.42);
  border-color: #39453f;
}
.btn-outline:hover, .btn-ghost:hover {
  border-color: #74806d;
  background: rgba(112,124,92,.08);
}

.hero, .page-hero {
  background:
    radial-gradient(ellipse at 76% 18%, rgba(124,137,98,.075), transparent 29rem),
    linear-gradient(120deg, rgba(255,255,255,.012), transparent 44%);
  border-bottom-color: rgba(119,132,102,.18);
}
.hero-grid {
  opacity: .22;
  background-image:
    linear-gradient(rgba(120,136,111,.13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120,136,111,.13) 1px, transparent 1px),
    repeating-linear-gradient(135deg, transparent 0 103px, rgba(126,140,106,.07) 103px 104px);
  background-size: 64px 64px, 64px 64px, 100% 100%;
  mask-image: linear-gradient(to bottom, black 0%, rgba(0,0,0,.76) 55%, transparent 94%);
}
.hero-inner, .page-hero-inner {
  gap: 64px;
  min-height: 720px;
  padding: 86px 0 94px;
}
.page-hero-inner { min-height: 620px; }

.eyebrow, .section-kicker {
  color: #a5b0a8;
  font-size: 11px;
  letter-spacing: .18em;
}
.section-kicker { color: #e98542; }
.dot {
  width: 6px;
  height: 6px;
  background: var(--brand-red);
  box-shadow: 0 0 14px rgba(237,47,39,.65);
}
h1 {
  max-width: 800px;
  font-size: clamp(46px, 5.7vw, 78px);
  line-height: .985;
  letter-spacing: -.05em;
  font-weight: 860;
}
.section h2, .contact h2,
.integration-copy h2 {
  font-size: clamp(34px, 3.55vw, 54px);
  line-height: 1.045;
  letter-spacing: -.04em;
  font-weight: 825;
}
.hero-lead { color: #b5beb8; font-size: 17px; }
.section-lead, .section-heading p { color: #a7b1ab; font-size: 16px; }

.hero-meta {
  margin-top: 58px;
  border-top-color: rgba(124,137,106,.23);
}
.hero-meta strong { color: #dfe4df; }
.hero-meta span { color: #78847c; }

.system-card,
.product-panel,
.card,
.route-card,
.download-card,
.split-column,
.delivery-card,
.component-card {
  border-color: #2c3631;
  background: linear-gradient(180deg, rgba(16,21,18,.97), rgba(8,11,10,.98));
  box-shadow: inset 0 1px rgba(255,255,255,.022), 0 20px 60px rgba(0,0,0,.13);
}
.system-card {
  border-color: #3b4841;
  box-shadow: inset 0 1px rgba(255,255,255,.025), 0 28px 90px rgba(0,0,0,.30);
}
.system-card-head, .system-footer {
  color: #89968e;
  border-color: #29322e;
  background: rgba(116,128,96,.025);
}
.node {
  border-color: #2c3731;
  background: #0c110f;
}
.node-main { border-color: rgba(255,118,24,.42); }
.node-machine { border-color: rgba(123,203,209,.28); }
.flow span { background: #303b35; }
.flow b, .node small { color: #77847c; }

.section {
  padding: 96px 0;
  border-bottom-color: rgba(113,126,100,.17);
}
.section-heading { margin-bottom: 44px; gap: 58px; }

.product-panel {
  min-height: 500px;
  background:
    linear-gradient(135deg, rgba(115,126,94,.09), transparent 42%),
    linear-gradient(180deg, #101512, #0a0e0c);
}
.big-number { -webkit-text-stroke-color: #3a463f; opacity: .82; }
.panel-lines, .panel-lines div, .feature-list, .feature-list > div { border-color: #29322e; }
.feature-list p { color: #87938c; }

.card {
  min-height: 238px;
  background: #0a0e0d;
}
.card:hover {
  border-color: #4e5d52;
  background: linear-gradient(180deg, #101611, #0b0f0d);
  transform: translateY(-2px);
}
.card h3 { margin-top: 62px; }

.route-card, .download-card, .delivery-card {
  background:
    linear-gradient(180deg, rgba(121,134,101,.025), transparent 34%),
    linear-gradient(180deg, #0e1311, #090c0b);
}
.route-card { transition: border-color .18s ease, background .18s ease, transform .18s ease; }
a.route-card:hover {
  border-color: #536157;
  background: linear-gradient(180deg, #121813, #0b0f0d);
  transform: translateY(-2px);
}
.accent-card,
.accent-column,
.delivery-card.accent-card {
  border-color: rgba(255,118,24,.32);
  background:
    linear-gradient(135deg, rgba(255,118,24,.075), transparent 48%),
    linear-gradient(180deg, #101411, #090c0b);
}

.history-strip { border-color: #303a34; }
.history-step {
  border-color: #2a332e;
  background: rgba(10,14,12,.88);
}
.history-step strong { margin-top: 52px; }

.evidence-section,
.automation-section,
.integration-section {
  background:
    radial-gradient(ellipse at 18% 30%, rgba(110,123,87,.048), transparent 28rem),
    rgba(255,255,255,.004);
}
.integration-figure {
  border-color: #39463f;
  background: #050807;
  box-shadow: 0 24px 80px rgba(0,0,0,.22);
}
.component-card { background: rgba(10,14,12,.92); }

.contact {
  padding: 88px 0;
  background:
    linear-gradient(90deg, rgba(105,118,83,.055), transparent 34%),
    #090d0b;
  border-color: rgba(120,134,105,.18);
}

.site-footer {
  background:
    linear-gradient(180deg, rgba(103,116,82,.025), transparent 45%),
    #070909;
  border-top-color: rgba(129,143,110,.17);
}
.footer-grid { padding-top: 52px; }
.footer-column strong { color: #cbd2cd; }
.footer-column a { color: #818d85; }
.footer-column a:hover { color: #f2f4f2; }
.footer-bottom { border-color: #242c28; color: #606b64; }
.footer-since { color: #d8793f; }

@media (max-width: 900px) {
  .nav { height: 72px; }
  .hero-inner, .page-hero-inner { padding: 72px 0 80px; }
  h1 { font-size: clamp(44px, 8vw, 68px); }
  .section h2, .contact h2, .integration-copy h2 { font-size: clamp(34px, 6.2vw, 48px); }
}

@media (max-width: 620px) {
  .nav { height: 68px; }
  .brand { grid-template-columns: 34px auto; column-gap: 8px; }
  .brand-mark { width: 32px; height: 30px; }
  .brand-mark::before { left: 6px; width: 18px; height: 18px; border-width: 5px; }
  .brand-mark::after { width: 29px; height: 4px; }
  .brand > span:last-child { font-size: 15px; }
  .brand > span:last-child::after { font-size: 6px; }
  .hero-inner, .page-hero-inner { padding: 62px 0 68px; }
  h1 { font-size: clamp(40px, 12vw, 56px); }
  .section { padding: 72px 0; }
  .section h2, .contact h2, .integration-copy h2 { font-size: clamp(32px, 9.5vw, 43px); }
  .section-heading { margin-bottom: 36px; }
}