/* Orla · /sistema/ page rules (phone first). Section classes of the home (svc, cases, testimonials, how, faq) come from
   /home/sections.css; this file only adds the hero, the 3 matching notes, the module chips and the CTA band. */
.sis-hero { position: relative; overflow: clip; padding-block: calc(var(--section-y) + 64px) var(--section-y); }
.sis-hero__waves { position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .5;
  background: radial-gradient(60% 50% at 80% 0%, color-mix(in oklab, var(--fg) 40%, transparent), transparent 70%);
  -webkit-mask: url("/sg/textures/stripes-calm.svg") 50% 100% / cover no-repeat, linear-gradient(#000, transparent 85%); -webkit-mask-composite: source-in;
  mask: url("/sg/textures/stripes-calm.svg") 50% 100% / cover no-repeat, linear-gradient(#000, transparent 85%); mask-composite: intersect; }
.sis-hero__inner { display: grid; justify-items: start; gap: var(--space-4); max-width: 52rem; }
.sis-hero h1 { font-size: clamp(2.6rem, 1.4rem + 6vw, 5rem); line-height: 1.02; }
.sis-hero__lead { font-size: var(--text-lead); line-height: var(--lh-lead); color: var(--fg-muted); max-width: 40rem; }
.sis-hero__cta { display: grid; justify-items: start; gap: var(--space-3); margin-top: var(--space-2); }
.sis-hero__note { margin: 0; font-size: var(--text-sm); color: var(--fg-subtle); }
.sis-index { display: none; }

/* 3 · the three matching rules under the cycle */
.section--night { background: var(--bg-sunken); }
.sis-confere { list-style: none; margin: var(--space-7) 0 0; padding: 0; display: grid; gap: var(--space-3); }
.sis-confere li { position: relative; display: grid; gap: var(--space-2); padding: var(--space-5); border-radius: var(--r-lg); background: var(--bg-raised);
  box-shadow: inset 0 0 0 1px var(--hair), var(--highlight-top); }
.sis-confere__n { font-size: var(--text-sm); color: var(--fg-subtle); font-variant-numeric: tabular-nums; }
.sis-confere h3 { font-size: 1.125rem; line-height: 1.2; }
.sis-confere p { margin: 0; color: var(--fg-muted); }

/* 5 · modules */
.sis-junto { padding-block: var(--section-y); }
.sis-junto__inner { display: grid; gap: var(--space-6); }
.sis-head { display: grid; justify-items: start; gap: var(--space-3); max-width: 44rem; }
.sis-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.sis-chips li { padding: 9px 14px; border-radius: 999px; background: var(--bg-raised); box-shadow: inset 0 0 0 1px var(--hair); font-size: var(--text-sm); }
.sis-extras { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-3); }
.sis-extras li { display: grid; gap: var(--space-2); padding: var(--space-5); border-radius: var(--r-lg); background: var(--bg-sunken); box-shadow: inset 0 0 0 1px var(--hair); }
.sis-extras h3 { font-size: 1.0625rem; }
.sis-extras p { margin: 0; color: var(--fg-muted); font-size: var(--text-sm); }
.sis-extras__icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--brand-soft); }
.sis-extras__icon svg { width: 20px; height: 20px; }

/* 8 · CTA band */
.sis-cta { position: relative; overflow: clip; padding-block: calc(var(--section-y) * 1.2); text-align: center; }
.sis-cta__waves { position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .35;
  background: radial-gradient(60% 60% at 50% 100%, color-mix(in oklab, var(--fg) 45%, transparent), transparent 70%);
  -webkit-mask: url("/sg/textures/stripes-field.svg") 50% 50% / cover no-repeat; mask: url("/sg/textures/stripes-field.svg") 50% 50% / cover no-repeat; }
.sis-cta__inner { display: grid; justify-items: center; gap: var(--space-4); }
.sis-cta h2 { font-size: var(--text-h2); max-width: 20ch; }
.sis-cta__lead { max-width: 34rem; color: var(--fg-muted); font-size: var(--text-lead); }
.sis-cta__mail { margin: 0; font-size: var(--text-sm); color: var(--fg-muted); }
.sis-cta__mail a { color: var(--fg); text-decoration: underline; text-underline-offset: 3px; }