/*
Theme Name: Zigma Web Solutions — AI Website Factory
Author: AI Website Factory
Description: Zigma Web Solutions — USA-focused SEO & backlinks agency site. Header/footer editable via Appearance > Menus and Appearance > Customize.
Version: 1.1.0
*/
:root{
  --bg:#0a0e17;--bg-2:#0f1524;--card:#131a2b;--card-border:#232c42;
  --accent:#17e6b0;--accent-dark:#0fc99a;--text:#e9edf5;--muted:#8b95ac;--white:#ffffff;
  --radius:16px;--shadow:0 20px 50px rgba(0,0,0,0.35);--maxw:1180px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;color:var(--text)!important;background:var(--bg)!important;line-height:1.65;}
h1,h2,h3,h4{font-family:'Sora',sans-serif;color:var(--white)!important;line-height:1.2;}
a{text-decoration:none;color:inherit!important;}
img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
section{padding:88px 0;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)!important;background:rgba(23,230,176,0.08)!important;border:1px solid rgba(23,230,176,0.25);border-color:rgba(23,230,176,0.25)!important;padding:6px 14px;border-radius:999px;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 28px;border-radius:10px;font-weight:700;font-size:15px;transition:transform .15s ease, box-shadow .15s ease, background .15s ease;border:2px solid transparent;cursor:pointer;font-family:'Inter',sans-serif;}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--accent)!important;color:#04140f!important;box-shadow:0 10px 26px rgba(23,230,176,0.28);}
.btn-primary:hover{background:var(--accent-dark)!important;}
.btn-outline{background:transparent!important;border-color:rgba(255,255,255,0.25)!important;color:var(--white)!important;}
.btn-outline:hover{border-color:var(--accent)!important;color:var(--accent)!important;}
.muted{color:var(--muted)!important;}

/* Header / Nav (wp_nav_menu-compatible) */
header{position:sticky;top:0;z-index:50;background:rgba(10,14,23,0.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:var(--maxw);margin:0 auto;}
.logo{font-family:'Sora',sans-serif;font-weight:800;font-size:19px;color:var(--white)!important;display:flex;align-items:center;gap:8px;}
.logo span{color:var(--accent)!important;}
.nav-links{display:flex;gap:26px;align-items:center;}
.nav-links ul{list-style:none;display:flex;gap:26px;align-items:center;margin:0;padding:0;}
.nav-links li{list-style:none;}
.nav-links a{font-size:14px;font-weight:600;color:var(--muted)!important;transition:color .15s ease;}
.nav-links a:hover{color:var(--white)!important;}
.nav-links a.active,
.nav-links li.current-menu-item>a,
.nav-links li.current_page_item>a{color:var(--accent)!important;}
.nav-cta{display:flex;align-items:center;gap:14px;}
.menu-toggle{display:none;background:none;border:none;color:var(--white)!important;font-size:26px;cursor:pointer;}
@media(max-width:980px){
  .nav-links{position:fixed;top:64px;left:0;right:0;background:var(--bg-2);flex-direction:column;gap:0;padding:10px 0;border-bottom:1px solid var(--card-border);display:none;}
  .nav-links.open{display:flex;}
  .nav-links ul{flex-direction:column;width:100%;gap:0;}
  .nav-links li{width:100%;border-top:1px solid var(--card-border);}
  .nav-links a{padding:14px 24px;width:100%;display:block;}
  .nav-cta .btn-outline{display:none;}
  .menu-toggle{display:block;}
}

/* Hero variants */
.hero{position:relative;padding:80px 0 64px;overflow:hidden;background:radial-gradient(ellipse at top right, rgba(23,230,176,0.12), transparent 55%), var(--bg);}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at center, black 0%, transparent 75%);}
.hero-inner{position:relative;max-width:820px;}
.hero.text-center .hero-inner, .hero .hero-inner.center{margin:0 auto;text-align:center;}
.hero h1{font-size:clamp(32px,5.4vw,58px);margin:20px 0 20px;letter-spacing:-0.02em;}
.hero h1 em{color:var(--accent)!important;font-style:normal;}
.hero p.sub{font-size:17px;color:var(--muted);max-width:640px;margin-bottom:30px;}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:26px;}
.proof-line{font-size:13.5px;color:var(--muted);letter-spacing:.02em;}
.proof-line strong{color:var(--text);font-weight:600;}

