:root{
  --midnight:#0A0F14;
  --abyss:#05080B;
  --panel:#0F161D;
  --line:#DAD2C4;
  --bone:#EFE9DE;
  --bone-2:#F6F1E8;
  --ink:#12171B;
  --ink-soft:#3A4249;
  --muted:#5C6570;
  --red:#D81E2C;
  --red-soft:#B4141F;
  --maxw:1180px;
  --pad:clamp(20px,5vw,60px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bone);color:var(--ink);
  font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:17px;line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,h3{margin:0;font-family:"Antonio",sans-serif;line-height:.98}
.wrap{width:min(100%,var(--maxw));margin:0 auto;padding-inline:var(--pad)}

.site-header{
  position:sticky;top:0;z-index:10;background:rgba(10,15,20,.96);
  border-bottom:1px solid #20303B;backdrop-filter:blur(14px);
}
.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand img{height:27px;width:auto}
.back-link{
  display:inline-flex;align-items:center;gap:10px;color:#EAF0F4;
  font-family:"Antonio",sans-serif;font-size:15px;font-weight:600;
  letter-spacing:.07em;text-transform:uppercase;border:1px solid #33434E;
  padding:10px 16px;transition:background .25s,border-color .25s,transform .25s;
}
.back-link:hover{background:#151E25;border-color:#5B6A73;transform:translateX(-3px)}
.back-link .arrow{color:var(--red);font-size:18px}

.service-hero{
  position:relative;overflow:hidden;padding:clamp(76px,10vw,132px) 0 clamp(64px,8vw,104px);
  background:
    radial-gradient(70% 120% at 100% 0,rgba(216,30,44,.08),transparent 60%),
    var(--bone);
  border-bottom:1px solid var(--line);
}
.service-hero::after{
  content:"";position:absolute;right:-8vw;bottom:-18vw;width:42vw;height:42vw;
  min-width:330px;min-height:330px;border:1px solid rgba(18,23,27,.08);border-radius:50%;
  box-shadow:0 0 0 7vw rgba(18,23,27,.025),0 0 0 14vw rgba(18,23,27,.018);
  pointer-events:none;
}
.hero-copy{position:relative;z-index:1;max-width:930px}
.eyebrow{
  display:flex;align-items:center;gap:12px;margin-bottom:24px;
  font-family:"Spline Sans Mono",monospace;font-size:11.5px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--red-soft);
}
.eyebrow::before{content:"";width:8px;height:8px;border:1.5px solid var(--red);border-radius:50%}
h1{max-width:14ch;font-size:clamp(50px,8vw,104px);font-weight:600;letter-spacing:-.015em}
.lede{max-width:67ch;margin:28px 0 0;color:var(--ink-soft);font-size:clamp(18px,2vw,21px)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.chip{
  padding:7px 12px;border:1px solid #C9C0B1;
  font-family:"Spline Sans Mono",monospace;font-size:11px;color:var(--ink-soft);
}
.chip.solid{background:var(--ink);border-color:var(--ink);color:var(--bone)}

.service-main{padding:clamp(66px,9vw,116px) 0}
.detail-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(48px,8vw,112px);align-items:start}
.summary{position:sticky;top:112px}
.section-label{
  display:flex;align-items:center;gap:12px;margin-bottom:18px;
  font-family:"Spline Sans Mono",monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--red-soft);
}
.section-label::before{content:"";width:22px;height:2px;background:var(--red)}
.result{
  padding:28px;border:1px solid var(--line);background:var(--bone-2);
  box-shadow:0 18px 50px rgba(18,23,27,.05);
}
.result p{margin:0;color:var(--ink-soft);font-size:17px}
.feature-list{list-style:none;margin:0 0 30px;padding:0;border-top:1px solid var(--line)}
.feature-list li{position:relative;padding:14px 0 14px 26px;border-bottom:1px solid var(--line);color:var(--ink-soft)}
.feature-list li::before{
  content:"";position:absolute;left:1px;top:22px;width:8px;height:8px;
  border:1.5px solid var(--red);border-radius:50%;
}
.cta{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:28px;
  padding:15px 24px;background:var(--ink);border:1px solid var(--ink);color:var(--bone);
  font-family:"Antonio",sans-serif;font-size:15px;font-weight:600;
  letter-spacing:.07em;text-transform:uppercase;transition:background .25s,transform .25s;
}
.cta:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
.cta .arrow{transition:transform .25s}.cta:hover .arrow{transform:translateX(4px)}

.process + .process{margin-top:46px}
.process h2{
  display:flex;align-items:center;gap:14px;margin-bottom:22px;
  font-size:clamp(27px,3vw,36px);font-weight:600;
}
.process h2::before{content:"";width:28px;height:3px;background:var(--red)}
.steps{list-style:none;counter-reset:step;margin:0;padding:0;border-top:2px solid var(--ink)}
.steps li{
  counter-increment:step;display:grid;grid-template-columns:48px 1fr;gap:12px;
  padding:20px 0;border-bottom:1px solid var(--line);color:var(--ink-soft);
}
.steps li::before{
  content:counter(step,decimal-leading-zero);
  font-family:"Spline Sans Mono",monospace;font-size:12px;color:var(--red-soft);
}
.steps b{color:var(--ink)}
.duration{
  margin-top:28px;padding-top:22px;border-top:2px solid var(--ink);
  color:var(--ink-soft);
}
.duration strong{
  display:block;margin-bottom:5px;font-family:"Spline Sans Mono",monospace;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red-soft);
}

.bottom-nav{padding:34px 0;background:var(--midnight);color:#D6DEE4}
.bottom-nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.bottom-nav p{margin:0;color:#8FA3B0;font-size:14px}
.bottom-nav .back-link{flex-shrink:0}

footer{padding:24px 0;background:var(--abyss);color:#63757F;font-size:13px}
.foot-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.foot-inner p{margin:0}
.foot-inner a{color:#AEBBC4}

@media (max-width:760px){
  .brand img{height:22px}
  .back-link{padding:9px 12px;font-size:13px}
  .detail-grid{grid-template-columns:1fr}
  .summary{position:static}
  .bottom-nav .wrap,.foot-inner{align-items:flex-start;flex-direction:column}
  .cta{width:100%}
}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important}
}