:root{
  --bg:#070a08;
  --panel:#0b0f0c;
  --ink:#e8f6ee;
  --muted:#a7c7b5;
  --brand:#00ff88;
  --brand-2:#00ffaa;
  --line:rgba(0,0,0,.35);
  --shadow:0 10px 28px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.02);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--ink);
  background:var(--bg);
  line-height:1.6;
}
a{color:var(--brand); text-decoration:none}
a:hover{opacity:.9}
.container{width:min(1200px, 92vw); margin-inline:auto; position:relative; z-index:2}
header.site-header{
  position:sticky; top:0; z-index:5;
  background:linear-gradient(180deg, rgba(7,10,8,.9), rgba(7,10,8,.65) 70%, transparent);
  backdrop-filter:saturate(1.2) blur(8px);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.nav{
  display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0;
}
.brand{display:flex; align-items:center; gap:12px}
.brand img{height:48px}
.brand span{font-weight:700; letter-spacing:.5px}
.nav ul{display:flex; gap:18px; list-style:none; padding:0; margin:0}
.nav a{
  padding:10px 14px; border-radius:12px;
  color:var(--ink);
}
.nav a.active, .nav a:hover{
  background:linear-gradient(180deg, rgba(0,255,136,.14), rgba(0,255,136,.06));
  border:1px solid rgba(0,255,136,.35);
}
.cta{
  display:inline-flex; align-items:center; gap:10px;
  padding:12px 16px; border-radius:14px;
  background:linear-gradient(180deg, #00ff88, #00ffaa);
  color:#053220; font-weight:700; border:none; cursor:pointer; box-shadow:var(--shadow);
}
.hero{
  position:relative; padding:100px 0 72px;
}
.hero h1{
  font-size: clamp(32px, 4.8vw, 56px);
  line-height:1.1; margin:0 0 18px;
  letter-spacing:.4px;
  text-shadow:0 6px 24px rgba(0,0,0,.45);
}
.hero p{font-size:clamp(16px, 2.2vw, 20px); color:var(--muted); max-width:860px}
.badges{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px}
.badge{
  font-size:14px; padding:6px 10px; border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.section{padding:56px 0}
.section header{margin-bottom:18px}
.section h2{font-size:28px; margin:0 0 8px}
.grid{
  display:grid; gap:18px;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
}
.card{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px; padding:18px; box-shadow:var(--shadow);
}
.card h3{margin:0 0 8px; font-size:20px}
.card p{margin:0 0 10px; color:var(--muted)}
.card ul{margin:8px 0 0 18px}
.card li{margin:6px 0}
.kpis{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
.kpis .kpi{padding:18px; text-align:center; border-radius:16px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08)}
.kpi b{display:block; font-size:28px}
.process{display:grid; gap:14px; grid-template-columns:repeat(auto-fit, minmax(220px,1fr))}
.step{padding:16px; border-radius:16px; border:1px dashed rgba(0,255,136,.35); background:rgba(0,255,136,.03)}
.step b{display:block}
footer{
  margin-top:40px; padding:28px 0;
  border-top:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(7,10,8,.1), rgba(7,10,8,.24));
}
footer .cols{display:grid; gap:18px; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr))}
footer small{color:var(--muted)}
.hero-cta{display:flex; gap:12px; margin-top:22px; flex-wrap:wrap}
.btn-outline{
  padding:12px 16px; border-radius:14px; background:transparent;
  color:var(--brand); border:1px solid rgba(0,255,136,.35); font-weight:600; cursor:pointer;
}
#matrix{
  position:fixed; inset:0; z-index:0; background:#000;
  opacity:.16; mix-blend-mode:screen;
}
.gradient-overlay{
  position:fixed; inset:0; z-index:1;
  background:radial-gradient(1000px 400px at 20% -10%, rgba(0,255,136,.18), transparent),
             radial-gradient(800px 300px at 80% 0%, rgba(0,255,200,.12), transparent);
  pointer-events:none;
}
.page-header{padding:64px 0 18px; border-bottom:1px solid rgba(255,255,255,.06); margin-bottom:18px}
.page-header h1{margin:0; font-size:42px}
.lead{color:var(--muted); max-width:900px}
.table{width:100%; border-collapse:collapse}
.table th,.table td{padding:12px 10px; border-bottom:1px solid rgba(255,255,255,.06); text-align:left}
.notice{
  padding:14px 16px; border-radius:12px; border:1px solid rgba(0,255,136,.35); background:rgba(0,255,136,.06)
}
.form{
  display:grid; gap:12px; max-width:720px
}
.input, textarea{
  width:100%; padding:12px 14px; border-radius:12px;
  background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.12);
  color:var(--ink)
}
textarea{min-height:140px}
.form .row{display:grid; gap:12px; grid-template-columns:repeat(2, 1fr)}
@media (max-width:700px){ .kpis{grid-template-columns:1fr} .form .row{grid-template-columns:1fr} .brand img{height:40px} }