/* Trust stats */
.stats{background:var(--bg-2);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.stat{text-align:center;padding:38px 20px;border-right:1px solid var(--card-border);}
.stat:last-child{border-right:none;}
.stat .num{font-family:'Sora',sans-serif;font-size:26px;font-weight:800;color:var(--accent);margin-bottom:6px;}
.stat .lbl{font-size:13.5px;color:var(--muted);font-weight:500;}
@media(max-width:800px){.stats-grid{grid-template-columns:1fr 1fr;}.stat{border-bottom:1px solid var(--card-border);}}

/* Section heading */
.sec-head{max-width:680px;margin-bottom:48px;}
.sec-head.center{text-align:center;margin-left:auto;margin-right:auto;}
.sec-head h2{font-size:clamp(26px,3.4vw,38px);margin:16px 0 14px;letter-spacing:-0.01em;}
.sec-head p{color:var(--muted);font-size:16px;}

/* Flagship + services */
.flagship-card{background:linear-gradient(135deg, rgba(23,230,176,0.10), rgba(23,230,176,0.02));border:1px solid rgba(23,230,176,0.35);border-radius:var(--radius);padding:44px;margin-bottom:28px;display:grid;grid-template-columns:1.1fr 0.9fr;gap:36px;align-items:center;}
.flagship-card .badge{display:inline-block;background:var(--accent);color:#04140f;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:16px;}
.flagship-card h3{font-size:28px;margin-bottom:14px;}
.flagship-card p{color:var(--muted);margin-bottom:20px;font-size:15.5px;}
.flagship-list{list-style:none;display:grid;gap:10px;}
.flagship-list li{font-size:14.5px;color:var(--text);padding-left:26px;position:relative;}
.flagship-list li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800;}
.flagship-visual{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:26px;}
.flagship-visual .row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--card-border);font-size:13.5px;}
.flagship-visual .row:last-child{border-bottom:none;}
.flagship-visual .row .tag{color:var(--accent);font-weight:700;}
@media(max-width:800px){.flagship-card{grid-template-columns:1fr;padding:30px;}}

.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.svc-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:28px 24px;transition:border-color .15s ease, transform .15s ease;}
.svc-card:hover{border-color:var(--accent);transform:translateY(-3px);}
.svc-card .icon{width:44px;height:44px;border-radius:10px;background:rgba(23,230,176,0.1);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px;}
.svc-card h4{font-size:17px;margin-bottom:8px;}
.svc-card p{font-size:14px;color:var(--muted);margin-bottom:14px;}
.svc-card a{font-size:13.5px;font-weight:700;color:var(--accent)!important;}
@media(max-width:900px){.services-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.services-grid{grid-template-columns:1fr;}}

.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.feat-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:28px 24px;}
.feat-card h4{font-size:17px;margin-bottom:10px;}
.feat-card p{font-size:14px;color:var(--muted);}
@media(max-width:860px){.feat-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.feat-grid{grid-template-columns:1fr;}}

/* Comparison table + split blocks */
.compare-wrap{overflow-x:auto;}
table.compare{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;min-width:640px;}
table.compare th, table.compare td{padding:16px 20px;text-align:left;font-size:14.5px;border-bottom:1px solid var(--card-border);}
table.compare th{background:var(--bg-2);font-family:'Sora',sans-serif;font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);}
table.compare th.us{color:var(--accent);}
table.compare td.us{color:var(--text);font-weight:600;}
table.compare td.them{color:var(--muted);}
table.compare tr:last-child td{border-bottom:none;}

