*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#f5fbf8;color:#173447}img,picture,svg{max-width:100%}img{height:auto;display:block}figure{margin:0}.wrap,.container,.page-wrap,.section-inner,.hero-inner,.content-wrap{width:min(1120px,calc(100% - 40px));margin-left:auto;margin-right:auto}.hero img,.hero-media img,.hero-visual img,.hero-image img,.visual-card img,.media-card img,.image-card img,.feature-image img,.section-image img,.banner img,.cover img,.showcase img{max-width:100%;height:auto;display:block;object-position:center}.hero-media,.hero-visual,.hero-image,.visual-card,.media-card,.image-card,.feature-image,.section-image,.banner,.cover,.showcase{min-width:0;overflow:hidden}.object-contain img,.phone-visual img,.device-visual img,.feature-image img,.section-image img{object-fit:contain;max-height:520px;margin-left:auto;margin-right:auto}p,li,.card,.step-card,.info-card,.feature-card,.copy,.text,.section-copy,.hero-copy,.stage-card,.reward-card,.task-card,.help-card,.security-card,.check-card{writing-mode:horizontal-tb;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.75}.hero-grid,.split,.two-col,.content-grid,.feature-grid,.info-grid,.panel-grid,.route-grid,.stage-grid,.reward-grid,.task-grid,.help-grid,.security-grid,.check-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);gap:clamp(24px,4vw,56px);align-items:center}.hero-grid>*,.split>*,.two-col>*,.content-grid>*,.feature-grid>*,.info-grid>*,.panel-grid>*,.route-grid>*,.stage-grid>*,.reward-grid>*,.task-grid>*,.help-grid>*,.security-grid>*,.check-grid>*{min-width:0}.side-steps,.steps-rail,.right-rail,.timeline-rail,.vertical-steps{width:100%;max-width:420px;justify-self:end}.side-steps .step-card,.steps-rail .step-card,.right-rail .step-card,.timeline-rail .step-card,.vertical-steps .step-card{width:100%;min-width:260px}.site-header{position:sticky;top:0;z-index:20;background:rgba(11,31,43,.92);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}.brand-logo{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:12px;background:#11273b}.site-logo{max-height:34px;width:auto}.menu-toggle{display:none;border:1px solid rgba(255,255,255,.16);background:#133347;color:#fff;padding:10px 16px;border-radius:999px}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{color:#dcecf0;font-size:14px}.section,.cta{padding:72px 0}.dashboard-hero{padding:78px 0;background:linear-gradient(135deg,#0e2234 0%,#14394a 55%,#1d615d 100%);color:#eefcf8}.hero-content{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:40px;align-items:center}.eyebrow{margin:0 0 12px;color:#6be7b1;font-weight:700;letter-spacing:.08em}h1,h2,h3{margin-top:0;line-height:1.3}h1{font-size:clamp(34px,5vw,52px);margin-bottom:18px}.section h2,.cta h2{font-size:30px;color:#133447}.security-grid,.check-grid,.route-grid,.faq-list{display:grid;gap:18px}.security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.security-card,.check-card,.step-card,.faq-item,.tag-list span,.cta-box{border-radius:24px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08);padding:22px}.security-card span{display:block;font-size:13px;color:#95ffd0;margin-bottom:8px}.security-card strong{display:block;font-size:22px;margin-bottom:8px}.alt{background:#eef8f4}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.check-card,.step-card,.faq-item,.cta-box{background:#fff;border:1px solid #d7ece3;box-shadow:0 14px 36px rgba(12,49,46,.08)}.step-card span{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#1f7964;color:#fff;font-weight:700;margin-bottom:12px}.faq-question{width:100%;background:none;border:0;padding:20px 22px;text-align:left;font:700 17px/1.4 inherit;color:#14384c;cursor:pointer}.faq-answer{display:none;padding:0 22px 22px;color:#5b6f7b}.faq-item.open .faq-answer{display:block}.tag-list{display:flex;flex-wrap:wrap;gap:14px}.tag-list span{background:#fff;color:#1a5960}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#d6f5e7 0%,#b2ecd4 100%)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:700}.btn-primary{background:#14654c;color:#fff}@media (max-width:900px){.hero-grid,.split,.two-col,.content-grid,.feature-grid,.info-grid,.panel-grid,.route-grid,.stage-grid,.reward-grid,.task-grid,.help-grid,.security-grid,.check-grid,.hero-content{grid-template-columns:1fr}.side-steps,.steps-rail,.right-rail,.timeline-rail,.vertical-steps{max-width:none;justify-self:stretch}.side-steps .step-card,.steps-rail .step-card,.right-rail .step-card,.timeline-rail .step-card,.vertical-steps .step-card{min-width:0}.menu-toggle{display:inline-flex}.nav{display:none;flex-direction:column;width:100%}.nav.open{display:flex}.header-inner,.cta-box{flex-direction:column;align-items:stretch}.security-grid,.check-grid{grid-template-columns:1fr}}@media (max-width:640px){.section,.cta,.dashboard-hero{padding:56px 0}.section h2,.cta h2{font-size:26px}}
/* ggpoker hero intro first-screen repair */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  overflow-x: hidden;
}

