/* ==========================================================================
   Wolf Group Agency — Dark Premium
   Palette: near-black charcoal base, bone white text, restrained metallic gold
   ========================================================================== */

:root{
  /* Type Scale */
  --text-xs:  clamp(.75rem, .7rem + .25vw, .875rem);
  --text-sm:  clamp(.8125rem, .78rem + .25vw, .9375rem);
  --text-base:clamp(1rem, .95rem + .25vw, 1.0625rem);
  --text-lg:  clamp(1.125rem, 1rem + .5vw, 1.375rem);
  --text-xl:  clamp(1.5rem, 1.2rem + 1.2vw, 2.125rem);
  --text-2xl: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
  --text-3xl: clamp(2.75rem, 1.4rem + 5vw, 5.5rem);
  --text-hero:clamp(3rem, 1rem + 7vw, 7.5rem);

  /* Spacing (4px base) */
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;
  --space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;
  --space-20:5rem;--space-24:6rem;--space-32:8rem;

  /* Surfaces — deep charcoal layered */
  --color-bg:        #0a0a0a;
  --color-surface:   #111110;
  --color-surface-2: #161614;
  --color-surface-3: #1c1c19;
  --color-elevated:  #201f1c;
  --color-divider:   #232220;
  --color-border:    #2a2926;
  --color-border-strong: #3a3936;

  /* Text */
  --color-text:        #e8e6e0;
  --color-text-muted:  #908d85;
  --color-text-faint:  #5e5b54;
  --color-text-inverse:#0a0a0a;

  /* Accent — restrained metallic gold */
  --color-accent:        #c9a961;
  --color-accent-hover:  #d9bb73;
  --color-accent-soft:   #5a4a25;
  --color-accent-glow:   rgba(201, 169, 97, .14);

  /* Radius — minimal */
  --radius-sm:.25rem;
  --radius-md:.375rem;
  --radius-lg:.625rem;
  --radius-xl:1rem;
  --radius-full:9999px;

  /* Layout */
  --content-narrow: 720px;
  --content-default:1080px;
  --content-wide:   1240px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  /* Fonts */
  --font-display:'Boska', 'Cormorant Garamond', Georgia, serif;
  --font-body:'General Sans', 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:'JetBrains Mono', ui-monospace, monospace;
}

/* ============================ Background grain ============================ */
body{
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(201,169,97,.06), transparent 60%),
    radial-gradient(900px 500px at 110% 20%, rgba(201,169,97,.04), transparent 70%),
    var(--color-bg);
  position:relative;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .55 0 0 0 0 .5 0 0 0 0 .4 0 0 0 .35 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.5'/></svg>");
  opacity:.05;mix-blend-mode:overlay;
}

/* ================================= Layout ================================= */
.container{
  width:100%;
  max-width:var(--content-wide);
  margin-inline:auto;
  padding-inline:var(--gutter);
  position:relative;
  z-index:1;
}
.container--narrow{max-width:var(--content-default)}

section{position:relative;z-index:1}

.section{
  padding-block:clamp(4.5rem, 9vw, 8rem);
  border-top:1px solid var(--color-divider);
}
.section:first-of-type{border-top:0}

.eyebrow{
  display:inline-flex;align-items:center;gap:var(--space-3);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--color-text-muted);
  margin-bottom:var(--space-6);
}
.eyebrow::before{
  content:"";width:24px;height:1px;background:var(--color-accent);
}

/* ================================== Nav =================================== */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  padding-block:var(--space-5);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  background:rgba(10,10,10,.55);
  border-bottom:1px solid transparent;
  transition:border-color 300ms, background 300ms;
}
.nav.is-scrolled{
  background:rgba(10,10,10,.85);
  border-bottom-color:var(--color-divider);
}
.nav__inner{
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);
}
.brand{
  display:inline-flex;align-items:baseline;gap:var(--space-2);
  color:var(--color-text);
  font-family:var(--font-body);
  font-size:var(--text-sm);
  font-weight:500;
  letter-spacing:.02em;
}
.brand svg{width:28px;height:28px;color:var(--color-accent);flex:none;transform:translateY(6px)}
.brand__name{font-weight:600;letter-spacing:.005em}
.brand__tag{color:var(--color-text-muted);font-weight:400;margin-left:.18em;letter-spacing:.04em;font-size:.92em}

.nav__links{
  display:flex;gap:var(--space-8);align-items:center;
  font-size:var(--text-sm);
  color:var(--color-text-muted);
}
.nav__links a:hover{color:var(--color-text)}

.nav__cta{
  display:inline-flex;align-items:center;gap:var(--space-2);
  font-size:var(--text-sm);
  padding:.625rem 1.125rem;
  border:1px solid var(--color-border-strong);
  border-radius:var(--radius-full);
  color:var(--color-text);
}
.nav__cta:hover{
  border-color:var(--color-accent);
  color:var(--color-accent);
}

@media (max-width: 880px){
  .nav__links{display:none}
}

/* ================================= Buttons ================================= */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);
  font-family:var(--font-body);
  font-size:var(--text-sm);
  font-weight:500;
  letter-spacing:.01em;
  padding:.95rem 1.5rem;
  border-radius:var(--radius-full);
  border:1px solid transparent;
  white-space:nowrap;
  position:relative;
}
.btn--primary{
  background:var(--color-accent);
  color:#0a0a0a;
}
.btn--primary:hover{
  background:var(--color-accent-hover);
  transform:translateY(-1px);
  box-shadow:0 12px 32px -10px rgba(201,169,97,.35);
}
.btn--ghost{
  background:transparent;
  border-color:var(--color-border-strong);
  color:var(--color-text);
}
.btn--ghost:hover{
  border-color:var(--color-accent);
  color:var(--color-accent);
}
.btn .arrow{
  display:inline-block;
  transition:transform 220ms cubic-bezier(.16,1,.3,1);
}
.btn:hover .arrow{transform:translateX(3px)}

