:root {
  --ink: #f3f0e7;
  --ink-soft: #c4f66b;
  --paper: #071411;
  --paper-2: #10241c;
  --dark: #071411;
  --dark-2: #10241c;
  --chartreuse: #c4f66b;
  --chartreuse-deep: #8bc34a;
  --line: #c4f66b;
  --line-dark: #10241c;
}

body {
  background-color: var(--paper);
  color: var(--ink);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  line-height: 1.6;
}

header {
  background-color: var(--dark-2);
  border-bottom: 1px solid var(--line-dark);
}

.nav {
  background-color: var(--dark);
}

.brand {
  color: var(--ink);
}

.kmark {
  stroke: var(--chartreuse);
  stroke-width: 2;
}

.nav-links {
  background-color: var(--dark);
}

.nav-toggle {
  background-color: var(--dark-2);
}

.btn-primary {
  background-color: var(--chartreuse);
  color: var(--dark);
  border: 1px solid var(--line);
}

.btn-light {
  background-color: transparent;
  color: var(--ink);
  border: 1px solid var(--line);
}

.btn-ghost {
  background-color: transparent;
  color: var(--ink);
  border: 1px solid var(--line);
}

.hero {
  background-color: var(--paper);
}

.hero-grid {
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.hero h1 {
  font-size: clamp(3rem, 8vw, 6rem);
  line-height: 1.2;
  color: var(--ink);
}

.hero-visual img {
  border-radius: 24px;
  width: 100%;
  height: auto;
}

.hero-visual figcaption {
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-soft);
}

.hero p.lede {
  color: var(--ink);
}

.hero-notes {
  color: var(--ink-soft);
}

.wrap {
  background-color: var(--paper-2);
  border: 1px solid var(--line-dark);
}

.svc-row {
  background-color: var(--dark-2);
}

.logo-panel {
  background-color: var(--paper-2);
  border: 1px solid var(--line-dark);
}

.mock {
  background-color: var(--dark-2);
  border: 1px solid var(--line-dark);
}

.dark {
  background-color: var(--dark);
  color: var(--ink);
}

.tab[aria-selected=true] {
  background-color: var(--paper-2);
  color: var(--ink);
}

.steps-grid {
  background-color: var(--paper-2);
  border: 1px solid var(--line-dark);
}

.tech-note {
  background-color: var(--dark-2);
  color: var(--ink-soft);
}

footer {
  background-color: var(--dark);
  color: var(--ink);
}

