/* ============================================
   SigmatiQ Marketing Site — Design Tokens & Shared Styles
   ============================================ */

/* --- Reset --- */
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--fg);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease;}
::selection{background:rgba(77,179,188,.3);}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;}

/* --- Dark theme (default) --- */
:root{
  --bg:#091A1C;--bg2:#0B1E21;--card:#0D2326;--surface:#132B2E;
  --fg:#E2F0F1;--fg2:#9FC4C6;--fg3:#5F8D91;--fg4:#456b6e;
  --accent:#4DB3BC;--on-accent:#091A1C;
  --pos:#35C08A;--neg:#E5564E;--warn:#E0A93B;--gold:#DAB35E;
  --violet:#a78bfa;--violet2:#8b5cf6;
  --line:rgba(77,179,188,.16);--line2:rgba(77,179,188,.28);
  --nav-bg:rgba(9,26,28,.82);
  --sh:rgba(0,0,0,.6);--sh2:rgba(0,0,0,.7);--sh3:rgba(0,0,0,.8);--sh-soft:rgba(0,0,0,.55);
}

/* --- Light theme --- */
:root.sqlight{
  --bg:#F6F9FA;--bg2:#E9F4F5;--card:#FFFFFF;--surface:#ECF2F3;
  --fg:#0E1F21;--fg2:#42615F;--fg3:#5E7C7E;--fg4:#90A6A7;
  --accent:#12636A;--on-accent:#FFFFFF;
  --pos:#1F8A5B;--neg:#CC4435;--warn:#9A6A14;--gold:#A87E22;
  --violet:#7C3AED;--violet2:#7C3AED;
  --line:rgba(28,137,145,.20);--line2:rgba(28,137,145,.34);
  --nav-bg:rgba(246,249,250,.85);
  --sh:rgba(18,38,40,.10);--sh2:rgba(18,38,40,.12);--sh3:rgba(18,38,40,.14);--sh-soft:rgba(18,38,40,.10);
}

/* --- Wordmark light/dark toggle --- */
.wm-dark{display:block;}
.wm-light{display:none;}
:root.sqlight .wm-dark{display:none;}
:root.sqlight .wm-light{display:block;}

/* --- Animations --- */
@keyframes sqpulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.82);}}
@keyframes sqfloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}

/* --- Shared interactive classes --- */
.sqlink{transition:color .15s ease;}
.sqlink:hover{color:var(--fg);}
.sqcard{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;}
.sqcard:hover{border-color:rgba(77,179,188,.42);transform:translateY(-3px);}
.sqbtn{transition:transform .12s ease,background .15s ease,border-color .15s ease;}
.sqbtn:active{transform:translateY(1px);}
.sqfaq{transition:border-color .18s ease;}

/* --- Legal pages (privacy, terms) --- */
.lglink{transition:color .15s ease;}
.lglink:hover{color:var(--fg);}
.toclink{transition:all .12s ease;border-left:2px solid transparent;}
.toclink:hover{border-left-color:#4DB3BC;background:rgba(77,179,188,.08);color:#4DB3BC;}
.lgsec{scroll-margin-top:80px;}
.lgsec p{font:400 14.5px/1.75 'Inter';color:#9FC4C6;margin:0 0 12px;max-width:680px;}
.lgsec p:last-child{margin-bottom:0;}
.lgsec p b{font-weight:650;color:#D8E8E9;}
.lgul{margin:8px 0 14px;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;max-width:680px;}
.lgul li{position:relative;padding-left:20px;font:400 14.5px/1.6 'Inter';color:#9FC4C6;}
.lgul li::before{content:'';position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:#4DB3BC;}
.lgul li b{font-weight:650;color:#D8E8E9;}

/* --- FAQ accordion --- */
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-answer.open{max-height:600px;}

/* --- Responsive --- */
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr !important;text-align:center;}
  .hero-device{display:none !important;}
  .engine-grid{grid-template-columns:1fr !important;}
  .ws-grid{grid-template-columns:repeat(2,1fr) !important;}
  .steps-grid{grid-template-columns:1fr !important;}
  .agentiq-grid{grid-template-columns:1fr !important;}
  .footer-inner{flex-direction:column;align-items:flex-start !important;}
  .legal-layout{grid-template-columns:1fr !important;}
  .legal-toc{position:static !important;display:none;}
  .support-cards-grid{grid-template-columns:1fr !important;}
}
@media(max-width:600px){
  .ws-grid{grid-template-columns:1fr !important;}
  .hero-ctas{flex-direction:column;}
}