/* Process */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.step{position:relative;padding-top:8px;}
.step .step-num{font-family:'Sora',sans-serif;font-size:38px;font-weight:800;color:rgba(23,230,176,0.25);margin-bottom:10px;}
.step h4{font-size:16.5px;margin-bottom:8px;}
.step p{font-size:14px;color:var(--muted);}
@media(max-width:900px){.process-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.process-grid{grid-template-columns:1fr;}}

/* Pricing */
.pricing-grid, .tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.price-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:32px 26px;display:flex;flex-direction:column;}
.price-card.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 20px 50px rgba(23,230,176,0.12);position:relative;}
.price-card.featured::before{content:"MOST POPULAR";position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--accent);color:#04140f;font-size:11px;font-weight:800;letter-spacing:.05em;padding:5px 14px;border-radius:999px;}
.price-card h4{font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:10px;}
.price-card .price{font-family:'Sora',sans-serif;font-size:34px;font-weight:800;color:var(--white);margin-bottom:4px;}
.price-card .price span{font-size:14px;color:var(--muted);font-weight:500;}
.price-card .price-note{font-size:12.5px;color:var(--muted);margin-bottom:22px;}
.price-card .sub-desc{font-size:14px;color:var(--muted);margin-bottom:20px;}
.price-card ul{list-style:none;display:grid;gap:11px;margin-bottom:26px;flex:1;}
.price-card li{font-size:14px;padding-left:24px;position:relative;color:var(--text);}
.price-card li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800;}
.pricing-disclaimer{text-align:center;color:var(--muted);font-size:13px;margin-top:26px;max-width:640px;margin-left:auto;margin-right:auto;}
@media(max-width:900px){.pricing-grid, .tier-grid{grid-template-columns:1fr;}}

.tier-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:26px;text-align:center;}
.tier-card.feat{border-color:var(--accent);}
.tier-card h4{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px;}
.tier-card .amt{font-family:'Sora',sans-serif;font-size:26px;font-weight:800;color:var(--white);}
.tier-card .amt span{font-size:13px;color:var(--muted);font-weight:500;}

.addon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.addon-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:26px;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.addon-card h4{font-size:16px;margin-bottom:6px;}
.addon-card p{font-size:13.5px;color:var(--muted);}
.addon-card .amt{font-family:'Sora',sans-serif;font-weight:800;color:var(--accent);white-space:nowrap;}
@media(max-width:700px){.addon-grid{grid-template-columns:1fr;}.addon-card{flex-direction:column;align-items:flex-start;}}

/* Expect / values */
.expect-grid, .values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.values-grid{grid-template-columns:repeat(3,1fr);}
.expect-card{text-align:center;padding:10px;}
.expect-card .icon{width:52px;height:52px;border-radius:50%;background:rgba(23,230,176,0.1);border:1px solid rgba(23,230,176,0.3);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 16px;}
.expect-card h4{font-size:15.5px;margin-bottom:8px;}
.expect-card p{font-size:13.5px;color:var(--muted);}
.value-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:28px 24px;}
.value-card h4{font-size:17px;margin-bottom:10px;}
.value-card p{font-size:14px;color:var(--muted);}
@media(max-width:900px){.expect-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:860px){.values-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.values-grid{grid-template-columns:1fr;}}