/* ================================== Hero ================================== */
.hero{
  padding-top:clamp(8rem, 14vw, 12rem);
  padding-bottom:clamp(5rem, 9vw, 8rem);
  position:relative;
  overflow:hidden;
}
.hero__inner{
  display:grid;
  gap:var(--space-12);
  align-items:end;
}
.hero__title{
  font-family:var(--font-display);
  font-weight:500;
  font-size:clamp(2.5rem, .8rem + 4.6vw, 5.2rem);
  letter-spacing:-0.025em;
  line-height:1.02;
  color:var(--color-text);
  max-width:22ch;
}
.hero__title em{
  font-style:italic;
  color:var(--color-accent);
  font-weight:400;
}
.hero__sub{
  font-size:var(--text-lg);
  color:var(--color-text-muted);
  max-width:54ch;
  margin-top:var(--space-8);
  line-height:1.5;
}
.hero__authority{
  display:inline-block;
  margin-top:var(--space-5);
  padding:var(--space-2) var(--space-4);
  border-left:2px solid var(--color-accent);
  font-family:var(--font-mono, ui-monospace, monospace);
  font-size:var(--text-xs);
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:var(--color-text);
  background:rgba(212,166,74,.06);
  border-radius:0 var(--radius-sm, 4px) var(--radius-sm, 4px) 0;
  max-width:54ch;
}
.hero__ctas{
  display:flex;flex-wrap:wrap;gap:var(--space-3);
  margin-top:var(--space-10);
}
.hero__meta{
  margin-top:var(--space-12);
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:var(--space-6);
  border-top:1px solid var(--color-divider);
  padding-top:var(--space-8);
  max-width:780px;
}
.hero__meta-item{
  display:flex;flex-direction:column;gap:var(--space-1);
}
.hero__meta-k{
  font-family:var(--font-display);
  font-size:var(--text-xl);
  color:var(--color-text);
  font-weight:500;
  letter-spacing:-0.02em;
}
.hero__meta-v{
  font-size:var(--text-xs);
  color:var(--color-text-muted);
  font-family:var(--font-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Hero accent: vertical line + agency mark */
.hero__mark{
  position:absolute;
  right:var(--gutter);top:8rem;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  color:var(--color-text-faint);
  letter-spacing:.18em;
  text-transform:uppercase;
  writing-mode:vertical-rl;
  display:flex;align-items:center;gap:var(--space-3);
}
@media (max-width: 880px){
  .hero__mark{display:none}
  .hero__meta{grid-template-columns:repeat(3, minmax(0,1fr));gap:var(--space-4)}
  .hero__meta-k{font-size:var(--text-lg)}
}
@media (max-width: 720px){
  .hero__title em{white-space:normal}
}
@media (max-width: 480px){
  .hero__meta{grid-template-columns:1fr 1fr;gap:var(--space-5)}
}

/* ============================= Marquee strip ============================== */
.strip{
  border-block:1px solid var(--color-divider);
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.01));
  padding-block:var(--space-6);
  overflow:hidden;
}
.strip__track{
  display:flex;gap:var(--space-16);
  white-space:nowrap;
  animation:slide 40s linear infinite;
}
.strip__item{
  display:inline-flex;align-items:center;gap:var(--space-3);
  font-family:var(--font-display);
  font-size:var(--text-lg);
  color:var(--color-text-muted);
  letter-spacing:-0.01em;
}
.strip__item::before{
  content:"";width:6px;height:6px;background:var(--color-accent);
  border-radius:var(--radius-full);
}
@keyframes slide{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* =============================== Section head ============================== */
.s-head{
  display:grid;
  grid-template-columns:1fr 1.4fr;
  gap:var(--space-12);
  align-items:end;
  margin-bottom:var(--space-16);
}
.s-head:not(:has(.s-head__lead)){
  grid-template-columns:1fr;
  max-width:60ch;
}
.s-head__title{
  font-family:var(--font-display);
  font-weight:500;
  font-size:var(--text-3xl);
  letter-spacing:-0.025em;
  line-height:1;
}
.s-head__title em{
  font-style:italic;
  color:var(--color-accent);
}
.s-head__lead{
  font-size:var(--text-lg);
  color:var(--color-text-muted);
  max-width:50ch;
  line-height:1.5;
}
@media (max-width: 800px){
  .s-head{grid-template-columns:1fr;gap:var(--space-6)}
}

/* ================================ Services ================================ */
.services{
  display:grid;
  gap:1px;
  background:var(--color-divider);
  border:1px solid var(--color-divider);
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.svc{
  background:var(--color-surface);
  padding:var(--space-10);
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:var(--space-8);
  align-items:start;
  position:relative;
  transition:background 220ms ease;
}
.svc:hover{background:var(--color-surface-2)}
.svc--lead{
  background:
    linear-gradient(180deg, rgba(201,169,97,.06), transparent 40%),
    var(--color-surface-2);
  box-shadow:inset 3px 0 0 var(--color-accent);
}
.svc--lead:hover{
  background:
    linear-gradient(180deg, rgba(201,169,97,.10), transparent 50%),
    var(--color-surface-2);
}
.svc__num{
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  color:var(--color-text-faint);
  letter-spacing:.12em;
  padding-top:.4rem;
}
.svc__body{display:flex;flex-direction:column;gap:var(--space-4);max-width:62ch}
.svc__title{
  font-family:var(--font-display);
  font-weight:500;
  font-size:var(--text-xl);
  color:var(--color-text);
  letter-spacing:-0.02em;
  display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;
}
.svc__pill{
  font-family:var(--font-mono);
  font-size:.625rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:.3rem .6rem;
  border-radius:var(--radius-full);
  background:var(--color-accent);
  color:#0a0a0a;
}
.svc__pill--soft{
  background:transparent;
  color:var(--color-text-muted);
  border:1px solid var(--color-border);
}
.svc__copy{
  color:var(--color-text-muted);
  font-size:var(--text-base);
  line-height:1.55;
}
.svc__chips{
  display:flex;flex-wrap:wrap;gap:var(--space-2);
  margin-top:var(--space-2);
}
.svc__chip{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--color-text-muted);
  padding:.25rem .55rem;
  border:1px solid var(--color-border);
  border-radius:var(--radius-sm);
}
.svc__arrow{
  align-self:center;
  color:var(--color-text-faint);
  transition:color 220ms, transform 220ms;
}
.svc:hover .svc__arrow{color:var(--color-accent);transform:translateX(4px)}

@media (max-width: 720px){
  .svc{grid-template-columns:auto 1fr;gap:var(--space-4);padding:var(--space-6)}
  .svc__arrow{display:none}
}

/* =============================== Why / diff =============================== */
.why{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:var(--space-1);
  background:var(--color-divider);
  border:1px solid var(--color-divider);
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.why__cell{
  background:var(--color-surface);
  padding:var(--space-8) var(--space-6);
  display:flex;flex-direction:column;gap:var(--space-3);
  min-height:200px;
}
.why__icon{
  width:32px;height:32px;color:var(--color-accent);
  margin-bottom:var(--space-2);
}
.why__cell h3{
  font-family:var(--font-display);
  font-weight:500;
  font-size:var(--text-lg);
  color:var(--color-text);
  letter-spacing:-0.015em;
}
.why__cell p{
  color:var(--color-text-muted);
  font-size:var(--text-sm);
  line-height:1.55;
}
@media (max-width: 880px){
  .why{grid-template-columns:1fr 1fr}
}
@media (max-width: 560px){
  .why{grid-template-columns:1fr}
}

/* ================================ Process ================================= */
.process{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:var(--space-8);
  position:relative;
}
.process::before{
  content:"";position:absolute;
  top:42px;left:5%;right:5%;
  height:1px;
  background:linear-gradient(90deg, transparent, var(--color-border-strong) 20%, var(--color-border-strong) 80%, transparent);
  z-index:0;
}
.step{
  position:relative;z-index:1;
  display:flex;flex-direction:column;gap:var(--space-4);
}
.step__num{
  width:42px;height:42px;
  display:grid;place-items:center;
  border:1px solid var(--color-border-strong);
  border-radius:var(--radius-full);
  background:var(--color-bg);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  color:var(--color-accent);
  letter-spacing:.05em;
}
.step h3{
  font-family:var(--font-display);
  font-weight:500;
  font-size:var(--text-lg);
  color:var(--color-text);
  letter-spacing:-0.015em;
}
.step p{
  color:var(--color-text-muted);
  font-size:var(--text-sm);
  line-height:1.55;
}
@media (max-width: 800px){
  .process{grid-template-columns:1fr;gap:var(--space-8)}
  .process::before{display:none}
}

/* ================================ Outcomes ================================ */
.outcomes{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:var(--space-1);
  background:var(--color-divider);
  border:1px solid var(--color-divider);
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.case{
  background:var(--color-surface);
  padding:var(--space-10) var(--space-8);
  display:flex;flex-direction:column;gap:var(--space-5);
  position:relative;
}
.case--lead{
  background:linear-gradient(160deg, rgba(201,169,97,.08), transparent 70%), var(--color-surface-2);
}
.case__tag{
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  color:var(--color-accent);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.case__name{
  font-family:var(--font-display);
  font-weight:500;
  font-size:var(--text-xl);
  letter-spacing:-0.02em;
  color:var(--color-text);
}
.case__desc{
  color:var(--color-text-muted);
  font-size:var(--text-sm);
  line-height:1.55;
}
.case__metrics{
  display:flex;gap:var(--space-6);
  margin-top:auto;
  padding-top:var(--space-6);
  border-top:1px solid var(--color-border);
}
.case__metric{display:flex;flex-direction:column;gap:.2rem}
.case__metric strong{
  font-family:var(--font-display);
  font-size:var(--text-lg);
  font-weight:500;
  color:var(--color-text);
}
.case__metric span{
  font-family:var(--font-mono);
  font-size:.6875rem;
  color:var(--color-text-faint);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.case__link{
  display:inline-flex;align-items:center;gap:var(--space-2);
  font-size:var(--text-sm);
  color:var(--color-accent);
  margin-top:var(--space-2);
}
.case__link:hover{color:var(--color-accent-hover)}
@media (max-width: 920px){
  .outcomes{grid-template-columns:1fr 1fr}
  .case--lead{grid-column:1 / -1}
}
@media (max-width: 600px){
  .outcomes{grid-template-columns:1fr}
  .case--lead{grid-column:auto}
}

/* ================================ Founder ================================= */
.founder{
  display:grid;
  grid-template-columns:1fr 1.6fr;
  gap:var(--space-16);
  align-items:start;
}
.founder__plate{
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  background:var(--color-surface);
  padding:var(--space-8);
  display:flex;flex-direction:column;gap:var(--space-5);
  position:sticky;top:6rem;
}
.founder__avatar{
  width:64px;height:64px;
  border-radius:var(--radius-full);
  background:linear-gradient(135deg, var(--color-accent-soft), var(--color-accent));
  display:grid;place-items:center;
  font-family:var(--font-display);
  color:#0a0a0a;
  font-size:var(--text-lg);
  font-weight:600;
}
.founder__plate h4{
  font-family:var(--font-display);
  font-weight:500;
  font-size:var(--text-lg);
  letter-spacing:-0.015em;
}
.founder__role{
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  color:var(--color-text-muted);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.founder__list{
  display:flex;flex-direction:column;gap:var(--space-2);
  margin-top:var(--space-3);
  font-size:var(--text-sm);
  color:var(--color-text-muted);
}
.founder__list li{
  display:flex;align-items:flex-start;gap:var(--space-3);
}
.founder__list li::before{
  content:"";flex:0 0 auto;
  width:14px;height:1px;background:var(--color-accent);
  margin-top:.7em;
}
.founder__quote{
  font-family:var(--font-display);
  font-size:var(--text-2xl);
  line-height:1.15;
  letter-spacing:-0.02em;
  font-weight:400;
  color:var(--color-text);
}
.founder__quote em{font-style:italic;color:var(--color-accent)}
.founder__body{
  margin-top:var(--space-8);
  font-size:var(--text-base);
  color:var(--color-text-muted);
  line-height:1.65;
  display:flex;flex-direction:column;gap:var(--space-5);
  max-width:60ch;
}
@media (max-width: 880px){
  .founder{grid-template-columns:1fr;gap:var(--space-10)}
  .founder__plate{position:static}
}

/* ================================ Final CTA =============================== */
.cta{
  background:
    radial-gradient(800px 400px at 50% 0%, rgba(201,169,97,.10), transparent 70%),
    var(--color-surface);
  border:1px solid var(--color-border);
  border-radius:var(--radius-xl);
  padding:clamp(3rem, 7vw, 6rem) clamp(1.5rem, 5vw, 4rem);
  text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:var(--space-6);
}
.cta__title{
  font-family:var(--font-display);
  font-weight:500;
  font-size:var(--text-3xl);
  letter-spacing:-0.025em;
  line-height:1.05;
  max-width:18ch;
}
.cta__title em{font-style:italic;color:var(--color-accent)}
.cta__sub{
  font-size:var(--text-lg);
  color:var(--color-text-muted);
  max-width:52ch;
  line-height:1.5;
}
.cta__row{
  display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;
}
.cta__note{
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  color:var(--color-text-faint);
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-top:var(--space-4);
}

/* ================================ Contact ================================= */
.contact{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:var(--space-16);
  align-items:start;
}
.contact__intro h2{
  font-family:var(--font-display);
  font-weight:500;
  font-size:var(--text-2xl);
  letter-spacing:-0.02em;
  line-height:1.05;
}
.contact__intro p{
  color:var(--color-text-muted);
  margin-top:var(--space-5);
  font-size:var(--text-base);
  line-height:1.55;
}
.contact__list{
  margin-top:var(--space-8);
  display:flex;flex-direction:column;gap:var(--space-4);
  font-size:var(--text-sm);
  color:var(--color-text-muted);
}
.contact__list a{color:var(--color-text)}
.contact__list a:hover{color:var(--color-accent)}

.form{
  background:var(--color-surface);
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  padding:var(--space-8);
  display:flex;flex-direction:column;gap:var(--space-5);
}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
@media (max-width: 600px){.form__row{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:var(--space-2)}
.field label{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--color-text-muted);
}
.field input,
.field select,
.field textarea{
  background:var(--color-bg);
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  padding:.85rem 1rem;
  color:var(--color-text);
  font-size:var(--text-sm);
  outline:none;
  transition:border-color 200ms ease, background 200ms ease;
}
.field textarea{resize:vertical;min-height:120px;font-family:var(--font-body)}
.field input:focus,
.field select:focus,
.field textarea:focus{
  border-color:var(--color-accent);
  background:var(--color-surface-2);
}
.form__submit{align-self:flex-start;margin-top:var(--space-2)}
.form__note{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--color-text-faint);
}
.form-wrap{display:flex;flex-direction:column}
.form-wrap [hidden]{display:none !important}
.form-success{
  padding:var(--space-9) var(--space-8);
  border:1px solid var(--color-accent);
  border-radius:var(--radius-lg, 16px);
  background:linear-gradient(180deg, rgba(212,166,74,.08), transparent 70%), var(--color-surface-2);
  box-shadow:0 24px 60px -32px rgba(212,166,74,.35);
  display:flex;flex-direction:column;gap:var(--space-4);
  animation:formSuccessIn .5s cubic-bezier(.2,.7,.2,1);
}
.form-success__title{
  font-family:var(--font-display);
  font-size:var(--text-2xl);
  line-height:1.15;
  letter-spacing:-0.01em;
  margin:0;
  color:var(--color-text);
}
.form-success__title em{font-style:italic;color:var(--color-accent);font-weight:500}
.form-success__body{
  margin:0;
  font-size:var(--text-base);
  color:var(--color-text-muted);
  line-height:1.55;
  max-width:54ch;
}
.form-success__body a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}
.form-error{
  margin-top:var(--space-4);
  padding:var(--space-4) var(--space-5);
  border-left:2px solid #d97757;
  background:rgba(217,119,87,.08);
  border-radius:0 var(--radius-sm, 4px) var(--radius-sm, 4px) 0;
  color:var(--color-text);
  font-size:var(--text-sm);
}
.form-error a{color:var(--color-accent);text-decoration:underline}
.form__submit:disabled{opacity:.6;cursor:wait}
@keyframes formSuccessIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
@media (max-width: 880px){
  .contact{grid-template-columns:1fr;gap:var(--space-10)}
  .form-success{padding:var(--space-7) var(--space-6)}
  .form-success__title{font-size:var(--text-xl)}
}

/* ================================== Footer ================================= */
.footer{
  border-top:1px solid var(--color-divider);
  padding-block:var(--space-12) var(--space-8);
  margin-top:var(--space-16);
}
.footer__top{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:var(--space-8);
  padding-bottom:var(--space-10);
  border-bottom:1px solid var(--color-divider);
}
.footer__col h5{
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--color-text-faint);
  margin-bottom:var(--space-4);
}
.footer__col ul{display:flex;flex-direction:column;gap:var(--space-3)}
.footer__col a{
  font-size:var(--text-sm);
  color:var(--color-text-muted);
}
.footer__col a:hover{color:var(--color-text)}
.footer__brandcol p{
  color:var(--color-text-muted);
  font-size:var(--text-sm);
  margin-top:var(--space-4);
  max-width:38ch;
  line-height:1.55;
}
.footer__bottom{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:var(--space-6);
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--color-text-faint);
  flex-wrap:wrap;gap:var(--space-3);
}
@media (max-width: 800px){
  .footer__top{grid-template-columns:1fr 1fr}
}
@media (max-width: 480px){
  .footer__top{grid-template-columns:1fr}
}

/* =============================== Reveal anim ============================== */
.js-reveal{opacity:0;transform:translateY(18px);transition:opacity 700ms cubic-bezier(.16,1,.3,1), transform 700ms cubic-bezier(.16,1,.3,1)}
.js-reveal.is-visible{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){
  .js-reveal{opacity:1;transform:none}
}

/* ================================ Pricing ================================ */
.pricing{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:1px;
  background:var(--color-divider);
  border:1px solid var(--color-divider);
  border-radius:var(--radius-lg);
  overflow:hidden;
  margin-top:var(--space-8);
}
.tier{
  background:var(--color-surface);
  padding:var(--space-10);
  display:flex;
  flex-direction:column;
  gap:var(--space-6);
  position:relative;
  transition:background 220ms ease;
}
.tier:hover{background:var(--color-surface-2)}
.tier--featured{
  background:
    linear-gradient(180deg, rgba(201,169,97,.08), transparent 55%),
    var(--color-surface-2);
  box-shadow:inset 0 0 0 1px var(--color-accent);
  z-index:1;
  padding-top:calc(var(--space-10) + var(--space-3));
}
.tier--featured:hover{
  background:
    linear-gradient(180deg, rgba(201,169,97,.12), transparent 60%),
    var(--color-surface-2);
}
.tier__flag{
  position:absolute;
  top:var(--space-5);
  right:var(--space-6);
  font-family:var(--font-mono);
  font-size:.625rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding:.35rem .65rem;
  border-radius:var(--radius-full);
  background:var(--color-accent);
  color:#0a0a0a;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}
.tier__head{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  padding-bottom:var(--space-6);
  border-bottom:1px solid var(--color-divider);
}
.tier__num{
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  color:var(--color-text-faint);
  letter-spacing:.12em;
}
.tier__best{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:var(--color-text-muted);
}
.tier__name{
  font-family:var(--font-display);
  font-weight:500;
  font-size:var(--text-xl);
  color:var(--color-text);
  letter-spacing:-0.02em;
  line-height:1.15;
}
.tier__price{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
  margin-top:var(--space-3);
}
.tier__from{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--color-text-faint);
}
.tier__amount{
  font-family:var(--font-display);
  font-weight:500;
  font-size:var(--text-2xl);
  color:var(--color-text);
  letter-spacing:-0.02em;
  line-height:1;
}
.tier--featured .tier__amount{color:var(--color-accent)}
.tier__copy{
  color:var(--color-text-muted);
  font-size:var(--text-base);
  line-height:1.55;
}
.tier__list{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  margin:0;
  padding:0;
  list-style:none;
}
.tier__list li{
  position:relative;
  padding-left:var(--space-6);
  color:var(--color-text);
  font-size:var(--text-sm);
  line-height:1.5;
}
.tier__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:14px;
  height:1px;
  background:var(--color-accent);
}
.tier__cta{
  margin-top:auto;
  align-self:flex-start;
}

.pricing__notes{
  margin-top:var(--space-10);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--space-6) var(--space-10);
  padding-top:var(--space-8);
  border-top:1px solid var(--color-divider);
}
.pricing__note{
  color:var(--color-text-muted);
  font-size:var(--text-sm);
  line-height:1.6;
  max-width:60ch;
}
.pricing__label{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:.625rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--color-accent);
  margin-right:var(--space-2);
}
.pricing__trust{
  grid-column:1 / -1;
  font-family:var(--font-display);
  font-style:italic;
  font-size:var(--text-lg);
  color:var(--color-text);
  letter-spacing:-0.01em;
  line-height:1.3;
  max-width:64ch;
  padding-top:var(--space-4);
  border-top:1px solid var(--color-divider);
}

