:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #f2eae4; }
#sertechs-site {
  --sr-ink: #111111;
  --sr-ink-soft: #242321;
  --sr-page: #f2eae4;
  --sr-surface: #fffdf9;
  --sr-surface-2: #e9dfd7;
  --sr-orange: #ff6a00;
  --sr-orange-dark: #d95300;
  --sr-muted: #6d6762;
  --sr-line: rgba(17,17,17,.14);
  --sr-line-light: rgba(255,255,255,.18);
  --sr-radius: 24px;
  --sr-radius-lg: 36px;
  --sr-shadow: 0 28px 90px rgba(48,35,27,.14);
  --sr-container: min(1280px, calc(100vw - 64px));
  --sr-ease: cubic-bezier(.22,.75,.18,1);
  overflow: hidden;
  background: var(--sr-page);
  color: var(--sr-ink);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
#sertechs-site *, #sertechs-site *::before, #sertechs-site *::after { box-sizing: border-box; }
#sertechs-site img { display: block; max-width: 100%; }
#sertechs-site a { color: inherit; text-decoration: none; }
#sertechs-site button, #sertechs-site input { font: inherit; }
#sertechs-site h1, #sertechs-site h2, #sertechs-site h3, #sertechs-site p, #sertechs-site blockquote { margin: 0; }
#sertechs-site ul { margin: 0; padding: 0; list-style: none; }
#sertechs-site .sr-container { width: var(--sr-container); margin-inline: auto; }
#sertechs-site .sr-label { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
#sertechs-site .sr-label::before { width: 8px; height: 8px; border-radius: 50%; background: var(--sr-orange); content: ""; box-shadow: 0 0 0 5px rgba(255,106,0,.12); }
#sertechs-site em { color: var(--sr-orange); font-family: "Inter", sans-serif; font-weight: 800; font-style: normal; letter-spacing: -.055em; }
#sertechs-site .sr-btn { display: inline-flex; align-items: center; justify-content: space-between; min-height: 60px; gap: 26px; padding: 8px 9px 8px 26px; border: 1px solid var(--sr-orange); border-radius: 999px; background: var(--sr-orange); color: #fff; font-size: 14px; font-weight: 800; transition: transform .32s var(--sr-ease), background .32s var(--sr-ease), border-color .32s var(--sr-ease); }
#sertechs-site .sr-btn b { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: #fff; color: var(--sr-ink); font-size: 18px; font-weight: 500; transition: transform .32s var(--sr-ease); }
#sertechs-site .sr-btn:hover { transform: translateY(-3px); background: var(--sr-orange-dark); border-color: var(--sr-orange-dark); }
#sertechs-site .sr-btn:hover b { transform: rotate(45deg); }
#sertechs-site .sr-btn--small { min-height: 48px; padding: 7px 8px 7px 20px; font-size: 12px; }
#sertechs-site .sr-btn--small b { width: 32px; height: 32px; font-size: 15px; }
#sertechs-site .sr-btn--light { background: #fff; border-color: #fff; color: var(--sr-ink); }
#sertechs-site .sr-btn--light b { background: var(--sr-orange); color: #fff; }
#sertechs-site .sr-btn--light:hover { background: #f3eee9; border-color: #f3eee9; }
#sertechs-site .sr-text-link { display: inline-flex; align-items: center; gap: 11px; font-size: 14px; font-weight: 800; }
#sertechs-site .sr-text-link span { transition: transform .3s var(--sr-ease); }
#sertechs-site .sr-text-link:hover span { transform: translateY(5px); }
#sertechs-site .sr-heading { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr); align-items: end; gap: 80px; margin-bottom: 64px; }
#sertechs-site .sr-heading h2 { font-size: clamp(48px,5.8vw,84px); line-height: .94; letter-spacing: -.065em; }
#sertechs-site .sr-heading > p { max-width: 480px; color: var(--sr-muted); font-size: 17px; line-height: 1.75; }
#sertechs-site .sr-heading--dark h2 { color: #fff; }
#sertechs-site .sr-heading--dark > p { color: rgba(255,255,255,.58); }
#sertechs-site .sr-heading--dark .sr-label { color: rgba(255,255,255,.7); }
#sertechs-site [data-reveal] { opacity: 0; transform: translateY(34px); transition: opacity .8s var(--sr-ease), transform .8s var(--sr-ease); transition-delay: calc(var(--delay, 0) * 1ms); }
#sertechs-site [data-reveal].is-visible { opacity: 1; transform: translateY(0); }
#sertechs-site .sr-skip { position: fixed; z-index: 1000; top: 14px; left: 14px; transform: translateY(-160%); padding: 10px 14px; border-radius: 8px; background: var(--sr-orange); color: #fff; font-weight: 800; }
#sertechs-site .sr-skip:focus { transform: translateY(0); }
#sertechs-site ::selection { background: var(--sr-orange); color: #fff; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } #sertechs-site *, #sertechs-site *::before, #sertechs-site *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } #sertechs-site [data-reveal] { opacity: 1; transform: none; } }

#sertechs-site h1, #sertechs-site h2, #sertechs-site h3, #sertechs-site h4, #sertechs-site h5, #sertechs-site h6, #sertechs-site button, #sertechs-site input, #sertechs-site textarea, #sertechs-site select { font-family: "Inter", sans-serif; }

@media (max-width: 1100px) {
  #sertechs-site { --sr-container: min(100% - 40px, 1000px); }
  #sertechs-site .sr-heading { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 780px) {
  #sertechs-site { --sr-container: calc(100vw - 28px); }
  #sertechs-site .sr-heading { margin-bottom: 42px; }
  #sertechs-site .sr-heading h2 { font-size: clamp(44px,13vw,64px); }
}