/* ── HERO ── */
.hero{
  min-height:100svh;padding:64px 48px 80px;
  border-bottom:1px solid var(--border);
  display:flex;flex-direction:column;justify-content:flex-end;
}
.hero-content{position:relative;z-index:1}
.hero-label{
  font-family:var(--mono);font-size:11px;color:var(--blue);
  letter-spacing:0.12em;text-transform:uppercase;
  display:flex;align-items:center;gap:10px;margin-bottom:32px;
}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);animation:livepulse 2s infinite}
@keyframes livepulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(26,64,255,0.4)}60%{opacity:0.6;box-shadow:0 0 0 8px rgba(26,64,255,0)}}

.hero-headline{
  font-family:var(--display);
  font-size:clamp(52px,9vw,124px);
  font-weight:900;line-height:0.95;
  letter-spacing:-0.03em;
  margin-bottom:40px;
  max-width:900px;
}
.hero-headline .muted{color:#c0c0c0}
.hero-headline .blue{color:var(--blue)}

.hero-bottom{
  display:grid;grid-template-columns:1fr 1fr;
  gap:40px;align-items:end;
  border-top:1px solid var(--border);
  padding-top:40px;
}
.hero-sub{font-size:16px;color:var(--gray);line-height:1.75;max-width:420px}
.hero-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;flex-wrap:wrap}

/* ── PAIN ── */
.pain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border)}
.pain-card{background:var(--white);padding:40px;transition:background 0.25s;cursor:default}
.pain-card:hover{background:var(--blue-light)}
.pain-card-num{font-family:var(--display);font-size:80px;font-weight:900;color:var(--gray-light);line-height:1;margin-bottom:16px;transition:color 0.25s}
.pain-card:hover .pain-card-num{color:var(--blue-mid)}
.pain-card-text{font-size:15px;color:var(--gray);line-height:1.7}
.pain-card:hover .pain-card-text{color:var(--black)}

/* ── SERVICES ── */
.services-list{display:flex;flex-direction:column}
.service-item{
  display:grid;grid-template-columns:72px 1fr auto;
  align-items:center;
  border-bottom:1px solid var(--border);
  text-decoration:none;color:inherit;
  transition:all 0.25s;
  background:var(--white);
  position:relative;overflow:hidden;
}
.service-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:var(--blue);transition:width 0.3s ease}
.service-item:hover::before{width:4px}
.service-item:hover{background:var(--blue-light)}
.service-item:last-child{border-bottom:none}
.service-num{font-family:var(--mono);font-size:11px;color:var(--gray);letter-spacing:0.08em;padding:40px 0 40px 32px;transition:color 0.25s}
.service-item:hover .service-num{color:var(--blue)}
.service-body{padding:40px 32px}
.service-title{font-family:var(--display);font-size:clamp(26px,3.5vw,42px);font-weight:900;letter-spacing:-0.02em;margin-bottom:10px;line-height:1.05;transition:color 0.25s}
.service-item:hover .service-title{color:var(--blue)}
.service-desc{font-size:14px;color:var(--gray);line-height:1.7;max-width:560px}
.service-arrow{padding:40px 40px 40px 0;font-size:22px;color:var(--border);transition:all 0.25s}
.service-item:hover .service-arrow{color:var(--blue);transform:translateX(6px)}

/* ── WHY ── */
.why-section{background:var(--blue);color:var(--white)}
.why-section .section-num{color:rgba(255,255,255,0.4)}
.why-section .section-num::after{background:rgba(255,255,255,0.2)}
.why-section .section-title{color:var(--white)}
.why-section .section-title span{color:var(--blue-mid)}
.why-intro{font-size:16px;color:rgba(255,255,255,0.75);line-height:1.8;max-width:640px;margin-bottom:48px}
.compare-rows{display:flex;flex-direction:column;gap:10px}
.compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
.compare-cell{padding:24px 28px;border-radius:3px;font-size:14px;line-height:1.65;min-width:0;word-break:break-word}
.compare-cell .tag{font-family:var(--mono);font-size:9px;letter-spacing:0.14em;text-transform:uppercase;display:block;margin-bottom:10px}
.compare-cell.them{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.45)}
.compare-cell.them .tag{color:rgba(255,255,255,0.3)}
.compare-cell.us{background:var(--white);color:var(--black)}
.compare-cell.us .tag{color:var(--blue)}

/* ── PROCESS ── */
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.process-step{background:var(--white);padding:48px 40px;transition:background 0.25s}
.process-step:hover{background:var(--blue-light)}
.process-step-num{font-family:var(--mono);font-size:10px;color:var(--blue);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:24px}
.process-dot{width:12px;height:12px;background:var(--blue);border-radius:50%;margin-bottom:20px}
.process-title{font-family:var(--display);font-size:28px;font-weight:900;letter-spacing:-0.02em;margin-bottom:16px}
.process-desc{font-size:14px;color:var(--gray);line-height:1.75}

/* ── TECH ── */
.tech-section{background:var(--gray-light)}
.tech-desc{font-size:15px;color:var(--gray);line-height:1.75;max-width:520px;margin-bottom:40px}
.tech-pills{display:flex;flex-wrap:wrap;gap:10px}
.tech-pill{font-family:var(--mono);font-size:11px;color:var(--black);background:var(--white);border:1px solid var(--border);padding:10px 20px;letter-spacing:0.04em;transition:all 0.2s;border-radius:2px;cursor:default}
.tech-pill:hover{background:var(--blue);color:var(--white);border-color:var(--blue)}

/* ── HOME MOBILE ── */
@media(max-width:900px){
  .hero{padding:64px 24px 60px}
  .hero-bottom{grid-template-columns:1fr;gap:24px}
  .hero-actions{justify-content:flex-start}
  .pain-grid{grid-template-columns:1fr}
  .service-item{grid-template-columns:52px 1fr auto}
  .service-num{padding:28px 0 28px 24px}
  .service-body{padding:28px 20px}
  .service-arrow{padding:28px 20px 28px 0}
  .compare-pair{grid-template-columns:1fr}
  .process-grid{grid-template-columns:1fr}
  .process-step{padding:36px 28px}
}
@media(max-width:540px){
  .hero-headline{font-size:clamp(44px,12vw,72px)}
  .hero-actions{flex-direction:column;width:100%}
  .service-arrow{display:none}
}