/* Page styles, including shared header, footer, blog and CTA elements. */
.banner_wrapper { width: 100%; height: 100%; padding: 80px 0; }
.nav-link:focus, .nav-link:hover, .navbar-nav li.active>a, .navbar-nav li:focus a, .caption h1>span>strong, .caption h2>span>strong, .metaverse_heading h2 span, .metaverse_heading h3 span, .metaverse_heading .h-3 span, .metaverse_heading h4 span, .metaverse_heading .h-4 span, .common-sub-heading h3 span, .contact-form h2, .contact-links h4, .contact-links .h-4, .nav-link.active { background: linear-gradient(89.98deg, #f5d255 -3.37%, #36e7c4 99.98%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.text-color { background: linear-gradient(89.98deg,#f5d255 -3.37%,#36e7c4 99.98%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-weight: 700; }
.banners-section { position: relative; }
.banners-section:before, .banners-section:after { content: ""; position: absolute; left: -103px; top: -410px; opacity: .1; width: 650px; height: 650px; border-radius: 100%; border: 1px solid #D9D9D9; }
.banners-section:after { left: -235px; top: -315px; }
.section-service-alt { background: rgba(255, 255, 255, .06); background-blend-mode: screen; position: relative; }
h4, .h-4 { font-size: 22px; line-height: 32px; padding-bottom: 10px; font-weight: 500; }
.caption h1>span, .caption h2>span { display: block; }
@media (max-width: 1199px) {
  .banner_wrapper { padding: 70px 0; }
}
@media (max-width: 991px) {
  .green-vector { top: -80px; left: -50px; }
}
@media (max-width: 767px) {
  .banner_wrapper { padding: 60px 0; }
  .banners-section:before, .banners-section:after, .green-vector { display: none; }
  .content-link img, .deploy-link img { width: 30px; }
}
.about-section-clients { padding: 40px 0; }
.client-carousel { padding-bottom: 40px; }
.scroller__wrapper { --scrolling-gallery-item-duration: 20s; --scrolling-gallery-items-visible: 5; --scrolling-gallery-items-total: 8; overflow: hidden; will-change: transform; }
.scroller__container { overflow-x: hidden; }
.slide-scroller { animation-duration: calc(var(--scrolling-gallery-item-duration, 1s) / var(--scrolling-gallery-items-visible) * var(--scrolling-gallery-items-total)); animation-timing-function: linear; animation-name: scrolling-gallery; animation-iteration-count: infinite; display: flex; }
.slide-scroller:hover, .slide-scroller:focus { animation-play-state: paused; }
@keyframes scrolling-gallery {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(var(--scrolling-gallery-items-total) * -100vw / var(--scrolling-gallery-items-visible))); }
}
.scroller__item { flex: 0 0 calc(100% / var(--scrolling-gallery-items-visible)); width: 0; box-sizing: border-box; }
.scroller__item .item img { height: 60px; width: 100%; object-fit: contain; }
@media (max-width: 1440px) {
  .scroller__wrapper { --scrolling-gallery-items-visible: 5; --scrolling-gallery-item-duration: 30s; }
}
@media (max-width: 767px) {
  .scroller__wrapper { --scrolling-gallery-items-visible: 3; --scrolling-gallery-item-duration: 20s; }
}
@media (max-width: 480px) {
  .scroller__wrapper { --scrolling-gallery-items-visible: 2; --scrolling-gallery-item-duration: 20s; }
}
@media (max-width: 360px) {
  .scroller__wrapper { --scrolling-gallery-items-visible: 1; --scrolling-gallery-item-duration: 10s; }
}
@media (max-width: 767px) {
  h4, .h-4 { font-size: 20px; line-height: 24px; }
}
@media (max-width: 576px) {
  h4, .h-4 { font-size: 18px; line-height: 24px; }
}
.accordion-item { margin-bottom: 15px; background: transparent; border-radius: 8px; border: 1px solid #36e7c4; }
.accordion-body { background: rgba(54, 231, 196, 0.1); }
.accordion-button { border-radius: 8px; box-shadow: 0 0 0 0 !important; font-weight: 600; font-size: 24px; line-height: 29px; color: #d9d9d9; }
.accordion-body p { color: #d9d9d9; }
.accordion-button::after { opacity: 0; }
.accordion-header { padding-bottom: 0; font-family: "Exo 2"; }
.accordion-button:not(.collapsed) { background: rgba(54, 231, 196, 0.1); box-shadow: 0 !important; color: #d9d9d9; }
button:not(:disabled) { background: transparent; }
.accordion-item .collapsing { transition: 0; }
.accordion-item:not(:first-of-type) { border-top: 1px solid #36e7c4; }
.acc-list .accordion-body { padding-top: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
@media (max-width: 991px) {
  .accordion-button { font-size: 20px; line-height: 1.3; padding-bottom: 15px; }
}
@media (max-width: 576px) {
  .accordion-button { font-size: 18px; }
}
@media (max-width: 425px) {
  .accordion-button { font-size: 16px; }
}
.common-sub-heading h4, .common-sub-heading.sub-title, .common-sub-heading .h-4 { position: relative; font-family: Syne, sans-serif; font-size: 28px; font-weight: 600; color: #4e1fa3; padding: 0 0 0 75px; margin: 0; }
.common-sub-heading h4:before, .common-sub-heading .h-4:before, .common-sub-heading.sub-title:before { content: ""; width: 55px; height: 3px; background: linear-gradient(89.98deg, #f5d255 -3.37%, #36e7c4 99.98%); position: absolute; top: 50%; left: 0%; }
.common-sub-heading h4 span.dots, .common-sub-heading .h-4 span.dots, .common-sub-heading.sub-title span.dots { color: #36e7c4; }
@media (max-width: 991px) {
  .common-sub-heading h4, .common-sub-heading .h-4, .common-sub-heading.sub-title { font-size: 23px; }
}
@media (max-width: 576px) {
  .common-sub-heading h4, .common-sub-heading .h-4, .common-sub-heading.sub-title { padding-left: 0; font-size: 18px; }
  .common-sub-heading h4:before, .common-sub-heading .h-4:before, .common-sub-heading.sub-title:before { display: none; }
}
.client-carousel .scroller__wrapper { --scrolling-gallery-items-visible: 4; --scrolling-gallery-items-total: 6; }
@media (max-width: 991px) {
  .client-carousel .scroller__wrapper { --scrolling-gallery-items-visible: 3; }
}
@media (max-width: 575px) {
  .client-carousel .scroller__wrapper { --scrolling-gallery-items-visible: 2; }
}
.art-hero-visual { position: relative; min-height: 300px; padding: 0; display: flex; align-items: center; justify-content: flex-end; }
.hero-gold-stage { position: relative; margin: 0 auto; width: 340px; max-width: 100%; height: 260px; display: flex; align-items: center; justify-content: center; z-index: 2; pointer-events: none; animation: goldStageFloat 6.5s ease-in-out infinite; }
@keyframes goldStageFloat {
  0%, 100% { transform: translateY(0) rotate(-2deg); }
  50% { transform: translateY(-9px) rotate(1deg); }
}
.hero-gold-bar { width: 100%; filter: drop-shadow(0 18px 30px rgba(245, 210, 85, 0.28)); }
.hero-gold-coin { position: absolute; width: 34px; height: 34px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fcebb0, #f5d255 55%, #b8862a 100%); border: 1.5px solid rgba(255, 245, 210, 0.7); display: flex; align-items: center; justify-content: center; font-family: "Exo 2", sans-serif; font-weight: 800; font-size: 12px; color: #4a3510; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.25); }
.hero-gold-coin--1 { bottom: 6px; left: -14px; animation: goldCoinSpin 5s ease-in-out infinite; }
.hero-gold-coin--2 { top: 20px; right: -10px; width: 26px; height: 26px; font-size: 9px; animation: goldCoinSpin 5s ease-in-out infinite 0.6s; }
@keyframes goldCoinSpin {
  0%, 100% { transform: rotateY(0deg); }
  50% { transform: rotateY(180deg); }
}
@media (max-width: 991px) {
  .art-hero-visual { max-width: 560px; min-height: 220px; margin: 30px auto 0; justify-content: center; }
  .hero-gold-stage { width: 260px; height: 200px; margin: 12px auto; }
  .hero-gold-coin { width: 26px; height: 26px; font-size: 9px; }
}
@media (max-width: 575px) {
  .art-hero-visual { min-height: 190px; }
  .hero-gold-stage { width: 235px; height: 180px; }
  .hero-gold-coin--1 { bottom: 6px; left: -8px; }
  .hero-gold-coin--2 { top: 14px; right: -6px; }
}
.section-sep { height: 1px; background: linear-gradient(90deg, transparent, rgba(161, 131, 224, 0.25), transparent); max-width: 900px; margin: 0 auto; position: relative; z-index: 1; }
.art-doc-js .art-doc-section { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
.art-doc-js .art-doc-section.art-doc-visible { opacity: 1; transform: none; }
.btn-group-inline { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.btn-primary-gradient { display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; background: linear-gradient(135deg, #4E1FA3 0%, #661EB9 100%); color: #fff; font-family: 'Exo 2', sans-serif; font-size: 15px; font-weight: 700; border-radius: 10px; border: none; cursor: pointer; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); letter-spacing: 0.3px; white-space: nowrap; position: relative; overflow: hidden; text-decoration: none; }
.btn-primary-gradient::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, #661EB9 0%, #A183E0 100%); opacity: 0; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.btn-primary-gradient:hover::before { opacity: 1; }
.btn-primary-gradient span { position: relative; z-index: 1; }
.btn-outline-light { display: inline-flex; align-items: center; gap: 8px; padding: 13px 30px; background: transparent; color: #fff; font-family: 'Exo 2', sans-serif; font-size: 15px; font-weight: 700; border-radius: 10px; border: 1.5px solid rgba(255, 255, 255, 0.25); cursor: pointer; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); letter-spacing: 0.3px; white-space: nowrap; text-decoration: none; }
.btn-outline-light:hover { border-color: #A183E0; color: #A183E0; background: rgba(161, 131, 224, 0.08); }
@media (max-width: 991px) {
  .btn-primary-gradient, .btn-outline-light { padding: 12px 22px; font-size: 14px; width: 100%; justify-content: center; }
}
@media (max-width: 767px) {
  .btn-primary-gradient { font-size: 13px; padding: 11px 20px; }
  .btn-outline-light { font-size: 13px; padding: 10px 18px; }
}
@media (max-width: 576px) {
  .btn-primary-gradient { font-size: 12px; padding: 10px 16px; }
  .btn-outline-light { font-size: 12px; padding: 9px 14px; }
  .btn-primary-gradient, .btn-outline-light { display: inline-flex !important; width: 100% !important; justify-content: center !important; text-align: center !important; white-space: normal !important; }
}
.metaverse_heading h2, .metaverse_heading h3, .common-sub-heading h2 { margin-bottom: 20px !important; }
.project-section { background: none; }
/* Cybersecurity layout adapted from aa-cyber.html; scoped to new content. */
.cyber-page { --bx-bg: #040914; --bx-text: #d9d9d9; --bx-gold: #f5d255; --bx-teal: #36e7c4; --bx-violet: #4e1fa3; --bx-violet-2: #562caf; --bx-grad: linear-gradient(89.98deg, #f5d255 -3.37%, #36e7c4 99.98%); --bx-line: rgba(217, 217, 217, .14); --bx-max: 1240px; }
.cyber-page *, .cyber-page *::before, .cyber-page *::after { box-sizing: border-box; }
.cyber-page img { max-width: 100%; height: auto; display: block; }
.cyber-page a { color: inherit; text-decoration: none; }
.cyber-page h1, .cyber-page h2, .cyber-page h3, .cyber-page h4 { margin: 0; font-weight: 600; line-height: 1.25; color: var(--bx-text); }
.cyber-page p { font-family: Epilogue, system-ui, sans-serif; font-weight: 300; margin: 0 0 16px; }
.cyber-page ul, .cyber-page ol { margin: 0; padding: 0; }
.cyber-page button { font: inherit; color: inherit; }
.cyber-page .bx-grid { display: grid; gap: 24px; }
.cyber-page .bx-grid-2 { grid-template-columns: repeat(2, 1fr); }
.cyber-page .bx-grid-3 { grid-template-columns: repeat(3, 1fr); }
.cyber-page .bx-grid-4 { grid-template-columns: repeat(4, 1fr); }
.cyber-page .bx-split { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.cyber-page .bx-split-7-5 { grid-template-columns: 1.25fr 1fr; }
.cyber-page .bx-split-5-7 { grid-template-columns: 1fr 1.4fr; align-items: start; }
.cyber-page .bx-hero { position: relative; padding: 40px 0 70px; overflow: hidden; }
.cyber-page .bx-hero::before { content: ""; position: absolute; top: -320px; left: -120px; width: 620px; height: 620px; border-radius: 50%; border: 1px solid #d9d9d9; opacity: .1; pointer-events: none; }
.cyber-page .bx-hero .bx-glow { position: absolute; width: 300px; height: 300px; top: 12%; left: -70px; background: linear-gradient(119.99deg, #7ba49a 21.9%, #159777 125.17%); filter: blur(180px); z-index: 0; pointer-events: none; }
.cyber-page .bx-hero h1 { font-size: 52px; line-height: 1.15; padding-bottom: 18px; }
.cyber-page .bx-hero h1 span { background: var(--bx-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.cyber-page .bx-hero-sub { font-size: 18px; color: var(--bx-text); opacity: .85; max-width: 620px; margin: 0 0 28px; }
.cyber-page .bx-hero-cta { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 34px; }
.cyber-page .bx-btn { font-family: Syne, sans-serif; font-weight: 600; font-size: 16px; border-radius: 8px; padding: 13px 24px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: all .3s ease; border: 1px solid transparent; cursor: pointer; text-align: center; }
.cyber-page .bx-btn-primary { background: var(--bx-grad); color: #040914; }
.cyber-page .bx-btn-primary:hover { filter: brightness(1.08); transform: translateY(-2px); }
.cyber-page .bx-btn-ghost { background: rgba(54, 231, 196, .08); border-color: var(--bx-teal); color: var(--bx-text); }
.cyber-page .bx-btn-ghost:hover { background: var(--bx-teal); color: #040914; }
@media (max-width:1199px) {
  .cyber-page .bx-hero h1 { font-size: 44px; }
}
@media (max-width:991px) {
  .cyber-page .bx-split, .cyber-page .bx-split-7-5, .cyber-page .bx-split-5-7 { grid-template-columns: 1fr; gap: 34px; }
  .cyber-page .bx-grid-3, .cyber-page .bx-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .cyber-page .bx-hero h1 { font-size: 35px; }
  .cyber-page .bx-hero-sub { font-size: 16px; }
}
@media (max-width:767px) {
  .cyber-page .bx-grid-2, .cyber-page .bx-grid-3, .cyber-page .bx-grid-4 { grid-template-columns: 1fr; }
  .cyber-page .bx-hero { padding: 24px 0 40px; }
  .cyber-page .bx-hero h1 { font-size: 30px; }
  .cyber-page .bx-hero-cta { flex-direction: column; }
  .cyber-page .bx-hero-cta .bx-btn { width: 100%; }
}
@media (max-width:575px) {
  .cyber-page .bx-hero h1 { font-size: 24px; }
}
.cyber-page .bx-section { padding: 70px 0; position: relative; }
.cyber-page .bx-section-alt { background: rgba(255, 255, 255, .045); }
.cyber-page .bx-heading { text-align: center; max-width: 900px; margin: 0 auto; }
.cyber-page .bx-heading h2 { font-size: 40px; line-height: 1.35; }
.cyber-page h2 span, .cyber-page .bx-heading h2 span, .cyber-page .bx-hero h2 span, .cyber-page .bx-cta h2 span { background: var(--bx-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: inline; }
.cyber-page .bx-heading h3 { font-size: 32px; line-height: 1.35; }
.cyber-page .bx-heading.left { text-align: left; margin: 0; }
.cyber-page .bx-grad { background: var(--bx-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.cyber-page .bx-intro { margin: 16px auto 0; text-align: center; opacity: .85; }
.cyber-page .bx-pt-46 { padding-top: 46px; }
.cyber-page .bx-card { height: 100%; padding: 30px; border-radius: 12px; background: rgba(255, 255, 255, .03); border: 1px solid var(--bx-line); transition: transform .3s ease, border-color .3s ease, background .3s ease; }
.cyber-page .bx-card:hover { background: rgba(78, 31, 163, .12); border-color: var(--bx-violet-2); transform: translateY(-4px); }
.cyber-page .bx-card h3 { font-size: 21px; line-height: 1.4; padding-bottom: 10px; background: var(--bx-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.cyber-page .bx-card p { margin: 0; opacity: .82; }
.cyber-page .why-icon { width: 48px; height: 48px; border-radius: 12px; background: rgba(54, 231, 196, 0.08); border: 1px solid rgba(54, 231, 196, 0.22); display: flex; align-items: center; justify-content: center; color: var(--bx-teal); margin-bottom: 20px; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
.cyber-page .why-icon svg { width: 24px; height: 24px; fill: currentColor; transition: transform 0.35s ease; }
.cyber-page .bx-card:hover .why-icon { background: var(--bx-grad); color: #040914; border-color: transparent; transform: scale(1.08); box-shadow: 0 4px 18px rgba(54, 231, 196, 0.3); }
.cyber-page .bx-card:hover .why-icon svg { transform: scale(1.06); }
/* Why Choose Us Section - Left Aligned Heading/Content & Compact 4-Box Grid */
.cyber-page #why-us .bx-heading.left { text-align: left; margin: 0; max-width: 100%; }
.cyber-page #why-us .bx-heading h2 { text-align: left; margin: 0 0 16px; }
.cyber-page #why-us .bx-heading p, .cyber-page #why-us .bx-intro { text-align: left; margin: 0 0 14px; }
.cyber-page #why-us .bx-heading p:last-child, .cyber-page #why-us .bx-intro:last-of-type { margin-bottom: 0; }
.cyber-page #why-us .bx-pt-46 { padding-top: 28px; }
.cyber-page #why-us .bx-grid-4 { column-gap: 18px; row-gap: 18px; }
.cyber-page #why-us .bx-card { padding: 20px 18px 18px; border-radius: 12px; }
.cyber-page #why-us .why-icon { width: 40px; height: 40px; border-radius: 10px; margin-bottom: 12px; }
.cyber-page #why-us .why-icon svg { width: 20px; height: 20px; }
.cyber-page #why-us .bx-card h3 { font-size: 17.5px; font-weight: 600; line-height: 1.35; padding-bottom: 0; margin: 0 0 6px; }
.cyber-page #why-us .bx-card p { font-size: 14px !important; line-height: 1.5; opacity: 0.82; margin: 0; }
.cyber-page .bx-covers { margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(217, 217, 217, .12); font-size: 15px !important; color: #D9D9D9; }
.cyber-page .bx-covers strong { color: var(--bx-gold); font-weight: 600; }
.cyber-page .bx-steps { list-style: none; }
.cyber-page .bx-step { display: flex; gap: 22px; padding: 26px 0; border-bottom: 1px solid var(--bx-line); }
.cyber-page .bx-step:last-child { border-bottom: 0; }
.cyber-page .bx-step-num { flex: 0 0 52px; height: 52px; width: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--bx-teal); background: linear-gradient(145deg, #101c36, #070d1a); border: 1.5px solid rgba(54, 231, 196, 0.3); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4), 0 0 16px rgba(54, 231, 196, 0.12); transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); flex-shrink: 0; }
.cyber-page .bx-step-num svg { width: 24px; height: 24px; fill: currentColor; transition: transform 0.3s ease; }
.cyber-page .bx-step:hover .bx-step-num { transform: scale(1.08); background: linear-gradient(145deg, rgba(54, 231, 196, 0.18), rgba(78, 31, 163, 0.3)); border-color: var(--bx-teal); color: #ffffff; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 24px rgba(54, 231, 196, 0.35); }
.cyber-page .bx-step:hover .bx-step-num svg { transform: scale(1.08); }
.cyber-page .bx-step h3 { font-family: "Exo 2", sans-serif; font-size: 22px; font-weight: 600; line-height: 1.35; padding-bottom: 8px; margin: 0 0 8px; background: var(--bx-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: inline-block; }
.cyber-page .bx-step p { margin: 0; opacity: .82; }
.cyber-page .cyber-process-art { margin-top: 28px; text-align: center; }
.cyber-page .cyber-process-art img { width: 100%; max-width: 440px; height: auto; object-fit: contain; display: block; margin: 0 auto; filter: drop-shadow(0 12px 32px rgba(54, 231, 196, 0.12)); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), filter 0.4s ease; }
.cyber-page .cyber-process-art img:hover { transform: translateY(-4px) scale(1.02); filter: drop-shadow(0 16px 40px rgba(54, 231, 196, 0.22)); }
.cyber-page .bx-sticky { position: sticky; top: 40px; }
/* Category Filter Bar */
.cyber-page .risk-filter-bar { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; margin: 28px auto 0; max-width: 880px; }
.cyber-page .risk-filter-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: 999px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(217, 217, 217, 0.14); color: var(--bx-text); font-family: "Exo 2", sans-serif; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); outline: none; }
.cyber-page .risk-filter-btn:hover { background: rgba(54, 231, 196, 0.08); border-color: rgba(54, 231, 196, 0.35); color: #ffffff; transform: translateY(-2px); }
.cyber-page .risk-filter-btn.is-active { background: linear-gradient(135deg, rgba(54, 231, 196, 0.18), rgba(78, 31, 163, 0.25)); border-color: var(--bx-teal); color: #ffffff; box-shadow: 0 0 20px rgba(54, 231, 196, 0.2); }
.cyber-page .risk-count { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: rgba(255, 255, 255, 0.08); font-size: 11px; font-weight: 700; color: var(--bx-gold); }
.cyber-page .risk-filter-btn.is-active .risk-count { background: var(--bx-teal); color: #040914; }
/* Interactive Threat HUD Card */
.cyber-page .bx-risk { position: relative; height: 100%; padding: 30px 28px 26px; border-radius: 16px; background: #0a1122; border: 1px solid rgba(217, 217, 217, 0.12); display: flex; flex-direction: column; justify-content: space-between; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); cursor: pointer; outline: none; }
/* Dynamic Cursor Spotlight Effect */
.cyber-page .bx-risk::before { content: ""; position: absolute; inset: 0; border-radius: 16px; padding: 1.5px; background: radial-gradient(
    400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
    rgba(54, 231, 196, 0.65),
    rgba(78, 31, 163, 0.35) 40%,
    transparent 70%
  ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity 0.35s ease; pointer-events: none; }
.cyber-page .bx-risk:hover::before { opacity: 1; }
.cyber-page .bx-risk:hover { transform: translateY(-5px); background: linear-gradient(145deg, rgba(16, 25, 48, 0.95), rgba(10, 17, 34, 0.98)); border-color: rgba(54, 231, 196, 0.35); box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45), 0 0 24px rgba(54, 231, 196, 0.12); }
.cyber-page .risk-icon { width: 48px; height: 48px; border-radius: 12px; background: rgba(54, 231, 196, 0.08); border: 1px solid rgba(54, 231, 196, 0.22); display: flex; align-items: center; justify-content: center; color: var(--bx-teal); transition: all 0.35s ease; flex-shrink: 0; margin-bottom: 20px; }
.cyber-page .risk-icon svg { width: 24px; height: 24px; fill: currentColor; transition: transform 0.35s ease; }
.cyber-page .bx-risk:hover .risk-icon { background: var(--bx-grad); color: #040914; border-color: transparent; transform: scale(1.08); }
/* Card Typography */
.cyber-page .bx-risk h3 { font-family: "Exo 2", sans-serif; font-size: 20px; font-weight: 600; line-height: 1.35; color: #ffffff; margin: 0 0 12px; padding: 0; transition: color 0.3s ease; }
.cyber-page .bx-risk:hover h3, .cyber-page .bx-risk.is-inspected h3 { color: var(--bx-teal); }
.cyber-page .bx-risk p { font-family: "Epilogue", sans-serif; font-size: 15px; line-height: 1.6; color: rgba(210, 218, 235, 0.78); margin: 0 0 22px; opacity: 1; }
/* Solution Footer Badge */
.cyber-page .bx-addressed { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 8px; background: rgba(54, 231, 196, 0.06); border: 1px solid rgba(54, 231, 196, 0.2); font-size: 13px !important; color: var(--bx-text); margin: 0 !important; width: fit-content; transition: all 0.3s ease; }
.cyber-page .bx-risk:hover .bx-addressed, .cyber-page .bx-risk.is-inspected .bx-addressed { background: rgba(54, 231, 196, 0.12); border-color: rgba(54, 231, 196, 0.4); box-shadow: 0 0 16px rgba(54, 231, 196, 0.1); }
.cyber-page .risk-shield { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; color: var(--bx-teal); flex-shrink: 0; }
.cyber-page .risk-shield svg { width: 16px; height: 16px; fill: currentColor; }
.cyber-page .bx-addressed strong { color: var(--bx-teal); font-weight: 600; }
.cyber-page .bx-pills { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
.cyber-page .bx-pill { padding: 12px 22px; border-radius: 40px; border: 1px solid rgba(217, 217, 217, .2); background: rgba(255, 255, 255, .03); font-family: Epilogue, sans-serif; font-size: 16px; transition: all .3s ease; }
.cyber-page .bx-pill:hover { border-color: var(--bx-teal); color: var(--bx-teal); background: rgba(54, 231, 196, .08); }
.cyber-page .bx-award-list { list-style: none; margin: 18px 0 0; }
.cyber-page .bx-award-list li { position: relative; padding: 0 0 10px 26px; font-family: Epilogue, sans-serif; font-weight: 300; opacity: .86; }
.cyber-page .bx-award-list li::before { content: ""; position: absolute; left: 0; top: 10px; width: 10px; height: 10px; border-radius: 50%; background: var(--bx-grad); }
.cyber-page .bx-acc { max-width: 960px; margin: 0 auto; }
.cyber-page .bx-acc-item { margin-bottom: 15px; border: 1px solid var(--bx-teal); border-radius: 8px; overflow: hidden; }
.cyber-page .bx-acc-btn { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 16px; text-align: left; background: transparent; border: 0; padding: 18px 22px; font-family: "Exo 2", sans-serif; font-weight: 600; font-size: 20px; line-height: 1.4; cursor: pointer; transition: background .25s ease; }
.cyber-page .bx-acc-btn:hover { background: rgba(54, 231, 196, .06); }
.cyber-page .bx-acc-btn[aria-expanded="true"] { background: rgba(54, 231, 196, .1); }
.cyber-page .bx-acc-btn .bx-chev { flex: 0 0 auto; width: 14px; height: 14px; border-right: 2px solid var(--bx-teal); border-bottom: 2px solid var(--bx-teal); transform: rotate(45deg); transition: transform .3s ease; margin-bottom: 4px; }
.cyber-page .bx-acc-btn[aria-expanded="true"] .bx-chev { transform: rotate(-135deg); margin: 4px 0 0; }
.cyber-page .bx-cta { padding: 30px 40px; border-radius: 16px; background: rgba(78, 31, 163, .14); border: 1px solid var(--bx-violet); text-align: center; }
.cyber-page .bx-cta h2 { font-size: 34px; line-height: 1.35; padding-bottom: 14px; }
.cyber-page .bx-cta>p { max-width: 760px; margin: 0 auto 28px; opacity: .85; }
.cyber-page .bx-bru-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.cyber-page .bx-bru-card { border: 1px solid rgba(217, 217, 217, .18); background: #0a1122; padding: 28px 26px; height: 100%; box-shadow: 6px 6px 0 rgba(78, 31, 163, .55); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; display: flex; flex-direction: column; align-items: flex-start; }
.cyber-page .bx-bru-card:hover { transform: translate(-3px, -3px); border-color: rgba(54, 231, 196, .55); box-shadow: 9px 9px 0 rgba(54, 231, 196, .28); }
.cyber-page .bx-bru-card .bx-no { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .1em; color: var(--bx-teal); padding: 4px 11px; border-radius: 4px; background: rgba(54, 231, 196, .1); border: 1px solid rgba(54, 231, 196, .28); margin-bottom: 20px; }
.cyber-page .bx-bru-card h3 { font-family: "Exo 2", sans-serif; font-size: 21px; font-weight: 600; line-height: 1.35; margin: 0 0 14px; padding: 0; background: var(--bx-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: block; }
.cyber-page .bx-bru-card p { font-family: Epilogue, sans-serif; font-weight: 300; line-height: 1.65; opacity: .82; margin: 0; }
.cyber-page .bx-wiz { max-width: 860px; margin: 44px auto 0; border: 1px solid var(--bx-violet); border-radius: 18px; overflow: hidden; background: rgba(78, 31, 163, .08); }
.cyber-page .bx-wiz-bar { height: 4px; background: rgba(255, 255, 255, .07); }
.cyber-page .bx-wiz-bar i { display: block; height: 100%; background: var(--bx-grad); transition: width .4s cubic-bezier(.4, 0, .2, 1); }
.cyber-page .bx-wiz-in { padding: 40px; }
.cyber-page .bx-wiz-meta { display: flex; justify-content: space-between; font-size: 13px; letter-spacing: .04em; opacity: .5; margin-bottom: 22px; }
.cyber-page .bx-wstep { display: none; }
.cyber-page .bx-wstep.on { display: block; animation: bxwfade .35s ease; }
@keyframes bxwfade {
  from { opacity: 0; transform: translateX(14px); }
  to { opacity: 1; transform: none; }
}
.cyber-page .bx-wstep h3 { font-size: 26px; font-weight: 600; margin-bottom: 8px; color: var(--bx-text); }
.cyber-page .bx-wstep>p { opacity: .65; margin-bottom: 24px; }
.cyber-page .bx-choices { display: grid; gap: 12px; }
.cyber-page .bx-choice { display: flex; gap: 16px; align-items: flex-start; padding: 18px 20px; border-radius: 12px; border: 1px solid var(--bx-line); background: rgba(255, 255, 255, .03); cursor: pointer; transition: border-color .2s, background .2s; }
.cyber-page .bx-choice:hover { border-color: var(--bx-teal); background: rgba(54, 231, 196, .05); }
.cyber-page .bx-choice input { position: absolute; opacity: 0; width: 0; height: 0; }
.cyber-page .bx-choice .bx-rd { flex: 0 0 20px; width: 20px; height: 20px; border-radius: 50%; border: 2px solid rgba(217, 217, 217, .35); margin-top: 3px; position: relative; transition: .2s; }
.cyber-page .bx-choice input:checked~.bx-rd { border-color: var(--bx-teal); }
.cyber-page .bx-choice input:checked~.bx-rd::after { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: var(--bx-teal); }
.cyber-page .bx-choice input:checked~.bx-ct strong { color: var(--bx-teal); }
.cyber-page .bx-choice:has(input:checked) { border-color: var(--bx-teal); background: rgba(54, 231, 196, .08); }
.cyber-page .bx-choice input:focus-visible~.bx-rd { outline: 2px solid var(--bx-gold); outline-offset: 3px; }
.cyber-page .bx-ct strong { display: block; font-family: "Exo 2", sans-serif; font-size: 17px; font-weight: 600; margin-bottom: 3px; }
.cyber-page .bx-ct span { font-family: Epilogue, sans-serif; font-weight: 300; font-size: 15px; opacity: .65; }
.cyber-page .bx-wiz-nav { display: flex; justify-content: space-between; gap: 14px; margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--bx-line); }
.cyber-page .bx-wiz-nav.is-result { justify-content: flex-end; }
.cyber-page .bx-wiz-result { text-align: center; padding: 10px 0; }
.cyber-page .bx-wiz-result .bx-rt { font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--bx-gold); }
.cyber-page .bx-wiz-result #bx-w-tier { font-size: 30px; font-weight: 600; margin: 12px 0 6px; color: var(--bx-text); }
.cyber-page .bx-wiz-result .bx-rn { font-size: 38px; font-weight: 700; margin-bottom: 10px; }
.cyber-page .bx-wiz-result>p { opacity: .75; }
.cyber-page .bx-wiz-recap { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 22px 0 26px; }
.cyber-page .bx-wiz-recap span { font-family: Epilogue, sans-serif; font-weight: 300; font-size: 13px; padding: 5px 13px; border-radius: 20px; border: 1px solid var(--bx-line); opacity: .72; }
.cyber-page .bx-wiz-cta { margin: 8px 0 14px; display: flex; justify-content: center; }
.cyber-page .bx-wiz-cta .bx-btn { padding: 14px 34px; font-size: 15px; display: inline-flex; align-items: center; justify-content: center; }
@media (max-width: 1199px) {
  .cyber-page .bx-bru-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 991px) {
  .cyber-page .bx-wiz-in { padding: 28px; }
}
@media (max-width: 767px) {
  .cyber-page .bx-bru-grid { grid-template-columns: 1fr; }
  .cyber-page .bx-bru-card { box-shadow: 4px 4px 0 rgba(78, 31, 163, .55); padding: 16px 14px; }
  .cyber-page .bx-bru-card h3 { font-size: 17px; }
  .cyber-page .bx-wiz-in { padding: 16px 14px; }
  .cyber-page .bx-wstep h3 { font-size: 17px; }
  .cyber-page .bx-wiz-result #bx-w-tier { font-size: 18px; }
  .cyber-page .bx-wiz-result .bx-rn { font-size: 24px; }
  .cyber-page .bx-wiz-nav { flex-direction: column-reverse; }
  .cyber-page .bx-wiz-nav .bx-btn, .cyber-page .bx-wiz-cta .bx-btn { width: 100%; }
}
@media (max-width:1199px) {
  .cyber-page .bx-heading h2 { font-size: 34px; }
  .cyber-page .bx-cta { padding: 48px 36px; }
  .cyber-page .bx-cta h2 { font-size: 30px; }
}
@media (max-width:991px) {
  .cyber-page .bx-section { padding: 50px 0; }
  .cyber-page .bx-heading h2 { font-size: 30px; }
  .cyber-page .bx-heading h3 { font-size: 26px; }
  .cyber-page .bx-card { padding: 24px; }
  .cyber-page .bx-sticky { position: static; }
  .cyber-page .bx-acc-btn { font-size: 18px; }
}
@media (max-width:767px) {
  .cyber-page .bx-heading h2 { font-size: 22px; }
  .cyber-page .bx-card { padding: 16px 14px; }
  .cyber-page .bx-card h3 { font-size: 17px; padding-bottom: 4px; margin-bottom: 6px; }
  .cyber-page .bx-step { gap: 12px; padding: 14px 0; }
  .cyber-page .bx-step-num { flex: 0 0 36px; width: 36px; height: 36px; font-size: 14px; }
  .cyber-page .bx-step-num svg { width: 17px; height: 17px; }
  .cyber-page .bx-cta { padding: 24px 16px; }
  .cyber-page .bx-cta h2 { font-size: 20px; }
  .cyber-page .bx-acc-btn { font-size: 15px; padding: 13px 14px; }
}
@media (max-width:575px) {
  .cyber-page .bx-section { padding: 40px 0; }
}
@media (prefers-reduced-motion:reduce) {
  .cyber-page * { transition: none !important; }
  .cyber-page .bx-card:hover, .cyber-page .bx-bru-card:hover, .cyber-page .bx-btn-primary:hover { transform: none !important; }
}
/* Typography and rhythm mirror art-tokenization.css and common.css. */
.cyber-page { --cyber-h1: 52px; --cyber-h1-line: 60px; --cyber-h2: 40px; --cyber-h2-line: 56px; --cyber-card-title: 20px; --cyber-faq: 24px; --cyber-copy: 18px; }
.cyber-page .container { position: relative; z-index: 1; }
.cyber-page .bx-hero { padding: 80px 0; }
.cyber-page .bx-hero h1 { font-family: "Exo 2", sans-serif; font-size: var(--cyber-h1); font-weight: 600; line-height: var(--cyber-h1-line); padding-bottom: 16px; }
.cyber-page .bx-hero h1 { background: var(--bx-grad); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.cyber-page .bx-hero h2 { font-family: "Exo 2", sans-serif; font-size: 26px; font-weight: 600; line-height: 1.3; margin: 0; padding-bottom: 20px; }
.cyber-page .bx-section { padding: 70px 0; scroll-margin-top: 100px; }
.cyber-page .bx-heading h2 { font-family: "Exo 2", sans-serif; font-size: var(--cyber-h2); line-height: var(--cyber-h2-line); font-weight: 600; padding: 0; margin: 0 0 20px; }
.cyber-page .bx-heading { max-width: 1100px; }
.cyber-page .bx-intro { margin: 0 auto; }
.cyber-page p { font-family: Epilogue, sans-serif; font-weight: 300; font-size: var(--cyber-copy) !important; line-height: 1.6; }
.cyber-page .bx-heading.left p+p { margin-top: 16px; }
.cyber-page .bx-card, .cyber-page .bx-bru-card, .cyber-page .bx-risk { padding: 28px 24px; min-width: 0; }
.cyber-page :is(.bx-card, .bx-bru-card, .bx-risk, .bx-step) h3 { font-family: "Exo 2", sans-serif; font-size: var(--cyber-card-title); font-weight: 500; line-height: 1.35; padding-bottom: 10px; margin: 0 0 10px; }
.cyber-page .bx-bru-card h3 { font-weight: 600; background: var(--bx-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: block; margin: 0 0 14px; padding-bottom: 0; }
.cyber-page .bx-step h3 { font-weight: 600; background: var(--bx-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: inline-block; }
.cyber-page .bx-bru-card .bx-no { display: inline-block; margin-bottom: 20px; }
.cyber-page :is(.bx-card, .bx-bru-card, .bx-risk) p { line-height: 1.7; }
.cyber-page .bx-pt-46, .cyber-page .bx-bru-grid { padding-top: 60px; }
.cyber-page .bx-grid, .cyber-page .bx-bru-grid { column-gap: 24px; row-gap: 48px; }
.cyber-page .bx-sticky { top: 110px; align-self: start; }
.cyber-page .bx-split>* { min-width: 0; }
.cyber-page .bx-hero-cta { gap: 14px; }
.cyber-page .bx-btn { font-family: "Exo 2", sans-serif; font-size: 15px; font-weight: 700; padding: 14px 32px; border-radius: 10px; text-decoration: none; }
.cyber-page .bx-btn-primary { background: linear-gradient(135deg, #4e1fa3, #661eb9); color: #fff; }
.cyber-page .bx-btn-ghost { background: transparent; border: 1.5px solid rgba(255, 255, 255, .25); padding: 13px 30px; color: #fff; }
.cyber-page .bx-btn:focus-visible, .cyber-page summary:focus-visible { outline: 2px solid #36e7c4; outline-offset: 4px; }
.cyber-page .bx-btn:disabled { cursor: default; opacity: .4; }
.cyber-page .cyber-hero-art img { width: 100%; height: auto; margin: auto; object-fit: contain; }
.cyber-page .bx-wstep { display: block; border: 0; margin: 0 0 28px; padding: 0; min-width: 0; }
.cyber-page.cyber-wizard-ready .bx-wstep:not(.on) { display: none; }
.cyber-page:not(.cyber-wizard-ready) .bx-wstep[data-step="5"] { display: none; }
.cyber-page .bx-wstep legend { float: none; width: 100%; font-size: var(--cyber-card-title); font-weight: 600; margin: 0 0 24px; line-height: 1.4; }
.cyber-page .bx-wiz-nav[hidden] { display: none; }
.cyber-page .cyber-price { display: flex; flex-direction: column; }
.cyber-page .cyber-price .cyber-best { margin-top: 16px; }
.cyber-page .cyber-price-value { font-size: 28px; font-weight: 600; color: #36e7c4; margin-top: 24px; }
.cyber-page .cyber-price .bx-award-list { flex: 1; margin-bottom: 24px; }
.cyber-page .bx-award-list li, .cyber-page .bx-pill { font-size: var(--cyber-copy); }
.cyber-page .cyber-industry-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.cyber-page .cyber-industry-card { position: relative; background: #0a1122; border: 1px solid rgba(217, 217, 217, 0.14); border-radius: 16px; padding: 22px 24px; display: flex; flex-direction: row; align-items: center; gap: 18px; min-height: 102px; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); }
.cyber-page .cyber-industry-card::before { content: ""; position: absolute; inset: 0; border-radius: 16px; padding: 1.5px; background: linear-gradient(135deg, rgba(54, 231, 196, 0.6), rgba(78, 31, 163, 0.4), transparent 70%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity 0.35s ease; pointer-events: none; }
.cyber-page .cyber-industry-card::after { content: ""; position: absolute; top: -40px; right: -40px; width: 100px; height: 100px; background: radial-gradient(circle, rgba(54, 231, 196, 0.18), transparent 70%); border-radius: 50%; opacity: 0; transition: opacity 0.35s ease; pointer-events: none; }
.cyber-page .cyber-industry-card:hover { transform: translateY(-4px); background: linear-gradient(145deg, rgba(16, 25, 48, 0.95), rgba(10, 17, 34, 0.95)); border-color: rgba(54, 231, 196, 0.4); box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45), 0 0 24px rgba(54, 231, 196, 0.12); }
.cyber-page .cyber-industry-card:hover::before, .cyber-page .cyber-industry-card:hover::after { opacity: 1; }
.cyber-page .cic-icon { width: 50px; height: 50px; border-radius: 12px; background: rgba(54, 231, 196, 0.08); border: 1px solid rgba(54, 231, 196, 0.22); display: flex; align-items: center; justify-content: center; color: var(--bx-teal); flex-shrink: 0; transition: all 0.35s ease; }
.cyber-page .cic-icon svg { width: 24px; height: 24px; fill: currentColor; transition: transform 0.35s ease; }
.cyber-page .cyber-industry-card:hover .cic-icon { background: var(--bx-grad); color: #040914; border-color: transparent; transform: scale(1.06); }
.cyber-page .cyber-industry-card:hover .cic-icon svg { transform: scale(1.08); }
.cyber-page .cic-title { font-family: "Exo 2", sans-serif; font-size: 19px; font-weight: 600; line-height: 1.35; color: var(--bx-text); margin: 0; padding: 0; transition: color 0.3s ease; }
.cyber-page .cyber-industry-card:hover .cic-title { color: #ffffff; }
.cyber-page .cic-title a { color: inherit; text-decoration: none; transition: color 0.2s ease; display: inline-flex; align-items: center; gap: 6px; }
.cyber-page .cic-title a:hover { color: var(--bx-teal); }
@media (max-width: 991px) and (min-width: 768px) {
  .cyber-page .cyber-industry-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .cyber-page .cyber-industry-card { padding: 16px 18px; min-height: 84px; gap: 14px; }
  .cyber-page .cic-title { font-size: 17px; }
}
@media (max-width: 767px) {
  .cyber-page .cyber-industry-grid { grid-template-columns: 1fr; gap: 10px; }
  .cyber-page .cyber-industry-card { padding: 12px 14px; min-height: auto; border-radius: 12px; gap: 12px; }
  .cyber-page .cic-icon { width: 38px; height: 38px; border-radius: 10px; }
  .cyber-page .cic-icon svg { width: 18px; height: 18px; }
  .cyber-page .cic-title { font-size: 15px; }
}
.cyber-page .bx-acc-btn { font-size: var(--cyber-faq); line-height: 1.3; font-weight: 600; list-style: none; }
.cyber-page .bx-acc-btn::-webkit-details-marker { display: none; }
.cyber-page .bx-acc-item[open] { background: rgba(54, 231, 196, .1); }
.cyber-page .bx-acc-item[open] .bx-chev { transform: rotate(-135deg); }
.cyber-page .cyber-faq-answer { padding: 0 22px 18px; }
.cyber-page .cyber-faq-answer p { margin: 0; }
.cyber-page .bx-cta h2 { font-size: var(--cyber-h2); font-weight: 600; line-height: var(--cyber-h2-line); margin-bottom: 0px; }
.cyber-page .bx-cta .cyber-cta-note { margin: 18px auto 0; }
@media (max-width:1199px) {
  .cyber-page { --cyber-h1: 45px; --cyber-h1-line: 1.3; --cyber-h2: 34px; --cyber-h2-line: 1.3; }
  .cyber-page .bx-hero { padding: 70px 0; }
  .cyber-page .bx-pt-46, .cyber-page .bx-bru-grid { padding-top: 50px; }
}
@media (max-width:991px) {
  .cyber-page { --cyber-h1: 35px; --cyber-h2: 30px; --cyber-faq: 20px; --cyber-copy: 16px; }
  .cyber-page .bx-section { padding: 50px 0 40px; }
  .cyber-page p { line-height: 1.5; }
  .cyber-page .bx-pt-46, .cyber-page .bx-bru-grid { padding-top: 40px; }
  .cyber-page .bx-sticky { position: static; }
  .cyber-page .bx-btn { width: 100%; font-size: 14px; padding: 12px 22px; }
  .cyber-page .bx-hero-cta { flex-direction: column; }
  .cyber-page .cyber-hero-art img { max-width: 360px; }
}
@media (max-width:767px) {
  .cyber-page { --cyber-h1: 26px; --cyber-h1-line: 1.25; --cyber-h2: 22px; --cyber-h2-line: 1.3; --cyber-card-title: 17px; --cyber-faq: 15px; --cyber-copy: 14px; }
  .cyber-page .bx-hero { padding: 36px 0 28px; }
  .cyber-page .bx-hero h1 { font-size: var(--cyber-h1); line-height: var(--cyber-h1-line); padding-bottom: 8px; }
  .cyber-page .bx-hero h2 { font-size: 16px; line-height: 1.3; padding-bottom: 10px; }
  .cyber-page .bx-hero p { font-size: 13.5px !important; line-height: 1.5; }
  .cyber-page .bx-hero-cta { gap: 10px; margin-top: 14px; }
  .cyber-page .bx-section { padding: 38px 0; scroll-margin-top: 70px; }
  .cyber-page .bx-heading h2 { font-size: var(--cyber-h2); line-height: var(--cyber-h2-line); margin: 0 0 10px; }
  .cyber-page .bx-intro { font-size: 13.5px !important; line-height: 1.5; }
  .cyber-page .bx-heading.left p+p { margin-top: 10px; }
  .cyber-page .bx-pt-46, .cyber-page .bx-bru-grid { padding-top: 24px; }
  .cyber-page .bx-grid, .cyber-page .bx-bru-grid { row-gap: 16px; column-gap: 16px; }
  .cyber-page .bx-card, .cyber-page .bx-bru-card, .cyber-page .bx-risk { padding: 13px 13px 11px; border-radius: 10px; }
  .cyber-page :is(.bx-card, .bx-bru-card, .bx-risk, .bx-step) h3 { font-size: 16px; line-height: 1.3; padding-bottom: 0; margin: 0 0 4px; }
  .cyber-page :is(.bx-card, .bx-bru-card, .bx-risk) p { font-size: 12.5px !important; line-height: 1.4; }
  .cyber-page .bx-covers { margin-top: 8px; padding-top: 8px; font-size: 12px !important; line-height: 1.35; }
  .cyber-page .why-icon { width: 32px; height: 32px; border-radius: 8px; margin-bottom: 8px; }
  .cyber-page .why-icon svg { width: 16px; height: 16px; }
  .cyber-page .bx-bru-card .bx-no { margin-bottom: 8px; font-size: 12px; }
  .cyber-page #why-us .bx-pt-46 { padding-top: 14px; }
  .cyber-page #why-us .bx-grid { row-gap: 10px; }
  .cyber-page .bx-step { gap: 12px; padding: 13px 0; }
  .cyber-page .bx-step-num { flex: 0 0 36px; width: 36px; height: 36px; font-size: 14px; }
  .cyber-page .bx-step-num svg { width: 17px; height: 17px; }
  .cyber-page .bx-step h3 { font-size: 16.5px; margin-bottom: 4px; padding-bottom: 0; }
  .cyber-page .bx-step p { font-size: 13.5px !important; line-height: 1.45; }
  .cyber-page .cyber-process-art { margin-top: 18px; }
  .cyber-page .cyber-process-art img { max-width: 320px; }
  .cyber-page .bx-risk { padding: 18px 16px 16px; border-radius: 14px; }
  .cyber-page .risk-icon { width: 38px; height: 38px; border-radius: 10px; margin-bottom: 12px; }
  .cyber-page .risk-icon svg { width: 18px; height: 18px; }
  .cyber-page .bx-risk p { margin: 0 0 14px; }
  .cyber-page .bx-addressed { padding: 6px 10px; font-size: 12px !important; border-radius: 6px; gap: 6px; }
  .cyber-page .risk-shield { width: 14px; height: 14px; }
  .cyber-page .risk-shield svg { width: 14px; height: 14px; }
  .cyber-page .risk-filter-bar { gap: 8px; margin: 18px auto 0; }
  .cyber-page .risk-filter-btn { padding: 6px 12px; font-size: 12.5px; gap: 6px; }
  .cyber-page .risk-count { min-width: 18px; height: 18px; font-size: 10px; padding: 0 4px; }
  .cyber-page .bx-pills { gap: 8px; }
  .cyber-page .bx-pill { padding: 6px 14px; font-size: 13px !important; }
  .cyber-page .bx-wiz-in { padding: 16px 14px; border-radius: 14px; }
  .cyber-page .bx-wiz-meta { font-size: 12px; margin-bottom: 12px; }
  .cyber-page .bx-wstep { margin: 0 0 14px; }
  .cyber-page .bx-wstep legend { font-size: 16px; margin: 0 0 14px; line-height: 1.35; }
  .cyber-page .bx-wstep h3 { font-size: 17px; margin-bottom: 4px; }
  .cyber-page .bx-wstep>p { font-size: 13px !important; margin-bottom: 14px; }
  .cyber-page .bx-choices { gap: 8px; }
  .cyber-page .bx-choice { padding: 11px 12px; gap: 10px; border-radius: 10px; min-height: auto; }
  .cyber-page .bx-choice .bx-rd { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 2px; }
  .cyber-page .bx-ct strong { font-size: 14.5px; line-height: 1.35; margin-bottom: 2px; }
  .cyber-page .bx-ct span { font-size: 12.5px; }
  .cyber-page .bx-wiz-nav { margin-top: 16px; padding-top: 14px; gap: 10px; }
  .cyber-page .bx-wiz-result { padding: 4px 0; }
  .cyber-page .bx-wiz-result #bx-w-tier { font-size: 18px; margin-bottom: 8px; }
  .cyber-page .bx-wiz-result .bx-rn { font-size: 24px; }
  .cyber-page .bx-wiz-pills { gap: 6px; margin-top: 12px; }
  .cyber-page .bx-wiz-pill { padding: 5px 9px; font-size: 12px; }
  .cyber-page .cyber-industry-grid { grid-template-columns: 1fr; gap: 10px; }
  .cyber-page .cyber-industry-card { padding: 12px 14px; min-height: auto; border-radius: 12px; gap: 12px; }
  .cyber-page .cic-icon { width: 38px; height: 38px; border-radius: 10px; }
  .cyber-page .cic-icon svg { width: 18px; height: 18px; }
  .cyber-page .cic-title { font-size: 15px; }
  .cyber-page #faq .bx-pt-46 { padding-top: 14px; }
  .cyber-page .bx-acc-item { margin-bottom: 8px; border-radius: 8px; }
  .cyber-page .bx-acc-btn { font-size: 13.5px; padding: 10px 12px; gap: 8px; line-height: 1.35; }
  .cyber-page .bx-acc-btn .bx-chev { width: 8px; height: 8px; border-width: 1.5px; margin-bottom: 2px; }
  .cyber-page .bx-acc-btn[aria-expanded="true"] .bx-chev, .cyber-page .bx-acc-item[open] .bx-chev { margin: 2px 0 0; }
  .cyber-page .cyber-faq-answer { padding: 0 12px 10px; }
  .cyber-page .cyber-faq-answer p { font-size: 12.5px !important; line-height: 1.4; }
  .project-section { padding: 16px 0 !important; }
  .project-section .expert-overall { padding: 0 4px; }
  .project-section .expert-digit { padding: 6px 2px; text-align: center; }
  .project-section .project-head { font-size: 24px !important; line-height: 1.15; margin-bottom: 2px; }
  .project-section .project-para { font-size: 12px !important; line-height: 1.3; margin: 0 !important; opacity: 0.85; }
  .section-sep { margin: 6px auto !important; }
  .about-section-clients { padding: 18px 0 12px !important; }
  .client-carousel { padding-bottom: 12px !important; }
  .metaverse_heading .h-3 { font-size: 20px !important; line-height: 1.3; }
  .cyber-page .bx-cta { padding: 20px 14px; border-radius: 12px; }
  .cyber-page .bx-cta h2 { font-size: 19px; line-height: 1.3; margin-bottom: 8px; }
  .cyber-page .bx-cta p { font-size: 13px !important; line-height: 1.4; }
  .cyber-page .bx-cta .cyber-cta-note { margin-top: 8px; font-size: 12px; }
  .cyber-page .bx-btn { font-size: 13px; padding: 9px 16px; border-radius: 8px; }
  .cyber-page .bx-btn-ghost { padding: 8px 14px; border-radius: 8px; }
}
@media (max-width:576px) {
  .cyber-page { --cyber-h1: 23px; --cyber-h2: 20px; --cyber-faq: 14.5px; --cyber-copy: 13.5px; }
  .cyber-page .bx-section { padding: 30px 0; }
  .cyber-page .bx-card, .cyber-page .bx-bru-card, .cyber-page .bx-risk { padding: 14px 12px; }
  .cyber-page .bx-choice { padding: 9px 11px; gap: 9px; }
  .cyber-page .bx-btn { font-size: 12px; padding: 9px 15px; }
  .cyber-page .bx-btn-ghost { padding: 8px 13px; }
  .cyber-page .bx-wiz-result .bx-rn { font-size: 22px; }
}
@media (max-width:480px) {
  .cyber-page .bx-section { padding: 26px 0; }
}
@media (max-width:425px) {
  .cyber-page { --cyber-copy: 13px; --cyber-faq: 14px; --cyber-card-title: 16px; }
}
@media (prefers-reduced-motion:reduce) {
  .cyber-page *, .cyber-page *::before, .cyber-page *::after { animation: none !important; transition: none !important; }
}
@media (max-width:400px) {
  .cyber-page { --cyber-h2-line: 1.2; }
}
/* Center the final pair in the three-column services layout. */
@media (min-width:1200px) {
  .cyber-page #services .bx-bru-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .cyber-page #services .bx-bru-card { grid-column: span 2; }
  .cyber-page #services .bx-bru-card:nth-last-child(2):nth-child(3n + 1) { grid-column: 2 / span 2; }
}
/* 2 - 3 - 2 layout with 2-box rows stretched to full width (50% each) */
@media (min-width: 992px) {
  .cyber-page #risks .bx-grid, .cyber-page #risks .bx-grid-3 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .cyber-page #risks .bx-risk { grid-column: span 2; }
  /* Row 1: 2 cards stretched to full width (50% each) */
  .cyber-page #risks .bx-grid:not(.is-filtered) .bx-risk:nth-child(1), .cyber-page #risks .bx-grid:not(.is-filtered) .bx-risk:nth-child(2) { grid-column: span 3; }
  /* Row 3: 2 cards stretched to full width (50% each) */
  .cyber-page #risks .bx-grid:not(.is-filtered) .bx-risk:nth-child(6), .cyber-page #risks .bx-grid:not(.is-filtered) .bx-risk:nth-child(7) { grid-column: span 3; }
  /* Filtered view adapts smoothly */
  .cyber-page #risks .bx-grid.is-filtered { grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }
  .cyber-page #risks .bx-grid.is-filtered .bx-risk { grid-column: auto; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cyber-page #risks .bx-risk:last-child:nth-child(2n + 1), .cyber-page #risks .bx-risk:nth-child(7) { grid-column: 1 / -1; max-width: 520px; margin-inline: auto; width: 100%; }
}

.cyber-page .bx-acc-btn > h3 { display: flex; align-items: center; justify-content: space-between; gap: inherit; width: 100%; margin: 0; padding: 0; font: inherit; color: inherit; }