/* Security page — editorial safeguards narrative, scoped to security page classes. */
.security-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 82px;
  color: var(--white);
  background-color: #272031;
  background-image: linear-gradient(90deg, #171322eb 0%, #171322c4 43%, #1713225c 100%), url('/iris-assets/media/florist-software-security-bg_13039695-6786296aa808.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 0;
}

.security-hero > .container { position: relative; z-index: 1; }
.security-hero .breadcrumbs { color: #eee5f6; }
.security-hero .breadcrumbs > span:last-child { color: #e1c8f4; }
.security-hero .breadcrumbs a:hover { color: var(--white); }
.security-hero .eyebrow { color: #e5d7f5; }
.security-hero .eyebrow:before { background: #e5d7f5; }
.security-hero h1 { max-width: 790px; color: var(--white); }
.security-hero .italic { color: #e1c8f4; }
.security-hero > .container > p {
  max-width: 650px;
  margin-top: 23px;
  color: #f3edf7;
  font-size: 16px;
  line-height: 1.8;
}
.security-hero .hero-actions { margin-top: 30px; }
.security-hero .button {
  border-color: var(--white);
  background: var(--white);
  color: var(--purple-dark);
}
.security-hero .button:hover {
  border-color: #eee5f6;
  background: #eee5f6;
  color: var(--purple-dark);
}
.security-hero .text-link { color: #f3edf7; }
.security-hero .text-link:hover { color: var(--white); }

.security-intro { padding-bottom: 82px; }
.security-intro-copy {
  max-width: 790px;
  margin: 0 auto;
  text-align: center;
}
.security-intro-copy h2 { margin-bottom: 22px; }
.security-intro-copy p {
  max-width: 690px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.9;
}
.security-intro-copy p + p { margin-top: 16px; }

.security-feature {
  padding: 78px 0;
  border-top: 1px solid var(--line);
  background: var(--white);
}
.security-feature-tinted { background: var(--cream); }
.security-feature-inner {
  display: grid;
  grid-template-columns: minmax(0, 380px) minmax(0, 1fr);
  gap: min(11vw, 145px);
  align-items: start;
}
.security-feature-heading { max-width: 380px; }
.security-number {
  display: block;
  margin-bottom: 21px;
  color: var(--purple);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
}
.security-symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 21px;
  color: var(--purple);
  background: var(--lilac);
  border-radius: 50%;
}
.security-feature-tinted .security-symbol { background: var(--white); }
.security-symbol .icon {
  width: 23px;
  height: 23px;
}
.security-feature-heading h2 {
  margin-bottom: 16px;
  font-size: clamp(29px, 2.6vw, 37px);
}
.security-feature-heading > p {
  font-size: 14px;
  line-height: 1.85;
}
.security-feature-copy {
  max-width: 640px;
  padding-top: 4px;
}
.security-feature-copy > p {
  font-size: 15px;
  line-height: 1.9;
}
.security-checks {
  margin: 27px 0 0;
  padding: 0;
  list-style: none;
}
.security-checks li {
  position: relative;
  padding-left: 25px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.75;
}
.security-checks li + li { margin-top: 15px; }
.security-checks li:before {
  content: '✓';
  position: absolute;
  top: 1px;
  left: 0;
  color: var(--purple);
  font-size: 14px;
  font-weight: 700;
}
.security-checks strong { color: var(--ink); }

.security-next {
  padding: 56px 0 92px;
  border-top: 1px solid var(--line);
}
.security-next-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  padding: 47px 54px;
  border: 1px solid #ded5e8;
  border-radius: 18px;
  background: var(--lilac);
}
.security-next-box > div:first-child { max-width: 600px; }
.security-next .eyebrow { margin-bottom: 14px; }
.security-next h2 {
  margin-bottom: 14px;
  font-size: clamp(29px, 3vw, 39px);
}
.security-next p {
  max-width: 540px;
  font-size: 14px;
  line-height: 1.85;
}
.security-next-actions {
  display: flex;
  flex: 0 0 218px;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.security-next-actions .button {
  width: 100%;
  white-space: nowrap;
}
.security-next-actions .text-link { font-size: 12px; }

@media (max-width: 800px) {
  .security-hero {
    padding: 51px 0 65px;
    background-position: 64% center;
    background-image: linear-gradient(90deg, #171322de 0%, #171322b7 57%, #1713226b 100%), url('/iris-assets/media/florist-software-security-bg_13039695-6786296aa808.jpg');
  }
  .security-feature { padding: 62px 0; }
  .security-feature-inner { grid-template-columns: 1fr; gap: 34px; }
  .security-feature-heading { max-width: 600px; }
  .security-feature-copy { max-width: 620px; padding-top: 0; }
  .security-next { padding: 45px 0 60px; }
  .security-next-box {
    align-items: flex-start;
    flex-direction: column;
    gap: 31px;
    padding: 38px;
  }
  .security-next-actions { flex-basis: auto; }
}

@media (max-width: 560px) {
  .security-hero { padding: 39px 0 51px; }
  .security-hero > .container > p { font-size: 14px; }
  .security-hero .hero-actions { margin-top: 26px; }
  .security-intro { padding-bottom: 52px; }
  .security-intro-copy { text-align: left; }
  .security-intro-copy p { margin-left: 0; font-size: 14px; }
  .security-feature { padding: 50px 0; }
  .security-number { margin-bottom: 16px; }
  .security-symbol { margin-bottom: 18px; }
  .security-feature-heading h2 { margin-bottom: 13px; }
  .security-feature-heading > p,
  .security-feature-copy > p { font-size: 14px; }
  .security-checks { margin-top: 22px; }
  .security-checks li { padding-left: 22px; font-size: 13px; }
  .security-next { padding: 36px 0 49px; }
  .security-next-box { gap: 27px; padding: 30px 24px; }
  .security-next p { font-size: 13px; }
  .security-next-actions { width: 100%; }
  .security-next-actions .button { width: auto; }
}