/*
Theme Name: Sigixtract
Theme URI: https://sigixtract.com
Author: Sigixtract
Description: Marketing website theme for Sigixtract, an intelligent document processing platform. Includes Home, About, Products, Contact and Blog templates. Activate the theme and the pages, menu and sample posts are created automatically.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sigixtract
*/

:root{
  --ink:#0b1220;
  --ink-2:#334155;
  --muted:#64748b;
  --line:#e2e8f0;
  --bg:#ffffff;
  --bg-soft:#f6f8fc;
  --brand:#4f46e5;
  --brand-dark:#3730a3;
  --accent:#06b6d4;
  --good:#16a34a;
  --warn:#f59e0b;
  --radius:16px;
  --shadow:0 10px 30px rgba(15,23,42,.08);
  --max:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand);text-decoration:none}
a:hover{color:var(--brand-dark)}
h1,h2,h3,h4{line-height:1.15;margin:0 0 .5em;letter-spacing:-.02em;color:var(--ink)}
h1{font-size:clamp(2.3rem,5vw,3.7rem);font-weight:800}
h2{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800}
h3{font-size:1.25rem;font-weight:700}
p{margin:0 0 1em}
.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 24px}
.narrow{max-width:760px}
.section{padding:88px 0}
.section.soft{background:var(--bg-soft)}
.section.dark{background:var(--ink);color:#cbd5e1}
.section.dark h2,.section.dark h3{color:#fff}
.eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin-bottom:14px}
.dark .eyebrow{color:var(--accent)}
.lede{font-size:1.2rem;color:var(--ink-2);max-width:680px}
.center{text-align:center}
.center .lede{margin-left:auto;margin-right:auto}
.sec-head{margin-bottom:48px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:700;font-size:1rem;border:2px solid transparent;cursor:pointer;transition:.2s;font-family:inherit}
.btn-primary{background:var(--brand);color:#fff}
.btn-primary:hover{background:var(--brand-dark);color:#fff;transform:translateY(-1px)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}
.btn-light{background:#fff;color:var(--ink)}
.btn-light:hover{background:#e0e7ff;color:var(--ink)}
.btn-sm{padding:10px 20px;font-size:.92rem}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.center .btn-row{justify-content:center}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.35rem;color:var(--ink);letter-spacing:-.03em}
.brand:hover{color:var(--ink)}
.brand-mark{width:34px;height:34px}
.header-cta{display:flex;gap:12px;align-items:center}
.nav-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;transition:.2s}

/* hero */
.hero{padding:84px 0 72px;background:radial-gradient(1200px 500px at 85% -10%,#e0e7ff 0,transparent 60%),radial-gradient(800px 400px at -10% 10%,#cffafe 0,transparent 55%),#fff}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero h1 .grad{background:linear-gradient(90deg,var(--brand),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-note{margin-top:18px;font-size:.92rem;color:var(--muted)}
.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.pill{background:#fff;border:1px solid var(--line);padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--ink-2)}

/* hero demo card */
.demo{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}
.demo-bar{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg-soft)}
.demo-bar i{width:10px;height:10px;border-radius:50%;background:#cbd5e1}
.demo-body{display:grid;grid-template-columns:1fr 1fr}
.demo-doc{padding:20px;border-right:1px solid var(--line);background:#fafbff}
.doc-line{height:8px;border-radius:4px;background:#e2e8f0;margin:9px 0}
.doc-line.w60{width:60%}.doc-line.w80{width:80%}.doc-line.w40{width:40%}
.doc-hl{background:#c7d2fe;position:relative}
.doc-title{font-weight:800;font-size:.8rem;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}
.demo-out{padding:20px;font-size:.85rem}
.field{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line)}
.field span:first-child{color:var(--muted)}
.field b{font-weight:700}
.conf{font-size:.72rem;font-weight:700;color:var(--good);background:#dcfce7;border-radius:999px;padding:1px 8px;margin-left:6px}
.conf.low{color:#b45309;background:#fef3c7}
.demo-foot{padding:12px 20px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted);display:flex;justify-content:space-between}

/* grids and cards */
.grid{display:grid;gap:24px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;transition:.2s}
.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.dark .card{background:#111a2e;border-color:#1e293b}
.dark .card h3{color:#fff}
.icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#e0e7ff,#cffafe);display:grid;place-items:center;margin-bottom:18px;font-size:1.3rem}
.card p{color:var(--ink-2);margin:0}
.dark .card p{color:#94a3b8}
.step-num{width:38px;height:38px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:16px}

/* feature split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.split.rev .split-text{order:2}
.check-list{list-style:none;padding:0;margin:20px 0 0}
.check-list li{padding-left:30px;position:relative;margin-bottom:12px;color:var(--ink-2)}
.check-list li::before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#dcfce7;color:var(--good);font-weight:800;font-size:.8rem;display:grid;place-items:center;line-height:1;top:3px}
.panel{background:linear-gradient(160deg,#eef2ff,#ecfeff);border:1px solid var(--line);border-radius:22px;padding:28px;min-height:280px}
.panel .mini{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:12px;font-size:.9rem;display:flex;justify-content:space-between;align-items:center;gap:10px}
.tag{font-size:.72rem;font-weight:700;border-radius:999px;padding:2px 10px}
.tag.ok{background:#dcfce7;color:var(--good)}
.tag.review{background:#fef3c7;color:#b45309}
.tag.info{background:#e0e7ff;color:var(--brand)}
pre.code{background:#0b1220;color:#e2e8f0;border-radius:14px;padding:22px;font-size:.85rem;line-height:1.6;overflow:auto;margin:0}
pre.code .k{color:#7dd3fc}pre.code .s{color:#86efac}pre.code .n{color:#fcd34d}

/* comparison */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
table.compare{width:100%;border-collapse:collapse;min-width:720px;font-size:.95rem}
.compare th,.compare td{padding:18px 20px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.compare thead th{background:var(--bg-soft);font-size:.95rem}
.compare tbody tr:last-child td{border-bottom:0}
.compare td:first-child{font-weight:700;width:18%}
.compare .us{background:#eef2ff}
.compare thead .us{background:var(--brand);color:#fff}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 18px;font-weight:600;font-size:.92rem;color:var(--ink-2)}
.dark .chip{background:#111a2e;border-color:#1e293b;color:#cbd5e1}

/* plans */
.plan{display:flex;flex-direction:column}
.plan.featured{border:2px solid var(--brand);position:relative}
.plan.featured::before{content:"Most popular";position:absolute;top:-14px;left:24px;background:var(--brand);color:#fff;font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:999px}
.plan .price{font-size:1.9rem;font-weight:800;margin:6px 0 4px}
.plan .check-list{flex:1}
.plan .btn{margin-top:24px;justify-content:center}

/* faq */
.faq details{border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin-bottom:12px;background:#fff}
.faq summary{cursor:pointer;font-weight:700;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--brand)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:14px 0 0;color:var(--ink-2)}

/* cta */
.cta-band{background:linear-gradient(120deg,var(--brand-dark),var(--brand) 55%,#0891b2);color:#e0e7ff;border-radius:28px;padding:64px 40px;text-align:center}
.cta-band h2{color:#fff}
.cta-band .lede{color:#e0e7ff;margin:0 auto}

/* page hero */
.page-hero{padding:76px 0 56px;background:radial-gradient(900px 400px at 90% -20%,#e0e7ff 0,transparent 60%),var(--bg-soft);border-bottom:1px solid var(--line)}

/* contact form */
.form-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:var(--shadow)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-card label{display:block;font-weight:600;font-size:.92rem;margin-bottom:6px}
.form-card input,.form-card select,.form-card textarea{width:100%;padding:13px 14px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;background:#fff;color:var(--ink)}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:transparent}
.form-card .field-wrap{margin-bottom:18px}
.hp{position:absolute;left:-9999px;opacity:0}
.notice{padding:14px 18px;border-radius:12px;margin-bottom:20px;font-weight:600}
.notice.ok{background:#dcfce7;color:#166534}
.notice.err{background:#fee2e2;color:#991b1b}
.info-list{list-style:none;padding:0;margin:24px 0 0}
.info-list li{display:flex;gap:14px;margin-bottom:22px}
.info-list .icon{margin:0;flex:none}

/* blog */
.post-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.post-card .thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#c7d2fe,#a5f3fc);display:grid;place-items:center;font-size:2.4rem}
.post-card .thumb img{width:100%;height:100%;object-fit:cover}
.post-card .body{padding:24px;display:flex;flex-direction:column;flex:1}
.post-card h3 a{color:var(--ink)}
.post-card h3 a:hover{color:var(--brand)}
.meta{font-size:.85rem;color:var(--muted);margin-bottom:10px}
.post-card .more{margin-top:auto;font-weight:700}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:48px}
.pagination .page-numbers{padding:10px 16px;border:1px solid var(--line);border-radius:10px;font-weight:600;color:var(--ink-2)}
.pagination .current{background:var(--brand);color:#fff;border-color:var(--brand)}
.entry-content{font-size:1.08rem}
.entry-content h2{font-size:1.7rem;margin-top:2em}
.entry-content h3{margin-top:1.6em}
.entry-content ul,.entry-content ol{padding-left:1.3em;margin-bottom:1.2em}
.entry-content li{margin-bottom:.4em}
.entry-content blockquote{margin:1.6em 0;padding:6px 0 6px 22px;border-left:4px solid var(--brand);color:var(--ink-2);font-size:1.15rem}
.entry-content img{border-radius:12px;margin:1.4em 0}
.entry-content table{width:100%;border-collapse:collapse;margin:1.5em 0}
.entry-content th,.entry-content td{border:1px solid var(--line);padding:10px 14px;text-align:left}
.entry-content code{background:var(--bg-soft);padding:2px 6px;border-radius:6px;font-size:.9em}
.author-box{display:flex;gap:16px;align-items:center;padding:22px;background:var(--bg-soft);border-radius:16px;margin-top:48px}
.author-box img{border-radius:50%}

/* footer */
.site-footer{background:var(--ink);color:#94a3b8;padding:72px 0 28px;font-size:.95rem}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
.site-footer h4{color:#fff;font-size:.95rem;margin-bottom:16px}
.site-footer a{color:#94a3b8}
.site-footer a:hover{color:#fff}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin-bottom:10px}
.site-footer .brand{color:#fff;margin-bottom:14px}
.footer-bottom{border-top:1px solid #1e293b;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.88rem}

/* 404 */
.notfound{padding:140px 0;text-align:center}
.notfound h1{font-size:6rem;color:var(--brand)}

/* responsive */
@media (max-width:960px){
  .hero-grid,.split{grid-template-columns:1fr;gap:40px}
  .split.rev .split-text{order:0}
  .g3,.g4{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .nav-toggle{display:block}
  .header-cta .btn-ghost{display:none}
}
@media (max-width:640px){
  body{font-size:16px}
  .section{padding:60px 0}
  .g2,.g3,.g4,.form-row{grid-template-columns:1fr}
  .demo-body{grid-template-columns:1fr}
  .demo-doc{border-right:0;border-bottom:1px solid var(--line)}
  .footer-grid{grid-template-columns:1fr}
  .cta-band{padding:44px 22px}
  .header-cta .btn{display:none}
  .form-card{padding:24px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* clients strip */
.clients{padding:36px 0;border-bottom:1px solid var(--line);background:#fff}
.clients-label{text-align:center;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}
.clients-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 40px}
.clients-list li{font-weight:800;font-size:1.2rem;letter-spacing:-.01em;color:#475569}

/* ---- mega menu ---- */
.main-nav{flex:1;display:flex;justify-content:center}
.nav-list{list-style:none;display:flex;gap:6px;margin:0;padding:0;align-items:center}
.nav-item{position:relative}
.nav-link{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;color:var(--ink-2);font-weight:600;font-size:.97rem}
.nav-link:hover{color:var(--brand);background:var(--bg-soft)}
.caret{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
.sub-toggle{display:none}
.panel-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:14px;display:none;z-index:60}
.nav-item.mega .panel-menu{left:0;transform:none}
.nav-item:hover>.panel-menu,.nav-item:focus-within>.panel-menu{display:block}
.nav-item:hover .caret{transform:rotate(225deg) translateY(-2px)}
.panel-inner{display:flex;gap:36px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.16);padding:28px 32px;min-width:260px}
.nav-item.mega .panel-inner{min-width:640px}
.panel-intro{width:210px;flex:none;border-right:1px solid var(--line);padding-right:28px;display:flex;flex-direction:column;gap:14px;justify-content:space-between}
.panel-intro p{font-weight:700;font-size:1.05rem;line-height:1.35;margin:0;color:var(--ink)}
.panel-col{min-width:200px}
.panel-col h5{margin:0 0 12px;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.panel-col ul{list-style:none;margin:0;padding:0}
.panel-col a{display:block;padding:8px 10px;margin:0 -10px;border-radius:10px;color:var(--ink)}
.panel-col a:hover{background:var(--bg-soft);color:var(--brand)}
.panel-col a span{display:block;font-weight:600;font-size:.95rem}
.panel-col a small{display:block;color:var(--muted);font-size:.8rem;font-weight:400;margin-top:1px}

/* breadcrumb, related, misc inner */
.breadcrumb{font-size:.88rem;color:var(--muted);margin-bottom:18px;display:flex;flex-wrap:wrap;gap:8px}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--brand)}
.related-card{display:block;color:inherit}
.related-card h3{color:var(--ink)}
.related-card:hover{color:inherit}
.related-card .more{display:inline-block;margin-top:14px;font-weight:700;color:var(--brand)}
.demo-checks{border-top:1px solid var(--line);padding:16px 20px;background:var(--bg-soft)}
.demo-checks .mini{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:8px;font-size:.88rem;display:flex;justify-content:space-between;align-items:center;gap:10px}
.demo-checks .mini:last-child{margin-bottom:0}
.customer-card{display:grid;place-items:center;min-height:110px;text-align:center}
.customer-card span{font-weight:800;font-size:1.25rem;color:#475569;letter-spacing:-.01em}
.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr}

@media (max-width:1100px){
  .nav-link{padding:10px 9px;font-size:.92rem}
  .nav-item.mega .panel-inner{min-width:560px;gap:24px}
}
@media (max-width:960px){
  .main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 24px 24px;max-height:calc(100vh - 72px);overflow:auto;justify-content:flex-start}
  .main-nav.open{display:block}
  .nav-list{flex-direction:column;align-items:stretch;gap:0}
  .nav-item{border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center}
  .nav-link{flex:1;padding:14px 0;border-radius:0}
  .nav-link:hover{background:none}
  .caret{display:none}
  .sub-toggle{display:block;width:44px;height:44px;border:0;background:none;cursor:pointer;position:relative}
  .sub-toggle::after{content:"+";font-size:1.5rem;color:var(--brand);line-height:44px}
  .nav-item.sub-open .sub-toggle::after{content:"–"}
  .panel-menu{position:static;transform:none;padding:0;display:none;width:100%}
  .nav-item:hover>.panel-menu,.nav-item:focus-within>.panel-menu{display:none}
  .nav-item.sub-open>.panel-menu{display:block}
  .nav-item.mega .panel-menu{transform:none}
  .panel-inner,.nav-item.mega .panel-inner{flex-direction:column;gap:6px;min-width:0;box-shadow:none;border:0;padding:0 0 12px 12px}
  .panel-intro{display:none}
  .panel-col{min-width:0;padding-top:8px}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .footer-grid{grid-template-columns:1fr}
}

.panel-col ul{display:block}

/* ---- header sizing fixes (large uploaded logos) ---- */
.brand{flex:none}
.brand img,.brand .custom-logo{height:40px!important;width:auto!important;max-width:190px;object-fit:contain;display:block}
.header-cta{flex:none}
.nav-link{white-space:nowrap}
.header-inner{flex-wrap:nowrap}
@media (max-width:1180px){.header-cta .btn-ghost{display:none}}
@media (max-width:960px){.brand img,.brand .custom-logo{height:34px!important;max-width:150px}}

/* ---- customer marquee and footer tag ---- */
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;width:max-content;list-style:none;margin:0;padding:0;animation:sigix-marquee 45s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-track li{padding:0 32px;font-weight:800;font-size:1.3rem;letter-spacing:-.01em;color:#475569;white-space:nowrap}
@keyframes sigix-marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .marquee{-webkit-mask-image:none;mask-image:none}
  .marquee-track{animation:none;width:auto;flex-wrap:wrap;justify-content:center;gap:10px 0}
  .marquee-track li[aria-hidden="true"]{display:none}
}
.footer-tag{color:#fff;font-weight:700;margin-top:14px}
