/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */
@layer properties;
.visible {
  visibility: visible;
}
.start {
  inset-inline-start: var(--spacing, 0.25rem);
}
.hidden {
  display: none;
}
@layer components {
  .sipko-100x-about {
    margin-inline: auto;
    margin-block: 50px;
    display: grid;
    max-width: 1400px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: 28px;
    padding-inline: 15px;
  }
  @media (min-width: 1024px) {
    .sipko-100x-about {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 50px;
    }
  }
  .sipko-100x-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .sipko-100x-header h2 {
    margin-bottom: calc(var(--spacing, 0.25rem) * 4);
    font-size: clamp(32px, 4vw, 42px);
    --tw-font-weight: var(--font-weight-extrabold, 800);
    font-weight: var(--font-weight-extrabold, 800);
    --tw-tracking: -1px;
    letter-spacing: -1px;
  }
  .sipko-100x-header p {
    font-size: 18px;
    --tw-leading: 1.7;
    line-height: 1.7;
    color: var(--color-slate-600, oklch(44.6% 0.043 257.281));
  }
  .sipko-100x-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 25px;
  }
  @media (min-width: 768px) {
    .sipko-100x-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sipko-100x-box {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    background-color: var(--color-white, #fff);
    padding-inline: 24px;
    padding-block: 28px;
    --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgba(0,102,255,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
  }
  .sipko-100x-box:hover {
    --tw-translate-y: calc(5px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 0 15px 40px var(--tw-shadow-color, rgba(0,102,255,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .sipko-100x-box-icon {
    margin-bottom: 14px;
    display: flex;
    height: 54px;
    width: 54px;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    --tw-shadow: 0 10px 25px var(--tw-shadow-color, rgba(23,81,135,0.35));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .sipko-100x-box-icon svg {
    height: 26px;
    width: 26px;
  }
  .sipko-100x-box h3 {
    margin-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-size: 20px;
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    --tw-tracking: -0.5px;
    letter-spacing: -0.5px;
    color: var(--color-slate-900, oklch(20.8% 0.042 265.755));
  }
  .sipko-100x-box p {
    margin: calc(var(--spacing, 0.25rem) * 0);
    font-size: 15px;
    --tw-leading: 1.7;
    line-height: 1.7;
    color: var(--color-slate-600, oklch(44.6% 0.043 257.281));
  }
  #sipko-100x-contact-form-wrapper {
    border-radius: 28px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    background-color: var(--color-white, #fff);
    padding-inline: 35px;
    padding-block: 45px;
    --tw-shadow: 0 20px 60px var(--tw-shadow-color, rgba(0,102,255,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    position: sticky;
    top: 20px;
  }
  @media (max-width: 980px) {
    #sipko-100x-contact-form-wrapper {
      position: static;
      top: auto;
    }
  }
  #sipko-100x-contact-form-wrapper h2 {
    margin-bottom: calc(var(--spacing, 0.25rem) * 3);
    text-align: center;
    font-size: 28px;
    --tw-font-weight: var(--font-weight-extrabold, 800);
    font-weight: var(--font-weight-extrabold, 800);
  }
  #sipko-100x-contact-form-wrapper > p {
    margin-bottom: 35px;
    text-align: center;
    font-size: 15px;
    color: var(--color-slate-600, oklch(44.6% 0.043 257.281));
  }
  #sipko-100x-contact-form-wrapper > p a {
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-slate-900, oklch(20.8% 0.042 265.755));
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  #sipko-100x-contact-form {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing, 0.25rem) * 5);
  }
  .sipko-100x-row {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 15px;
  }
  @media (min-width: 640px) {
    .sipko-100x-row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sipko-100x-group {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing, 0.25rem) * 2);
  }
  .sipko-100x-group label {
    font-size: 13px;
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    --tw-tracking: 0.5px;
    letter-spacing: 0.5px;
    color: var(--color-slate-900, oklch(20.8% 0.042 265.755));
    text-transform: uppercase;
  }
  #sipko-100x-contact-form input[type="text"], #sipko-100x-contact-form input[type="email"], #sipko-100x-contact-form textarea {
    box-sizing: border-box;
    width: 100%;
    border-radius: 12px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    background-color: #f7faff;
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: 14px;
    font-size: 15px;
    color: var(--color-slate-900, oklch(20.8% 0.042 265.755));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
  }
  #sipko-100x-contact-form textarea {
    min-height: 100px;
    resize: vertical;
  }
  .sipko-100x-checkbox-group {
    margin-top: 5px;
  }
  .sipko-100x-checkboxes {
    margin-top: calc(var(--spacing, 0.25rem) * 2);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing, 0.25rem) * 6);
  }
  .sipko-100x-checkbox-item {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 3);
  }
  .sipko-100x-checkbox-item input[type="checkbox"] {
    height: calc(var(--spacing, 0.25rem) * 4);
    width: calc(var(--spacing, 0.25rem) * 4);
  }
  .sipko-100x-checkbox-item label {
    font-size: 14px;
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    --tw-tracking: var(--tracking-normal, 0em);
    letter-spacing: var(--tracking-normal, 0em);
    color: var(--color-slate-700, oklch(37.2% 0.044 257.287));
    text-transform: none;
  }
  #sipko-100x-contact-form button[type="submit"] {
    margin-top: 5px;
    width: 100%;
    cursor: pointer;
    border-radius: 12px;
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding-inline: 35px;
    padding-block: 16px;
    font-size: 16px;
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    --tw-tracking: 1px;
    letter-spacing: 1px;
    color: var(--color-white, #fff);
    text-transform: uppercase;
    --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(0,102,255,0.30));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
  }
  #sipko-100x-contact-form button[type="submit"]:hover {
    --tw-translate-y: calc(1px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 0 14px 36px var(--tw-shadow-color, rgba(0,102,255,0.35));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.sipko-100x-header h2, #sipko-100x-contact-form-wrapper h2 {
  background: linear-gradient(135deg, #182434, #175187);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sipko-100x-box-icon {
  background: linear-gradient(135deg, #182434, #175187);
}
.sipko-100x-box-icon svg {
  stroke: #fff;
  stroke-width: 2;
  fill: none;
}
#sipko-100x-contact-form button[type="submit"] {
  background: linear-gradient(135deg, #182434, #175187);
}
.sipko-100x-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #182434, hsl(209, 71%, 31%));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .4s ease;
}
.sipko-100x-box:hover::before {
  transform: scaleX(1);
}
@layer components {
  .sipko-100x-highlight-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing, 0.25rem) * 4);
  }
  @media (min-width: 768px) {
    .sipko-100x-highlight-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sipko-100x-highlight-card {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    background-color: var(--color-white, #fff);
    padding: calc(var(--spacing, 0.25rem) * 5);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .sipko-100x-highlight-card:hover {
    transform: translateX(8px);
    border-color: #182434;
    box-shadow: 0 10px 30px rgba(0, 102, 255, 0.15);
  }
  .sipko-100x-highlight-title {
    margin: calc(var(--spacing, 0.25rem) * 0);
    margin-bottom: calc(var(--spacing, 0.25rem) * 2);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    --tw-font-weight: var(--font-weight-black, 900);
    font-weight: var(--font-weight-black, 900);
    --tw-tracking: -0.3px;
    letter-spacing: -0.3px;
    color: var(--color-slate-900, oklch(20.8% 0.042 265.755));
    color: #1a2332;
  }
  .sipko-100x-mini-ico {
    display: flex;
    height: calc(var(--spacing, 0.25rem) * 9);
    width: calc(var(--spacing, 0.25rem) * 9);
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(23, 81, 135, 0.35);
  }
  .sipko-100x-highlight-text {
    margin: calc(var(--spacing, 0.25rem) * 0);
    font-size: 15.5px;
    --tw-leading: 1.8;
    line-height: 1.8;
    color: var(--color-slate-600, oklch(44.6% 0.043 257.281));
    color: #4a5568;
  }
}
.sipko-100x-highlight-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, #182434, #175187);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.3s ease;
}
.sipko-100x-highlight-card:hover::before {
  transform: scaleY(1);
}
.sipko-100x-mini-ico {
  background: linear-gradient(135deg, #182434, #175187);
}
.sipko-100x-mini-ico svg {
  width: 18px;
  height: 18px;
  stroke: #fff;
  stroke-width: 2;
  fill: none;
}
@layer components {
  .sipko-100x-spotlight {
    margin-inline: auto;
    margin-block: 50px;
    max-width: 1400px;
    padding-inline: 20px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #1a2332;
  }
  .sipko-100x-spotlight-container {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: 28px;
  }
  @media (min-width: 1024px) {
    .sipko-100x-spotlight-container {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 50px;
    }
  }
  .sipko-100x-spotlight-image {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    min-height: 520px;
    background: linear-gradient(135deg, #182434 0%, #175187 100%);
    box-shadow: 0 20px 60px rgba(0, 102, 255, 0.15);
  }
  .sipko-100x-spotlight-image img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    min-height: 520px;
  }
  .sipko-100x-spotlight-content {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing, 0.25rem) * 4);
  }
  .sipko-100x-badge {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 2);
    border-radius: 999px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 2);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-extrabold, 800);
    font-weight: var(--font-weight-extrabold, 800);
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    width: fit-content;
    background: linear-gradient( 135deg, rgba(0, 102, 255, 0.10), rgba(157, 0, 255, 0.10) );
    color: #182434;
  }
  .sipko-100x-badge-dot {
    height: calc(var(--spacing, 0.25rem) * 2);
    width: calc(var(--spacing, 0.25rem) * 2);
    border-radius: calc(infinity * 1px);
    background: linear-gradient(135deg, #182434, #175187);
    animation: sipko-100x-pulse 2s ease-in-out infinite;
  }
  .sipko-100x-spotlight-title {
    margin: calc(var(--spacing, 0.25rem) * 0);
    font-size: clamp(24px, 3vw, 32px);
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-font-weight: var(--font-weight-extrabold, 800);
    font-weight: var(--font-weight-extrabold, 800);
    --tw-tracking: -0.5px;
    letter-spacing: -0.5px;
  }
  .sipko-100x-spotlight-lead {
    margin: calc(var(--spacing, 0.25rem) * 0);
    font-size: 16px;
    --tw-leading: 1.8;
    line-height: 1.8;
    color: #4a5568;
    max-width: 60ch;
  }
  .sipko-100x-highlights {
    margin-top: 6px;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 15px;
  }
}
.sipko-100x-spotlight-title {
  background: linear-gradient(135deg, #182434, #175187);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@keyframes sipko-100x-pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.12);
    opacity: 0.7;
  }
}
@layer components {
  .sipko-100x-faq-section {
    margin-inline: auto;
    max-width: 1200px;
    padding-inline: 20px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
  .sipko-100x-faq-header {
    margin-bottom: 50px;
    text-align: center;
  }
  .sipko-100x-faq-header h2 {
    margin-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-size: clamp(28px, 3.5vw, 36px);
    --tw-font-weight: var(--font-weight-extrabold, 800);
    font-weight: var(--font-weight-extrabold, 800);
    --tw-tracking: -0.5px;
    letter-spacing: -0.5px;
    color: #182434;
  }
  .sipko-100x-faq-subtitle {
    margin-inline: auto;
    max-width: 700px;
    font-size: 18px;
    --tw-leading: 1.7;
    line-height: 1.7;
    color: #4a5568;
  }
  .sipko-100x-faq-item {
    position: relative;
    margin-bottom: calc(var(--spacing, 0.25rem) * 5);
    overflow: hidden;
    border-radius: 16px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    background-color: var(--color-white, #fff);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .sipko-100x-faq-header-btn {
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: flex-start;
    gap: calc(var(--spacing, 0.25rem) * 4);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding-inline: 28px;
    padding-block: 24px;
    text-align: left;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    background: #ffffff !important;
  }
  .sipko-100x-faq-number {
    display: inline-flex;
    height: calc(var(--spacing, 0.25rem) * 8);
    width: calc(var(--spacing, 0.25rem) * 8);
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 14px;
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-white, #fff);
    box-shadow: 0 4px 12px rgba(24, 36, 52, 0.2);
  }
  .sipko-100x-faq-header-content {
    flex: 1;
  }
  .sipko-100x-faq-question {
    position: relative;
    margin: calc(var(--spacing, 0.25rem) * 0);
    padding-right: 30px;
    font-size: 17px;
    --tw-leading: 1.4;
    line-height: 1.4;
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: #182434;
  }
  .sipko-100x-faq-toggle {
    position: absolute;
    top: calc(var(--spacing, 0.25rem) * 0);
    right: calc(var(--spacing, 0.25rem) * 0);
    display: flex;
    height: calc(var(--spacing, 0.25rem) * 6);
    width: calc(var(--spacing, 0.25rem) * 6);
    align-items: center;
    justify-content: center;
  }
  .sipko-100x-faq-answer-wrapper {
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    max-height: 0;
  }
  .sipko-100x-faq-item.active .sipko-100x-faq-answer-wrapper {
    max-height: 500px;
  }
  .sipko-100x-faq-answer {
    margin: calc(var(--spacing, 0.25rem) * 0);
    padding-inline: 28px;
    padding-bottom: 24px;
    font-size: 15px;
    --tw-leading: 1.7;
    line-height: 1.7;
    color: #4a5568;
    padding-left: 76px;
  }
}
.sipko-100x-faq-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #182434, #175187);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.3s ease;
}
.sipko-100x-faq-item.active::before {
  transform: scaleY(1);
}
.sipko-100x-faq-number {
  background: linear-gradient(135deg, #182434, #175187);
}
.sipko-100x-faq-toggle svg {
  width: 20px;
  height: 20px;
  stroke: #175187;
  transition: transform 0.3s ease;
}
.sipko-100x-faq-item.active .sipko-100x-faq-toggle svg {
  transform: rotate(180deg);
}
@layer components {
  .sipko-100x-section {
    margin-inline: auto;
    margin-block: 50px;
    max-width: 1000px;
    padding-inline: 20px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
  .sipko-100x-section h2 {
    margin-bottom: 30px;
    text-align: center;
    font-size: clamp(28px, 4vw, 38px);
    --tw-font-weight: var(--font-weight-extrabold, 800);
    font-weight: var(--font-weight-extrabold, 800);
    --tw-tracking: -0.5px;
    letter-spacing: -0.5px;
  }
  .sipko-100x-source {
    margin-top: -20px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 14px;
    font-style: italic;
    color: #64748b;
  }
  .sipko-100x-source a {
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    text-decoration-line: none;
    color: #175187;
  }
  .sipko-100x-info {
    position: relative;
    margin-bottom: 28px;
    overflow: hidden;
    border-radius: 20px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    padding-inline: 32px;
    padding-block: 28px;
    font-size: 17px;
    --tw-leading: 1.8;
    line-height: 1.8;
    color: #1a2332;
    border-left-width: 6px;
    border-left-color: #182434;
    background: linear-gradient(135deg, rgba(0, 102, 255, 0.05), rgba(157, 0, 255, 0.05));
  }
  .sipko-100x-info strong {
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: #182434;
    position: relative;
    z-index: 1;
  }
  .sipko-100x-stats-header {
    margin-bottom: 22px;
  }
  .sipko-100x-stats-header h3 {
    margin-bottom: calc(var(--spacing, 0.25rem) * 1);
    font-size: 24px;
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: #1a2332;
  }
  .sipko-100x-stats-header p {
    margin: calc(var(--spacing, 0.25rem) * 0);
    font-size: 14px;
    --tw-tracking: 0.5px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #94a3b8;
  }
  .sipko-100x-stats-grid {
    margin-inline: auto;
    margin-bottom: 26px;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing, 0.25rem) * 4);
  }
  .sipko-100x-stat-card {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 4);
    border-radius: 16px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    background-color: var(--color-white, #fff);
    padding: calc(var(--spacing, 0.25rem) * 5);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .sipko-100x-stat-icon {
    display: flex;
    height: 56px;
    width: 56px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 28px;
  }
  .sipko-100x-stat-content {
    flex: 1;
  }
  .sipko-100x-stat-title {
    margin-bottom: 2px;
    font-size: 18px;
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: #1a2332;
  }
  .sipko-100x-stat-subtitle {
    font-size: 13px;
    color: #94a3b8;
  }
  .sipko-100x-stat-number {
    text-align: right;
    font-size: 32px;
    --tw-font-weight: var(--font-weight-extrabold, 800);
    font-weight: var(--font-weight-extrabold, 800);
    color: #1a2332;
  }
  .sipko-100x-stat-card.highlight {
    border-color: var(--color-amber-400, oklch(82.8% 0.189 84.429));
    background: linear-gradient(135deg, #fffbeb, #fef3c7);
  }
  .sipko-100x-explanation {
    margin-bottom: 40px;
    border-radius: 24px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    background-color: var(--color-white, #fff);
    padding-inline: 36px;
    padding-block: 32px;
    font-size: 16px;
    --tw-leading: 1.8;
    line-height: 1.8;
    color: #1a2332;
    box-shadow: 0 8px 30px rgba(0, 102, 255, 0.08);
  }
  .sipko-100x-explanation .title {
    margin-bottom: 24px;
    display: block;
    padding-bottom: 16px;
    font-size: 22px;
    --tw-font-weight: var(--font-weight-extrabold, 800);
    font-weight: var(--font-weight-extrabold, 800);
    color: #182434;
    border-bottom: 3px solid #e0e7ff;
  }
  .sipko-100x-explanation ul {
    margin: calc(var(--spacing, 0.25rem) * 0);
    list-style-type: none;
    padding: calc(var(--spacing, 0.25rem) * 0);
  }
  .sipko-100x-explanation li {
    position: relative;
    margin-bottom: 18px;
    padding-left: 32px;
  }
  .sipko-100x-explanation .keyword {
    border-radius: 6px;
    padding-inline: 10px;
    padding-block: 2px;
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    background: linear-gradient(135deg, rgba(0, 102, 255, 0.10), rgba(157, 0, 255, 0.10));
  }
  .contact-button-wrapper {
    text-align: center;
  }
  .contact-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 14px;
    padding-inline: 40px;
    padding-block: 18px;
    font-size: 17px;
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-white, #fff);
    text-decoration-line: none;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
}
.sipko-100x-section h2 {
  background: linear-gradient(135deg, #182434, #175187);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sipko-100x-info::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(0, 102, 255, 0.08) 0%, transparent 70%);
  border-radius: 50%;
  transform: translate(50%, -50%);
}
.sipko-100x-stat-card:hover {
  border-color: #182434;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}
.sipko-100x-stat-icon.red {
  background: linear-gradient(135deg, #fef2f2, #fecaca);
}
.sipko-100x-stat-icon.gray {
  background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
}
.sipko-100x-stat-icon.blue {
  background: linear-gradient(135deg, #eff6ff, #bfdbfe);
}
.sipko-100x-stat-icon.orange {
  background: linear-gradient(135deg, #fff7ed, #fed7aa);
}
.sipko-100x-stat-icon.purple {
  background: linear-gradient(135deg, #f5f3ff, #ddd6fe);
}
.contact-button {
  background: linear-gradient(135deg, #182434, #175187);
}
.contact-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 30px rgba(0, 102, 255, 0.2);
}
.sipko-100x-stat-card.highlight {
  border-color: #fbbf24;
  background: linear-gradient(135deg, #fffbeb, #fef3c7);
}
@layer components {
  .sipko-100x-spotlight {
    margin-inline: auto;
    margin-block: 50px;
    max-width: 1400px;
    padding-inline: 20px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #1a2332;
  }
  .sipko-100x-spotlight-container {
    display: grid;
    align-items: center;
    gap: 50px;
    grid-template-columns: 1fr 1fr;
  }
  .sipko-100x-spotlight-content {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  .sipko-100x-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    padding-inline: 16px;
    padding-block: 8px;
    font-size: 12px;
    --tw-font-weight: var(--font-weight-extrabold, 800);
    font-weight: var(--font-weight-extrabold, 800);
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    width: fit-content;
    color: #182434;
    background: linear-gradient(135deg, rgba(0,102,255,0.10), rgba(157,0,255,0.10));
  }
  .sipko-100x-badge-dot {
    height: 8px;
    width: 8px;
    border-radius: calc(infinity * 1px);
  }
  .sipko-100x-spotlight-title {
    margin: calc(var(--spacing, 0.25rem) * 0);
    font-size: clamp(24px, 3vw, 32px);
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-font-weight: var(--font-weight-extrabold, 800);
    font-weight: var(--font-weight-extrabold, 800);
    --tw-tracking: -0.5px;
    letter-spacing: -0.5px;
  }
  .sipko-100x-spotlight-content p {
    margin: calc(var(--spacing, 0.25rem) * 0);
    font-size: 16px;
    --tw-leading: 1.8;
    line-height: 1.8;
    color: #4a5568;
  }
  .sipko-100x-spotlight-list {
    margin-top: 10px;
    margin-bottom: calc(var(--spacing, 0.25rem) * 0);
    list-style-type: none;
    padding: calc(var(--spacing, 0.25rem) * 0);
  }
  .sipko-100x-spotlight-list li {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 15px;
    --tw-leading: 1.7;
    line-height: 1.7;
    color: #4a5568;
  }
  .sipko-100x-highlights {
    margin-top: 10px;
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr;
  }
  .highlight-card {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    background-color: var(--color-white, #fff);
    padding: calc(var(--spacing, 0.25rem) * 5);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .highlight-title {
    margin: calc(var(--spacing, 0.25rem) * 0);
    margin-bottom: calc(var(--spacing, 0.25rem) * 2);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    --tw-font-weight: var(--font-weight-black, 900);
    font-weight: var(--font-weight-black, 900);
    --tw-tracking: -0.3px;
    letter-spacing: -0.3px;
    color: #1a2332;
  }
  .mini-ico {
    display: flex;
    height: 36px;
    width: 36px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(23, 81, 135, 0.35);
  }
  .mini-ico svg {
    height: 18px;
    width: 18px;
  }
  .highlight-text {
    margin: calc(var(--spacing, 0.25rem) * 0);
    font-size: 15.5px;
    --tw-leading: 1.8;
    line-height: 1.8;
    color: #4a5568;
  }
  .sipko-100x-spotlight-cta {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #e0e7ff;
  }
  .sipko-100x-spotlight-cta-text {
    margin-bottom: 18px;
    font-size: 15px;
    --tw-leading: 1.7;
    line-height: 1.7;
    color: #4a5568;
  }
  .sipko-100x-btn-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  .sipko-100x-btn-primary, .sipko-100x-btn-secondary {
    display: inline-block;
    border-radius: 12px;
    padding-inline: 28px;
    padding-block: 14px;
    text-align: center;
    font-size: 15px;
    --tw-font-weight: var(--font-weight-extrabold, 800);
    font-weight: var(--font-weight-extrabold, 800);
    text-decoration-line: none;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .sipko-100x-btn-primary {
    color: var(--color-white, #fff);
    box-shadow: 0 10px 30px rgba(0, 102, 255, 0.3);
  }
  .sipko-100x-btn-secondary {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    background-color: var(--color-white, #fff);
    color: #182434;
  }
  .sipko-100x-spotlight-image {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    min-height: 520px;
    box-shadow: 0 20px 60px rgba(0, 102, 255, 0.15);
  }
  .sipko-100x-spotlight-image img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    min-height: 520px;
  }
}
.sipko-100x-spotlight-title {
  background: linear-gradient(135deg, #182434, #175187);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sipko-100x-badge-dot {
  background: linear-gradient(135deg, #182434, #175187);
  animation: sipko-100xPulse 2s ease-in-out infinite;
}
@keyframes sipko-100xPulse {
  0%,100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.25);
    opacity: .6;
  }
}
.sipko-100x-spotlight-image {
  background: linear-gradient(135deg, #182434, #175187);
}
.sipko-100x-btn-primary {
  background: linear-gradient(135deg, #182434, #175187);
}
.highlight-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, #182434, #175187);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.3s ease;
}
.highlight-card:hover {
  transform: translateX(8px);
  border-color: #182434;
  box-shadow: 0 10px 30px rgba(0, 102, 255, 0.15);
}
.highlight-card:hover::before {
  transform: scaleY(1);
}
.mini-ico {
  background: linear-gradient(135deg, #182434, #175187);
}
.mini-ico svg {
  stroke: #fff;
  stroke-width: 2;
  fill: none;
}
.sipko-100x-spotlight-container {
  display: grid;
  gap: 50px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
@media (max-width: 980px) {
  .sipko-100x-spotlight-container {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .sipko-100x-spotlight-image {
    order: 1;
  }
  .sipko-100x-spotlight-content {
    order: 2;
  }
  .sipko-100x-spotlight-image, .sipko-100x-spotlight-image img {
    min-height: 320px;
  }
}
@layer components {
  .sipko-100x-cta {
    margin-inline: auto;
    margin-block: 60px;
    max-width: 1200px;
    padding-inline: 20px;
  }
  .sipko-100x-cta-box {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    padding-inline: 45px;
    padding-block: 50px;
    text-align: center;
    --tw-shadow: 0 20px 60px var(--tw-shadow-color, rgba(24,36,52,0.30));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .sipko-100x-cta-content {
    position: relative;
    z-index: 1;
  }
  .sipko-100x-cta-title {
    margin: calc(var(--spacing, 0.25rem) * 0);
    margin-bottom: 18px;
    font-size: clamp(24px, 3vw, 34px);
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-font-weight: var(--font-weight-extrabold, 800);
    font-weight: var(--font-weight-extrabold, 800);
    --tw-tracking: -0.5px;
    letter-spacing: -0.5px;
    color: var(--color-white, #fff);
  }
  .sipko-100x-cta-text {
    margin-inline: auto;
    margin-bottom: 36px;
    max-width: 900px;
    font-size: 18px;
    --tw-leading: 1.7;
    line-height: 1.7;
    color: #e9eefa;
  }
  .sipko-100x-cta-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
  .sipko-100x-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-white, #fff);
    background-color: var(--color-white, #fff);
    padding-inline: 38px;
    padding-block: 18px;
    font-size: 17px;
    --tw-font-weight: var(--font-weight-extrabold, 800);
    font-weight: var(--font-weight-extrabold, 800);
    white-space: nowrap;
    color: #182434;
    text-decoration-line: none;
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, rgba(255,255,255,0.20));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
  }
  .sipko-100x-cta-btn:hover {
    --tw-translate-y: calc(2px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 0 14px 34px var(--tw-shadow-color, rgba(255,255,255,0.22));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .sipko-100x-cta-btn:active {
    --tw-translate-y: calc(var(--spacing, 0.25rem) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (max-width: 820px) {
    .sipko-100x-cta-box {
      padding: 34px 18px;
    }
    .sipko-100x-cta-btn {
      width: 100%;
      padding: 16px 18px;
    }
  }
}
.sipko-100x-cta-box {
  background: linear-gradient(135deg, #182434 0%, #175187 100%);
}
.sipko-100x-cta-box::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,255,255,0.10) 0%, transparent 70%);
  animation: sipko-100x-cta-rotate 20s linear infinite;
  pointer-events: none;
}
@keyframes sipko-100x-cta-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@layer components {
  .sipko-100x-scope {
    margin-inline: auto;
    margin-block: 60px;
    max-width: 1400px;
    padding-inline: 20px;
    color: #0f172a;
  }
  .sipko-100x-scope-wrap {
    margin-inline: auto;
    max-width: 1400px;
  }
  .sipko-100x-scope-head {
    margin-bottom: 28px;
    text-align: center;
  }
  .sipko-100x-scope-head-title {
    margin: calc(var(--spacing, 0.25rem) * 0);
    margin-bottom: 12px;
    font-size: clamp(28px, 4vw, 32px);
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-black, 900);
    font-weight: var(--font-weight-black, 900);
    --tw-tracking: -0.8px;
    letter-spacing: -0.8px;
  }
  .sipko-100x-scope-head-sub {
    margin: calc(var(--spacing, 0.25rem) * 0);
    margin-inline: auto;
    max-width: 980px;
    font-size: 18px;
    --tw-leading: 1.8;
    line-height: 1.8;
    color: var(--color-slate-600, oklch(44.6% 0.043 257.281));
  }
  .sipko-100x-scope-grid {
    margin-top: 32px;
    display: grid;
    align-items: stretch;
    gap: 30px;
  }
  @media (max-width: 980px) {
    .sipko-100x-scope-grid {
      grid-template-columns: 1fr;
    }
  }
  @media (min-width: 981px) {
    .sipko-100x-scope-grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  .sipko-100x-scope-card {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    background-color: var(--color-white, #fff);
    padding-inline: 30px;
    padding-block: 34px;
    --tw-shadow: 0 12px 34px var(--tw-shadow-color, rgba(15,23,42,0.10));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
  }
  .sipko-100x-scope-kicker {
    margin-bottom: 14px;
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 10px;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    padding-inline: 16px;
    padding-block: 8px;
    font-size: 12px;
    --tw-font-weight: var(--font-weight-black, 900);
    font-weight: var(--font-weight-black, 900);
    --tw-tracking: .08em;
    letter-spacing: .08em;
    color: #182434;
    text-transform: uppercase;
  }
  .sipko-100x-scope-h3 {
    margin: calc(var(--spacing, 0.25rem) * 0);
    margin-bottom: 10px;
    font-size: 22px;
    --tw-leading: 1.25;
    line-height: 1.25;
    --tw-font-weight: var(--font-weight-black, 900);
    font-weight: var(--font-weight-black, 900);
    --tw-tracking: -0.4px;
    letter-spacing: -0.4px;
    color: #0f172a;
  }
  .sipko-100x-scope-p {
    margin: calc(var(--spacing, 0.25rem) * 0);
    margin-bottom: 18px;
    font-size: 15.5px;
    --tw-leading: 1.8;
    line-height: 1.8;
    color: var(--color-slate-600, oklch(44.6% 0.043 257.281));
  }
  .sipko-100x-scope-list {
    margin: calc(var(--spacing, 0.25rem) * 0);
    display: grid;
    list-style-type: none;
    gap: 12px;
    padding: calc(var(--spacing, 0.25rem) * 0);
  }
  .sipko-100x-scope-li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border-radius: 16px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    background-color: var(--color-white, #fff);
    padding-inline: 14px;
    padding-block: 14px;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
  }
  .sipko-100x-scope-dot {
    margin-top: 6px;
    height: 10px;
    width: 10px;
    flex: none;
    border-radius: calc(infinity * 1px);
  }
  .sipko-100x-scope-li-title {
    margin: calc(var(--spacing, 0.25rem) * 0);
    font-size: 15px;
    --tw-leading: 1.25;
    line-height: 1.25;
    --tw-font-weight: var(--font-weight-black, 900);
    font-weight: var(--font-weight-black, 900);
    color: #0f172a;
  }
  .sipko-100x-scope-li-sub {
    margin: calc(var(--spacing, 0.25rem) * 0);
    margin-top: 4px;
    font-size: 14px;
    --tw-leading: 1.55;
    line-height: 1.55;
    color: var(--color-slate-600, oklch(44.6% 0.043 257.281));
  }
  .sipko-100x-scope-links {
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  .sipko-100x-scope-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    background-color: var(--color-white, #fff);
    padding-inline: 18px;
    padding-block: 12px;
    font-size: 14px;
    --tw-font-weight: var(--font-weight-black, 900);
    font-weight: var(--font-weight-black, 900);
    white-space: nowrap;
    color: #175187;
    text-decoration-line: none;
    --tw-shadow: 0 6px 20px var(--tw-shadow-color, rgba(0,102,255,0.10));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
  }
  .sipko-100x-scope-row {
    margin-top: 30px;
  }
  .sipko-100x-scope-nearby {
    margin-top: 16px;
    display: grid;
    gap: 12px;
  }
  @media (max-width: 820px) {
    .sipko-100x-scope-nearby {
      grid-template-columns: 1fr;
    }
  }
  @media (min-width: 821px) {
    .sipko-100x-scope-nearby {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sipko-100x-scope-nearby-a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-radius: 16px;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-indigo-100, oklch(93% 0.034 272.788));
    background-color: var(--color-white, #fff);
    padding-inline: 14px;
    padding-block: 14px;
    --tw-font-weight: var(--font-weight-black, 900);
    font-weight: var(--font-weight-black, 900);
    color: #0f172a;
    text-decoration-line: none;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
  }
  .sipko-100x-scope-nearby-a span {
    font-size: 13px;
    --tw-font-weight: var(--font-weight-extrabold, 800);
    font-weight: var(--font-weight-extrabold, 800);
    color: var(--color-slate-600, oklch(44.6% 0.043 257.281));
  }
  .sipko-100x-scope-council {
    margin-top: 18px;
    padding-top: 16px;
    font-size: 14px;
    --tw-leading: 1.7;
    line-height: 1.7;
    color: var(--color-slate-600, oklch(44.6% 0.043 257.281));
    border-top: 2px dashed rgba(224,231,255,.9);
  }
  .sipko-100x-scope-council strong {
    --tw-font-weight: var(--font-weight-black, 900);
    font-weight: var(--font-weight-black, 900);
    color: #0f172a;
  }
  .sipko-100x-scope-council a {
    --tw-font-weight: var(--font-weight-black, 900);
    font-weight: var(--font-weight-black, 900);
    color: #175187;
    text-decoration-line: none;
  }
}
.sipko-100x-scope-head-title {
  background: linear-gradient(135deg, #182434, #175187);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sipko-100x-scope-kicker {
  background: linear-gradient(135deg, rgba(0,102,255,0.10), rgba(157,0,255,0.10));
}
.sipko-100x-scope-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #182434, #175187);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s ease;
}
.sipko-100x-scope-card:hover::before {
  transform: scaleX(1);
}
.sipko-100x-scope-dot {
  background: linear-gradient(135deg, #182434, #175187);
  box-shadow: 0 0 0 4px rgba(23,81,135,.16);
}
@layer components {
  .sipko-100x-alarm-signal {
    max-width: 1400px;
    margin: 50px auto;
    padding: 0 20px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #1a2332;
  }
  .sipko-100x-alarm-header {
    text-align: center;
    margin-bottom: 60px;
  }
  .sipko-100x-alarm-header h2 {
    font-size: clamp(28px, 4vw, 32px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.8px;
    margin: 0 0 18px;
    background: linear-gradient(135deg, #182434, #175187);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  .sipko-100x-alarm-header p {
    font-size: 18px;
    color: #4a5568;
    max-width: 980px;
    margin: 0 auto;
    line-height: 1.8;
  }
  .sipko-100x-alarm-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 26px;
  }
  .sipko-100x-alarm-btn {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 800;
    transition: all 0.3s ease;
  }
  .sipko-100x-alarm-btn-primary {
    background: linear-gradient(135deg, #182434, #175187);
    color: #ffffff !important;
    box-shadow: 0 10px 30px rgba(0, 102, 255, 0.3);
  }
  .sipko-100x-alarm-btn-secondary {
    background: #ffffff;
    color: #182434 !important;
    border: 2px solid #e0e7ff;
  }
  .sipko-100x-alarm-btn:hover {
    transform: translateY(-2px);
  }
  .sipko-100x-alarm-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-top: 22px;
  }
  .sipko-100x-alarm-tag {
    background: #ffffff;
    border: 2px solid #e0e7ff;
    border-radius: 999px;
    padding: 10px 18px;
    font-size: 14px;
    color: #182434;
    font-weight: 700;
    box-shadow: 0 4px 20px rgba(0, 102, 255, 0.08);
  }
  .sipko-100x-alarm-grid {
    display: grid;
    gap: 20px;
    margin-top: 55px;
    margin-bottom: 55px;
    grid-template-columns: 1fr;
  }
  .sipko-100x-alarm-card {
    background: #ffffff;
    border: 2px solid #e0e7ff;
    border-radius: 24px;
    padding: 35px 30px;
    transition: all 0.4s ease;
    box-shadow: 0 4px 20px rgba(0, 102, 255, 0.08);
    position: relative;
    overflow: hidden;
  }
  .sipko-100x-alarm-card:hover {
    transform: translateY(-8px);
    border-color: #182434;
    box-shadow: 0 25px 60px rgba(0, 102, 255, 0.25);
  }
  .sipko-100x-alarm-card-icon {
    width: 54px;
    height: 54px;
    margin-bottom: 18px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #182434, #175187);
    box-shadow: 0 10px 25px rgba(23, 81, 135, 0.35);
  }
  .sipko-100x-alarm-card-icon svg {
    width: 26px;
    height: 26px;
    stroke: #ffffff;
    stroke-width: 2;
    fill: none;
  }
  .sipko-100x-alarm-card h3 {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.4px;
    margin: 0 0 14px;
    line-height: 1.3;
    color: #1a2332;
  }
  .sipko-100x-alarm-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 12px;
  }
  .sipko-100x-alarm-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: #4a5568;
  }
  .sipko-100x-alarm-bullet {
    width: 18px;
    height: 18px;
    margin-top: 3px;
    flex: 0 0 18px;
  }
  .sipko-100x-alarm-note {
    background: #ffffff;
    border: 2px solid #e0e7ff;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0, 102, 255, 0.08);
    padding: 24px 22px;
    margin-bottom: 18px;
  }
  .sipko-100x-alarm-note strong {
    display: block;
    font-size: 18px;
    color: #182434;
    margin-bottom: 8px;
  }
  .sipko-100x-alarm-note > p {
    margin: 0 0 14px;
    color: #4a5568;
    line-height: 1.7;
    font-size: 15px;
  }
  .sipko-100x-alarm-faq-item {
    border-top: 1px solid #e0e7ff;
    padding-top: 12px;
    margin-top: 12px;
  }
  .sipko-100x-alarm-faq-item summary {
    cursor: pointer;
    font-weight: 700;
    color: #182434;
    line-height: 1.5;
  }
  .sipko-100x-alarm-faq-item p {
    margin: 10px 0 0;
    color: #4a5568;
    font-size: 15px;
    line-height: 1.7;
  }
  .sipko-100x-alarm-footer {
    margin: 12px 0 0;
    font-size: 14px;
    color: #4a5568;
    text-align: center;
    line-height: 1.7;
  }
  @media (min-width: 981px) {
    .sipko-100x-alarm-grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 980px) {
    .sipko-100x-alarm-signal {
      margin: 36px auto;
      padding: 0 16px;
    }
    .sipko-100x-alarm-header {
      margin-bottom: 36px;
    }
    .sipko-100x-alarm-header p {
      font-size: 16px;
      line-height: 1.75;
    }
    .sipko-100x-alarm-grid {
      margin-top: 30px;
      margin-bottom: 30px;
    }
    .sipko-100x-alarm-card {
      padding: 24px 18px;
      border-radius: 18px;
    }
    .sipko-100x-alarm-card h3 {
      font-size: 19px;
    }
    .sipko-100x-alarm-btn {
      width: 100%;
      max-width: 320px;
    }
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-leading: initial;
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}