/* seoevolver.com -- style.css */
/* Design: Burnt Orange #E86A2A + Charcoal #1F1F1F + Cream #F8F5F0 + Sand #C5B49A */
/* CSS prefix: sev-  |  Sora (headings) + Source Serif 4 (body) */
/* Navigation: SPLIT NAV -- logo centered, links split left & right */
/* Hero: DIAGONAL SPLIT -- dark panel left + angled image right */
/* Completely unique from all previous 22 builds */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=Source+Serif+4:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap');

/* ── TOKENS ─────────────────────────────────────────────── */
:root {
  --sev-orange:   #E86A2A;
  --sev-orange2:  #D45E20;
  --sev-orange3:  #C45218;
  --sev-orange-d: rgba(232,106,42,.1);
  --sev-dark:     #1F1F1F;
  --sev-dark2:    #2A2A2A;
  --sev-dark3:    #3A3A3A;
  --sev-cream:    #F8F5F0;
  --sev-white:    #FFFFFF;
  --sev-sand:     #C5B49A;
  --sev-sand2:    #A89278;
  --sev-rule:     rgba(31,31,31,.1);
  --sev-rule-inv: rgba(255,255,255,.08);
  --sev-stone:    #6B6560;

  --sev-head:   'Sora', system-ui, sans-serif;
  --sev-body:   'Source Serif 4', Georgia, serif;

  --sev-r:    4px;
  --sev-rmd:  8px;
  --sev-rlg:  14px;
  --sev-rxl:  20px;
  --sev-rxx:  32px;

  --sev-max:   1160px;
  --sev-ease:  0.22s cubic-bezier(.4,0,.2,1);
  --sev-sh:    0 8px 48px rgba(31,31,31,.12);
  --sev-sho:   0 4px 24px rgba(232,106,42,.25);
  --sev-nav-h: 80px;
}

/* ── RESET ──────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body { font-family: var(--sev-body); font-size: 1rem; line-height: 1.72; color: var(--sev-dark); background: var(--sev-cream); overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }
input, textarea, select { font-family: inherit; outline: none; }

/* ── SPLIT NAV (unique -- logo centered, links split both sides) ── */
.sev-nav {
  position: fixed; top: 0; left: 0; right: 0; height: var(--sev-nav-h);
  background: rgba(248,245,240,.96); backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--sev-rule); z-index: 900;
  transition: box-shadow var(--sev-ease), background var(--sev-ease);
}
.sev-nav.sev-nav-over { background: rgba(31,31,31,.0); border-bottom-color: transparent; }
.sev-nav.sev-nav-scrolled { box-shadow: var(--sev-sh); }
.sev-nav-inner {
  max-width: var(--sev-max); margin: 0 auto; padding: 0 2rem;
  height: 100%; display: grid; grid-template-columns: 1fr auto 1fr;
  align-items: center; gap: 1rem;
}
/* Left nav links */
.sev-nav-left { display: flex; align-items: center; gap: 0; }
/* Right nav links */
.sev-nav-right { display: flex; align-items: center; justify-content: flex-end; gap: .5rem; }

.sev-nav-a {
  font-family: var(--sev-head); font-size: .96rem; font-weight: 600;
  color: var(--sev-stone); padding: 0 .85rem; height: var(--sev-nav-h);
  display: flex; align-items: center; cursor: pointer; text-decoration: none;
  transition: color var(--sev-ease); letter-spacing: -.01em; white-space: nowrap;
}
.sev-nav-a:hover, .sev-nav-a.sev-on { color: var(--sev-dark); }
.sev-nav-over .sev-nav-a { color: rgba(255,255,255,.45); }
.sev-nav-over .sev-nav-a:hover, .sev-nav-over .sev-nav-a.sev-on { color: #fff; }
.sev-nav-a.sev-on::after { content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: var(--sev-orange); position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); }
.sev-nav-a { position: relative; }