@media (max-width: 980px){
  .pricing{grid-template-columns:1fr;}
  .tier{padding:var(--space-8)}
  .tier--featured{
    box-shadow:inset 0 0 0 1px var(--color-accent);
    padding-top:calc(var(--space-8) + var(--space-3));
  }
  .tier__flag{right:var(--space-5);top:var(--space-4)}
  .pricing__notes{grid-template-columns:1fr;gap:var(--space-5)}
}

/* ================================ Core Offer ================================ */
.offer{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr);
  gap:1px;
  background:var(--color-divider);
  border:1px solid var(--color-divider);
  border-radius:var(--radius-lg);
  overflow:hidden;
  margin-top:var(--space-8);
}
.offer__lead{
  background:
    linear-gradient(180deg, rgba(201,169,97,.06), transparent 45%),
    var(--color-surface);
  padding:var(--space-12) var(--space-10);
  display:flex;
  flex-direction:column;
  gap:var(--space-5);
  box-shadow:inset 3px 0 0 var(--color-accent);
}
.offer__tag{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--color-accent);
}
.offer__title{
  font-family:var(--font-display);
  font-weight:500;
  font-size:var(--text-xl);
  color:var(--color-text);
  letter-spacing:-0.02em;
  line-height:1.18;
  max-width:24ch;
}
.offer__copy{
  color:var(--color-text-muted);
  font-size:var(--text-base);
  line-height:1.6;
  max-width:52ch;
}
.offer__cta{
  margin-top:var(--space-3);
  align-self:flex-start;
}