/* FAQ */
.faq{max-width:800px;}
.faq-item{border-bottom:1px solid var(--card-border);}
.faq-q{width:100%;text-align:left;background:none;border:none;color:var(--white);font-family:'Sora',sans-serif;font-size:16.5px;font-weight:700;padding:22px 4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.faq-q .plus{color:var(--accent);font-size:20px;transition:transform .2s ease;flex-shrink:0;}
.faq-item.open .plus{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.faq-a p{color:var(--muted);font-size:14.5px;padding:0 4px 22px;max-width:680px;}

/* CTA band */
.cta-band{background:linear-gradient(135deg, #0d3a30, #0a0e17 70%);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);text-align:center;}
.cta-band h2{font-size:clamp(24px,3.6vw,36px);margin-bottom:14px;}
.cta-band p{color:var(--muted);margin-bottom:30px;font-size:16px;}

/* Content block (long-form) */
.content-block{max-width:760px;}
.content-block p{margin-bottom:18px;color:var(--muted);font-size:15.5px;}
.content-block h3{font-size:22px;margin:34px 0 14px;}

/* Contact page */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
.contact-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:36px;}
.contact-card h3{font-size:20px;margin-bottom:22px;}
.form-row{margin-bottom:18px;}
.form-row label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em;}
.form-row input, .form-row textarea, .form-row select{width:100%;background:var(--bg);border:1px solid var(--card-border);border-radius:8px;padding:12px 14px;color:var(--text);font-family:'Inter',sans-serif;font-size:14.5px;}
.form-row input:focus, .form-row textarea:focus, .form-row select:focus{outline:none;border-color:var(--accent);}
.form-row textarea{resize:vertical;min-height:110px;}
.info-list{display:grid;gap:24px;}
.info-item{display:flex;gap:16px;align-items:flex-start;}
.info-item .ic{width:44px;height:44px;border-radius:10px;background:rgba(23,230,176,0.1);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;}
.info-item h4{font-size:15.5px;margin-bottom:4px;}
.info-item p{font-size:14px;color:var(--muted);}
.info-item a{color:var(--accent)!important;font-weight:600;}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr;}}

/* Blog index */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.post-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;transition:border-color .15s ease, transform .15s ease;}
.post-card:hover{border-color:var(--accent);transform:translateY(-3px);}
.post-card .tag{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin-bottom:12px;}
.post-card h3{font-size:18px;margin-bottom:12px;flex:1;}
.post-card p{font-size:14px;color:var(--muted);margin-bottom:16px;}
.post-card .read{font-size:13.5px;font-weight:700;color:var(--accent)!important;}
@media(max-width:900px){.post-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.post-grid{grid-template-columns:1fr;}}

/* Blog article */
article{padding:64px 0 90px;max-width:740px;margin:0 auto;}
article .meta{color:var(--muted);font-size:13.5px;margin:18px 0 8px;}
article h1{font-size:clamp(28px,4.4vw,42px);margin:10px 0 26px;letter-spacing:-0.02em;}
article h2{font-size:23px;margin:38px 0 14px;}
article p{color:var(--muted);margin-bottom:18px;font-size:16px;}
article ul, article ol{color:var(--muted);margin:0 0 18px 22px;font-size:16px;}
article li{margin-bottom:8px;}
article strong{color:var(--text);}
.tldr{background:var(--card);border:1px solid var(--card-border);border-left:3px solid var(--accent);border-radius:10px;padding:20px 24px;margin:24px 0 32px;}
.tldr p{margin:0;color:var(--text);font-size:15px;}
table.price{width:100%;border-collapse:collapse;margin:20px 0 30px;}
table.price th, table.price td{padding:12px 16px;text-align:left;font-size:14.5px;border-bottom:1px solid var(--card-border);vertical-align:top;}
table.price th{color:var(--accent);font-family:'Sora',sans-serif;font-size:12.5px;text-transform:uppercase;}
.post-cta{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:30px;text-align:center;margin-top:44px;}
.post-cta h3{font-size:19px;margin-bottom:10px;}
.post-cta p{color:var(--muted);font-size:14.5px;margin-bottom:20px;}

/* Footer */
footer{background:var(--bg-2);padding:60px 0 26px;}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px;}
.foot-brand p{color:var(--muted);font-size:14px;margin-top:14px;max-width:280px;}
.foot-col h5{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:16px;}
.foot-col ul{list-style:none;display:grid;gap:11px;margin:0;padding:0;}
.foot-col li{list-style:none;}
.foot-col a{font-size:14px;color:var(--text)!important;}
.foot-col a:hover{color:var(--accent)!important;}
.foot-bottom{border-top:1px solid var(--card-border);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted);}
@media(max-width:800px){.foot-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr;}}