/* jx-sigma: Sigma CRM pages (/sigma-crm/*) and the homepage products section. Generated by scripts/products/sigma.py */
.sg .fh-hero{padding-top:56px}
.sg-intro{max-width:760px;margin-top:-6px}
.sg-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media (max-width:767px){.sg-grid-2{grid-template-columns:1fr!important}}
.sg-link{text-decoration:none;color:inherit;display:block;transition:border-color .2s,transform .2s}
.sg-link:hover{transform:translateY(-2px);border-color:#a78bfa}
.sg-link .fh-link{display:inline-block;margin-top:6px}
.sg .fh-hero-s .fh-sub{max-width:760px}
/* screenshot placeholder: clearly marked until the real UI screenshot is dropped in */
.sg-ph-in{aspect-ratio:1920/1200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;
 background:repeating-linear-gradient(135deg,#F6F3FD 0 14px,#EDE7FF 14px 28px);color:#5b5470;font-family:"DM Sans",Arial,sans-serif;font-size:15px;line-height:1.4}
.sg-ph-in strong{color:#6C3CE1;font-size:17px;letter-spacing:.02em}
/* homepage products section */
.jx-grid-products .jx-card h3 a,.jx-home-plink{color:inherit;text-decoration:none}
.jx-home-plink{color:#7C3AED!important;font-weight:700}
.jx-home-plink:hover{text-decoration:underline}
/* fh-check is styled for dark sections in jx-products.css; Sigma uses it on light ones */
.sg .fh-sec:not(.fh-dark) .sg-check li{color:var(--ink)!important;border-color:var(--line)!important}
/* mid-page CTA */
.sg-mid{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0}
.sg-mid-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.sg-mid-note{margin:0;font-size:20px;font-weight:700;color:var(--ink);max-width:560px}
/* comparison and stack tables */
.sg-table-wrap{overflow-x:auto;margin-top:8px;border:1px solid var(--line);border-radius:12px;background:#fff}
.sg-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5;min-width:560px}
.sg-table th,.sg-table td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--mut)}
.sg-table thead th{background:var(--tint);color:var(--ink);font-weight:700}
.sg-table tbody th{color:var(--ink);font-weight:700}
.sg-table tr:last-child>*{border-bottom:0}
.sg-inline{color:var(--p2);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.fh-hero .sg-inline{color:#c4b5fd}
/* Claude -> MCP -> Sigma CRM flow diagram (scripts/products/claude_flow.py) */
.sg-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sg-flow{margin:8px auto 0;max-width:960px}
.sg-flow-compact{max-width:760px}
.sg-flow svg{display:block;width:100%;height:auto;font-family:"DM Sans",Arial,sans-serif}
.sg-flow .fl-node rect{fill:#fff;stroke:#d9cff5;stroke-width:1.5}
.sg-flow .fl-n2>rect{fill:#F6F3FD}
.sg-flow .fl-name{font-size:21px;font-weight:700;fill:#120A24}
.sg-flow .fl-sub{font-size:15px;fill:#5b5470}
.sg-flow .fl-dot{fill:#6C3CE1}
.sg-flow .fl-m rect{fill:#a78bfa}
.sg-flow .fl-m text{font-size:15px;fill:#3b3452}
.sg-flow .fl-row rect{fill:#F6F3FD;stroke:#e7e2f3}
.sg-flow .fl-row text{font-size:15px;fill:#3b3452;font-weight:600}
.sg-flow .fl-line{fill:none;stroke:#d9cff5;stroke-width:2}
.sg-flow .fl-pk{fill:none;stroke:#6C3CE1;stroke-width:5;stroke-linecap:round;stroke-dasharray:14 200;stroke-dashoffset:14;animation:fl-pk 2.4s linear 1.2s infinite both}
.sg-flow .fl-pk2{animation-delay:1.8s}
.sg-flow .fl-pkb{stroke:#10b981;animation-delay:3s}
.sg-flow .fl-pkb.fl-pk2{animation-delay:3.6s}
.sg-flow .fl-cap{font-size:13px;fill:#7C3AED;text-anchor:middle;letter-spacing:.02em}
.sg-flow .fl-cap-b{fill:#059669}
.sg-flow .fl-node{animation:fl-in .6s ease-out both}
.sg-flow .fl-n2{animation-delay:.25s}.sg-flow .fl-n3{animation-delay:.5s}
.sg-flow .fl-lines{animation:fl-fade .6s ease-out .7s both}
.sg-flow .fl-row rect{animation:fl-row 4.8s ease-in-out 2.4s infinite both}
.sg-flow .fl-r1 rect{animation-delay:3.6s}.sg-flow .fl-r2 rect{animation-delay:4.8s}.sg-flow .fl-r3 rect{animation-delay:6s}
@keyframes fl-pk{0%{stroke-dashoffset:14;opacity:0}8%{opacity:1}92%{opacity:1}100%{stroke-dashoffset:-174;opacity:0}}
@keyframes fl-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes fl-fade{from{opacity:0}to{opacity:1}}
@keyframes fl-row{0%,30%,100%{fill:#F6F3FD;stroke:#e7e2f3}8%,22%{fill:#ede7ff;stroke:#7C3AED}}
@media (prefers-reduced-motion:reduce){.sg-flow *{animation:none!important}.sg-flow .fl-pk{display:none}}
@media (max-width:600px){.sg-flow .fl-sub,.sg-flow .fl-m text,.sg-flow .fl-row text{font-size:17px}.sg-flow .fl-cap{font-size:15px}}
.sg-flow-sec .fh-p{max-width:760px}
/* use cases */
.sg-ucg{margin-top:44px}
.sg-ucg>h3{font-size:22px;margin:0 0 16px}
.sg-uc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width:860px){.sg-uc-grid{grid-template-columns:1fr}}
.sg-uc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px}
.sg-uc h4{font-size:18px;line-height:1.3;margin:0;color:var(--ink)}
.sg-uc-prompt{background:var(--ink);color:#efeaf8;border-radius:10px;padding:14px 16px;font-size:15px;line-height:1.55;margin:0}
.sg-uc-prompt::before{content:"> ";color:#a78bfa;font-weight:700}
.sg-uc-prompt::after{content:"";display:inline-block;width:8px;height:1em;margin-left:3px;vertical-align:-2px;background:#a78bfa;animation:sg-caret 1s steps(1) infinite}
@keyframes sg-caret{50%{opacity:0}}
.sg-uc dl{margin:0;display:grid;gap:8px}
.sg-uc dt{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--p2)}
.sg-uc dd{margin:0;font-size:15.5px;line-height:1.6;color:var(--mut)}
.sg-uc code,.sg-tools code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;color:#4c2bb0;background:transparent;padding:0}
.sg-uc .sg-uc-cta{margin-top:auto;font-weight:700;color:var(--p)!important;text-decoration:none}
.sg-uc .sg-uc-cta:hover{text-decoration:underline}
@media (prefers-reduced-motion:reduce){.sg-uc-prompt::after{animation:none}}
/* setup */
.sg-setup{display:grid;gap:22px;counter-reset:st;margin-top:12px}
.sg-setup>li{list-style:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 24px 24px 72px;position:relative}
.sg-setup>li::before{counter-increment:st;content:counter(st);position:absolute;left:24px;top:22px;width:32px;height:32px;border-radius:8px;background:var(--p);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.sg-setup h3{margin:0 0 8px}
.sg-setup p{margin:0 0 10px;color:var(--mut);line-height:1.65}
.sg-code{background:var(--ink);color:#efeaf8;border-radius:10px;padding:16px 18px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.6;margin:10px 0 6px;white-space:pre}
.sg-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:8px}
@media (max-width:960px){.sg-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sg-tools{grid-template-columns:1fr}}
.sg-tools>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}
.sg-tools h3{font-size:17px;margin:0 0 6px}
.sg-tools p{font-size:15px;line-height:1.6;color:var(--mut);margin:0 0 8px}
.sg-tools .sg-tn{font-size:13.5px;line-height:1.7;color:#4c2bb0;word-break:break-word}
/* Related pages (scripts/products/sigma.py related_html) */
.sg-related .sg-rel{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px 32px}
.sg-related .sg-rel li{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:1px solid rgba(0,0,0,.08)}
.sg-related .sg-rel a{font-weight:600;text-decoration:none;color:inherit}
.sg-related .sg-rel a:hover{text-decoration:underline}
.sg-related .sg-rel span{font-size:15px;opacity:.75}
/* Guides (scripts/products/sigma_guides.py) */
.sg-art{padding:48px 0 72px}
.sg-art-in{max-width:760px;margin:0 auto}
.sg-art-crumbs{font-size:14px;opacity:.7;margin-bottom:16px}
.sg-art-crumbs a{color:inherit}
.sg-art .fh-h1{margin:0 0 16px}
.sg-byline{font-size:15px;opacity:.75;margin:0 0 24px}
.sg-byline a{color:inherit}
.sg-answer{font-size:20px;line-height:1.55;margin:0 0 40px;padding-left:16px;border-left:3px solid currentColor}
.sg-art-sec{margin:0 0 40px}
.sg-art-sec h2{font-size:28px;line-height:1.25;margin:0 0 16px}
.sg-art-sec .fh-p{margin:0 0 16px}
.sg-art-ul,.sg-art-ol{margin:0 0 16px;padding-left:22px;line-height:1.6}
.sg-art-ul li,.sg-art-ol li{margin:0 0 8px}
.sg-ref{font-size:.75em;line-height:0}
.sg-ref a{text-decoration:none}
.sg-refs ol{padding-left:22px;font-size:15px;line-height:1.55;word-break:break-word}
.sg-refs li{margin:0 0 8px}
.sg-disclosure{font-size:15px;opacity:.8;margin-top:24px}
.sg-art-hr{border:0;border-top:1px solid rgba(0,0,0,.12);margin:32px 0}
.sg-cta-foot{font-size:18px;line-height:1.55}
.sg-art-rel{margin-top:40px}
.sg-art-rel ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.sg-art-rel a{font-weight:600}
.sg-guides{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}