.offer__pillars{
  display:grid;
  grid-template-rows:repeat(4, 1fr);
  gap:1px;
  background:var(--color-divider);
}
.pillar{
  background:var(--color-surface);
  padding:var(--space-8) var(--space-10);
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  transition:background 220ms ease;
}
.pillar:hover{background:var(--color-surface-2)}
.pillar__num{
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:.12em;
  color:var(--color-text-faint);
}
.pillar__title{
  font-family:var(--font-display);
  font-weight:500;
  font-size:var(--text-lg);
  color:var(--color-text);
  letter-spacing:-0.01em;
  line-height:1.2;
}
.pillar__copy{
  color:var(--color-text-muted);
  font-size:var(--text-sm);
  line-height:1.55;
  max-width:48ch;
}

.offer__included{
  margin-top:var(--space-10);
  padding:var(--space-8) var(--space-10);
  background:var(--color-surface);
  border:1px solid var(--color-divider);
  border-radius:var(--radius-lg);
}
.offer__included-label{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--color-accent);
  margin-bottom:var(--space-5);
}
.offer__list{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:var(--space-4) var(--space-8);
  margin:0;
  padding:0;
  list-style:none;
}
.offer__list li{
  position:relative;
  padding-left:var(--space-6);
  color:var(--color-text);
  font-size:var(--text-sm);
  line-height:1.5;
}
.offer__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:14px;
  height:1px;
  background:var(--color-accent);
}

.offer__after{
  margin-top:var(--space-6);
  padding:var(--space-6) var(--space-10);
  border-left:2px solid var(--color-accent-soft);
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}
.offer__after-label{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--color-text-faint);
}
.offer__after-copy{
  color:var(--color-text-muted);
  font-size:var(--text-sm);
  line-height:1.6;
  max-width:78ch;
}

@media (max-width: 980px){
  .offer{grid-template-columns:1fr}
  .offer__lead{padding:var(--space-8)}
  .pillar{padding:var(--space-6) var(--space-8)}
  .offer__included{padding:var(--space-6) var(--space-7)}
  .offer__list{grid-template-columns:1fr;gap:var(--space-3)}
  .offer__after{padding:var(--space-5) var(--space-7)}
}

/* ================================ Anchor pricing ================================ */
.anchor{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr);
  gap:1px;
  background:var(--color-divider);
  border:1px solid var(--color-divider);
  border-radius:var(--radius-lg);
  overflow:hidden;
  margin-top:var(--space-8);
}
.anchor__main{
  background:
    linear-gradient(180deg, rgba(201,169,97,.08), transparent 45%),
    var(--color-surface-2);
  padding:var(--space-12) var(--space-10);
  display:flex;
  flex-direction:column;
  gap:var(--space-5);
  box-shadow:inset 0 0 0 1px var(--color-accent);
  border-radius:var(--radius-lg) 0 0 var(--radius-lg);
}
.anchor__tag{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--color-accent);
}
.anchor__price{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
  margin-top:var(--space-2);
}
.anchor__from{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--color-text-faint);
}
.anchor__amount{
  font-family:var(--font-display);
  font-weight:500;
  font-size:var(--text-3xl);
  color:var(--color-accent);
  letter-spacing:-0.02em;
  line-height:1;
}
.anchor__copy{
  color:var(--color-text-muted);
  font-size:var(--text-base);
  line-height:1.6;
  max-width:52ch;
}
.anchor__cta{
  margin-top:var(--space-3);
  align-self:flex-start;
}
.anchor__shapes{
  background:var(--color-surface);
  padding:var(--space-10);
  display:flex;
  flex-direction:column;
  gap:var(--space-5);
}
.anchor__shapes-label{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--color-text-faint);
}
.anchor__list{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  margin:0;
  padding:0;
  list-style:none;
}
.anchor__list li{
  position:relative;
  padding-left:var(--space-6);
  color:var(--color-text);
  font-size:var(--text-sm);
  line-height:1.5;
}
.anchor__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:14px;
  height:1px;
  background:var(--color-accent);
}

@media (max-width: 980px){
  .anchor{grid-template-columns:1fr}
  .anchor__main{
    padding:var(--space-8);
    border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  }
  .anchor__shapes{padding:var(--space-7) var(--space-8)}
}