/* Center logo */
.sev-nav-logo { display: flex; align-items: center; gap: .5rem; text-decoration: none; justify-content: center; }
.sev-logo-mark { width: 36px; height: 36px; background: var(--sev-orange); border-radius: var(--sev-rmd); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sev-logo-mark svg { width: 18px; height: 18px; color: #fff; }
.sev-logo-text { font-family: var(--sev-head); font-size: 1.12rem; font-weight: 800; color: var(--sev-dark); letter-spacing: -.03em; }
.sev-logo-text em { color: var(--sev-orange); font-style: normal; }
.sev-nav-over .sev-logo-text { color: #fff; }

/* Nav CTA */
.sev-nav-cta { font-family: var(--sev-head); font-size: .87rem; font-weight: 700; padding: .52rem 1.35rem; background: var(--sev-orange); color: #fff; border-radius: var(--sev-rmd); transition: var(--sev-ease); white-space: nowrap; }
.sev-nav-cta:hover { background: var(--sev-orange2); transform: translateY(-1px); box-shadow: var(--sev-sho); }

/* Lang switch */
.sev-lang { display: flex; gap: .2rem; margin-left: .5rem; }
.sev-lang a { font-family: var(--sev-head); font-size: .6rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: .22rem .5rem; border-radius: 100px; color: var(--sev-stone); border: 1px solid var(--sev-rule); transition: var(--sev-ease); }
.sev-lang a.sev-lng, .sev-lang a:hover { color: var(--sev-orange); border-color: rgba(232,106,42,.3); background: var(--sev-orange-d); }
.sev-nav-over .sev-lang a { color: rgba(255,255,255,.3); border-color: rgba(255,255,255,.12); }
.sev-nav-over .sev-lang a.sev-lng { color: var(--sev-orange); }

/* Mobile nav toggle */
.sev-mob-tog { display: none; flex-direction: column; gap: 5px; align-items: center; justify-content: center; width: 38px; height: 38px; }
.sev-mob-tog span { display: block; width: 18px; height: 1.5px; background: var(--sev-dark); border-radius: 2px; transition: transform .2s, opacity .2s; }
.sev-nav-over .sev-mob-tog span { background: rgba(255,255,255,.7); }
.sev-mob-tog.sev-x span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.sev-mob-tog.sev-x span:nth-child(2) { opacity: 0; }
.sev-mob-tog.sev-x span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* Mobile drawer */
.sev-mob-drawer { display: none; position: fixed; top: var(--sev-nav-h); left: 0; right: 0; bottom: 0; background: var(--sev-dark); z-index: 850; overflow-y: auto; padding: 2rem 1.5rem; }
.sev-mob-drawer.sev-open { display: block; }
.sev-mob-a { display: block; font-family: var(--sev-head); font-size: 1.5rem; font-weight: 700; color: rgba(255,255,255,.4); padding: .78rem 0; border-bottom: 1px solid rgba(255,255,255,.07); transition: color var(--sev-ease); }
.sev-mob-a:hover { color: var(--sev-orange); }

/* ── PAGE OFFSET ─────────────────────────────────────────── */
.sev-pg { padding-top: var(--sev-nav-h); }

/* ── SHELL ───────────────────────────────────────────────── */
.sev-shell { max-width: var(--sev-max); margin: 0 auto; padding: 0 2.5rem; }

/* ── TYPOGRAPHY ─────────────────────────────────────────── */
h1, h2 { font-family: var(--sev-head); font-weight: 700; }
h1 { font-size: clamp(3rem, 5vw, 6.5rem); line-height: 1.0; letter-spacing: -.03em; }
h2 { font-size: clamp(2rem, 3.5vw, 3.8rem); line-height: 1.06; letter-spacing: -.025em; }
h3 { font-family: var(--sev-head); font-size: 1rem; font-weight: 700; }
p { color: var(--sev-stone); line-height: 1.76; font-family: var(--sev-body); }

.sev-pill {
  display: inline-flex; align-items: center; gap: .35rem;
  font-family: var(--sev-head); font-size: .6rem; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--sev-orange); background: var(--sev-orange-d);
  padding: .22rem .78rem; border-radius: 100px;
  border: 1px solid rgba(232,106,42,.22);
}
.sev-pill-inv { color: rgba(248,245,240,.5); background: rgba(248,245,240,.06); border-color: rgba(248,245,240,.12); }

/* ── BUTTONS ────────────────────────────────────────────── */
.sev-bt-orange, .sev-bt-dark, .sev-bt-out, .sev-bt-ghost {
  display: inline-flex; align-items: center; gap: .5rem;
  font-family: var(--sev-head); font-size: .9rem; font-weight: 700;
  padding: .82rem 2.1rem; border-radius: var(--sev-rmd);
  cursor: pointer; transition: var(--sev-ease); white-space: nowrap; letter-spacing: -.01em;
}
.sev-bt-orange { background: var(--sev-orange); color: #fff; border: 2px solid var(--sev-orange); }
.sev-bt-orange:hover { background: var(--sev-orange2); transform: translateY(-2px); box-shadow: var(--sev-sho); }
.sev-bt-dark { background: var(--sev-dark); color: #fff; border: 2px solid var(--sev-dark); }
.sev-bt-dark:hover { background: var(--sev-dark2); transform: translateY(-2px); box-shadow: var(--sev-sh); }
.sev-bt-out { background: transparent; color: var(--sev-dark); border: 2px solid var(--sev-rule); }
.sev-bt-out:hover { border-color: var(--sev-orange); color: var(--sev-orange); transform: translateY(-2px); }
.sev-bt-ghost { background: transparent; color: rgba(248,245,240,.55); border: 2px solid rgba(248,245,240,.18); }
.sev-bt-ghost:hover { border-color: rgba(248,245,240,.45); color: #fff; transform: translateY(-2px); }

/* ── HERO OFFSET FIX: pull hero behind nav so transparent nav shows dark bg ── */
#sevHero {
  margin-top: calc(-1 * var(--sev-nav-h));
}

/* ── DIAGONAL HERO (unique -- clip-path angled split) ────── */
.sev-hero { min-height: 100vh; display: grid; grid-template-columns: 55% 45%; position: relative; overflow: hidden; }
.sev-hero-left {
  background: var(--sev-dark);
  display: flex; flex-direction: column; justify-content: center;
  padding: 8rem 4rem 5rem 6rem;
  clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%);
  position: relative; z-index: 2;
}
/* Subtle dot grid */
.sev-hero-left::before {
  content: ''; position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(232,106,42,.08) 1px, transparent 1px);
  background-size: 36px 36px; pointer-events: none;
}
.sev-hero-right {
  position: relative;
  background: var(--sev-dark2);
  clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -13%;
  z-index: 1;
}
.sev-hero-img { position: absolute; inset: 0; object-fit: cover; width: 100%; height: 100%; opacity: .55; }
.sev-hero-h1 { color: #fff; margin-bottom: 1.25rem; position: relative; z-index: 1; }
.sev-hero-h1 em { color: var(--sev-orange); font-style: normal; }
.sev-hero-sub { color: rgba(255,255,255,.42); max-width: 44ch; margin-bottom: 2.5rem; font-size: 1.05rem; position: relative; z-index: 1; font-family: var(--sev-body); }
.sev-hero-acts { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 4rem; position: relative; z-index: 1; }
.sev-hero-stats { display: flex; gap: 2.5rem; position: relative; z-index: 1; }
.sev-hstat-n { font-family: var(--sev-head); font-size: 2rem; font-weight: 800; color: var(--sev-orange); line-height: 1; letter-spacing: -.03em; }
.sev-hstat-l { font-family: var(--sev-head); font-size: .62rem; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: rgba(255,255,255,.2); margin-top: .2rem; }

/* ── SERVICES -- NUMBERED GRID (unique editorial style) ──── */
.sev-svc-numbered { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 4rem; border-top: 2px solid var(--sev-dark); }
.sev-svc-num-card {
  padding: 2.5rem 2rem; border-right: 1px solid var(--sev-rule); border-bottom: 1px solid var(--sev-rule);
  position: relative; text-decoration: none; color: inherit;
  transition: background var(--sev-ease); display: block;
  overflow: hidden;
}
.sev-svc-num-card:nth-child(3n) { border-right: none; }
.sev-svc-num-card:nth-last-child(-n+3) { border-bottom: none; }
.sev-svc-num-card::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: var(--sev-orange); transform: scaleX(0); transform-origin: left; transition: transform .3s ease; }
.sev-svc-num-card:hover { background: var(--sev-cream); }
.sev-svc-num-card:hover::after { transform: scaleX(1); }
.sev-svc-n { font-family: var(--sev-head); font-size: 4rem; font-weight: 800; color: var(--sev-orange); opacity: .1; line-height: 1; letter-spacing: -.04em; margin-bottom: .65rem; transition: opacity var(--sev-ease); }
.sev-svc-num-card:hover .sev-svc-n { opacity: .2; }
.sev-svc-nm { font-family: var(--sev-head); font-size: 1.05rem; font-weight: 700; color: var(--sev-dark); margin-bottom: .45rem; letter-spacing: -.015em; }
.sev-svc-brief { font-family: var(--sev-body); font-size: .84rem; color: var(--sev-stone); line-height: 1.62; margin-bottom: 1rem; }
.sev-svc-price { font-family: var(--sev-head); font-size: .8rem; font-weight: 700; color: var(--sev-orange); }
.sev-svc-arr { position: absolute; top: 2rem; right: 2rem; color: var(--sev-sand); transition: transform var(--sev-ease), color var(--sev-ease); }
.sev-svc-num-card:hover .sev-svc-arr { transform: translate(3px, -3px); color: var(--sev-orange); }

/* ── EDITORIAL QUOTE BAND (unique -- large italic text section) ── */
.sev-quote-band { background: var(--sev-orange); padding: 5rem 0; }
.sev-quote-text { font-family: var(--sev-body); font-size: clamp(1.5rem, 3vw, 2.4rem); color: #fff; font-style: italic; line-height: 1.45; max-width: 800px; font-weight: 300; }
.sev-quote-attr { font-family: var(--sev-head); font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: rgba(255,255,255,.5); margin-top: 1.5rem; }

/* ── CASE STUDIES -- NEWSPAPER COLUMNS (unique layout) ─────── */
.sev-newspaper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 4rem; border: 1px solid var(--sev-rule); border-radius: var(--sev-rxl); overflow: hidden; }
.sev-news-col { border-right: 1px solid var(--sev-rule); padding: 2rem; text-decoration: none; color: inherit; transition: background var(--sev-ease); display: block; }
.sev-news-col:last-child { border-right: none; }
.sev-news-col:hover { background: var(--sev-cream); }
.sev-news-img { height: 180px; overflow: hidden; border-radius: var(--sev-rlg); margin-bottom: 1.25rem; background: var(--sev-cream); }
.sev-news-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.sev-news-col:hover .sev-news-img img { transform: scale(1.05); }
.sev-news-sector { font-family: var(--sev-head); font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--sev-orange); margin-bottom: .5rem; }
.sev-news-ttl { font-family: var(--sev-head); font-size: 1rem; font-weight: 700; color: var(--sev-dark); line-height: 1.3; margin-bottom: .85rem; letter-spacing: -.01em; }
.sev-news-kpis { display: flex; gap: 1.25rem; padding-top: .85rem; border-top: 1px solid var(--sev-rule); }
.sev-nkv { font-family: var(--sev-head); font-size: 1.4rem; font-weight: 800; color: var(--sev-orange); line-height: 1; letter-spacing: -.02em; }
.sev-nkl { font-family: var(--sev-head); font-size: .56rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--sev-stone); margin-top: .18rem; }

/* ── PROCESS -- ALTERNATING STEPS (left/right, unique) ─────── */
.sev-process-steps { margin-top: 4rem; display: flex; flex-direction: column; gap: 0; }
.sev-proc-item {
  display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center;
  padding: 3.5rem 0; border-bottom: 1px solid var(--sev-rule);
}
.sev-proc-item:last-child { border-bottom: none; }
.sev-proc-item.sev-flip { direction: rtl; }
.sev-proc-item.sev-flip > * { direction: ltr; }
.sev-proc-num { font-family: var(--sev-head); font-size: 6rem; font-weight: 800; color: var(--sev-orange); opacity: .08; line-height: 1; letter-spacing: -.05em; }
.sev-proc-h { font-family: var(--sev-head); font-size: 1.4rem; font-weight: 700; color: var(--sev-dark); margin-bottom: .6rem; letter-spacing: -.02em; }
.sev-proc-p { font-family: var(--sev-body); font-size: .9rem; color: var(--sev-stone); line-height: 1.74; max-width: 55ch; }
.sev-proc-right { text-align: right; }
.sev-flip .sev-proc-right { text-align: left; }

/* ── TESTIMONIALS -- STAGGERED 3-COL (unique heights) ─────── */
.sev-testi-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; align-items: start; margin-top: 4rem; }
.sev-tcard { background: var(--sev-dark); border-radius: var(--sev-rxl); padding: 2rem; border: 1px solid var(--sev-dark2); transition: border-color var(--sev-ease); }
.sev-tcard:hover { border-color: rgba(232,106,42,.3); }
.sev-tcard:nth-child(2) { margin-top: 2rem; }
.sev-tcard:nth-child(4) { margin-top: -1rem; }
.sev-tcard-q { font-family: var(--sev-head); font-size: 2.5rem; color: var(--sev-orange); opacity: .2; line-height: .7; margin-bottom: .65rem; }
.sev-tcard-txt { font-family: var(--sev-body); font-size: .88rem; color: rgba(255,255,255,.5); line-height: 1.72; font-style: italic; margin-bottom: 1.25rem; }
.sev-tcard-by { display: flex; align-items: center; gap: .6rem; border-top: 1px solid rgba(255,255,255,.06); padding-top: .85rem; }
.sev-tav { width: 30px; height: 30px; border-radius: 50%; background: var(--sev-dark3); border: 1px solid rgba(255,255,255,.08); display: flex; align-items: center; justify-content: center; font-family: var(--sev-head); font-size: .68rem; font-weight: 700; color: var(--sev-orange); flex-shrink: 0; }
.sev-twho { font-family: var(--sev-head); font-size: .82rem; font-weight: 700; color: rgba(255,255,255,.7); }
.sev-torg { font-family: var(--sev-body); font-size: .7rem; color: rgba(255,255,255,.25); }
.sev-tcity { font-family: var(--sev-head); font-size: .58rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--sev-orange); margin-left: auto; }

