@charset "utf-8";
/* CSS Document */



/* ─── SERVICE TABS ─── */
.service-tabs{position:sticky;top:52px;z-index:90;background:rgba(6,9,15,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.service-tabs::-webkit-scrollbar{display:none}
.tabs-inner{display:flex;gap:0;min-width:max-content;padding:0 24px}
.tab-btn{padding:14px 20px;font-family:var(--font-display);font-size:13px;font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;white-space:nowrap;position:relative;transition:color .2s}
.tab-btn:hover{color:var(--text-secondary)}
.tab-btn.active{color:var(--accent)}
.tab-btn.active::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:2px;background:var(--accent);border-radius:1px}

/* ─── SERVICE PAGE (each) ─── */
.service-page{display:none}
.service-page.active{display:block}

/* ─── HERO BANNER ─── */
.svc-hero{padding:130px 0 80px;position:relative;overflow:hidden}
.svc-hero::before{content:'';position:absolute;top:-100px;right:-150px;width:500px;height:500px;border-radius:50%;pointer-events:none}
.svc-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.svc-hero h1{font-family:var(--font-display);font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:16px}
.svc-hero h1 em{font-style:normal;position:relative}
.svc-hero .hero-sub{font-size:17px;color:var(--text-secondary);line-height:1.65;margin-bottom:28px}
.svc-hero .price-tag{display:inline-flex;align-items:baseline;gap:6px;padding:10px 20px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);margin-bottom:28px}
.price-tag .price-from{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}
.price-tag .price-val{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--warm)}
.price-tag .price-unit{font-size:13px;color:var(--text-muted)}
.svc-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap}




/* ─── SERVICES DETAIL ─── */
.svc-detail{padding:80px 0}
.svc-detail-header{text-align:center;margin-bottom:56px}
.svc-detail-header h2{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}
.svc-detail-header p{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:15px}
/*.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}*/
.svc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  justify-content: center;
}
.svc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px;transition:all .35s;position:relative;overflow:hidden}
.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .35s}
.svc-card:hover{border-color:rgba(0,212,170,.2);transform:translateY(-3px);box-shadow:0 16px 48px rgba(0,0,0,.3)}
.svc-card:hover::before{opacity:1}
.svc-card .card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}
.svc-card h3{font-family:var(--font-display);font-size:16px;font-weight:600;margin-bottom:8px}
.svc-card p{font-size:13px;color:var(--text-secondary);line-height:1.6}
.svc-card .card-price{margin-top:14px;font-family:var(--font-mono);font-size:12px;color:var(--warm);padding-top:14px;border-top:1px solid var(--border)}

/* ─── PROCESS TYPES (Normal/Complete cut etc) ─── */
.process-types{padding:80px 0;background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.process-type{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:64px}
.process-type:last-child{margin-bottom:0}
.process-type:nth-child(even){direction:rtl}
.process-type:nth-child(even)>*{direction:ltr}
.process-type-img{background:var(--bg);border:1px solid var(--border);border-radius:16px;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;overflow:hidden}
.process-type-img svg{width:100%;height:100%}
.process-type-content .step-num{font-family:var(--font-mono);font-size:48px;font-weight:700;color:var(--accent);opacity:.2;line-height:1;margin-bottom:8px}
.process-type-content h3{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:12px}
.process-type-content p{font-size:14px;color:var(--text-secondary);line-height:1.7}

/* ─── INCLUDES LIST ─── */
.includes{padding:60px 0}
.includes-header{text-align:center;margin-bottom:40px}
.includes-header h2{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
.includes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.include-item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}
.include-check{width:22px;height:22px;border-radius:6px;background:var(--accent-glow);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;margin-top:1px}
.include-item span{font-size:14px;color:var(--text-secondary)}



/* ─── CTA STRIP ─── */
.cta-strip{padding:80px 0}
.cta-box{background:linear-gradient(135deg,rgba(0,212,170,.07),rgba(245,158,11,.04));border:1px solid rgba(0,212,170,.12);border-radius:24px;padding:56px 40px;text-align:center;position:relative;overflow:hidden}
.cta-box::before{content:'';position:absolute;top:-80px;right:-80px;width:260px;height:260px;background:radial-gradient(circle,rgba(0,212,170,.08),transparent 70%);pointer-events:none}
.cta-box h2{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}
.cta-box>p{font-size:15px;color:var(--text-secondary);margin-bottom:28px;max-width:480px;margin-left:auto;margin-right:auto}
.cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.cta-note{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}

/* ─── RESPONSIVE ─── */
@media(max-width:900px){
  .svc-hero-grid,.process-type{grid-template-columns:1fr !important;gap:32px}
  .process-type:nth-child(even){direction:ltr}
 
  .promise-grid{gap:20px}
  .svc-grid{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:768px){
	.svc-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:575px){
	.svc-grid{grid-template-columns:1fr}
}