/* Titanium Solution — Design System
   Consumer entry point. Imports only — no rules declared here.
   Fonts: Sora + IBM Plex Sans + IBM Plex Mono loaded via Google Fonts
   (substitution — no brand font files provided). */
@import url('tokens/colors.css');
@import url('tokens/typography.css');
@import url('tokens/spacing.css');
@import url('tokens/effects.css');

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);background:var(--bg-page);color:var(--text-body)}
a{color:var(--text-link)}
a:hover{color:var(--text-link-hover)}

.ts-nav-toggle{display:none}

/* FAQ nativo (details/summary) da página do produto */
.ts-faq summary::-webkit-details-marker{display:none}
.ts-faq summary::marker{content:''}
.ts-faq summary svg{transition:transform var(--dur-base)}
.ts-faq[open] summary svg{transform:rotate(45deg)}

@media(max-width:900px){
  .ts-sol-grid,.ts-step-grid,.ts-diff-grid,.ts-cta-grid,
  .ts-prod-grid,.ts-edge-grid,.ts-close-grid{grid-template-columns:1fr !important;gap:32px !important}
  .ts-how-grid,.ts-feat-grid{grid-template-columns:1fr 1fr !important;gap:32px !important}
  .ts-foot-grid{grid-template-columns:1fr 1fr !important}
  .ts-navlinks,.ts-nav-cta{display:none !important}
  .ts-nav-toggle{display:flex !important}
}
@media(max-width:560px){
  .ts-foot-grid{grid-template-columns:1fr !important}
  .ts-diff-feat-grid,.ts-field-grid,.ts-how-grid,.ts-feat-grid{grid-template-columns:1fr !important}
}