/* ── PRICING ACCORDION (unique -- click to expand each plan) ── */
.sev-price-acc { margin-top: 4rem; display: flex; flex-direction: column; gap: 0; border: 1px solid var(--sev-rule); border-radius: var(--sev-rxl); overflow: hidden; }
.sev-pacc-item { border-bottom: 1px solid var(--sev-rule); overflow: hidden; }
.sev-pacc-item:last-child { border-bottom: none; }
.sev-pacc-head {
  display: flex; align-items: center; gap: 1.5rem; padding: 1.75rem 2rem;
  cursor: pointer; background: none; border: none; width: 100%; text-align: left;
  transition: background var(--sev-ease);
}
.sev-pacc-head:hover { background: rgba(31,31,31,.03); }
.sev-pacc-item.sev-pacc-on .sev-pacc-head { background: var(--sev-dark); }
.sev-pacc-badge { font-family: var(--sev-head); font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; background: var(--sev-orange-d); color: var(--sev-orange); border: 1px solid rgba(232,106,42,.2); padding: .18rem .6rem; border-radius: 100px; flex-shrink: 0; }
.sev-pacc-on .sev-pacc-badge { background: rgba(232,106,42,.2); }
.sev-pacc-name { font-family: var(--sev-head); font-size: 1.15rem; font-weight: 800; color: var(--sev-dark); letter-spacing: -.02em; flex: 1; }
.sev-pacc-on .sev-pacc-name { color: #fff; }
.sev-pacc-price { font-family: var(--sev-head); font-size: 1.35rem; font-weight: 800; color: var(--sev-dark); letter-spacing: -.02em; }
.sev-pacc-on .sev-pacc-price { color: var(--sev-orange); }
.sev-pacc-chev { width: 20px; height: 20px; color: var(--sev-stone); transition: transform .22s; flex-shrink: 0; }
.sev-pacc-on .sev-pacc-chev { transform: rotate(180deg); color: rgba(255,255,255,.3); }
.sev-pacc-body { display: none; padding: 0 2rem 2rem; background: var(--sev-dark); }
.sev-pacc-on .sev-pacc-body { display: block; }
.sev-pacc-desc { font-family: var(--sev-body); font-size: .88rem; color: rgba(255,255,255,.4); line-height: 1.65; font-style: italic; margin-bottom: 1.25rem; }
.sev-pacc-feats { display: flex; flex-direction: column; gap: .42rem; margin-bottom: 1.75rem; }
.sev-pacc-feat { display: flex; align-items: flex-start; gap: .55rem; font-family: var(--sev-head); font-size: .84rem; color: rgba(255,255,255,.65); }
.sev-pacc-feat-chk { color: var(--sev-orange); flex-shrink: 0; font-size: .75rem; margin-top: .05rem; }

/* ── STAT BAND ───────────────────────────────────────────── */
.sev-stat-band { background: var(--sev-dark); padding: 4rem 0; }
.sev-stat-flex { display: flex; border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); }
.sev-sflex-cell { flex: 1; padding: 2.5rem 2rem; text-align: center; border-right: 1px solid rgba(255,255,255,.06); }
.sev-sflex-cell:last-child { border-right: none; }
.sev-sflex-n { font-family: var(--sev-head); font-size: 3rem; font-weight: 800; color: var(--sev-orange); line-height: 1; letter-spacing: -.03em; margin-bottom: .25rem; }
.sev-sflex-l { font-family: var(--sev-head); font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: rgba(255,255,255,.22); }