/* ================================ Tiered pricing ================================ */
.pricing__intro{
  margin-top:var(--space-8);
  margin-bottom:var(--space-2);
  font-size:var(--text-lg);
  line-height:1.5;
  color:var(--color-text-muted);
  text-align:center;
  max-width:62ch;
  margin-left:auto;
  margin-right:auto;
}
.pricing__intro em{
  font-style:normal;
  color:var(--color-text);
  font-weight:500;
}
.pricing__anchor{
  margin-top:var(--space-6);
  font-family:var(--font-display);
  font-size:var(--text-xl);
  line-height:1.25;
  letter-spacing:-0.01em;
  color:var(--color-text);
  text-align:center;
  padding:var(--space-5) var(--space-6);
  border-top:1px solid var(--color-divider);
  border-bottom:1px solid var(--color-divider);
}
.pricing__anchor em{
  font-style:italic;
  color:var(--color-accent);
  font-weight:500;
}
.tier__sub--accent{
  margin-top:var(--space-3);
  padding-top:var(--space-3);
  border-top:1px dashed var(--color-divider);
  font-size:var(--text-sm);
  color:var(--color-accent) !important;
  font-style:italic;
  font-weight:500;
  line-height:1.5;
}
.tier--featured .tier__sub--accent{
  color:var(--color-accent) !important;
}
.tiers{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:var(--space-5);
  margin-top:var(--space-8);
  align-items:stretch;
}
.tier{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:var(--space-5);
  background:var(--color-surface);
  border:1px solid var(--color-divider);
  border-radius:var(--radius-lg);
  padding:var(--space-8) var(--space-7);
  transition:transform 220ms ease, border-color 220ms ease;
}
.tier:hover{
  border-color:var(--color-border);
}
.tier--featured{
  background:
    linear-gradient(180deg, rgba(212,166,74,.08), transparent 55%),
    var(--color-surface-2);
  border:1px solid var(--color-accent);
  box-shadow:0 0 0 1px var(--color-accent), 0 24px 60px -32px rgba(212,166,74,.4);
  transform:translateY(-6px);
  padding-top:var(--space-10);
}
.tier--featured:hover{
  border-color:var(--color-accent);
}
.tier__flag{
  position:absolute;
  top:-12px;
  left:50%;
  transform:translateX(-50%);
  background:var(--color-accent);
  color:#0c0c0c;
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding:6px 14px;
  border-radius:var(--radius-full);
  font-weight:600;
  white-space:nowrap;
}
.tier__head{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}
.tier__label{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--color-accent);
}
.tier__name{
  font-family:var(--font-display);
  font-weight:500;
  font-size:var(--text-xl);
  color:var(--color-text);
  letter-spacing:-0.02em;
  line-height:1.1;
  margin:0;
}
.tier__sub{
  color:var(--color-text-muted);
  font-size:var(--text-sm);
  line-height:1.55;
  max-width:34ch;
}
.tier__price{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding-block:var(--space-3);
  border-top:1px solid var(--color-divider);
  border-bottom:1px solid var(--color-divider);
}
.tier__amount{
  font-family:var(--font-display);
  font-weight:500;
  font-size:var(--text-2xl);
  color:var(--color-text);
  letter-spacing:-0.02em;
  line-height:1;
}
.tier--featured .tier__amount{color:var(--color-accent)}
.tier__cycle{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--color-text-faint);
}
.tier__cycle--soft{margin-top:-2px}
.tier__plus{
  font-family:var(--font-display);
  font-weight:500;
  font-size:var(--text-lg);
  color:var(--color-text);
  letter-spacing:-0.01em;
  line-height:1.1;
  margin-top:var(--space-3);
}
.tier__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  flex:1;
}
.tier__list li{
  position:relative;
  padding-left:var(--space-6);
  color:var(--color-text);
  font-size:var(--text-sm);
  line-height:1.5;
}
.tier__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:12px;
  height:1px;
  background:var(--color-accent);
}
.tier__cta{
  align-self:stretch;
  text-align:center;
  justify-content:center;
}
.tier__foot{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.06em;
  color:var(--color-text-faint);
  line-height:1.5;
  margin:0;
}

@media (max-width: 1080px){
  .tiers{grid-template-columns:1fr; gap:var(--space-10)}
  .tier--featured{transform:none; padding-top:calc(var(--space-12) + var(--space-7))}
  .tier--featured .tier__flag{top:-18px}
  .tier{padding:var(--space-7) var(--space-6)}
}

/* =============================== Problem section (under hero) =============================== */
.problem{
  background:var(--color-surface-2, var(--color-bg));
  border-top:1px solid var(--color-divider, rgba(255,255,255,.08));
  border-bottom:1px solid var(--color-divider, rgba(255,255,255,.08));
}
.problem__inner{
  max-width:880px;
  display:grid;
  gap:var(--space-7);
}
.problem__title{
  font-family:var(--font-display);
  font-size:var(--text-2xl);
  line-height:1.05;
  letter-spacing:-0.02em;
  color:var(--color-text);
  margin:0;
  text-wrap:balance;
}
.problem__title em{
  font-style:italic;
  color:var(--color-accent);
}
.problem__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:var(--space-4);
  border-top:1px solid var(--color-divider, rgba(255,255,255,.08));
}
.problem__list li{
  display:flex;
  align-items:baseline;
  gap:var(--space-5);
  padding-block:var(--space-4);
  border-bottom:1px solid var(--color-divider, rgba(255,255,255,.08));
}
.problem__num{
  font-family:var(--font-mono, ui-monospace, monospace);
  font-size:var(--text-xs);
  color:var(--color-accent);
  letter-spacing:0.08em;
  flex-shrink:0;
  min-width:2.5ch;
}
.problem__copy{
  font-size:var(--text-base);
  line-height:1.6;
  color:var(--color-text-muted, var(--color-text));
}
.problem__copy strong{
  color:var(--color-text);
  font-weight:600;
}
.problem__close{
  font-family:var(--font-display);
  font-size:var(--text-xl);
  line-height:1.25;
  color:var(--color-text);
  margin:0;
  padding-top:var(--space-2);
}
.problem__close em{
  font-style:italic;
  color:var(--color-accent);
}
@media (max-width: 720px){
  .problem__title{font-size:var(--text-xl)}
  .problem__list li{flex-direction:row;gap:var(--space-3)}
  .problem__close{font-size:var(--text-lg)}
}

/* =============================== Value anchor (above pricing) =============================== */
.value-anchor{
  padding-block:var(--space-10) var(--space-6);
  text-align:center;
}
.value-anchor__line{
  display:inline-block;
  font-family:var(--font-display);
  font-style:italic;
  font-size:var(--text-lg);
  line-height:1.4;
  color:var(--color-text-muted, var(--color-text));
  letter-spacing:-0.01em;
  border-top:1px solid var(--color-divider, rgba(255,255,255,.12));
  border-bottom:1px solid var(--color-divider, rgba(255,255,255,.12));
  padding-block:var(--space-5);
  padding-inline:var(--space-8);
  max-width:760px;
  margin:0 auto;
  text-wrap:balance;
}
.value-anchor__line strong{
  font-style:normal;
  font-family:var(--font-body);
  font-weight:600;
  color:var(--color-accent);
  letter-spacing:0;
}

/* =============================== Long-label CTA buttons =============================== */
.btn--primary{
  white-space:normal;
  text-align:left;
  line-height:1.25;
  max-width:100%;
}
.btn--primary .arrow{flex-shrink:0}
@media (max-width: 540px){
  .btn--primary{font-size:var(--text-sm)}
  .hero__ctas .btn--primary,
  .anchor__cta,
  .offer__cta{width:100%}
  .hero__ctas{flex-direction:column;align-items:stretch}
}