/* --- Pro additions --- */
.img-card{border-radius:18px; overflow:hidden; border:1px solid rgba(255,255,255,.08); box-shadow:var(--shadow)}
.img-card img{display:block; width:100%; height:auto}
.two-col{display:grid; gap:24px; grid-template-columns: 1.2fr .8fr}
@media (max-width:900px){ .two-col{grid-template-columns:1fr} }
.testimonials{display:grid; gap:18px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.quote{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); padding:18px; border-radius:16px}
.quote b{display:block; margin-bottom:6px}
.partners{padding:12px; border-radius:16px; background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.08)}
.accordion .item{border:1px solid rgba(255,255,255,.08); border-radius:14px; margin:10px 0; overflow:hidden}
.accordion summary{cursor:pointer; list-style:none; padding:14px; background:rgba(255,255,255,.03); font-weight:600}
.accordion summary::-webkit-details-marker{display:none}
.accordion .content{padding:14px; color:var(--muted); border-top:1px solid rgba(255,255,255,.06)}
.reveal{opacity:0; transform:translateY(16px); transition:.6s ease}
.reveal.show{opacity:1; transform:none}
.stat-grid{display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.stat{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:16px; text-align:center}
.stat .num{font-size:32px; font-weight:800}
.fab-wa{position:fixed; right:18px; bottom:18px; z-index:6}
.fab-wa a{display:inline-flex; padding:12px 14px; border-radius:999px; background:#25D366; color:#041c10; font-weight:800; box-shadow:var(--shadow)}
.badge.ok{border-color:rgba(0,255,136,.55); background:rgba(0,255,136,.1)}
.chips{display:flex; gap:10px; flex-wrap:wrap}
.chip{padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); font-size:14px}
.pricing{display:grid; gap:18px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.tier{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); border:1px solid rgba(255,255,255,.08); border-radius:18px; padding:18px}
.tier h3{margin:0 0 6px}
.tier .price{font-size:28px; font-weight:800}
.timeline{border-left:2px dashed rgba(255,255,255,.12); padding-left:14px}
.timeline .t{margin-bottom:10px}
.timeline .t b{display:block}

/* --- Hero code terminal card --- */
.term{
  background: radial-gradient(800px 260px at 80% -10%, rgba(0,255,136,.14), transparent), #0b0f0c;
  border:1px solid rgba(0,255,136,.35);
  border-radius:16px; overflow:hidden;
}
.term .title{
  display:flex; align-items:center; gap:8px;
  padding:10px 14px; border-bottom:1px solid rgba(0,255,136,.25);
  background:linear-gradient(180deg, rgba(0,255,136,.08), rgba(0,255,136,.03));
  font-weight:700; letter-spacing:.3px; color:#9ef6cf;
}
.term .dots{display:flex; gap:6px; margin-right:auto}
.term .dot{width:10px; height:10px; border-radius:50%; background:#2fe294; opacity:.9}
.term .dot:nth-child(2){background:#23c97f}
.term .dot:nth-child(3){background:#18ae6e}
.term pre{
  margin:0; padding:16px; height:320px; overflow:auto; line-height:1.6; font-size:14px;
  color:#dff7ed; text-shadow: 0 0 6px rgba(0,255,160,.18);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.k{color:#79ffb0; font-weight:700}
.s{color:#a7ffd8}
.c{color:#7bd3a2; opacity:.85}
.n{color:#c5ffe8}
.cursor{display:inline-block; width:10px; height:1.2em; background:#79ffb0; margin-left:2px; animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@media (max-width:900px){ .term pre{height:240px} }

/* WHY section */
.why .why-head{margin-bottom:18px}
.why-grid{
  display:grid; gap:18px;
  grid-template-columns:repeat(4, minmax(220px, 1fr));
}
@media (max-width:1100px){ .why-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){ .why-grid{grid-template-columns:1fr} }

.why-card{
  position:relative;
  padding:18px; border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow);
  overflow:hidden;
  transition:transform .25s ease, border-color .25s ease, background .25s ease;
}
.why-card:hover{
  transform:translateY(-4px);
  border-color:rgba(0,255,136,.35);
  background:linear-gradient(180deg, rgba(0,255,136,.09), rgba(255,255,255,.03));
}
.why-ico{
  width:44px; height:44px; border-radius:12px;
  display:grid; place-items:center; margin-bottom:10px;
  color:#0f3; background:rgba(0,255,136,.08); border:1px solid rgba(0,255,136,.25);
}
.why-card h3{margin:0 0 6px}
.why-card p{margin:0 0 10px; color:var(--muted)}
.why-card .more{
  font-size:13px; color:var(--brand);
  border-bottom:1px dashed rgba(0,255,136,.45);
  width:max-content
}

/* proof row */
.why-proof{
  display:flex; gap:18px; align-items:center; justify-content:space-between;
  margin-top:18px; flex-wrap:wrap
}
.why-logos{display:flex; gap:10px; align-items:center; color:var(--muted)}
.logo-pill{
  padding:6px 10px; border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04); font-style:normal
}

/* comparison */
.why-compare{margin-top:12px}
.why-cta{margin-top:16px; text-align:right}


/* Equal project card visuals */
.card-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 220px;
  overflow: hidden;
  border-radius: 14px;
  margin-bottom: 14px;
}
.card-visual img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}


/* Services */
.services-grid{
  display:grid; gap:18px;
  grid-template-columns:repeat(3, minmax(220px,1fr));
}
@media (max-width:1100px){ .services-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){ .services-grid{grid-template-columns:1fr} }

.service-card{
  padding:18px; border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow);
  transition:transform .25s ease, border-color .25s ease, background .25s ease;
}
.service-card:hover{
  transform:translateY(-4px);
  border-color:rgba(0,255,136,.35);
  background:linear-gradient(180deg, rgba(0,255,136,.09), rgba(255,255,255,.03));
}
.svc-ico{
  width:42px; height:42px; border-radius:12px;
  display:grid; place-items:center; margin-bottom:8px;
  color:#0f3; background:rgba(0,255,136,.08); border:1px solid rgba(0,255,136,.25);
}
.service-card h3{margin:0 0 6px}
.service-card p{margin:0; color:var(--muted)}


/* Services (clean 3x2) */
.services-head { margin-bottom: 12px; }
.services-grid{
  display:grid; gap:18px;
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  align-items: stretch;
}
@media (max-width:1100px){ .services-grid{grid-template-columns:repeat(2, minmax(260px,1fr));} }
@media (max-width:640px){ .services-grid{grid-template-columns:1fr;} }
.service-card{
  padding:18px; border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
}
.svc-ico{
  width:42px; height:42px; border-radius:12px;
  display:grid; place-items:center; margin-bottom:8px;
  color:#0f3; background:rgba(0,255,136,.08); border:1px solid rgba(0,255,136,.25);
}
.service-card h3{ margin:0 0 6px; }
.service-card p{ margin:0; color:var(--muted); }


/* Service illustrations */
.service-card{ position:relative; overflow:hidden; }
.service-card .svc-ill{
  position:absolute; right:-6px; bottom:-6px;
  width:140px; height:auto; opacity:.20;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.35));
  pointer-events:none; user-select:none;
  transition: transform .25s ease, opacity .25s ease;
}
.service-card:hover .svc-ill{ transform: scale(1.04); opacity:.30; }


/* --- Google-style testimonials --- */
.reviews-grid{
  display:grid; gap:18px;
  grid-template-columns:repeat(3, minmax(280px,1fr));
}
@media (max-width:1100px){ .reviews-grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .reviews-grid{ grid-template-columns:1fr;} }

.review-card{
  display:flex; gap:14px; align-items:flex-start;
  padding:16px; border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
}
.review-avatar{
  width:48px; height:48px; border-radius:50%; flex:0 0 48px;
  object-fit:cover; border:2px solid rgba(0,255,136,.6);
  box-shadow:0 6px 16px rgba(0,0,0,.35);
  background:#0a1;
}
.review-body{ flex:1; min-width:0; }
.review-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:4px; }
.review-name{ font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.review-stars{ display:flex; gap:2px; color:#00ff88; opacity:.95; }
.review-stars .star{ width:18px; height:18px; }
blockquote{ margin:0 0 4px 0; font-style:italic; }
.review-card p{ margin:0; color:var(--muted); }


/* same as homepage CTA text color */
}

/* Primary buttons (links and buttons) */
a.cta, .cta,
.ai-btn, a.ai-chip,
.btn, .btn-primary,
button.cta, input[type=submit].cta, input[type=button].cta {
  background: linear-gradient(180deg, var(--btn-start), var(--btn-end)) !important;
  color: var(--btn-on) !important;
  border: none !important;
  box-shadow: var(--shadow) !important;
}

/* Secondary / outline style */
.btn-outline, .ai-btn.secondary, .btn-secondary, .btn-outline-secondary {
  background: transparent !important;
  color: var(--btn-start) !important;
  border: 1px solid rgba(0,255,136,.35) !important;
  box-shadow: none !important;
}

/* Hover/focus states keep same palette */
a.cta:hover, .cta:hover,
.ai-btn:hover, a.ai-chip:hover,
.btn:hover, .btn-primary:hover,
a.cta:focus, .cta:focus,
.ai-btn:focus, a.ai-chip:focus,
.btn:focus, .btn-primary:focus {
  filter: brightness(1.02);
  transform: translateY(-1px);
}

.btn-outline:hover, .ai-btn.secondary:hover,
.btn-outline:focus, .ai-btn.secondary:focus {
  background: rgba(0,255,136,.08) !important;
}

/* Ensure chips/ai-chip look like primary button */
a.ai-chip{ display:inline-flex; align-items:center; gap:8px; padding:12px 16px; border-radius:14px; text-decoration:none; }


/* === Global Button Colors: Force match homepage CTA === */
a.cta, .cta,
.ai-btn, a.ai-chip,
button, .btn, .btn-primary,
input[type=submit], input[type=button] {
  background: linear-gradient(180deg, #00ff88, #00ffaa) !important;
  color: #053220 !important;
  border: none !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  box-shadow: var(--shadow) !important;
  text-decoration: none !important;
}

.ai-btn.secondary, .btn-outline, .btn-secondary {
  background: transparent !important;
  color: #00ff88 !important;
  border: 1px solid rgba(0,255,136,.35) !important;
  box-shadow: none !important;
}

a.cta:hover, .cta:hover,
.ai-btn:hover, a.ai-chip:hover,
button:hover, .btn:hover, .btn-primary:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}


/* === Patch v9: FORCE right-side form buttons to homepage palette === */
:root{ --cta-start:#00ff88; --cta-end:#00ffaa; --cta-ink:#053220; }

/* Primary */
aside.ai-right .ai-btn,
.ai-right .ai-actions .ai-btn:not(.secondary){
  background: linear-gradient(180deg, var(--cta-start), var(--cta-end)) !important;
  color: var(--cta-ink) !important;
  border: none !important;
  box-shadow: var(--shadow) !important;
  -webkit-appearance: none; appearance: none;
}

/* Secondary */
aside.ai-right .ai-btn.secondary{
  background: transparent !important;
  color: var(--cta-start) !important;
  border: 1px solid rgba(0,255,136,.35) !important;
  box-shadow: none !important;
}

/* Match radius/padding to homepage CTA */
aside.ai-right .ai-btn{ border-radius:14px !important; padding:12px 16px !important; font-weight:700 !important; }


/* === Patch v10: unify AI chip and Teklif Al button across all pages === */
a.ai-chip, .ai-btn, .cta, header .site-header .btn-quote, header .site-header .btn-quote a {
  background: linear-gradient(180deg, #00ff88, #00ffaa) !important;
  color: #053220 !important;
  border:none !important;
  box-shadow: var(--shadow) !important;
  font-weight:700 !important;
}
a.ai-chip{ border-radius:14px !important; padding:12px 16px !important; display:inline-flex; align-items:center; gap:8px; text-decoration:none; }
a.ai-chip .blink-arrow{ color:#053220 !important; }


/* === Patch v10: unify ALL buttons (header CTA + ai-chip) === */
.site-header a.cta, header .cta {
  background: linear-gradient(180deg, #00ff88, #00ffaa) !important;
  color: #053220 !important;
  border: none !important;
  box-shadow: var(--shadow) !important;
}

.ai-chip, .ai-left .ai-chip {
  background: linear-gradient(180deg, #00ff88, #00ffaa) !important;
  color: #053220 !important;
  border: none !important;
  box-shadow: var(--shadow) !important;
}


/* --- Hero Fit Patch --- */
.hero-fit{min-height:min(82vh,780px);display:grid;align-items:center}
@media (max-width: 992px){ .hero-fit{min-height:min(86vh,820px)} }
.site-footer{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;text-align:center;padding:28px 16px}
.site-footer .links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.site-footer .copyright{opacity:.7}


/* lang active */
[data-lang].active{filter:brightness(1.2); outline:1px solid rgba(0,255,180,.35)}


/* === Project Request Form (global) === */
.section.form-request-section{ padding-top: 48px; padding-bottom: 48px; }
.form-request{ max-width: 960px; margin: 28px auto; padding: 24px; border-radius: 18px;
  background: rgba(0,0,0,.30); border: 1px solid rgba(255,255,255,.12); box-shadow: var(--shadow); }
.form-request .row{ display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.form-request .row .full{ grid-column: 1 / -1; }
.form-request label{ display:block; font-weight:600; margin: 2px 0 6px; }
.form-request input, .form-request select, .form-request textarea{
  width: 100%; padding: 12px 14px; border-radius: 12px; border:1px solid rgba(255,255,255,.14);
  background: rgba(6,10,8,.35); color: #d7f9e8; outline:none;
}
.form-request textarea{ resize: vertical; }
.form-request .actions{ display:flex; gap:12px; justify-content:flex-end; margin-top:16px; }
@media (max-width: 960px){ .form-request{ max-width: 860px; } }
@media (max-width: 720px){
  .form-request{ max-width: 100%; margin: 16px auto; padding: 16px; }
  .form-request .row{ grid-template-columns: 1fr; gap: 12px; }
}



/* Center footer like homepage on all pages */
footer{ text-align:center; }
footer .container{ display:flex; flex-direction:column; align-items:center; gap:12px; }
footer .links, footer nav, footer .quick-links{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }


/* Center footer site-wide (final) */
footer{ text-align:center; }
footer .container{ display:flex; flex-direction:column; align-items:center; gap:12px; }
footer nav, footer .links, footer .quick-links{ display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }


/* === Kodmars logo sizing (logo-only change) === */
.site-header .brand img {
  height: 64px;
  width: auto;
}

@media (max-width: 768px) {
  .site-header .brand img {
    height: 48px;
  }
}


/* === Kodmars header logo tuning (v2) === */
.site-header .brand img {
  height: 72px;
  width: auto;
}

@media (max-width: 900px) {
  .site-header .brand img {
    height: 56px;
  }
}

@media (max-width: 600px) {
  .site-header .brand img {
    height: 48px;
  }
}


/* === Kodmars header logo final sizing (v3) === */
.site-header .brand img {
  height: 80px;
  width: auto;
}

@media (max-width: 1024px) {
  .site-header .brand img {
    height: 64px;
  }
}

@media (max-width: 700px) {
  .site-header .brand img {
    height: 52px;
  }
}


/* === Kodmars header logo compact tune (v5) === */
.site-header .brand img {
  height: 72px;
  width: auto;
}

@media (max-width: 1024px) {
  .site-header .brand img {
    height: 60px;
  }
}

@media (max-width: 700px) {
  .site-header .brand img {
    height: 50px;
  }
}


/* === Kodmars compact logo reduced (v6) === */
.site-header .brand img {
  height: 64px;
  width: auto;
}

@media (max-width: 1024px) {
  .site-header .brand img {
    height: 54px;
  }
}

@media (max-width: 700px) {
  .site-header .brand img {
    height: 46px;
  }
}


/* === Kodmars header logo - slightly smaller final tweak === */
.site-header .brand img {
  height: 56px;
  width: auto;
}

@media (max-width: 1024px) {
  .site-header .brand img {
    height: 48px;
  }
}

@media (max-width: 700px) {
  .site-header .brand img {
    height: 40px;
  }
}


/* === Kodmars footer centering fix === */
footer {
  text-align: center;
}
footer .cols {
  justify-items: center;
}
footer .cols > * {
  margin-inline: auto;
}