/* ===== SERVICES PAGE ===== */
.service-nav{position:sticky;top:clamp(56px,8vw,68px);z-index:100;
  background:rgba(255,255,255,0.97);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);padding:0;}
.service-nav-inner{width:min(92%,1200px);margin:0 auto;display:flex;gap:0;
  overflow-x:auto;scrollbar-width:none;}
.service-nav-inner::-webkit-scrollbar{display:none;}
.service-nav-link{padding:clamp(14px,2vw,18px) clamp(14px,2.5vw,22px);
  font-size:clamp(0.75rem,1.8vw,0.82rem);font-weight:600;color:var(--text-muted);
  white-space:nowrap;border-bottom:2px solid transparent;transition:var(--t);}
.service-nav-link:hover{color:var(--text-main);}
.service-nav-link.active{color:var(--accent);border-bottom-color:var(--accent);}

.service-detail{background:var(--white);}
.service-detail.alt-bg{background:var(--off-white);}
.service-detail-grid{display:flex;flex-direction:column;gap:clamp(32px,5vw,80px);}
@media (min-width:768px){
  .service-detail-grid{flex-direction:row;align-items:center;}
  .service-detail-grid.reverse{flex-direction:row-reverse;}
}
.service-detail-content,.service-detail-visual{flex:1;}

.service-number{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);
  font-weight:800;color:transparent;-webkit-text-stroke:1.5px var(--border-dark);
  line-height:1;margin-bottom:8px;letter-spacing:-0.05em;}
.service-detail-content h2{font-family:var(--font-display);
  font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;color:var(--text-main);
  letter-spacing:-0.02em;margin-bottom:18px;}
.service-detail-content h2 em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent);}
.service-detail-content>p{font-size:clamp(0.875rem,2vw,0.95rem);color:var(--text-muted);
  line-height:1.8;margin-bottom:24px;}
.service-list{display:flex;flex-direction:column;gap:8px;margin-bottom:32px;}
.service-list li{display:flex;align-items:center;gap:12px;
  font-size:clamp(0.85rem,1.8vw,0.9rem);color:var(--text-body);
  padding:10px 0;border-bottom:1px solid var(--border);}
.service-list li:last-child{border-bottom:none;}
.service-list li::before{content:'✓';width:24px;height:24px;border-radius:50%;
  background:var(--accent-light);color:var(--accent);display:flex;align-items:center;
  justify-content:center;font-size:0.72rem;font-weight:800;flex-shrink:0;}

.service-detail-visual{display:flex;align-items:center;justify-content:center;}
.sv-box{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);
  padding:clamp(28px,4vw,48px) clamp(24px,3.5vw,40px);width:100%;
  max-width:clamp(280px,40vw,380px);box-shadow:var(--shadow-lg);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:18px;min-height:clamp(180px,25vw,260px);}
.sv-box-label{font-size:0.72rem;font-weight:700;letter-spacing:0.14em;
  text-transform:uppercase;color:var(--text-dim);}
.sv-logo-preview{display:flex;gap:12px;align-items:center;}
.sv-circle{width:clamp(44px,7vw,64px);height:clamp(44px,7vw,64px);border-radius:50%;box-shadow:var(--shadow-sm);}
.sv-content-items{display:flex;flex-direction:column;gap:9px;width:100%;}
.sv-item{background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius-sm);
  padding:clamp(10px,1.5vw,14px) clamp(12px,2vw,18px);
  font-size:clamp(0.8rem,1.8vw,0.88rem);color:var(--text-body);font-weight:500;}
.sv-social-icons{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;}
.sv-social{background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius-md);
  padding:clamp(14px,2.5vw,20px);font-family:var(--font-display);
  font-size:clamp(0.8rem,1.8vw,0.9rem);font-weight:800;color:var(--accent);
  text-align:center;letter-spacing:0.05em;transition:var(--t);}
.sv-social:hover{background:var(--accent);color:var(--white);}
.sv-chart{display:flex;align-items:flex-end;gap:7px;height:clamp(70px,12vw,100px);width:100%;padding:0 4px;}
.sv-bar{flex:1;background:var(--gradient-accent);border-radius:4px 4px 0 0;
  opacity:0.75;transition:opacity var(--t);}
.sv-bar:hover{opacity:1;}
.sv-browser{background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;overflow:hidden;}
.sv-browser-bar{background:var(--border);padding:10px 14px;display:flex;gap:6px;align-items:center;}
.sv-browser-bar span{width:10px;height:10px;border-radius:50%;}
.sv-browser-bar span:nth-child(1){background:#ff5f57;}
.sv-browser-bar span:nth-child(2){background:#ffbd2e;}
.sv-browser-bar span:nth-child(3){background:#28c840;}
.sv-browser-content{padding:clamp(12px,2vw,20px) 16px;display:flex;flex-direction:column;gap:9px;}
.sv-line{height:8px;border-radius:100px;background:var(--border);}
.sv-line.long{width:88%;}.sv-line.medium{width:62%;}.sv-line.short{width:38%;}
.sv-line.accent{background:rgba(232,92,44,0.25);width:72%;}
.sv-search{display:flex;flex-direction:column;gap:8px;width:100%;}
.sv-search-bar{background:var(--off-white);border:1px solid var(--border);
  border-radius:var(--radius-sm);padding:11px 16px;font-size:clamp(0.78rem,1.8vw,0.82rem);color:var(--text-dim);}
.sv-result{background:var(--off-white);border:1px solid var(--border);
  border-radius:var(--radius-sm);padding:9px 16px;font-size:clamp(0.78rem,1.8vw,0.82rem);}
.sv-result.rank1{border-color:var(--accent);background:var(--accent-light);color:var(--accent);font-weight:700;}
.sv-result.rank2,.sv-result.rank3{color:var(--text-dim);}