.anti-eaves-page { width: 1440px; margin: 0 auto; background: #ffffff; color: #142033; font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Arial, sans-serif; }
.anti-eaves-shell { width: 1180px; margin: 0 auto; }
.anti-eaves-hero { position: relative; min-height: 360px; overflow: hidden; background: #030405; }
.anti-eaves-hero-wave { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.anti-eaves-hero-inner { position: relative; z-index: 1; box-sizing: border-box; min-height: 360px; padding: 74px 0 60px; color: #ffffff; }
.anti-eaves-hero-copy { box-sizing: border-box; width: 560px; padding: 22px 27px 24px; border-left: 4px solid #00a5aa; background: rgba(25,53,125,.88); }
.anti-eaves-eyebrow { margin: 0 0 12px; color: #83d3d1; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; letter-spacing: 1px; }
.anti-eaves-hero h1 { margin: 0; color: #ffffff; font-size: 43px; line-height: 54px; }
.anti-eaves-hero p:not(.anti-eaves-eyebrow) { max-width: 490px; margin: 16px 0 0; color: #ffffff; font-size: 18px; line-height: 31px; word-break: keep-all; }
.anti-eaves-content { padding: 59px 0 76px; }
.anti-eaves-heading > p { margin: 0 0 8px; color: #008d94; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; letter-spacing: 1px; }
.anti-eaves-heading h2 { margin: 0 0 20px; color: #07135d; font-size: 31px; line-height: 41px; }
.anti-eaves-lead { max-width: 860px; margin-bottom: 33px; }
.anti-eaves-lead p { margin: 0; color: #415064; font-size: 17px; line-height: 29px; word-break: keep-all; }
.anti-eaves-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 4px solid #008d94; }
.anti-eaves-card { display: flex; box-sizing: border-box; min-height: 435px; padding: 25px 27px 25px; border-right: 1px solid #d6e0e7; border-bottom: 1px solid #d6e0e7; border-left: 1px solid #d6e0e7; color: #142033; flex-direction: column; text-decoration: none; }
.anti-eaves-card + .anti-eaves-card { border-left: 0; }
.anti-eaves-card:hover, .anti-eaves-card:focus { background: #f1faf9; border-color: #008d94; }
.anti-eaves-photo { display: block; height: 140px; margin: -25px -27px 24px; background-color: #f2f7fa; background-position: center; background-repeat: no-repeat; background-size: cover; }
.anti-eaves-photo-security { background-image: url('../images/menu8/8-1pic1.jpg'); }
.anti-eaves-photo-integration { background-image: url('../images/menu8/8-2-1pic.png'); background-size: contain; }
.anti-eaves-photo-products { background-image: url('../images/menu8/8-3-1pic.png'); background-size: contain; }
.anti-eaves-number { display: inline-block; width: 42px; height: 31px; margin-bottom: 18px; background: #ff8500; color: #ffffff; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 31px; text-align: center; }
.anti-eaves-card h3 { margin: 0 0 12px; color: #07135d; font-size: 21px; line-height: 30px; word-break: keep-all; }
.anti-eaves-card p { margin: 0; color: #415064; font-size: 15px; line-height: 25px; word-break: keep-all; }
.anti-eaves-link { display: block; margin-top: auto; padding-top: 20px; color: #008d94; font-size: 15px; font-weight: bold; line-height: 22px; }
.anti-eaves-note { display: flex; gap: 18px; align-items: center; margin-top: 38px; padding: 23px 26px; border-left: 5px solid #008d94; background: #f3faf9; }
.anti-eaves-note strong { flex: 0 0 auto; color: #07135d; font-size: 17px; }
.anti-eaves-note span { color: #415064; font-size: 15px; line-height: 25px; word-break: keep-all; }
.anti-eaves-note a { display: inline-block; flex: 0 0 auto; margin-left: auto; padding: 12px 17px; background: #ff8500; color: #ffffff; font-size: 14px; font-weight: bold; line-height: 21px; text-decoration: none; }
.anti-eaves-note a:hover, .anti-eaves-note a:focus { background: #e57400; }
@media screen and (max-width: 899px) {
  .anti-eaves-page { width: 100% !important; }
  .anti-eaves-shell { box-sizing: border-box; width: auto; margin: 0; }
  .anti-eaves-hero, .anti-eaves-hero-inner { min-height: 0; }
  .anti-eaves-hero-inner { padding: 56px 20px 50px; }
  .anti-eaves-hero-copy { width: auto; padding: 20px; }
  .anti-eaves-hero h1 { font-size: 32px; line-height: 41px; }
  .anti-eaves-hero p:not(.anti-eaves-eyebrow) { font-size: 16px; line-height: 28px; }
  .anti-eaves-content { padding: 37px 20px 45px; }
  .anti-eaves-heading h2 { font-size: 27px; line-height: 36px; }
  .anti-eaves-lead p { font-size: 16px; line-height: 28px; }
  .anti-eaves-grid { grid-template-columns: 1fr; }
  .anti-eaves-card, .anti-eaves-card + .anti-eaves-card { min-height: 0; border-right: 1px solid #d6e0e7; border-left: 1px solid #d6e0e7; }
  .anti-eaves-note { display: block; margin-top: 30px; padding: 21px; }
  .anti-eaves-note span { display: block; margin-top: 8px; }
  .anti-eaves-note a { margin: 17px 0 0; }
}