/* ── FAQ SPLIT CATEGORIES (unique -- tabbed by category) ───── */
.sev-faq-wrap { display: grid; grid-template-columns: 240px 1fr; gap: 3.5rem; margin-top: 4rem; }
.sev-faq-cats { position: sticky; top: calc(var(--sev-nav-h) + 1rem); }
.sev-faq-cat { display: flex; align-items: center; gap: .55rem; padding: .72rem 1rem; border-radius: var(--sev-rlg); font-family: var(--sev-head); font-size: .86rem; font-weight: 600; color: var(--sev-stone); cursor: pointer; transition: var(--sev-ease); margin-bottom: .25rem; border: none; background: none; width: 100%; text-align: left; }
.sev-faq-cat:hover { background: var(--sev-orange-d); color: var(--sev-dark); }
.sev-faq-cat.sev-cat-on { background: var(--sev-dark); color: #fff; }
.sev-faq-cat.sev-cat-on svg { color: var(--sev-orange); }
.sev-faq-cat svg { width: 14px; height: 14px; flex-shrink: 0; }
.sev-faq-entries { }
.sev-faq-e { border-bottom: 1px solid var(--sev-rule); }
.sev-faq-e:first-child { border-top: 1px solid var(--sev-rule); }
.sev-faq-q { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: 1.25rem 0; cursor: pointer; background: none; border: none; width: 100%; text-align: left; }
.sev-faq-qt { font-family: var(--sev-head); font-size: .95rem; font-weight: 700; color: var(--sev-dark); line-height: 1.3; }
.sev-faq-tog { width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid var(--sev-rule); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: var(--sev-ease); }
.sev-faq-tog svg { width: 9px; height: 9px; transition: transform .22s; }
.sev-faq-e.sev-fq-on .sev-faq-tog { background: var(--sev-orange); border-color: var(--sev-orange); }
.sev-faq-e.sev-fq-on .sev-faq-tog svg { transform: rotate(45deg); color: #fff; }
.sev-faq-ans { display: none; padding-bottom: 1.25rem; }
.sev-faq-ans p { font-family: var(--sev-body); font-size: .9rem; color: var(--sev-stone); line-height: 1.74; }
.sev-faq-e.sev-fq-on .sev-faq-ans { display: block; }

/* ── BUILDER ─────────────────────────────────────────────── */
.sev-bld-layout { display: grid; grid-template-columns: 1fr 290px; gap: 2.5rem; align-items: start; margin-top: 3.5rem; }
.sev-bld-panel { background: var(--sev-white); border: 1px solid var(--sev-rule); border-radius: var(--sev-rxl); padding: 1.75rem; margin-bottom: 1.25rem; }
.sev-bld-title { font-family: var(--sev-head); font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; color: var(--sev-stone); margin-bottom: 1.25rem; padding-bottom: .85rem; border-bottom: 1px solid var(--sev-rule); display: flex; align-items: center; gap: .6rem; }
.sev-step-dot { width: 20px; height: 20px; border-radius: 50%; background: var(--sev-orange); color: #fff; font-family: var(--sev-head); font-size: .6rem; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sev-radio-row { display: flex; align-items: center; gap: .85rem; padding: .78rem 1rem; border: 1.5px solid var(--sev-rule); border-radius: var(--sev-rlg); cursor: pointer; margin-bottom: .4rem; transition: var(--sev-ease); }
.sev-radio-row:hover { border-color: rgba(232,106,42,.3); }
.sev-radio-row.sev-r-on { border-color: var(--sev-orange); background: var(--sev-orange-d); }
.sev-radio-row input[type="radio"] { accent-color: var(--sev-orange); flex-shrink: 0; cursor: pointer; }
.sev-rrow-bd { flex: 1; }
.sev-rrow-nm { font-family: var(--sev-head); font-size: .88rem; font-weight: 700; color: var(--sev-dark); }
.sev-rrow-sm { font-family: var(--sev-body); font-size: .72rem; color: var(--sev-stone); }
.sev-rrow-pr { font-family: var(--sev-head); font-size: .9rem; font-weight: 700; color: var(--sev-dark); white-space: nowrap; }
.sev-chk-row { display: flex; align-items: center; gap: .85rem; padding: .72rem 1rem; border: 1.5px solid var(--sev-rule); border-radius: var(--sev-rlg); cursor: pointer; margin-bottom: .4rem; transition: var(--sev-ease); }
.sev-chk-row:hover { border-color: rgba(232,106,42,.25); }
.sev-chk-row.sev-c-on { border-color: var(--sev-orange); background: var(--sev-orange-d); }
.sev-chk-row input[type="checkbox"] { accent-color: var(--sev-orange); flex-shrink: 0; cursor: pointer; }
.sev-chk-lbl { flex: 1; font-family: var(--sev-head); font-size: .84rem; font-weight: 600; color: var(--sev-dark); }
.sev-chk-amt { font-family: var(--sev-head); font-size: .84rem; font-weight: 700; color: var(--sev-dark); white-space: nowrap; }
.sev-hr-row { display: flex; align-items: center; gap: 1.25rem; margin-top: .65rem; }
.sev-hr-slider { flex: 1; accent-color: var(--sev-orange); cursor: pointer; }
.sev-hr-disp { font-family: var(--sev-head); font-size: .84rem; font-weight: 700; color: var(--sev-dark); min-width: 130px; text-align: right; }

/* Summary panel */
.sev-summary { position: sticky; top: calc(var(--sev-nav-h) + 16px); background: var(--sev-dark); border-radius: var(--sev-rxl); padding: 2rem; }
.sev-sum-hd { font-family: var(--sev-head); font-size: .6rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.2); margin-bottom: 1.25rem; padding-bottom: .85rem; border-bottom: 1px solid rgba(255,255,255,.08); }
.sev-sum-rows { min-height: 50px; display: flex; flex-direction: column; gap: .45rem; margin-bottom: .75rem; }
.sev-sum-row { display: flex; justify-content: space-between; gap: .75rem; font-size: .82rem; }
.sev-sum-rk { color: rgba(255,255,255,.28); font-family: var(--sev-head); }
.sev-sum-rv { font-family: var(--sev-head); color: rgba(255,255,255,.65); font-weight: 600; text-align: right; }
.sev-sum-rule { height: 1px; background: rgba(255,255,255,.08); margin: .75rem 0; }
.sev-sum-tot { display: flex; justify-content: space-between; align-items: baseline; }
.sev-sum-tl { font-family: var(--sev-head); font-size: .6rem; text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,.2); }
.sev-sum-tv { font-family: var(--sev-head); font-size: 2.4rem; font-weight: 800; color: var(--sev-orange); letter-spacing: -.03em; }
.sev-sum-btn { display: block; width: 100%; margin-top: 1.5rem; padding: .85rem; background: var(--sev-orange); color: #fff; border: none; border-radius: var(--sev-rmd); font-family: var(--sev-head); font-size: .88rem; font-weight: 700; cursor: pointer; transition: var(--sev-ease); text-align: center; }
.sev-sum-btn:hover { background: var(--sev-orange2); transform: translateY(-1px); }
.sev-sum-btn:disabled { opacity: .2; cursor: not-allowed; transform: none; }
.sev-sum-note { font-family: var(--sev-head); font-size: .62rem; color: rgba(255,255,255,.18); text-align: center; margin-top: .65rem; }

/* ── CHECKOUT ────────────────────────────────────────────── */
.sev-chk-layout { display: grid; grid-template-columns: 1.5fr 1fr; gap: 3rem; align-items: start; margin-top: 3rem; }
.sev-chk-form { background: var(--sev-white); border: 1px solid var(--sev-rule); border-radius: var(--sev-rxl); padding: 2.5rem; }
.sev-chk-aside { position: sticky; top: calc(var(--sev-nav-h) + 16px); background: var(--sev-dark); border-radius: var(--sev-rxl); padding: 2rem; }
.sev-chk-aside-hd { font-family: var(--sev-head); font-size: .6rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.2); margin-bottom: 1.25rem; padding-bottom: .85rem; border-bottom: 1px solid rgba(255,255,255,.08); }
.sev-col2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.sev-field { margin-bottom: 1.1rem; }
.sev-lbl { display: block; font-family: var(--sev-head); font-size: .6rem; font-weight: 700; color: var(--sev-dark); letter-spacing: .12em; text-transform: uppercase; margin-bottom: .38rem; }
.sev-inp { width: 100%; padding: .78rem 1rem; border: 1.5px solid var(--sev-rule); border-radius: var(--sev-rlg); font-family: var(--sev-body); font-size: .95rem; color: var(--sev-dark); background: var(--sev-cream); transition: border-color var(--sev-ease), box-shadow var(--sev-ease); }
.sev-inp:focus { border-color: var(--sev-orange); box-shadow: 0 0 0 3px var(--sev-orange-d); }
.sev-inp::placeholder { color: rgba(107,101,96,.3); }
.sev-agree { display: flex; align-items: flex-start; gap: .65rem; margin-top: 1rem; }
.sev-agree input { width: 14px; height: 14px; margin-top: 3px; accent-color: var(--sev-orange); flex-shrink: 0; cursor: pointer; }
.sev-agree label { font-family: var(--sev-body); font-size: .86rem; color: var(--sev-stone); cursor: pointer; line-height: 1.5; }
.sev-agree label a { color: var(--sev-orange2); }
.sev-submit { display: block; width: 100%; margin-top: 1.75rem; padding: .92rem; background: var(--sev-orange); color: #fff; border: none; border-radius: var(--sev-rmd); font-family: var(--sev-head); font-size: .92rem; font-weight: 700; cursor: pointer; transition: var(--sev-ease); }
.sev-submit:hover { background: var(--sev-orange2); transform: translateY(-1px); }

/* ── SECTIONS ────────────────────────────────────────────── */
.sev-sect { padding: 7rem 0; }
.sev-sect--cream { padding: 7rem 0; background: var(--sev-cream); border-top: 1px solid var(--sev-rule); border-bottom: 1px solid var(--sev-rule); }
.sev-sect--dark { padding: 7rem 0; background: var(--sev-dark); }
.sev-sect--dark2 { padding: 7rem 0; background: #141414; }

/* ── PAGE CROWN ──────────────────────────────────────────── */
.sev-crown { background: var(--sev-dark); padding: 6.5rem 0 4rem; text-align: center; border-bottom: 3px solid var(--sev-orange); }
.sev-crown h1 { color: #fff; text-align: center; margin-bottom: .75rem; }
.sev-crown p { color: rgba(255,255,255,.35); max-width: 54ch; margin: 0 auto; font-family: var(--sev-body); font-style: italic; text-align: center; }
.sev-crumb { display: flex; align-items: center; justify-content: center; gap: .4rem; font-family: var(--sev-head); font-size: .65rem; font-weight: 600; color: rgba(255,255,255,.2); margin-bottom: 1.5rem; }
.sev-crumb a { color: rgba(255,255,255,.2); transition: color var(--sev-ease); }
.sev-crumb a:hover { color: var(--sev-orange); }

/* ── SERVICE SINGLE ──────────────────────────────────────── */
.sev-svc-pg { display: grid; grid-template-columns: 1fr 280px; gap: 4.5rem; align-items: start; margin-top: 4rem; }
.sev-svc-body h2 { font-family: var(--sev-head); font-size: 1.5rem; font-weight: 700; margin: 2.5rem 0 .85rem; letter-spacing: -.02em; }
.sev-svc-body p { margin-bottom: .9rem; font-size: .9rem; }
.sev-svc-body ul { margin-bottom: 1rem; display: flex; flex-direction: column; gap: .4rem; }
.sev-svc-body li { display: flex; align-items: flex-start; gap: .5rem; font-family: var(--sev-body); font-size: .88rem; color: var(--sev-stone); }
.sev-svc-body li::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--sev-orange); flex-shrink: 0; margin-top: .7rem; }
.sev-svc-aside { position: sticky; top: calc(var(--sev-nav-h) + 16px); background: var(--sev-dark); border-radius: var(--sev-rxl); overflow: hidden; }
.sev-sa-top { padding: 2rem; border-bottom: 1px solid rgba(255,255,255,.08); }
.sev-sa-from { font-family: var(--sev-head); font-size: .6rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.2); margin-bottom: .2rem; }
.sev-sa-price { font-family: var(--sev-head); font-size: 2.8rem; font-weight: 800; color: var(--sev-orange); line-height: 1; letter-spacing: -.04em; }
.sev-sa-unit { font-family: var(--sev-head); font-size: .76rem; color: rgba(255,255,255,.22); margin-top: .2rem; }
.sev-sa-rows { padding: 1.5rem; }
.sev-sa-row { display: flex; justify-content: space-between; padding: .5rem 0; border-bottom: 1px solid rgba(255,255,255,.06); font-size: .82rem; }
.sev-sa-row:last-child { border-bottom: none; }
.sev-sa-k { color: rgba(255,255,255,.22); font-family: var(--sev-head); }
.sev-sa-v { font-family: var(--sev-head); color: rgba(255,255,255,.65); font-weight: 600; text-align: right; }
.sev-sa-cta { display: block; margin: 0 1.5rem 1.5rem; text-align: center; padding: .82rem; background: var(--sev-orange); color: #fff; border-radius: var(--sev-rmd); font-family: var(--sev-head); font-size: .82rem; font-weight: 700; transition: background var(--sev-ease); }
.sev-sa-cta:hover { background: var(--sev-orange2); }

/* ── CONTACT ─────────────────────────────────────────────── */
.sev-contact-grid { display: grid; grid-template-columns: 1fr 1.7fr; gap: 5rem; align-items: start; margin-top: 4rem; }
.sev-ci { display: flex; align-items: flex-start; gap: .75rem; margin-bottom: 1.5rem; }
.sev-ci-ico { width: 38px; height: 38px; border-radius: var(--sev-rlg); background: var(--sev-orange-d); border: 1px solid rgba(232,106,42,.22); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sev-ci-ico svg { width: 15px; height: 15px; color: var(--sev-orange2); }
.sev-ci-l { font-family: var(--sev-head); font-size: .6rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--sev-stone); margin-bottom: .12rem; }
.sev-ci-v { font-family: var(--sev-body); font-size: .9rem; color: var(--sev-dark); }
.sev-ci-v a { color: var(--sev-orange2); }

/* ── LEGAL ───────────────────────────────────────────────── */
.sev-legal { max-width: 800px; margin: 4rem auto; }
.sev-legal h2 { font-family: var(--sev-head); font-size: 1.35rem; font-weight: 700; margin: 2.5rem 0 .75rem; letter-spacing: -.015em; }
.sev-legal h3 { font-family: var(--sev-head); font-size: .95rem; font-weight: 700; margin: 1.5rem 0 .45rem; }
.sev-legal p, .sev-legal li { font-family: var(--sev-body); font-size: .9rem; color: var(--sev-stone); line-height: 1.76; margin-bottom: .85rem; }
.sev-legal ul, .sev-legal ol { padding-left: 1.4rem; margin-bottom: 1rem; }
.sev-legal a { color: var(--sev-orange2); }
.sev-legal-stamp { display: inline-block; font-family: var(--sev-head); font-size: .68rem; color: var(--sev-stone); background: var(--sev-cream); border: 1px solid var(--sev-rule); padding: .22rem .75rem; border-radius: 100px; margin-bottom: 1.5rem; }

/* ── RESULT PAGES ─────────────────────────────────────────── */
.sev-result-wrap { min-height: 80vh; display: flex; align-items: center; justify-content: center; padding: 6rem 1.5rem; }
.sev-result-card { max-width: 460px; width: 100%; text-align: center; background: var(--sev-white); border: 1px solid var(--sev-rule); border-radius: var(--sev-rxl); padding: 3rem; box-shadow: var(--sev-sh); }
.sev-res-ico { width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; }
.sev-res-ok  { background: var(--sev-orange-d); border: 1px solid rgba(232,106,42,.3); }
.sev-res-no  { background: var(--sev-cream); border: 1px solid var(--sev-rule); }
.sev-res-ico svg { width: 28px; height: 28px; color: var(--sev-orange); }

/* ── ABOUT SPLIT ─────────────────────────────────────────── */
.sev-about-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 6rem; align-items: start; margin-top: 4rem; }
.sev-about-img { border-radius: var(--sev-rxx); overflow: hidden; background: var(--sev-cream); aspect-ratio: 4/3; }
.sev-about-img img { width: 100%; height: 100%; object-fit: cover; }
.sev-vals-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 2.5rem; }
.sev-val-box { background: var(--sev-cream); border: 1px solid var(--sev-rule); border-radius: var(--sev-rlg); padding: 1.25rem; border-top: 3px solid var(--sev-orange); }
.sev-val-box h4 { font-family: var(--sev-head); font-size: .88rem; font-weight: 700; margin-bottom: .25rem; }
.sev-val-box p { font-size: .78rem; margin: 0; }