/* =============================== Featured Builds =============================== */
.work{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:var(--space-8);
}
.work__card{
  display:grid;
  grid-template-rows: auto auto;
  background:transparent;
  text-decoration:none;
  color:inherit;
  transition:transform .25s ease;
  overflow:hidden;
  border-radius:14px;
}
.work__card:hover{
  background:transparent;
}
.work__card:hover .work__media img{
  transform:scale(1.025);
}
.work__card:hover .work__visit{
  color:var(--color-accent);
}
.work__media{
  position:relative;
  overflow:hidden;
  aspect-ratio: 16 / 10;
  background:#0a0a0a;
  border:1px solid var(--color-divider, rgba(255,255,255,.08));
  border-radius:14px;
}
.work__media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position: top center;
  transition:transform .5s ease;
}
.work__body{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--space-3);
  padding:var(--space-5) 0 0;
  text-align:center;
}
.work__proof{
  font-size:var(--text-sm);
  color:var(--color-text-muted);
  line-height:1.45;
  margin:0;
  max-width:32ch;
}
.work__top{
  display:grid;
  gap:var(--space-2);
}
.work__tag{
  font-family:var(--font-mono, ui-monospace, monospace);
  font-size:var(--text-xs);
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--color-accent);
}
.work__brand{
  font-family:var(--font-display);
  font-size:var(--text-xl);
  line-height:1.1;
  letter-spacing:-0.015em;
  margin:0;
  color:var(--color-text);
}
.work__card--feature .work__brand{
  font-size:var(--text-2xl);
}
.work__niche{
  font-size:var(--text-sm);
  color:var(--color-text-muted, var(--color-text));
  margin:0;
}
.work__copy{
  font-size:var(--text-base);
  line-height:1.55;
  color:var(--color-text-muted, var(--color-text));
  margin:0;
}
.work__meta{
  list-style:none;
  margin:var(--space-2) 0 0;
  padding:0;
  display:grid;
  gap:var(--space-2);
  border-top:1px solid var(--color-divider, rgba(255,255,255,.08));
  padding-top:var(--space-4);
}
.work__meta li{
  font-size:var(--text-sm);
  color:var(--color-text-muted, var(--color-text));
}
.work__meta strong{
  color:var(--color-text);
  font-weight:600;
}
.work__visit{
  margin-top:auto;
  font-family:var(--font-mono, ui-monospace, monospace);
  font-size:var(--text-xs);
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--color-text);
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  transition:color .2s ease;
}
.work__visit .arrow{transition:transform .2s ease}
.work__card:hover .work__visit .arrow{transform:translateX(4px)}

@media (max-width: 980px){
  .work{grid-template-columns: 1fr; gap:var(--space-10)}
}

/* =============================== AI Chat Widget =============================== */
.wgchat{
  --wg-bg: #0c0c0c;
  --wg-surface: #131313;
  --wg-surface-2: #1b1b1b;
  --wg-border: rgba(255,255,255,.10);
  --wg-text: #ededed;
  --wg-muted: #9a9a9a;
  --wg-accent: var(--color-accent, #c9a96a);
  --wg-accent-soft: rgba(201,169,106,.18);
  position:fixed;
  right:clamp(16px, 3vw, 28px);
  bottom:clamp(16px, 3vw, 28px);
  z-index:9999;
  font-family:var(--font-body, system-ui, sans-serif);
}
.wgchat__toggle{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.85rem 1.05rem .85rem .9rem;
  border-radius:999px;
  border:1px solid var(--wg-border);
  background:var(--wg-bg);
  color:var(--wg-text);
  font-family:inherit;
  font-size:.85rem;
  font-weight:500;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:
    0 1px 0 0 rgba(255,255,255,.04) inset,
    0 8px 28px rgba(0,0,0,.45),
    0 0 0 0 var(--wg-accent-soft);
  transition: box-shadow .25s ease, transform .25s ease, background .2s ease;
}
.wgchat__toggle:hover{
  background:var(--wg-surface);
  box-shadow:
    0 1px 0 0 rgba(255,255,255,.06) inset,
    0 14px 36px rgba(0,0,0,.55),
    0 0 0 6px var(--wg-accent-soft);
  transform:translateY(-1px);
}
.wgchat__toggle:focus-visible{
  outline:2px solid var(--wg-accent);
  outline-offset:3px;
}
.wgchat__toggle-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background:var(--wg-accent);
  color:#0a0a0a;
}
.wgchat__toggle-icon svg{width:16px;height:16px}
.wgchat.is-open .wgchat__toggle{display:none}

.wgchat__panel{
  width:min(380px, calc(100vw - 32px));
  height:min(600px, calc(100vh - 32px));
  background:var(--wg-bg);
  border:1px solid var(--wg-border);
  border-radius:18px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  box-shadow:
    0 1px 0 0 rgba(255,255,255,.04) inset,
    0 30px 80px rgba(0,0,0,.65);
  transform-origin: bottom right;
  animation: wgchat-pop .22s ease-out;
}
.wgchat__panel[hidden]{display:none !important}
@keyframes wgchat-pop{
  from{ opacity:0; transform: translateY(8px) scale(.98) }
  to{ opacity:1; transform: translateY(0) scale(1) }
}

.wgchat__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.95rem 1rem;
  border-bottom:1px solid var(--wg-border);
  background:linear-gradient(180deg, rgba(255,255,255,.02), transparent);
}
.wgchat__heading{
  display:flex;
  align-items:center;
  gap:.65rem;
  min-width:0;
}
.wgchat__heading > div{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.wgchat__heading strong{
  font-family:var(--font-display, serif);
  font-weight:600;
  font-size:.95rem;
  color:var(--wg-text);
  letter-spacing:-.005em;
}
.wgchat__sub{
  font-size:.7rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--wg-muted);
  font-family:var(--font-mono, ui-monospace, monospace);
}
.wgchat__dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#3ddc84;
  box-shadow:0 0 0 4px rgba(61,220,132,.18);
  flex-shrink:0;
}
.wgchat__close{
  width:32px;
  height:32px;
  border-radius:8px;
  border:1px solid transparent;
  background:transparent;
  color:var(--wg-muted);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .15s, color .15s, border-color .15s;
}
.wgchat__close svg{width:16px;height:16px}
.wgchat__close:hover{
  background:var(--wg-surface);
  color:var(--wg-text);
  border-color:var(--wg-border);
}

.wgchat__log{
  flex:1;
  overflow-y:auto;
  padding:1rem .9rem 1rem;
  display:flex;
  flex-direction:column;
  gap:.65rem;
  scroll-behavior:smooth;
}
.wgchat__log::-webkit-scrollbar{width:6px}
.wgchat__log::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12); border-radius:3px}
.wgchat__log::-webkit-scrollbar-track{background:transparent}

.wgmsg{
  display:flex;
  width:100%;
}
.wgmsg--user{justify-content:flex-end}
.wgmsg--assistant{justify-content:flex-start}
.wgmsg__bubble{
  max-width:86%;
  padding:.65rem .85rem;
  border-radius:14px;
  font-size:.9rem;
  line-height:1.5;
  letter-spacing:-.005em;
  color:var(--wg-text);
  word-wrap:break-word;
  overflow-wrap:break-word;
}
.wgmsg__bubble strong{font-weight:600;color:var(--wg-text)}
.wgmsg__bubble em{font-style:italic}
.wgmsg__bubble a{color:var(--wg-accent); text-decoration:underline; text-underline-offset:2px}

.wgmsg--user .wgmsg__bubble{
  background:var(--wg-accent);
  color:#0a0a0a;
  border-bottom-right-radius:4px;
}
.wgmsg--user .wgmsg__bubble strong{color:#0a0a0a}
.wgmsg--assistant .wgmsg__bubble{
  background:var(--wg-surface);
  border:1px solid var(--wg-border);
  border-bottom-left-radius:4px;
}

/* Typing dots */
.wgmsg--typing .wgmsg__bubble{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.85rem .95rem;
}
.wgdot{
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--wg-muted);
  animation: wgblink 1.2s infinite ease-in-out;
}
.wgdot:nth-child(2){animation-delay:.2s}
.wgdot:nth-child(3){animation-delay:.4s}
@keyframes wgblink{
  0%, 80%, 100%{ opacity:.25; transform:translateY(0) }
  40%{ opacity:1; transform:translateY(-2px) }
}

.wgchat__form{
  display:flex;
  align-items:flex-end;
  gap:.5rem;
  padding:.7rem .8rem .35rem;
  border-top:1px solid var(--wg-border);
  background:var(--wg-bg);
}
.wgchat__input{
  flex:1;
  resize:none;
  min-height:40px;
  max-height:140px;
  padding:.65rem .85rem;
  border-radius:12px;
  border:1px solid var(--wg-border);
  background:var(--wg-surface);
  color:var(--wg-text);
  font-family:inherit;
  font-size:.9rem;
  line-height:1.45;
  letter-spacing:-.005em;
  transition:border-color .15s, background .15s;
}
.wgchat__input:focus{
  outline:none;
  border-color:var(--wg-accent);
  background:var(--wg-surface-2);
}
.wgchat__input::placeholder{color:var(--wg-muted)}
.wgchat__input:disabled{opacity:.6; cursor:not-allowed}