img,
picture,
svg {
  max-width: 100%;
}

img {
  height: auto;
  display: block;
}

.container,
.wrap,
.page-wrap,
.section-inner,
.hero-inner,
.content-wrap {
  width: min(1180px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}

p,
li,
.card,
.step-card,
.info-card,
.feature-card,
.hero-copy,
.section-copy,
.hero-tags,
.hero-actions {
  writing-mode: horizontal-tb;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  line-height: 1.75;
}

.hero-copy h1,
.floating-panel h1,
.cover-content h1,
.hero h1 {
  overflow-wrap: break-word;
}

.hero-tags,
.hero-actions,
.timeline-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.hero-tags span,
.timeline-bar span {
  min-width: 0;
}

.hero-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 20px;
  border-radius: 999px;
  text-decoration: none;
}

.hero-intro-first {
  padding: clamp(72px, 9vw, 128px) 0;
}

.hero-intro-first .hero-copy {
  max-width: 880px;
  margin: 0 auto clamp(32px, 5vw, 56px);
  text-align: center;
}

.hero-intro-first h1 {
  margin: 0 0 20px;
  font-size: clamp(38px, 6vw, 76px);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.hero-intro-first p {
  max-width: 780px;
  margin: 0 auto;
  font-size: clamp(16px, 1.7vw, 20px);
}

.hero-wide-image {
  width: min(100%, 1080px);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 28px;
}

.hero-wide-image img {
  width: 100%;
  max-height: 520px;
  object-fit: cover;
  object-position: center;
}

.full-bleed-hero,
.banner-hero,
.cover-hero,
.hero-cover {
  position: relative !important;
  min-height: clamp(520px, 72vh, 760px);
  overflow: hidden;
  isolation: isolate;
  display: flex;
  align-items: center;
}

.full-bleed-hero > img:first-child,
.banner-hero > img:first-child,
.cover-hero > img:first-child,
.hero-cover-img {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-height: 100%;
  max-height: none !important;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  border-radius: 0;
}

.full-bleed-hero .hero-overlay,
.banner-hero .hero-overlay,
.cover-hero .hero-overlay,
.hero-cover-mask,
.cover-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(6,9,20,.86), rgba(6,9,20,.58), rgba(6,9,20,.22)),
    linear-gradient(180deg, rgba(6,9,20,.35), rgba(6,9,20,.72));
  z-index: 1;
}

.full-bleed-hero .cover-content,
.banner-hero .cover-content,
.cover-hero .cover-content,
.hero-cover-content {
  position: relative;
  z-index: 2;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  color: #fff;
}

.full-bleed-hero .floating-panel,
.banner-hero .hero-copy,
.cover-hero .hero-copy,
.hero-cover-content {
  max-width: 780px;
}

