/*
Theme Name: SigmaTechs
Theme URI: https://sigmatech.tech
Author: SigmaTech
Author URI: https://sigmatech.tech
Description: Premium, futuristic, high-converting SaaS-style agency theme for digital marketing & web development companies. Dark glassmorphism UI, neon cyan glow, fully responsive and mobile-first. Built for SigmaTech (Sigma Technology Solutions).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sigmatech
Tags: dark, glassmorphism, agency, saas, one-page, custom-menu, custom-logo, featured-images, translation-ready, responsive-layout
*/

/* =============================================================
   NOTE: This stylesheet is required by WordPress (theme header
   above) and is enqueued as the theme's main stylesheet. All
   design tokens, layout and component styles for SigmaTech live
   here. It mirrors the original design system 1:1.
   ============================================================= */

:root{
  --bg:#050816;
  --bg-2:#0B1220;
  --card:rgba(255,255,255,0.05);
  --primary:#00E5FF;
  --secondary:#00B8FF;
  --highlight:#36F9FF;
  --white:#FFFFFF;
  --text-soft:#A8B2C8;
  --border:rgba(255,255,255,.08);
  --glow:rgba(0,229,255,.5);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--white);
  font-family:'Inter',sans-serif;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.font-head{font-family:'Poppins',sans-serif;font-weight:800;}
p,li,span,a{font-family:'Inter',sans-serif;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;}
ul{margin:0;}
::selection{background:var(--primary);color:#000;}

:focus-visible{outline:2px solid var(--highlight);outline-offset:3px;}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important;}
}

.screen-reader-text{position:absolute !important;left:-9999px;top:-9999px;}

.text-grad{
  background:linear-gradient(90deg,var(--primary),var(--highlight) 60%,var(--secondary));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.section{padding:120px 0;position:relative;}
.section-tight{padding:90px 0;}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--highlight);font-weight:700;margin-bottom:18px;
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--primary);display:inline-block;box-shadow:0 0 8px var(--glow);}
.section-title{font-size:clamp(32px,4.2vw,52px);line-height:1.12;margin-bottom:18px;}
.section-sub{color:var(--text-soft);font-size:17px;max-width:640px;line-height:1.7;}

.btn-glow{
  background:linear-gradient(90deg,var(--primary),var(--secondary));
  color:#01131a;font-weight:700;border:none;border-radius:14px;
  padding:16px 30px;font-size:15px;box-shadow:0 0 30px var(--glow), 0 8px 24px rgba(0,0,0,.35);
  transition:transform .25s ease, box-shadow .25s ease;
  display:inline-flex;align-items:center;gap:10px;white-space:nowrap;
}
.btn-glow:hover{transform:translateY(-3px);box-shadow:0 0 46px var(--glow), 0 12px 30px rgba(0,0,0,.4);color:#01131a;}
.btn-ghost{
  border:1px solid var(--border);background:rgba(255,255,255,.03);
  color:var(--white);font-weight:600;border-radius:14px;padding:16px 28px;font-size:15px;
  backdrop-filter:blur(10px);transition:all .25s ease;display:inline-flex;align-items:center;gap:10px;
}
.btn-ghost:hover{border-color:var(--primary);color:var(--highlight);background:rgba(0,229,255,.06);}

.glass{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:24px;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

/* Background FX */
.bg-fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.bg-grid{
  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:56px 56px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, #000 40%, transparent 90%);
}
.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;}
.blob-1{width:520px;height:520px;background:radial-gradient(circle,var(--primary),transparent 70%);top:-160px;left:-140px;}
.blob-2{width:600px;height:600px;background:radial-gradient(circle,var(--secondary),transparent 70%);top:200px;right:-220px;}
.blob-3{width:420px;height:420px;background:radial-gradient(circle,var(--highlight),transparent 70%);bottom:-140px;left:35%;opacity:.22;}

main{position:relative;z-index:1;}

/* Navbar */
.navbar-sigma{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  padding:16px 0;transition:background .3s ease, border-color .3s ease, padding .3s ease;
  border-bottom:1px solid transparent;
}
.navbar-sigma.scrolled{
  background:rgba(5,8,22,.75);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border);padding:12px 0;
}
.brand-mark{display:flex;align-items:center;gap:10px;font-family:'Poppins',sans-serif;font-weight:800;font-size:21px;}
.brand-mark img{height:34px;width:auto;border-radius:8px;}
.brand-icon{
  width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  color:#001018;font-weight:800;box-shadow:0 0 20px var(--glow);
}
.nav-links{display:flex;align-items:center;}
.nav-links ul{list-style:none;display:flex;padding:0;margin:0;}
.nav-links a{
  font-size:14.5px;font-weight:500;color:var(--text-soft);margin:0 16px;transition:color .2s;
}
.nav-links a:hover,.nav-links .current-menu-item>a{color:var(--white);}
.mobile-open{
  position:fixed;top:66px;left:16px;right:16px;background:rgba(5,8,22,.97);
  border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;z-index:999;
}
.mobile-open ul{flex-direction:column;gap:6px;}
.mobile-open a{display:block;padding:10px 4px;margin:0;}