.wgchat__send{
  width:40px;
  height:40px;
  border-radius:12px;
  border:1px solid var(--wg-accent);
  background:var(--wg-accent);
  color:#0a0a0a;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:transform .15s, box-shadow .15s, opacity .15s;
}
.wgchat__send svg{width:16px;height:16px}
.wgchat__send:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(201,169,106,.35);
}
.wgchat__send:disabled{
  opacity:.5;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}
.wgchat__send:focus-visible{
  outline:2px solid var(--wg-text);
  outline-offset:2px;
}

.wgchat__foot{
  margin:0;
  padding:.35rem 1rem .8rem;
  font-size:.7rem;
  letter-spacing:.04em;
  color:var(--wg-muted);
  text-align:center;
  background:var(--wg-bg);
  border-top:1px solid transparent;
}
.wgchat__foot a{
  color:var(--wg-accent);
  text-decoration:none;
  border-bottom:1px solid var(--wg-accent-soft);
}
.wgchat__foot a:hover{border-bottom-color:var(--wg-accent)}

/* Mobile — full screen panel */
@media (max-width: 540px){
  .wgchat{
    right:0;
    bottom:0;
    left:0;
  }
  .wgchat:not(.is-open){
    left:auto;
    right:16px;
    bottom:16px;
  }
  .wgchat__toggle-label{display:none}
  .wgchat__toggle{padding:.85rem; gap:0}
  .wgchat.is-open .wgchat__panel{
    position:fixed;
    inset:0;
    width:100vw;
    height:100dvh;
    border-radius:0;
    border:none;
    border-top:1px solid var(--wg-border);
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .wgchat__panel{animation:none}
  .wgdot{animation:none; opacity:.6}
}

/* ==========================================================================
   V4 REFINEMENT — operator console, system flow, signature offers, proof
   ========================================================================== */

/* ── Hero grid (copy + console) ─────────────────────────────────────────── */
.hero__grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: var(--space-16);
  align-items:center;
  padding-block: clamp(5rem, 12vw, 8.5rem) clamp(4rem, 9vw, 6rem);
}
@media (min-width: 980px){
  .hero__grid{
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    gap: clamp(2.5rem, 5vw, 5rem);
  }
}
.hero__copy{max-width:680px}