/* ── FOOTER ──────────────────────────────────────────────── */
.sev-footer { background: #0F0F0F; padding: 5.5rem 0 2.5rem; }
.sev-foot-grid { display: grid; grid-template-columns: 2.2fr 1fr 1fr 1fr; gap: 3rem; padding-bottom: 3.5rem; border-bottom: 1px solid rgba(255,255,255,.07); }
.sev-foot-logo { display: flex; align-items: center; gap: .5rem; margin-bottom: .75rem; }
.sev-foot-mark { width: 28px; height: 28px; background: var(--sev-orange); border-radius: var(--sev-rmd); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sev-foot-mark svg { width: 13px; height: 13px; color: #fff; }
.sev-foot-wm { font-family: var(--sev-head); font-size: 1rem; font-weight: 800; color: #fff; letter-spacing: -.02em; }
.sev-foot-wm em { color: var(--sev-orange); font-style: normal; }
.sev-foot-tag { font-family: var(--sev-body); font-size: .84rem; color: rgba(255,255,255,.2); line-height: 1.65; margin-bottom: 1.25rem; font-style: italic; }
.sev-foot-addr { font-family: var(--sev-body); font-size: .76rem; color: rgba(255,255,255,.12); line-height: 1.9; }
.sev-foot-addr a { color: rgba(255,255,255,.12); transition: color var(--sev-ease); }
.sev-foot-addr a:hover { color: var(--sev-orange); }
.sev-foot-socials { display: flex; gap: .45rem; margin-top: 1.25rem; }
.sev-fsoc { width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(255,255,255,.1); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.2); transition: var(--sev-ease); }
.sev-fsoc:hover { border-color: rgba(232,106,42,.4); color: var(--sev-orange); background: var(--sev-orange-d); }
.sev-fsoc svg { width: 13px; height: 13px; }
.sev-foot-col h4 { font-family: var(--sev-head); font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.2); margin-bottom: .9rem; }
.sev-foot-col ul { display: flex; flex-direction: column; gap: .45rem; }
.sev-foot-col li a { font-family: var(--sev-body); font-size: .8rem; color: rgba(255,255,255,.15); transition: color var(--sev-ease); }
.sev-foot-col li a:hover { color: var(--sev-orange); }
.sev-foot-base { padding-top: 2rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }
.sev-foot-copy { font-family: var(--sev-head); font-size: .68rem; color: rgba(255,255,255,.1); }
.sev-foot-dig { font-family: var(--sev-body); font-size: .68rem; color: rgba(255,255,255,.1); font-style: italic; display: flex; align-items: center; gap: .35rem; }
.sev-foot-dig::before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: var(--sev-orange); opacity: .4; }
.sev-foot-legal { display: flex; gap: 1.5rem; }
.sev-foot-legal a { font-family: var(--sev-head); font-size: .68rem; color: rgba(255,255,255,.1); transition: color var(--sev-ease); }
.sev-foot-legal a:hover { color: var(--sev-orange); }

/* ── COOKIE ──────────────────────────────────────────────── */
.sev-cookie { position: fixed; bottom: 1.5rem; left: 1.5rem; width: 308px; background: var(--sev-dark); border: 1px solid rgba(255,255,255,.12); border-radius: var(--sev-rxl); padding: 1.5rem; box-shadow: var(--sev-sh); z-index: 9999; transition: opacity .3s, transform .3s; }
.sev-cookie.sev-ck-off { opacity: 0; pointer-events: none; transform: translateY(8px); }
.sev-ck-txt { font-family: var(--sev-body); font-size: .82rem; color: rgba(255,255,255,.38); line-height: 1.6; margin-bottom: 1rem; font-style: italic; }
.sev-ck-acts { display: flex; gap: .6rem; }
.sev-ck-ok { flex: 1; padding: .55rem; background: var(--sev-orange); color: #fff; border: none; border-radius: var(--sev-rmd); font-family: var(--sev-head); font-size: .78rem; font-weight: 700; cursor: pointer; transition: background var(--sev-ease); }
.sev-ck-ok:hover { background: var(--sev-orange2); }
.sev-ck-no { flex: 1; padding: .55rem; border: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.38); background: none; border-radius: var(--sev-rmd); font-size: .78rem; font-family: var(--sev-head); cursor: pointer; transition: var(--sev-ease); }
.sev-ck-no:hover { border-color: rgba(255,255,255,.3); color: #fff; }

/* ── CHAT ────────────────────────────────────────────────── */
.sev-chat-fab { position: fixed; bottom: 1.5rem; right: 1.5rem; width: 50px; height: 50px; border-radius: 50%; background: var(--sev-orange); display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: var(--sev-sho); z-index: 800; border: none; transition: var(--sev-ease); }
.sev-chat-fab:hover { transform: scale(1.08); background: var(--sev-orange2); }
.sev-chat-fab svg { width: 20px; height: 20px; color: #fff; }
.sev-chat-box { position: fixed; bottom: calc(1.5rem + 50px + .75rem); right: 1.5rem; width: 300px; background: var(--sev-white); border: 1px solid var(--sev-rule); border-radius: var(--sev-rxl); box-shadow: var(--sev-sh); z-index: 800; overflow: hidden; transform: translateY(12px) scale(.96); opacity: 0; pointer-events: none; transition: transform .22s, opacity .22s; }
.sev-chat-box.sev-chat-open { transform: translateY(0) scale(1); opacity: 1; pointer-events: auto; }
.sev-chat-hdr { background: var(--sev-dark); padding: 1.1rem 1.25rem; display: flex; align-items: center; gap: .65rem; }
.sev-chat-av { width: 30px; height: 30px; border-radius: 50%; background: var(--sev-orange); display: flex; align-items: center; justify-content: center; font-family: var(--sev-head); font-size: .72rem; font-weight: 800; color: #fff; }
.sev-chat-hdr h4 { font-family: var(--sev-head); font-size: .84rem; font-weight: 700; color: #fff; }
.sev-chat-hdr span { font-family: var(--sev-body); font-size: .7rem; color: rgba(255,255,255,.35); }
.sev-chat-bd { padding: 1.25rem; }
.sev-chat-msg { font-family: var(--sev-body); font-size: .82rem; color: var(--sev-stone); margin-bottom: .85rem; font-style: italic; }
.sev-chat-inp, .sev-chat-ta { width: 100%; padding: .55rem .85rem; border: 1px solid var(--sev-rule); border-radius: var(--sev-rlg); font-family: var(--sev-body); font-size: .82rem; color: var(--sev-dark); background: var(--sev-cream); margin-bottom: .5rem; }
.sev-chat-ta { resize: none; height: 64px; }
.sev-chat-inp:focus, .sev-chat-ta:focus { border-color: var(--sev-orange); outline: none; }
.sev-chat-send { width: 100%; padding: .58rem; background: var(--sev-orange); color: #fff; border: none; border-radius: var(--sev-rmd); font-family: var(--sev-head); font-size: .8rem; font-weight: 700; cursor: pointer; transition: background var(--sev-ease); }
.sev-chat-send:hover { background: var(--sev-orange2); }
.sev-chat-done { display: none; text-align: center; padding: .85rem; font-family: var(--sev-head); font-size: .84rem; color: var(--sev-orange); }

/* ── FADE ANIMATIONS ─────────────────────────────────────── */
.sev-fade { opacity: 0; transform: translateY(18px); transition: opacity .44s ease, transform .44s ease; }
.sev-fade.sev-in { opacity: 1; transform: none; }
.sev-d1 { transition-delay: .08s; }
.sev-d2 { transition-delay: .16s; }
.sev-d3 { transition-delay: .24s; }

/* ── RESPONSIVE ─────────────────────────────────────────── */
@media (max-width: 1024px) {
  .sev-nav-left, .sev-nav-right { display: none; }
  .sev-mob-tog { display: flex; }
  .sev-nav-inner { grid-template-columns: auto 1fr auto; }
  .sev-hero { grid-template-columns: 1fr; min-height: auto; }
  .sev-hero-left { clip-path: none; padding: 6rem 2rem 3rem; }
  .sev-hero-right { display: none; }
  .sev-svc-numbered { grid-template-columns: 1fr 1fr; }
  .sev-newspaper { grid-template-columns: 1fr; }
  .sev-proc-item { grid-template-columns: 1fr; gap: 1.5rem; }
  .sev-proc-item.sev-flip { direction: ltr; }
  .sev-testi-cols { grid-template-columns: 1fr; }
  .sev-tcard:nth-child(2), .sev-tcard:nth-child(4) { margin-top: 0; }
  .sev-bld-layout { grid-template-columns: 1fr; }
  .sev-summary { position: static; }
  .sev-chk-layout { grid-template-columns: 1fr; }
  .sev-chk-aside { position: static; }
  .sev-svc-pg { grid-template-columns: 1fr; }
  .sev-svc-aside { position: static; }
  .sev-contact-grid { grid-template-columns: 1fr; gap: 3rem; }
  .sev-about-grid { grid-template-columns: 1fr; gap: 3rem; }
  .sev-foot-grid { grid-template-columns: 1fr 1fr; }
  .sev-faq-wrap { grid-template-columns: 1fr; }
  .sev-faq-cats { position: static; }
}
@media (max-width: 768px) {
  .sev-shell { padding: 0 1.25rem; }
  .sev-sect, .sev-sect--cream, .sev-sect--dark, .sev-sect--dark2 { padding: 5rem 0; }
  .sev-svc-numbered { grid-template-columns: 1fr; }
  .sev-foot-grid { grid-template-columns: 1fr; }
  .sev-foot-base { flex-direction: column; align-items: flex-start; }
  .sev-col2 { grid-template-columns: 1fr; }
  .sev-vals-grid { grid-template-columns: 1fr; }
  .sev-stat-flex { flex-direction: column; }
  .sev-sflex-cell { border-right: none; border-bottom: 1px solid rgba(255,255,255,.06); }
  .sev-sflex-cell:last-child { border-bottom: none; }
}