.full-bleed-hero h1,
.banner-hero h1,
.cover-hero h1,
.hero-cover-content h1 {
  margin: 0 0 20px;
  font-size: clamp(38px, 6vw, 76px);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.full-bleed-hero p,
.banner-hero p,
.cover-hero p,
.hero-cover-content p {
  max-width: 760px;
  font-size: clamp(16px, 1.7vw, 20px);
}

.tpl-banner-cards .hero-visual,
.tpl-path .hero-visual,
.tpl-timeline .hero-visual {
  order: 2 !important;
}

.tpl-banner-cards .hero-copy,
.tpl-path .hero-copy,
.tpl-timeline .hero-copy,
.tpl-stage .hero-copy,
.tpl-duel .hero-copy,
.tpl-pick .hero-copy {
  order: 1 !important;
}

.tpl-stage .hero-image,
.tpl-stage .hero-visual,
.tpl-duel .hero-visual,
.tpl-pick .hero-visual {
  order: 2 !important;
}

.tpl-duel .hero-grid,
.tpl-pick .hero-grid {
  grid-template-columns: 1fr !important;
}

.tpl-duel .hero-grid::before,
.tpl-duel .hero-grid::after,
.tpl-pick .hero-grid::before,
.tpl-pick .hero-grid::after {
  min-height: 150px;
}

.tpl-duel .hero-copy,
.tpl-pick .hero-copy {
  grid-column: auto !important;
  grid-row: auto !important;
  max-width: 880px;
  justify-self: center;
}

.tpl-duel .hero-visual,
.tpl-pick .hero-visual {
  grid-column: auto !important;
  grid-row: auto !important;
  justify-self: center;
  width: min(100%, 760px);
}

.tpl-banner-cards .hero-visual img:first-child,
.tpl-stage .hero-image,
.tpl-path .hero-visual img:first-child,
.tpl-timeline .hero-visual img:first-child {
  max-height: 430px;
  object-fit: cover;
}

.matrix-hero img,
.hero img[src*="types-hero"] {
  min-height: 180px;
  object-fit: contain;
  padding: 16px;
  background: rgba(255,255,255,.65);
  border-radius: 22px;
}

.trouble-hero,
.matrix-hero {
  padding-top: clamp(48px, 7vw, 86px);
}

.trouble-hero .hero-copy,
.matrix-hero .hero-copy {
  max-width: 900px;
}

.hero-grid,
.split,
.two-col,
.content-grid,
.feature-grid,
.info-grid,
.panel-grid,
.route-grid,
.stage-grid,
.reward-grid,
.task-grid,
.help-grid,
.security-grid,
.check-grid,
.index-grid,
.setting-grid,
.lobby-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.95fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
}

.hero-grid > *,
.split > *,
.two-col > *,
.content-grid > *,
.feature-grid > *,
.info-grid > *,
.panel-grid > *,
.route-grid > *,
.stage-grid > *,
.reward-grid > *,
.task-grid > *,
.help-grid > *,
.security-grid > *,
.check-grid > *,
.index-grid > *,
.setting-grid > *,
.lobby-grid > * {
  min-width: 0;
}

.hero img,
.hero-media img,
.hero-visual img,
.hero-image img,
.visual-card img,
.media-card img,
.image-card img,
.feature-image img,
.section-image img,
.banner img,
.cover img,
.showcase img {
  max-width: 100%;
  height: auto;
  display: block;
  object-position: center;
}

.hero-media,
.hero-visual,
.hero-image,
.visual-card,
.media-card,
.image-card,
.feature-image,
.section-image,
.banner,
.cover,
.showcase {
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 900px) {
  .container,
  .wrap,
  .page-wrap,
  .section-inner,
  .hero-inner,
  .content-wrap,
  .full-bleed-hero .cover-content,
  .banner-hero .cover-content,
  .cover-hero .cover-content,
  .hero-cover-content {
    width: min(100% - 28px, 1180px);
  }

  .hero-grid,
  .split,
  .two-col,
  .content-grid,
  .feature-grid,
  .info-grid,
  .panel-grid,
  .route-grid,
  .stage-grid,
  .reward-grid,
  .task-grid,
  .help-grid,
  .security-grid,
  .check-grid,
  .index-grid,
  .setting-grid,
  .lobby-grid {
    grid-template-columns: 1fr;
  }

  .hero-intro-first {
    padding: 58px 0 76px;
  }

  .hero-intro-first .hero-copy {
    text-align: left;
  }

  .full-bleed-hero,
  .banner-hero,
  .cover-hero,
  .hero-cover {
    min-height: 520px;
  }

  .hero-wide-image {
    border-radius: 20px;
  }

  .hero-wide-image img,
  .tpl-banner-cards .hero-visual img:first-child,
  .tpl-stage .hero-image,
  .tpl-path .hero-visual img:first-child,
  .tpl-timeline .hero-visual img:first-child {
    max-height: 320px;
  }
}

/* ggpoker hero first-screen priority repair */
.tpl-banner-cards .hero-grid,
.tpl-path .hero-grid,
.tpl-timeline .hero-grid,
.tpl-stage .hero-grid,
.tpl-duel .hero-grid,
.tpl-pick .hero-grid,
.trouble-hero .hero-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: start !important;
}