/* Hero */
.hero{
  padding:170px 0 90px;min-height:100vh;display:flex;align-items:center;
}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:3px;
  color:var(--highlight);text-transform:uppercase;
}
.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px var(--glow);animation:pulse 1.6s infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.3;}}
.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.08;margin:20px 0 22px;letter-spacing:-.5px;}
.hero p.lead-sub{color:var(--text-soft);font-size:18px;line-height:1.8;max-width:560px;margin-bottom:32px;}
.tag-pill{
  border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--text-soft);
  border-radius:100px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-block;margin:0 8px 10px 0;
  transition:all .2s;
}
.tag-pill:hover{border-color:var(--primary);color:var(--highlight);}
.hero-stats{display:flex;gap:38px;margin-top:44px;flex-wrap:wrap;}
.hero-stats .num{font-family:'Poppins',sans-serif;font-weight:800;font-size:30px;}
.hero-stats .lbl{color:var(--text-soft);font-size:13px;margin-top:2px;}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;}

/* Device mockup scene */
.scene{position:relative;height:560px;}
.device{position:absolute;border-radius:18px;background:linear-gradient(160deg,#0d1626,#060a15);border:1px solid var(--border);box-shadow:0 30px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.02);overflow:hidden;}
.laptop{width:400px;height:250px;left:8%;top:60px;padding:14px 14px 30px;z-index:3;}
.laptop::after{content:"";position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:56px;height:4px;border-radius:4px;background:#1c2740;}
.tablet{width:230px;height:300px;right:2%;top:0;padding:16px 12px;z-index:2;border-radius:26px;}
.phone{width:150px;height:280px;right:14%;bottom:-10px;padding:14px 8px;z-index:4;border-radius:28px;box-shadow:0 20px 60px rgba(0,0,0,.6);}
.screen{
  width:100%;height:100%;border-radius:8px;background:linear-gradient(180deg,#081020,#050a16);
  border:1px solid rgba(255,255,255,.06);padding:12px;font-size:10px;position:relative;overflow:hidden;
}
.screen .mini-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.screen .mini-logo{width:44px;height:8px;border-radius:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));}
.screen .mini-dot{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.08);}
.bar-chart{display:flex;align-items:flex-end;gap:5px;height:66px;margin-top:10px;}
.bar-chart span{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--primary),rgba(0,229,255,.15));box-shadow:0 0 10px var(--glow);}
.line-graph{stroke:var(--primary);stroke-width:2;fill:none;filter:drop-shadow(0 0 6px var(--glow));}
.mini-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:9px;color:var(--text-soft);}
.mini-pill{background:rgba(0,229,255,.12);color:var(--highlight);border-radius:5px;padding:2px 6px;font-weight:700;}
.mini-heading{font-family:'Poppins',sans-serif;font-weight:700;font-size:11px;color:#fff;margin-bottom:8px;}
.ring{width:52px;height:52px;border-radius:50%;background:conic-gradient(var(--primary) 78%, rgba(255,255,255,.07) 0);display:grid;place-items:center;margin:8px auto;}
.ring::after{content:"78%";width:38px;height:38px;border-radius:50%;background:#060a16;display:grid;place-items:center;font-size:9px;font-weight:700;color:var(--highlight);}

.float-card{
  position:absolute;padding:12px 16px;border-radius:16px;z-index:5;
  display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;color:#fff;
  animation:floaty 5s ease-in-out infinite;
}
.float-card i{color:var(--highlight);font-size:15px;}
.float-card .sub{display:block;font-weight:400;color:var(--text-soft);font-size:10.5px;margin-top:1px;}
.fc-1{top:10px;right:24%;animation-delay:.2s;}
.fc-2{bottom:80px;left:0;animation-delay:1s;}
.fc-3{top:180px;right:-4%;animation-delay:1.8s;}
.fc-4{bottom:0;right:32%;animation-delay:.6s;}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}

/* Logo marquee */
.marquee-wrap{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);}
.marquee-track{display:flex;gap:70px;width:max-content;animation:scroll-left 28s linear infinite;}
@keyframes scroll-left{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.marquee-track span{font-family:'Poppins',sans-serif;font-weight:700;font-size:21px;color:var(--text-soft);opacity:.55;white-space:nowrap;transition:opacity .2s,color .2s;}
.marquee-track span:hover{opacity:1;color:var(--highlight);}

/* Counters */
.counter-box{text-align:center;padding:30px 10px;}
.counter-box .num{font-family:'Poppins',sans-serif;font-weight:800;font-size:44px;}
.counter-box .lbl{color:var(--text-soft);font-size:14px;margin-top:6px;}

/* Service / feature cards */
.svc-card, .feat-card{
  padding:34px 28px;height:100%;transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.svc-card:hover, .feat-card:hover{transform:translateY(-8px);border-color:rgba(0,229,255,.35);box-shadow:0 20px 50px rgba(0,0,0,.4), 0 0 30px rgba(0,229,255,.08);}
.svc-icon{
  width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:22px;
  background:linear-gradient(135deg,rgba(0,229,255,.18),rgba(0,184,255,.06));color:var(--highlight);
  border:1px solid rgba(0,229,255,.25);margin-bottom:20px;
}
.svc-card h3{font-size:20px;margin-bottom:12px;}
.svc-card ul{list-style:none;padding:0;margin:0;}
.svc-card ul li{color:var(--text-soft);font-size:14px;padding:5px 0;display:flex;align-items:center;gap:8px;}
.svc-card ul li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--primary);flex-shrink:0;}