/* Operator console (right side of hero) */
.console{
  position:relative;
  background: linear-gradient(180deg, #14130f 0%, #0e0d0a 100%);
  border:1px solid var(--color-border);
  border-radius: 12px;
  overflow:hidden;
  box-shadow:
    0 1px 0 rgba(201,169,97,.06) inset,
    0 40px 80px -20px rgba(0,0,0,.6),
    0 0 0 1px rgba(201,169,97,.04);
  font-family: var(--font-mono);
}
.console::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(700px 200px at 100% 0%, rgba(201,169,97,.06), transparent 60%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.012) 0 1px, transparent 1px 3px);
  pointer-events:none;
}
.console__chrome{
  display:flex; align-items:center; gap:.5rem;
  padding:.85rem 1.1rem;
  border-bottom:1px solid var(--color-border);
  background: rgba(255,255,255,.015);
}
.console__dot{
  width:8px; height:8px; border-radius:50%;
  background: var(--color-border-strong);
}
.console__dot:nth-child(2){background:#3a3936}
.console__dot:nth-child(3){background:#2a2926}
.console__title{
  font-size:.72rem; letter-spacing:.08em; text-transform:uppercase;
  color: var(--color-text-muted);
  margin-left:.5rem;
}
.console__status{
  margin-left:auto;
  display:inline-flex; align-items:center; gap:.4rem;
  font-size:.7rem; letter-spacing:.12em; text-transform:uppercase;
  color: var(--color-accent);
}
.console__status i{
  width:6px; height:6px; border-radius:50%;
  background: var(--color-accent);
  box-shadow: 0 0 8px var(--color-accent-glow);
  animation: console-pulse 2.2s ease-in-out infinite;
}
@keyframes console-pulse{
  0%, 100% {opacity:.55; transform:scale(1)}
  50%      {opacity:1;   transform:scale(1.15)}
}
.console__body{
  padding: .5rem 0;
}
.console__row{
  display:grid;
  grid-template-columns: auto 1fr auto;
  align-items:center;
  gap: 1rem;
  padding: .85rem 1.1rem;
  border-bottom:1px solid rgba(255,255,255,.03);
  position:relative;
  opacity:0;
  animation: console-row-in .6s cubic-bezier(.16,1,.3,1) forwards;
  animation-delay: var(--d, 0ms);
}
.console__row:last-child{border-bottom:none}
@keyframes console-row-in{
  from {opacity:0; transform:translateY(6px)}
  to   {opacity:1; transform:translateY(0)}
}
.console__step{
  font-size:.7rem; letter-spacing:.15em;
  color: var(--color-accent);
  font-weight:500;
}
.console__label{
  font-family: var(--font-body);
  font-size:.92rem; letter-spacing:-.005em;
  color: var(--color-text);
}
.console__meta{
  font-size:.72rem; letter-spacing:.04em;
  color: var(--color-text-faint);
  white-space:nowrap;
}
.console__row--active::before{
  content:"";
  position:absolute; left:0; top:10%; bottom:10%;
  width:2px;
  background: var(--color-accent);
  box-shadow: 0 0 10px var(--color-accent-glow);
}
.console__row--active .console__label{color:#fff}
.console__foot{
  display:grid; grid-template-columns: repeat(3, 1fr);
  border-top:1px solid var(--color-border);
  background: rgba(255,255,255,.012);
}
.console__kpi{
  padding: .85rem 1rem;
  display:flex; flex-direction:column; gap:.15rem;
  border-right:1px solid var(--color-border);
}
.console__kpi:last-child{border-right:none}
.console__kpi b{
  font-family: var(--font-display);
  font-size:1.4rem; font-weight:500;
  color: var(--color-text);
  letter-spacing:-.02em;
}
.console__kpi i{
  font-style:normal;
  font-size:.62rem; letter-spacing:.14em; text-transform:uppercase;
  color: var(--color-text-faint);
}

/* ── Proof Bar ──────────────────────────────────────────────────────────── */
.proofbar{
  padding: clamp(2rem, 4vw, 3rem) 0;
  border-top:1px solid var(--color-divider);
  border-bottom:1px solid var(--color-divider);
  background: var(--color-surface);
}
.proofbar__head{margin-bottom:1.25rem}
.proofbar__list{
  display:flex; flex-wrap:wrap;
  gap: 1.25rem 2.25rem;
  list-style:none;
}
.proofbar__list li{
  display:inline-flex; align-items:center; gap:.6rem;
  font-size: var(--text-sm);
  color: var(--color-text);
  letter-spacing:.01em;
}
.proofbar__dot{
  width:5px; height:5px; border-radius:50%;
  background: var(--color-accent);
}

/* ── What We Build ──────────────────────────────────────────────────────── */
.build{max-width: 820px}
.build__title{
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: 500;
  margin:.5rem 0 1.25rem;
  letter-spacing:-.02em;
}
.build__copy{
  font-size: var(--text-lg);
  color: var(--color-text-muted);
  max-width: 68ch;
}

/* ── The System (5-step flow) ───────────────────────────────────────────── */
.flow{
  list-style:none;
  display:grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: 2rem;
  border-top:1px solid var(--color-divider);
}
.flow__step{
  display:grid;
  grid-template-columns: 1fr;
  gap: .5rem;
  padding: 1.75rem 0;
  border-bottom:1px solid var(--color-divider);
  position:relative;
}
@media (min-width: 760px){
  .flow__step{
    grid-template-columns: 220px 1fr;
    gap: 2.5rem;
    align-items:start;
  }
}
.flow__head{
  display:flex; align-items:baseline; gap:1rem;
}
.flow__num{
  font-family: var(--font-display);
  font-size: 2rem;
  font-weight: 500;
  color: var(--color-accent);
  letter-spacing:-.02em;
  line-height:1;
}
.flow__tag{
  font-family: var(--font-mono);
  font-size:.72rem; letter-spacing:.18em; text-transform:uppercase;
  color: var(--color-text-faint);
}
.flow__title{
  font-family: var(--font-display);
  font-size: clamp(1.3rem, 1rem + 1vw, 1.75rem);
  font-weight: 500;
  letter-spacing:-.015em;
  margin-bottom:.4rem;
  color: var(--color-text);
}
.flow__copy{
  font-size: var(--text-base);
  color: var(--color-text-muted);
  max-width: 60ch;
}
.system__close{
  margin-top: 2.5rem;
  font-size: var(--text-lg);
  color: var(--color-text);
  max-width: 65ch;
}
.system__close em{font-style:italic; color: var(--color-accent)}

/* ── Signature Offers ───────────────────────────────────────────────────── */
.systems{
  display:grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-top: 1.5rem;
}
@media (min-width: 880px){
  .systems{grid-template-columns: repeat(3, 1fr); gap: 1.25rem}
}
.syscard{
  position:relative;
  background: var(--color-surface);
  border:1px solid var(--color-border);
  border-radius: 10px;
  padding: 1.75rem;
  display:flex; flex-direction:column;
  transition: border-color 280ms cubic-bezier(.16,1,.3,1), transform 280ms cubic-bezier(.16,1,.3,1);
}
.syscard:hover{
  border-color: var(--color-border-strong);
  transform: translateY(-2px);
}
.syscard--featured{
  background: linear-gradient(180deg, #15140f, #0f0e0b);
  border-color: rgba(201,169,97,.35);
  box-shadow:
    0 1px 0 rgba(201,169,97,.06) inset,
    0 30px 60px -20px rgba(0,0,0,.5);
}
.syscard__flag{
  position:absolute; top:-10px; left: 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-inverse);
  font-size:.62rem; letter-spacing:.18em; text-transform:uppercase;
  font-weight:600;
  padding:.3rem .6rem;
  border-radius: 2px;
}
.syscard__top{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom: .9rem;
}
.syscard__id{
  font-family: var(--font-mono);
  font-size:.7rem; letter-spacing:.16em; text-transform:uppercase;
  color: var(--color-text-faint);
}
.syscard__price{
  font-family: var(--font-mono);
  font-size:.78rem; letter-spacing:.04em;
  color: var(--color-accent);
}
.syscard__price i{
  font-style:normal;
  color: var(--color-text-faint);
  font-size:.7rem;
  margin-left:.15rem;
}
.syscard__name{
  font-family: var(--font-display);
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing:-.02em;
  margin-bottom:.5rem;
  color: var(--color-text);
}
.syscard__lede{
  font-size: var(--text-base);
  color: var(--color-text-muted);
  margin-bottom: 1.1rem;
}
.syscard__list{
  list-style:none;
  display:flex; flex-direction:column; gap:.55rem;
  margin-bottom: 1.5rem;
  flex:1;
}
.syscard__list li{
  position:relative;
  padding-left: 1.1rem;
  font-size: var(--text-sm);
  color: var(--color-text);
  line-height:1.55;
}
.syscard__list li::before{
  content:"";
  position:absolute; left:0; top: .65em;
  width:6px; height:1px;
  background: var(--color-accent);
}
.syscard__cta{align-self:flex-start}
.systems__note{
  margin-top: 1.75rem;
  font-size: var(--text-sm);
  color: var(--color-text-faint);
  max-width: 60ch;
}

/* ── Selected Proof ─────────────────────────────────────────────────────── */
.proof{
  display:grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  margin-top: 1.5rem;
}
@media (min-width: 880px){
  .proof{
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto auto;
    gap: 1.25rem;
  }
  .proof__card--lg{grid-row: span 2}
}
.proof__card{
  display:flex; flex-direction:column;
  background: var(--color-surface);
  border:1px solid var(--color-border);
  border-radius: 10px;
  overflow:hidden;
  transition: border-color 280ms cubic-bezier(.16,1,.3,1), transform 280ms cubic-bezier(.16,1,.3,1);
  text-decoration:none;
  color:inherit;
}
.proof__card:hover{
  border-color: var(--color-border-strong);
  transform: translateY(-2px);
}
.proof__media{
  aspect-ratio: 16/10;
  overflow:hidden;
  background: var(--color-surface-2);
  border-bottom:1px solid var(--color-divider);
}
.proof__media img{
  width:100%; height:100%;
  object-fit:cover;
  transition: transform 600ms cubic-bezier(.16,1,.3,1);
}
.proof__card:hover .proof__media img{transform: scale(1.03)}
.proof__card--lg .proof__media{aspect-ratio: 16/11}
.proof__body{
  padding: 1.25rem 1.5rem 1.5rem;
  display:flex; flex-direction:column; gap:.55rem;
}
.proof__tag{
  font-family: var(--font-mono);
  font-size:.66rem; letter-spacing:.16em; text-transform:uppercase;
  color: var(--color-accent);
}
.proof__title{
  font-family: var(--font-display);
  font-size: 1.4rem; font-weight:500;
  letter-spacing:-.015em;
}
.proof__copy{
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  line-height:1.55;
}
.proof__visit{
  margin-top:.3rem;
  font-size:.78rem; letter-spacing:.04em;
  color: var(--color-accent);
  display:inline-flex; align-items:center; gap:.3rem;
}
.proof__visit .arrow{transition: transform 220ms cubic-bezier(.16,1,.3,1)}
.proof__card:hover .proof__visit .arrow{transform: translateX(3px)}

/* System tile in proof grid (no screenshot) */
.proof__media--system{
  display:flex; align-items:center; justify-content:center;
  background: linear-gradient(180deg, #12110d 0%, #0c0b08 100%);
  position:relative;
  padding: 1rem;
}
.proof__media--system::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(400px 150px at 100% 0%, rgba(201,169,97,.07), transparent 60%);
  pointer-events:none;
}
.proof__sys{
  width:100%; max-width: 320px;
  display:flex; flex-direction:column;
  border:1px solid var(--color-border);
  border-radius: 8px;
  background: rgba(255,255,255,.012);
  font-family: var(--font-mono);
}
.proof__sys-row{
  display:flex; align-items:center; justify-content:space-between;
  padding: .55rem .75rem;
  border-bottom:1px solid rgba(255,255,255,.04);
  font-size:.72rem;
}
.proof__sys-row:last-child{border-bottom:none}
.proof__sys-row span{color: var(--color-text); letter-spacing:.02em}
.proof__sys-row i{font-style:normal; color: var(--color-text-faint); letter-spacing:.04em}
.proof__sys-row--ok span{color: var(--color-accent)}
.proof__sys-row--ok i{color: var(--color-accent)}

/* ── Why WGA refinements ────────────────────────────────────────────────── */
.why__num{
  display:inline-block;
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--color-accent);
  letter-spacing:-.02em;
  margin-bottom: .5rem;
  line-height:1;
}
/* Hide the old SVG icons if any leak through */
.why__cell .why__icon{display:none}

.founder-line{
  margin-top: 3rem;
  padding: 2rem 0 0;
  border-top:1px solid var(--color-divider);
  max-width: 720px;
}
.founder-line p{
  font-family: var(--font-display);
  font-style:italic;
  font-size: clamp(1.15rem, 1rem + .6vw, 1.5rem);
  line-height: 1.4;
  color: var(--color-text);
  letter-spacing:-.005em;
  text-wrap: balance;
}
.founder-line footer{
  margin-top: .9rem;
  display:flex; align-items:baseline; gap:.75rem;
  font-style: normal;
}
.founder-line footer span{
  font-family: var(--font-body);
  color: var(--color-accent);
  font-weight:500;
  letter-spacing:.01em;
}
.founder-line footer i{
  font-style: normal;
  font-family: var(--font-mono);
  font-size:.72rem; letter-spacing:.12em; text-transform:uppercase;
  color: var(--color-text-faint);
}

/* ── Final CTA refinement ───────────────────────────────────────────────── */
.finalcta{
  background: var(--color-surface);
  border-top:1px solid var(--color-divider);
  border-bottom:1px solid var(--color-divider);
}

/* ── Mobile polish ─────────────────────────────────────────────────────── */
@media (max-width: 600px){
  .console{font-size:.85em}
  .console__kpi b{font-size: 1.2rem}
  .flow__step{padding: 1.5rem 0}
  .syscard{padding: 1.5rem}
}