/* LEMON TV — Service detail layouts A / B / C (text + motion, no photos) */
.svc-item{display:flex;gap:.6rem;align-items:flex-start;padding:.75rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:.875rem;background:rgba(255,255,255,.02)}
.svc-item i{color:#65B401;margin-top:2px;flex-shrink:0}
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin:1rem 0 1.5rem}

.sd-hero{padding:calc(var(--nav-h,80px) + 1.25rem) 0 2rem;position:relative;overflow:hidden}
.sd-hero .container{position:relative;z-index:2}
.sd-a .sd-hero-grid,.sd-b .sd-hero-grid,.sd-c .sd-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}

.sd-stage{
  position:relative;min-height:320px;border-radius:18px;overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(ellipse at 18% 20%, rgba(249,206,3,.16), transparent 46%),
    radial-gradient(ellipse at 85% 75%, rgba(101,180,1,.14), transparent 42%),
    linear-gradient(160deg, rgba(255,255,255,.04), rgba(5,5,5,.4));
  display:flex;flex-direction:column;justify-content:center;padding:1.4rem 1.5rem;
}
.sd-b .sd-stage{border-radius:4px 28px 4px 28px;border-color:rgba(101,180,1,.35);box-shadow:0 0 0 8px rgba(249,206,3,.06);min-height:360px}
.sd-stage::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:26px 26px;mask-image:radial-gradient(circle at center,#000 30%,transparent 78%);
  animation:sdGrid 16s linear infinite;pointer-events:none;
}
.sd-ring{position:absolute;border-radius:50%;border:1px solid rgba(249,206,3,.28);animation:slowRotate 26s linear infinite;pointer-events:none}
.sd-ring.r1{width:210px;height:210px;right:-36px;top:-28px}
.sd-ring.r2{width:130px;height:130px;right:18px;top:22px;border-color:rgba(101,180,1,.35);animation-direction:reverse;animation-duration:16s}
.sd-beam{position:absolute;width:2px;height:120%;left:16%;top:-10%;background:linear-gradient(180deg,transparent,rgba(249,206,3,.55),transparent);animation:sdBeam 3.2s ease-in-out infinite;pointer-events:none}
.sd-beam.b2{left:70%;animation-delay:-1.1s;background:linear-gradient(180deg,transparent,rgba(101,180,1,.5),transparent)}
.sd-kicker{position:relative;z-index:2;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#F9CE03;margin:0 0 .7rem}
.sd-lines{position:relative;z-index:2;display:grid;gap:.45rem}
.sd-line{font-family:var(--font-display,"Bebas Neue",sans-serif);font-size:clamp(1.25rem,2.4vw,1.85rem);letter-spacing:.04em;line-height:1.1;color:#fff;opacity:0;transform:translateX(16px);animation:sdIn .65s cubic-bezier(.22,1,.36,1) forwards}
.sd-line:nth-child(1){animation-delay:.12s}
.sd-line:nth-child(2){animation-delay:.24s;color:#F9CE03}
.sd-line:nth-child(3){animation-delay:.36s;color:rgba(255,255,255,.7);font-size:clamp(.95rem,1.6vw,1.15rem)}
.sd-line:nth-child(4){animation-delay:.48s;color:#65B401;font-size:clamp(.95rem,1.6vw,1.1rem)}
.sd-tags{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}
.sd-tags span{font-size:.7rem;padding:.32rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.8);background:rgba(0,0,0,.25);animation:sdSoft 3s ease-in-out infinite}
.sd-tags span:nth-child(2){animation-delay:.4s;border-color:rgba(249,206,3,.35);color:#F9CE03}
.sd-tags span:nth-child(3){animation-delay:.8s;border-color:rgba(101,180,1,.35);color:#65B401}

.sd-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1.1rem}
.sd-stat{background:rgba(5,5,5,.55);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.6rem .45rem;text-align:center}
.sd-stat strong{display:block;color:#F9CE03;font-size:1rem;font-family:var(--font-display,Bebas Neue,sans-serif);letter-spacing:.04em}
.sd-stat span{font-size:.66rem;color:rgba(255,255,255,.7)}

.sd-stack{display:grid;gap:.65rem}
.sd-card{position:relative;overflow:hidden;padding:1rem 1.1rem;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);opacity:0;transform:translateY(14px);animation:sdIn .6s ease forwards}
.sd-card:nth-child(1){animation-delay:.1s}.sd-card:nth-child(2){animation-delay:.2s}.sd-card:nth-child(3){animation-delay:.3s}
.sd-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#F9CE03,#65B401)}
.sd-card .n{color:#F9CE03;font-family:var(--font-display,Bebas Neue,sans-serif);letter-spacing:.08em;font-size:1.05rem}
.sd-card h3{margin:.2rem 0 .25rem;font-size:.98rem;color:#fff}
.sd-card p{margin:0;font-size:.8rem;color:var(--muted-text,#aaa);line-height:1.5}

.sd-about{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center}
.sd-about.reverse{grid-template-columns:.85fr 1.15fr}
.sd-about.reverse .sd-about-copy{order:2}
.sd-about.reverse .sd-about-media{order:1}
.sd-about-media{position:relative;border-radius:14px;overflow:hidden;min-height:240px;border:1px solid rgba(255,255,255,.12);
  background:radial-gradient(ellipse at 30% 20%,rgba(249,206,3,.14),transparent 50%),rgba(255,255,255,.03);
  display:flex;flex-direction:column;justify-content:center;padding:1.35rem;gap:.55rem}
.sd-about-media .am-k{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#F9CE03}
.sd-about-media .am-t{font-family:var(--font-display,Bebas Neue,sans-serif);font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:.04em;color:#fff;line-height:1.05}
.sd-about-media .am-t em{font-style:normal;color:#65B401}
.sd-about-media .am-p{font-size:.85rem;color:var(--muted-text,#aaa);line-height:1.55;margin:0}
.sd-about-copy h2{margin-top:.5rem}
.sd-about-copy p{color:var(--muted-text,#bdbdbd);line-height:1.75;margin-top:1rem}
.sd-points{margin-top:1.25rem;display:grid;gap:.65rem}
.sd-points li{list-style:none;display:flex;gap:.65rem;align-items:flex-start;font-size:.92rem}
.sd-points i{color:#65B401;margin-top:.15rem}

.sd-process{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.sd-step{padding:1.1rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}
.sd-step .n{color:#F9CE03;font-family:var(--font-display,Bebas Neue,sans-serif);font-size:1.4rem;letter-spacing:.06em}
.sd-step h3{font-size:1rem;margin:.35rem 0 .4rem}
.sd-step p{font-size:.82rem;color:var(--muted-text,#aaa);margin:0;line-height:1.55}

.sd-related{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}
.sd-related-card{display:flex;flex-direction:column;gap:.35rem;padding:1.15rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.02);text-decoration:none;color:inherit;transition:border-color .25s,transform .25s,box-shadow .25s}
.sd-related-card:hover{border-color:rgba(249,206,3,.45);transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.28);color:inherit}
.sd-related-card .eyebrow{margin:0;font-size:.7rem}
.sd-related-card h3{font-size:1.05rem;margin:0;color:#fff}
.sd-related-card p{font-size:.82rem;color:var(--muted-text,#aaa);margin:0;line-height:1.5;flex:1}
.sd-related-card .go{font-size:.8rem;color:#F9CE03;font-weight:600;margin-top:.2rem}

@keyframes sdIn{to{opacity:1;transform:none}}
@keyframes sdGrid{to{background-position:26px 26px}}
@keyframes sdBeam{0%,100%{opacity:.25;transform:translateY(-8%)}50%{opacity:.9;transform:translateY(8%)}}
@keyframes sdSoft{0%,100%{opacity:.75}50%{opacity:1}}

@media (max-width:992px){
  .sd-a .sd-hero-grid,.sd-b .sd-hero-grid,.sd-c .sd-hero-grid,.sd-about,.sd-about.reverse{grid-template-columns:1fr}
  .sd-about.reverse .sd-about-copy,.sd-about.reverse .sd-about-media{order:unset}
  .sd-process{grid-template-columns:1fr 1fr}
  .sd-related{grid-template-columns:1fr}
}
@media (max-width:640px){
  .sd-process{grid-template-columns:1fr}
  .sd-stats{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .sd-ring,.sd-beam,.sd-line,.sd-card,.sd-tags span,.sd-stage::before{animation:none!important}
  .sd-line,.sd-card{opacity:1;transform:none}
}