.feat-card{text-align:center;}
.feat-card .svc-icon{margin:0 auto 18px;}
.feat-card h4{font-size:16px;margin-bottom:6px;}
.feat-card p{color:var(--text-soft);font-size:13.5px;margin:0;}

/* Portfolio */
.filter-btn{
  border:1px solid var(--border);background:transparent;color:var(--text-soft);border-radius:100px;
  padding:9px 20px;font-size:13.5px;font-weight:600;margin:0 6px 10px 0;transition:all .2s;cursor:pointer;
}
.filter-btn.active,.filter-btn:hover{background:linear-gradient(90deg,var(--primary),var(--secondary));color:#01131a;border-color:transparent;}
.port-item{border-radius:22px;overflow:hidden;position:relative;height:280px;border:1px solid var(--border);}
.port-item .pv{position:absolute;inset:0;background:linear-gradient(140deg,var(--pc1,#0d2233),var(--pc2,#061018));background-size:cover;background-position:center;transition:transform .5s ease;}
.port-overlay{
  position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,7,18,.92) 0%,rgba(3,7,18,.15) 55%,transparent 100%);
  display:flex;flex-direction:column;justify-content:flex-end;padding:24px;opacity:0;transition:opacity .3s ease;
}
.port-item:hover .port-overlay{opacity:1;}
.port-item:hover .pv{transform:scale(1.05);}
.port-cat{font-size:11.5px;color:var(--highlight);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;}
.port-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:18px;margin-bottom:12px;}
.port-links{display:flex;gap:10px;}
.port-links a{font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:100px;border:1px solid var(--border);backdrop-filter:blur(6px);}
.port-links a:first-child{background:var(--primary);color:#01131a;border-color:transparent;}

/* Case studies */
.case-card{padding:34px;}
.case-metric{text-align:center;}
.case-metric .num{font-family:'Poppins',sans-serif;font-weight:800;font-size:26px;color:var(--highlight);}
.case-metric .lbl{color:var(--text-soft);font-size:12px;}

/* Process timeline */
.timeline{position:relative;padding-left:0;}
.timeline-line{position:absolute;top:26px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.35;display:none;}
.tl-step{text-align:center;padding:0 10px;}
.tl-num{
  width:52px;height:52px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;
  background:var(--bg-2);border:1px solid rgba(0,229,255,.35);color:var(--highlight);font-weight:800;font-family:'Poppins',sans-serif;
  box-shadow:0 0 24px rgba(0,229,255,.15);
}
.tl-step h5{font-size:15px;margin-bottom:6px;}
.tl-step p{color:var(--text-soft);font-size:12.5px;margin:0;}

/* Tech stack */
.tech-chip{padding:20px 10px;text-align:center;border-radius:18px;transition:all .25s;}
.tech-chip i{font-size:30px;color:var(--text-soft);transition:color .25s, transform .25s;}
.tech-chip:hover{transform:translateY(-6px);border-color:rgba(0,229,255,.35);}
.tech-chip:hover i{color:var(--highlight);transform:scale(1.1);}
.tech-chip .lbl{display:block;margin-top:10px;font-size:12.5px;color:var(--text-soft);font-weight:600;}

/* Pricing */
.price-card{padding:38px 32px;position:relative;height:100%;}
.price-card.popular{border-color:rgba(0,229,255,.5);box-shadow:0 0 50px rgba(0,229,255,.12);}
.popular-badge{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  background:linear-gradient(90deg,var(--primary),var(--secondary));color:#01131a;font-weight:800;
  font-size:11.5px;padding:6px 18px;border-radius:100px;letter-spacing:1px;box-shadow:0 0 20px var(--glow);
}
.price-tier{font-size:13px;color:var(--highlight);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;}
.price-amt{font-family:'Poppins',sans-serif;font-weight:800;font-size:42px;margin-bottom:4px;}
.price-amt span{font-size:15px;color:var(--text-soft);font-weight:500;}
.price-desc{color:var(--text-soft);font-size:13.5px;margin-bottom:24px;}
.price-card ul{list-style:none;padding:0;margin:0 0 28px;}
.price-card ul li{padding:9px 0;font-size:14px;color:#dfe6f2;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.04);}
.price-card ul li i{color:var(--primary);}

/* Testimonials */
.testi-card{padding:40px;text-align:center;max-width:720px;margin:0 auto;}
.testi-stars{color:var(--highlight);font-size:14px;margin-bottom:18px;letter-spacing:3px;}
.testi-quote{font-size:19px;line-height:1.7;color:#e7ecf7;margin-bottom:26px;}
.testi-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center;font-weight:800;color:#01131a;margin:0 auto 10px;overflow:hidden;}
.testi-avatar img{width:100%;height:100%;object-fit:cover;}
.testi-name{font-weight:700;}
.testi-role{color:var(--text-soft);font-size:13px;}
.carousel-indicators [data-bs-target]{background:var(--primary);width:8px;height:8px;border-radius:50%;}

/* FAQ */
.accordion-sigma .accordion-item{background:transparent;border:1px solid var(--border);border-radius:18px !important;margin-bottom:14px;overflow:hidden;}
.accordion-sigma .accordion-button{background:var(--card);color:#fff;font-weight:700;font-size:15.5px;padding:22px 26px;box-shadow:none;}
.accordion-sigma .accordion-button:not(.collapsed){color:var(--highlight);background:rgba(0,229,255,.06);}
.accordion-sigma .accordion-button::after{filter:invert(1) brightness(2) hue-rotate(150deg);}
.accordion-sigma .accordion-body{color:var(--text-soft);padding:6px 26px 24px;font-size:14.5px;line-height:1.7;}

/* Final CTA */
.cta-final{
  border-radius:32px;padding:80px 40px;text-align:center;position:relative;overflow:hidden;
  background:radial-gradient(ellipse at 50% 0%, rgba(0,229,255,.14), transparent 60%), var(--card);
  border:1px solid rgba(0,229,255,.25);
}

/* Footer */
footer.site-footer{padding:70px 0 30px;border-top:1px solid var(--border);}
footer.site-footer h6{font-family:'Poppins',sans-serif;font-size:14px;margin-bottom:18px;color:#fff;}
footer.site-footer ul{list-style:none;padding:0;margin:0;}
footer.site-footer ul li{margin-bottom:10px;}
footer.site-footer ul li a{color:var(--text-soft);font-size:14px;transition:color .2s;}
footer.site-footer ul li a:hover{color:var(--highlight);}
.social-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--border);color:var(--text-soft);margin-right:10px;transition:all .2s;}
.social-icon:hover{color:var(--highlight);border-color:var(--primary);}
.newsletter-input{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:12px;padding:12px 16px;color:#fff;width:100%;}
.newsletter-input::placeholder{color:var(--text-soft);}
.newsletter-input:focus{outline:none;border-color:var(--primary);}

/* Widget area fallback */
.widget{margin-bottom:24px;}
.widget h2,.widget .widget-title{font-family:'Poppins',sans-serif;font-size:14px;margin-bottom:18px;color:#fff;}

/* ===================== MOBILE-FIRST RESPONSIVE ===================== */
@media (max-width: 991px){
  .hero{padding:150px 0 60px;min-height:auto;}
  .section{padding:80px 0;}
  .scene{height:auto;padding:40px 0;transform:none !important;}
  .device{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:0 auto 24px;}
  .laptop{width:100%;max-width:380px;}
  .tablet,.phone{display:none;}
  .float-card{display:none;}
  .price-card.popular{transform:none;}
  .nav-links:not(.mobile-open){display:none;}
}
@media (max-width: 575px){
  .hero{padding:130px 0 50px;}
  .section{padding:60px 0;}
  .hero-stats{gap:24px;}
  .cta-final{padding:50px 22px;border-radius:22px;}
  .btn-glow,.btn-ghost{width:100%;justify-content:center;}
  .hero-ctas{flex-direction:column;}
}