.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.eyebrow .dot{width:10px;height:10px;border-radius:50%;background:var(--yellow);border:1.5px solid var(--ink)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center;padding:30px 0 clamp(48px,6vw,80px)}
.hero-copy h1{font-size:clamp(2.5rem,6vw,4.6rem);margin:16px 0 0;max-width:18ch}
.hero-copy h1 .script{position:relative;display:inline-block}
.hero-copy h1 .script::after{content:"";position:absolute;left:-2%;right:-2%;bottom:8%;height:34%;background:var(--yellow);z-index:-1;transform:rotate(-1.5deg)}
.hero-copy .lead{font-size:clamp(1.05rem,1.7vw,1.26rem);max-width:52ch;margin-top:22px;color:var(--soft)}
.hero-cta{display:flex;flex-direction:column;gap:14px;margin-top:32px}
.btn{display:inline-flex;align-items:center;gap:9px;padding:15px 28px;border-radius:999px;font-weight:700;font-size:1rem;cursor:pointer;border:0;font-family:inherit;transition:transform .15s,background .2s,box-shadow .2s}
.btn-primary{background:var(--yellow);color:var(--ink)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px -10px rgba(29,29,27,.5)}
.btn-dark{background:var(--ink);color:var(--paper)}
.btn-dark:hover{transform:translateY(-2px);background:#000}
.delai{font-size:.88rem;color:var(--soft);display:flex;align-items:center;gap:8px}
.delai svg{width:18px;height:18px;flex:none}
.hero-img{aspect-ratio:4/5;border-radius:22px;overflow:hidden;border:2px solid var(--ink);position:relative}
.hero-img img{width:100%;height:100%;object-fit:cover}
.ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--paper-2);color:var(--soft);font-size:.88rem;text-align:center;padding:24px}
.section{padding:clamp(52px,7vw,96px) 0;border-top:1px solid var(--line)}
.sec-head{margin-bottom:42px}
.sec-head h2{font-size:clamp(1.9rem,3.8vw,3rem);margin-top:14px}
.real-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.real-card{border-radius:18px;overflow:hidden;border:2px solid var(--ink);transition:transform .3s,box-shadow .3s}
.real-card:hover{transform:translateY(-5px);box-shadow:8px 8px 0 var(--yellow)}
.real-card .img{aspect-ratio:4/5;position:relative;overflow:hidden;background:var(--paper-2)}
.real-card .img img{width:100%;height:100%;object-fit:cover}
.real-card .body{padding:20px 22px 24px}
.tag{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;background:var(--yellow);color:var(--ink);padding:3px 9px;border-radius:6px;display:inline-block;margin-bottom:10px}
.real-card h3{font-size:1.2rem;margin-bottom:6px}
.real-card p{font-size:.9rem;color:var(--soft)}
.process{background:var(--ink);color:var(--paper);padding:clamp(52px,7vw,88px) 0}
.process h2{font-size:clamp(1.9rem,3.4vw,2.8rem);color:var(--paper);margin-bottom:42px}
.process h2 .script{color:var(--yellow);display:block;font-size:.75em;margin-bottom:4px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}
.step{position:relative;padding-right:18px}
.step::after{content:"→";position:absolute;top:14px;right:-4px;color:var(--yellow);font-size:1.4rem;font-weight:700}
.step:last-child::after{display:none}
.step .num{font-family:'Fraunces',Georgia,serif;font-size:2.6rem;font-weight:600;color:var(--yellow);line-height:1;margin-bottom:12px}
.step h3{font-size:1.05rem;margin-bottom:8px;color:var(--paper)}
.step p{font-size:.88rem;color:#bdbdb5;line-height:1.55}
.pull{padding:clamp(52px,6vw,80px) 0}
.pull-inner{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.pull-img{aspect-ratio:4/3;border-radius:20px;overflow:hidden;border:2px solid var(--ink);position:relative;background:var(--paper-2)}
.pull-img img{width:100%;height:100%;object-fit:cover}
.pull-text .script{font-size:clamp(1.4rem,2.4vw,1.9rem);display:block;margin-bottom:10px}
.pull-text blockquote{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.35;font-weight:500;margin-bottom:22px}
.pull-text .detail{font-size:.95rem;color:var(--soft)}
.cta-wrap{padding-bottom:clamp(52px,7vw,88px)}
.cta-band{background:var(--yellow);border-radius:24px;padding:clamp(40px,5vw,64px);display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.cta-band h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}
.cta-band h2 .script{display:block;font-size:.8em;margin-bottom:4px}
.cta-band .actions{display:flex;flex-direction:column;gap:12px;align-items:flex-end;white-space:nowrap}
.phone-big{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:600;color:var(--ink);display:flex;align-items:center;gap:10px}
.phone-big svg{width:26px;height:26px;flex:none}
.cta-sub{font-size:.84rem;color:#3a3a33;text-align:right}
@media(max-width:900px){
  .hero-grid,.pull-inner{grid-template-columns:1fr;gap:32px}
  .real-grid{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr;gap:24px}
  .step::after{display:none}
  .cta-band{grid-template-columns:1fr;gap:24px}
  .cta-band .actions{align-items:flex-start;white-space:normal}
  .cta-sub{text-align:left}
}
@media(max-width:560px){
  .real-grid{grid-template-columns:1fr}
}