.tpl-banner-cards .hero-copy,
.tpl-path .hero-copy,
.tpl-timeline .hero-copy,
.tpl-stage .hero-copy,
.tpl-duel .hero-copy,
.tpl-pick .hero-copy,
.trouble-hero .hero-copy {
  order: -20 !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  max-width: 900px;
  justify-self: center;
  text-align: center;
}

.tpl-banner-cards .hero-visual,
.tpl-path .hero-visual,
.tpl-timeline .hero-visual,
.tpl-stage .hero-visual,
.tpl-stage .hero-image,
.tpl-duel .hero-visual,
.tpl-pick .hero-visual,
.trouble-hero .status-board {
  order: 20 !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  width: min(100%, 980px);
  justify-self: center;
}

.tpl-duel .hero-grid::before,
.tpl-duel .hero-grid::after,
.tpl-pick .hero-grid::before,
.tpl-pick .hero-grid::after {
  order: 30 !important;
  grid-row: auto !important;
  min-height: 120px !important;
}

.tpl-banner-cards .hero-visual img:first-child,
.tpl-path .hero-visual img:first-child,
.tpl-timeline .hero-visual img:first-child,
.tpl-stage .hero-visual img:first-child,
.tpl-stage .hero-image img,
.tpl-duel .hero-visual img:first-child,
.tpl-pick .hero-visual img:first-child {
  width: 100%;
  max-height: 360px !important;
  object-fit: cover;
  object-position: center;
}

.trouble-hero {
  padding-top: clamp(42px, 6vw, 76px) !important;
}

.trouble-hero .status-board {
  margin-top: clamp(24px, 4vw, 42px);
}

.banner-hero > img:first-child,
.hero-cover-img,
.cover-hero > img:first-child,
.full-bleed-hero > img:first-child {
  min-height: 0 !important;
}

img[src*="types-hero"] {
  min-height: 160px !important;
  max-height: 360px !important;
  object-fit: contain !important;
  padding: 16px;
  background: rgba(255,255,255,.72);
}

@media (max-width: 900px) {
  .tpl-banner-cards .hero-copy,
  .tpl-path .hero-copy,
  .tpl-timeline .hero-copy,
  .tpl-stage .hero-copy,
  .tpl-duel .hero-copy,
  .tpl-pick .hero-copy,
  .trouble-hero .hero-copy {
    text-align: left;
    justify-self: stretch;
  }

  .tpl-banner-cards .hero-visual img:first-child,
  .tpl-path .hero-visual img:first-child,
  .tpl-timeline .hero-visual img:first-child,
  .tpl-stage .hero-visual img:first-child,
  .tpl-stage .hero-image img,
  .tpl-duel .hero-visual img:first-child,
  .tpl-pick .hero-visual img:first-child {
    max-height: 260px !important;
  }

  .tpl-duel .hero-grid::before,
  .tpl-duel .hero-grid::after,
  .tpl-pick .hero-grid::before,
  .tpl-pick .hero-grid::after {
    min-height: 86px !important;
  }

  .trouble-hero .status-board {
    grid-template-columns: 1fr !important;
  }

  .banner-hero .cover-content {
    padding-top: 58px !important;
    padding-bottom: 68px !important;
  }
}