/* Review corrections: contrast, responsive layout and reflective finish. */
:root{--ink-soft:#b6c3b9;--line:rgba(196,246,107,.17);--line-dark:rgba(243,240,231,.15);--maxw:1280px}
body{background:radial-gradient(ellipse at 80% 8%,#123426 0,transparent 38%),#071411}
.wrap{background:transparent;border:0;padding-left:40px;padding-right:40px}
header{background:rgba(7,20,17,.87);border-bottom:1px solid rgba(243,240,231,.15);backdrop-filter:blur(20px)}.nav-links a.btn-primary{color:#071411}
.nav,.nav-links{background:transparent}.nav{height:84px}.brand{font-size:1.35rem;letter-spacing:-.035em}.kmark{width:42px;height:42px;stroke:none}
.dark,.dark h2,.dark h3,.mock .request,.node-label{color:#f3f0e7}.dark .sec-head p,.dark .about-copy p{color:#b6c3b9}
.btn-primary,.btn-light,.tab[aria-selected="true"]{background:#c4f66b;color:#071411;border:1px solid #c4f66b}
.btn-primary:hover,.btn-light:hover{background:#dcff9b;color:#071411}.btn-ghost:hover{background:rgba(255,255,255,.06);border-color:#f3f0e7}
.hero{padding:94px 0 86px;background:transparent}.hero-grid{grid-template-columns:1.12fr .88fr;gap:40px}.hero h1{font-size:clamp(3.2rem,5.9vw,5.8rem);line-height:1.02;letter-spacing:-.065em}
.chrome-type{color:#e8f0e6;background:linear-gradient(167deg,#fff 0%,#aebeb4 27%,#fff 43%,#769784 52%,#e8f4ec 65%,#a5b8ad 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero .eyebrow{font-size:.64rem;letter-spacing:.15em;border-color:rgba(196,246,107,.35);color:#c4f66b}.hero p.lede{font-size:1.08rem;line-height:1.8;color:#b6c3b9}
.hero-visual{margin:0;padding:0;background:linear-gradient(145deg,#344d3e,#071411 40%,#1b3829);border:1px solid rgba(231,244,233,.28);border-radius:24px;overflow:hidden;box-shadow:0 35px 70px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.3)}
.hero-visual img{border-radius:0;aspect-ratio:1.08;object-fit:cover}.hero-visual figcaption{padding:22px 18px;text-align:center;border-top:1px solid rgba(255,255,255,.15);font-size:.59rem;color:#b6c3b9;letter-spacing:.13em}
.hero-notes{gap:1rem}.hero-notes span{font-size:.72rem}.hero-notes span::before{background:#c4f66b}
section{border-top:1px solid rgba(243,240,231,.08)}.hero{border-top:0}.svc-row{background:transparent;grid-template-columns:55px 1fr 1.15fr;padding:32px 0;gap:28px}.svc-row h3{font-size:1.35rem;letter-spacing:-.035em}.svc-row p{font-size:.94rem}.svc-row p em{color:#9fac9f;font-size:.81rem;line-height:1.7}
.mock{background:linear-gradient(125deg,rgba(92,126,103,.16),rgba(7,20,17,.35));border-color:rgba(243,240,231,.2);box-shadow:inset 0 1px rgba(255,255,255,.1)}
.mock-note{color:#c4f66b}.steps-grid{background:transparent;border:0}.step{border-color:rgba(196,246,107,.35)}.step p{color:#b6c3b9}
.logo-panel{min-height:280px;background:linear-gradient(140deg,#304d3b,#0d2118 45%,#224532);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px rgba(255,255,255,.2)}
.logo-panel img{width:240px;max-width:85%}.tech-note{color:#b6c3b9;background:rgba(196,246,107,.05);border-color:#c4f66b}.sec-head h2{letter-spacing:-.045em}.eyebrow,.svc-num{color:#c4f66b}
#cost{background:linear-gradient(120deg,#0c2018,#071411)}#evolving{background:linear-gradient(120deg,#102b1e,#071411)}#evolving h2{font-size:clamp(3rem,6vw,5rem)}
footer{background:#06100c}.foot img{width:125px}.foot{align-items:center}.final .btn{margin-bottom:5px}
@media(max-width:1000px){.nav-links{gap:1rem}.nav-links a{font-size:.8rem}.hero h1{font-size:4.2rem}.hero-grid{gap:28px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(3.2rem,10vw,5.5rem)}.hero-visual{max-width:600px}.hero-visual img{aspect-ratio:1.6}.hero{padding-top:54px}.wrap{padding-left:24px;padding-right:24px}}
@media(max-width:820px){.nav-links{top:84px;background:#0c2018;padding:24px;gap:20px}.nav-links a{font-size:1rem}.nav-toggle{color:#f3f0e7}.about-grid{grid-template-columns:1fr}.hero-notes{margin-top:28px}.nav{height:84px}}
@media(max-width:760px){.svc-row{grid-template-columns:1fr;gap:10px}.svc-row h3{font-size:1.45rem}.svc-row p{font-size:.97rem}.hero-ctas{gap:12px}.hero-ctas .btn{font-size:.83rem}.hero-notes{flex-direction:column}.logo-panel{min-height:200px}.tabs{gap:8px}.tab{font-size:.8rem;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}