/* ggpoker hero second repair */
* { box-sizing: border-box; }
body { margin: 0; overflow-x: hidden; }
img, picture, svg { max-width: 100%; }
img { height: auto; display: block; }
.container, .wrap, .page-wrap, .section-inner, .hero-inner, .content-wrap {
  width: min(1180px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}
p, li, .card, .step-card, .info-card, .feature-card, .hero-copy, .section-copy, .hero-tags, .hero-actions {
  writing-mode: horizontal-tb;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  line-height: 1.75;
}
.hero-intro-first {
  padding: clamp(72px, 9vw, 126px) 0 !important;
}
.hero-intro-first .hero-inner {
  display: block !important;
}
.hero-intro-first .hero-copy {
  max-width: 900px;
  margin: 0 auto clamp(30px, 5vw, 54px) !important;
  text-align: center;
}
.hero-intro-first h1 {
  margin: 0 0 20px;
  font-size: clamp(38px, 5.8vw, 74px);
  line-height: 1.08;
  letter-spacing: 0;
}
.hero-intro-first p {
  max-width: 820px;
  margin: 0 auto;
  font-size: clamp(16px, 1.7vw, 20px);
}
.hero-wide-image {
  width: min(100%, 1080px);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 24px 70px rgba(0,0,0,.16);
}
.hero-wide-image img {
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: cover;
  object-position: center;
  transform: none !important;
}
.hero-cover {
  position: relative;
  min-height: clamp(520px, 72vh, 760px);
  overflow: hidden;
  isolation: isolate;
  display: flex;
  align-items: center;
}
.hero-cover-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center;
  transform: none !important;
  z-index: 0;
}
.hero-cover-mask {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(6,9,20,.88), rgba(6,9,20,.58), rgba(6,9,20,.24)),
    linear-gradient(180deg, rgba(6,9,20,.28), rgba(6,9,20,.76));
  z-index: 1;
}
.hero-cover-content {
  position: relative;
  z-index: 2;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  max-width: 780px;
  color: #fff;
}
.hero-cover-content h1 {
  margin: 0 0 20px;
  font-size: clamp(38px, 5.8vw, 74px);
  line-height: 1.08;
  letter-spacing: 0;
}
.hero-cover-content p {
  max-width: 720px;
  font-size: clamp(16px, 1.7vw, 20px);
}
.hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}
.hero-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(10px);
}
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
.hero-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 20px;
  border-radius: 999px;
  text-decoration: none;
}
.hero img, .hero-media img, .hero-visual img, .hero-image img, .visual-card img, .media-card img, .image-card img, .feature-image img, .section-image img, .banner img, .cover img, .showcase img {
  max-width: 100%;
  height: auto;
  display: block;
  object-position: center;
  transform: none !important;
}
.hero-media, .hero-visual, .hero-image, .visual-card, .media-card, .image-card, .feature-image, .section-image, .banner, .cover, .showcase {
  min-width: 0;
  overflow: hidden;
}
.hero-grid, .split, .two-col, .content-grid, .feature-grid, .info-grid, .panel-grid, .route-grid, .stage-grid, .reward-grid, .task-grid, .help-grid, .security-grid, .check-grid, .index-grid, .setting-grid, .lobby-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .95fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
}
.hero-grid > *, .split > *, .two-col > *, .content-grid > *, .feature-grid > *, .info-grid > *, .panel-grid > *, .route-grid > *, .stage-grid > *, .reward-grid > *, .task-grid > *, .help-grid > *, .security-grid > *, .check-grid > *, .index-grid > *, .setting-grid > *, .lobby-grid > * { min-width: 0; }
.tpl-cover-left .hero-visual img:first-child,
.tpl-banner-cards .hero-visual img:first-child,
.tpl-path .hero-visual img:first-child,
.tpl-timeline .hero-visual img:first-child,
.tpl-stage .hero-visual img:first-child,
.tpl-duel .hero-visual img:first-child,
.tpl-pick .hero-visual img:first-child {
  transform: none !important;
  object-position: center;
}
@media (max-width: 900px) {
  .container, .wrap, .page-wrap, .section-inner, .hero-inner, .content-wrap, .hero-cover-content {
    width: min(100% - 28px, 1180px);
  }
  .hero-grid, .split, .two-col, .content-grid, .feature-grid, .info-grid, .panel-grid, .route-grid, .stage-grid, .reward-grid, .task-grid, .help-grid, .security-grid, .check-grid, .index-grid, .setting-grid, .lobby-grid {
    grid-template-columns: 1fr;
  }
  .hero-intro-first { padding: 56px 0 76px !important; }
  .hero-intro-first .hero-copy { text-align: left; }
  .hero-cover { min-height: 520px; }
  .hero-wide-image { border-radius: 20px; }
  .hero-wide-image img { max-height: 360px; }
}

/* security center visible hero repair */
.dashboard-hero .hero-content {
  display: block !important;
}

.dashboard-hero .hero-content > .hero-copy,
.dashboard-hero .hero-content > .security-grid {
  display: none !important;
}

.security-hero-fixed {
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
}

.security-hero-fixed h1 {
  margin: 0 0 20px;
  font-size: clamp(38px, 5.8vw, 74px);
  line-height: 1.08;
}

.security-hero-fixed p {
  max-width: 820px;
  margin: 0 auto;
  font-size: clamp(16px, 1.7vw, 20px);
}

.security-hero-fixed .hero-actions {
  justify-content: center;
}

.security-hero-fixed .hero-actions a:not(.btn-primary) {
  color: #eafff8;
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.12);
}