/* Styly stránky /glassrex/ */

html,
body,
.grx-nav button,
.grx-nav a{-webkit-tap-highlight-color:transparent !important;}
.grx-nav *{box-sizing:border-box;
  -webkit-tap-highlight-color:transparent !important;}
body{margin:0;
  background:#0a0f1a;}
.grx-nav{width:100%;
  height:64px;

  position:relative;
  z-index:1001;

  display:flex;
  align-items:center;

  padding:0 32px;}
.grx-nav .logo{position:absolute;
  left:32px;

  display:flex;
  align-items:center;

  text-decoration:none;

  z-index:2;}
.grx-nav .logo img{height:24px;
  width:auto;

  display:block;

  transition:
    transform .35s ease,
    opacity .35s ease;}
.grx-nav .logo:hover img{transform:scale(1.04);
  opacity:.92;}
.grx-nav nav{position:absolute;

  left:50%;
  transform:translateX(-50%);

  display:flex;
  align-items:center;
  justify-content:center;

  gap:52px;

  width:max-content;}
.grx-nav nav a{font-family:'Sora',sans-serif;
  font-size:12px;

  font-weight:800;

  letter-spacing:.14em;

  color:#eef2ff;

  text-shadow:
    0 0 1px rgba(255,255,255,.08);

  text-decoration:none;
  text-transform:uppercase;

  transition:
    color .3s ease,
    transform .3s ease,
    opacity .3s ease;}
.grx-nav nav a:hover{color:#a7c8ff;
  transform:translateY(-1px);}
.grx-nav .cta{position:absolute;
  right:32px;

  font-family:'Sora',sans-serif;
  font-size:11px;
  font-weight:700;

  letter-spacing:.12em;
  text-transform:uppercase;

  background:rgba(255,255,255,.05);

  border:1px solid rgba(255,255,255,.10);

  color:#e5e2e1;

  padding:12px 24px;

  border-radius:999px;

  text-decoration:none;

  white-space:nowrap;

  transition:
    background .3s ease,
    box-shadow .3s ease,
    transform .3s ease;}
.grx-nav .cta:hover{background:rgba(255,255,255,.1);

  box-shadow:
    0 0 20px rgba(167,200,255,.2);

  transform:translateY(-2px);}
.grx-nav .grx-hamburger{display:none;

  width:52px;
  height:52px;

  position:absolute;
  right:16px;

  z-index:1002;

  cursor:pointer;

  appearance:none !important;
  -webkit-appearance:none !important;

  background:#0d1320 !important;

  border:1px solid rgba(255,255,255,.14) !important;

  border-radius:999px !important;

  outline:none !important;
  box-shadow:none !important;

  overflow:hidden;

  transition:
    background .3s ease,
    border-color .3s ease,
    transform .3s ease;}
.grx-nav .grx-hamburger:hover{background:#131b2b !important;
  border-color:rgba(255,255,255,.20) !important;}
.grx-nav.open .grx-hamburger{background:#131b2b !important;
  border-color:rgba(255,255,255,.20) !important;}
.grx-nav .grx-hamburger span{position:absolute;
  left:13px;

  width:24px;
  height:2px;

  background:#ffffff;

  border-radius:20px;

  transition:.35s ease;}
.grx-nav .grx-hamburger span:nth-child(1){top:17px;}
.grx-nav .grx-hamburger span:nth-child(2){top:25px;}
.grx-nav .grx-hamburger span:nth-child(3){top:33px;}
.grx-nav.open .grx-hamburger span:nth-child(1){transform:rotate(45deg);
  top:25px;}
.grx-nav.open .grx-hamburger span:nth-child(2){opacity:0;}
.grx-nav.open .grx-hamburger span:nth-child(3){transform:rotate(-45deg);
  top:25px;}
.grx-mobile-menu{position:fixed;
  inset:12px;

  width:calc(100% - 24px);

  
  height:74vh;

  background:rgba(7,10,18,.96);

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);

  display:flex;
  flex-direction:column;

  
  justify-content:flex-start;

  align-items:center;

  padding-top:140px;

  border-radius:32px;

  border:1px solid rgba(255,255,255,.08);

  box-shadow:
    0 20px 80px rgba(0,0,0,.45);

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  
  transform:
    scale(.94)
    translateY(30px);

  transform-origin:center;

  transition:
    opacity .45s ease,
    transform .65s cubic-bezier(.22,1,.36,1),
    visibility .45s ease;

  z-index:1000;}
.grx-mobile-menu.open{opacity:1;
  visibility:visible;
  pointer-events:auto;

  transform:
    scale(1)
    translateY(0);}
.grx-mobile-menu nav{display:flex;
  flex-direction:column;
  align-items:center;

  gap:26px;}
.grx-mobile-menu nav a{font-family:'Sora',sans-serif;
  font-size:22px;

  font-weight:800;

  letter-spacing:.12em;

  color:#fff;

  text-shadow:
    0 0 2px rgba(255,255,255,.10);

  text-decoration:none;
  text-transform:uppercase;

  transition:
    color .3s ease,
    transform .3s ease;

  opacity:0;}
.grx-mobile-menu.open nav a{animation:grxFadeUp .6s cubic-bezier(.22,1,.36,1) forwards;}
.grx-mobile-menu.open nav a:nth-child(1){animation-delay:.05s;}
.grx-mobile-menu.open nav a:nth-child(2){animation-delay:.12s;}
.grx-mobile-menu.open nav a:nth-child(3){animation-delay:.19s;}
.grx-mobile-menu.open nav a:nth-child(4){animation-delay:.26s;}
.grx-mobile-menu nav a:hover{color:#a7c8ff;
  transform:translateY(-1px);}
.grx-mobile-menu .cta{margin-top:30px;

  font-family:'Sora',sans-serif;
  font-size:11px;
  font-weight:700;

  letter-spacing:.15em;
  text-transform:uppercase;

  background:
    linear-gradient(
      135deg,
      #396fb7,
      #001b3c
    );

  border:1px solid rgba(255,255,255,.15);

  color:#eef2ff;

  padding:14px 26px;

  border-radius:999px;

  text-decoration:none;

  transition:
    transform .35s ease,
    box-shadow .35s ease;

  opacity:0;}
.grx-mobile-menu.open .cta{animation:grxFadeUp .7s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay:.34s;}
.grx-mobile-menu .cta:hover{transform:translateY(-2px);

  box-shadow:
    0 0 24px rgba(57,111,183,.35);}
@keyframes grxFadeUp{

  from{
    opacity:0;
    transform:
      translateY(18px)
      scale(.96);
  }

  to{
    opacity:1;
    transform:
      translateY(0)
      scale(1);
  }

}
@media(max-width:1024px){
.grx-nav{padding:0 22px;}
.grx-nav .logo{left:22px;}
.grx-nav .cta{right:22px;}
.grx-nav nav{gap:26px;}
.grx-nav nav a{font-size:11px;}
.grx-nav .cta{padding:10px 18px;
    font-size:10px;}
}
@media(max-width:768px){
.grx-nav{padding:0 14px;
    height:58px;}
.grx-nav nav,
.grx-nav > .cta{display:none;}
.grx-nav .grx-hamburger{display:block;

    width:44px;
    height:44px;

    right:14px;}
.grx-nav .grx-hamburger span{left:10px;
    width:22px;}
.grx-nav .grx-hamburger span:nth-child(1){top:14px;}
.grx-nav .grx-hamburger span:nth-child(2){top:21px;}
.grx-nav .grx-hamburger span:nth-child(3){top:28px;}
.grx-nav.open .grx-hamburger span:nth-child(1){top:21px;}
.grx-nav.open .grx-hamburger span:nth-child(3){top:21px;}
.grx-nav .logo{left:16px;}
.grx-nav .logo img{content:url('http://zvednout.cz/wp-content/uploads/2026/05/logo_cerna_profilovka_1-scaled.png');
    height:40px;}
}

.grx-hero-wrap *{margin:0;
    padding:0;
    box-sizing:border-box;}
body{background:#0A0F1A;
    overflow-x:hidden;}
.grx-hero-wrap{position:relative;
    min-height:100vh;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;

    padding:120px 0 80px;}
.grx-hero-wrap .grx-hero-bg{position:absolute;
    inset:0;
    z-index:0;}
.grx-hero-wrap .grx-hero-bg img{width:100%;
    height:100%;

    object-fit:cover;
    object-position:center center;

    opacity:.40;

    transform:scale(1.02);}
.grx-hero-wrap .grx-hero-overlay{position:absolute;
    inset:0;

    background:
      linear-gradient(
        to top,
        #0A0F1A 0%,
        rgba(10,15,26,.82) 50%,
        transparent 100%
      );}
.grx-hero-wrap .grx-hero-content{position:relative;
    z-index:10;

    width:100%;
    max-width:1440px;

    margin:0 auto;

    padding:0 80px;

    display:flex;
    flex-direction:column;
    align-items:center;

    text-align:center;}
.grx-hero-wrap .grx-hero-content h1{font-family:'Sora',sans-serif;

    font-size:72px;
    font-weight:700;

    letter-spacing:-0.04em;
    line-height:1.05;

    color:#e5e2e1;

    margin-bottom:24px;

    max-width:900px;

    text-shadow:
      0 2px 40px rgba(0,0,0,.6);}
.grx-hero-wrap .grx-hero-content h1 span{background:
      linear-gradient(
        to right,
        #a7c8ff,
        #396fb7
      );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;}
.grx-hero-wrap .grx-hero-content p{font-family:'Hanken Grotesk',sans-serif;

    font-size:18px;
    line-height:1.7;

    color:#c2c6d2;

    max-width:680px;

    margin-bottom:52px;}
.grx-hero-wrap .grx-hero-btns{display:flex;
    flex-wrap:wrap;

    gap:24px;

    justify-content:center;
    align-items:center;}
.grx-hero-wrap .grx-hero-btns a{position:relative;
    overflow:hidden;

    transform:translateY(0) scale(1);

    transition:
      transform .35s cubic-bezier(.22,1,.36,1),
      box-shadow .35s ease,
      background .35s ease,
      border-color .35s ease;

    will-change:transform;

    white-space:nowrap;}
.grx-hero-wrap .grx-hero-btns a::before{content:"";

    position:absolute;
    inset:0;

    background:
      linear-gradient(
        120deg,
        transparent 20%,
        rgba(255,255,255,.14) 50%,
        transparent 80%
      );

    transform:translateX(-120%);

    transition:transform .7s ease;}
.grx-hero-wrap .grx-hero-btns a:hover{transform:
      translateY(-4px)
      scale(1.04);}
.grx-hero-wrap .grx-hero-btns a:hover::before{transform:translateX(120%);}
.grx-hero-wrap .grx-hero-btns a.primary{font-family:'Space Grotesk',sans-serif;

    font-size:12px;
    font-weight:600;

    letter-spacing:.15em;
    text-transform:uppercase;

    background:
      linear-gradient(
        135deg,
        #396fb7,
        #001b3c
      );

    border:1px solid rgba(255,255,255,.20);

    color:#eef2ff;

    padding:18px 36px;

    border-radius:9999px;

    text-decoration:none;

    box-shadow:
      0 0 20px rgba(57,111,183,.20),
      0 10px 30px rgba(0,0,0,.25);}
.grx-hero-wrap .grx-hero-btns a.primary:hover{box-shadow:
      0 0 40px rgba(57,111,183,.45),
      0 20px 50px rgba(0,0,0,.35);}
.grx-hero-wrap .grx-hero-btns a.secondary{font-family:'Space Grotesk',sans-serif;

    font-size:12px;
    font-weight:600;

    letter-spacing:.15em;
    text-transform:uppercase;

    background:rgba(255,255,255,.05);

    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);

    border:1px solid rgba(255,255,255,.15);

    color:#e5e2e1;

    padding:18px 36px;

    border-radius:9999px;

    text-decoration:none;

    box-shadow:
      0 8px 24px rgba(0,0,0,.18);}
.grx-hero-wrap .grx-hero-btns a.secondary:hover{background:rgba(255,255,255,.10);

    border-color:rgba(255,255,255,.28);

    box-shadow:
      0 16px 40px rgba(0,0,0,.28);}
@media(max-width:1024px){
.grx-hero-wrap{min-height:90vh;
      padding:120px 0 70px;}
.grx-hero-wrap .grx-hero-content{padding:0 48px;}
.grx-hero-wrap .grx-hero-content h1{font-size:58px;
      max-width:760px;}
.grx-hero-wrap .grx-hero-content p{font-size:17px;
      max-width:620px;}
}
@media(max-width:768px){
.grx-hero-wrap{min-height:100svh;

      align-items:center;

      padding:120px 0 70px;}
.grx-hero-wrap .grx-hero-bg img{object-position:center center;
      opacity:.32;}
.grx-hero-wrap .grx-hero-content{padding:0 24px;}
.grx-hero-wrap .grx-hero-content h1{font-size:42px;

      line-height:1.12;

      max-width:100%;

      margin-bottom:20px;}
.grx-hero-wrap .grx-hero-content p{font-size:16px;
      line-height:1.7;

      max-width:100%;

      margin-bottom:38px;}
.grx-hero-wrap .grx-hero-btns{width:100%;

      flex-direction:column;

      gap:16px;}
.grx-hero-wrap .grx-hero-btns a{width:auto;

      min-width:240px;

      padding:14px 22px;

      font-size:10px;

      letter-spacing:.12em;

      text-align:center;}
}
@media(max-width:480px){
.grx-hero-wrap{padding:110px 0 60px;}
.grx-hero-wrap .grx-hero-content{padding:0 18px;}
.grx-hero-wrap .grx-hero-content h1{font-size:34px;

      line-height:1.15;}
.grx-hero-wrap .grx-hero-content p{font-size:15px;
      line-height:1.6;

      margin-bottom:32px;}
.grx-hero-wrap .grx-hero-btns{gap:14px;}
.grx-hero-wrap .grx-hero-btns a{width:auto;

      min-width:220px;

      padding:13px 20px;

      font-size:10px;

      text-align:center;}
.grx-hero-wrap .grx-hero-btns a.primary,
.grx-hero-wrap .grx-hero-btns a.secondary{padding:13px 20px;}
}

.grx-trust{display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:32px;
    text-align:center;
    max-width:1440px;
    margin:0 auto;}
.grx-trust .grx-trust-item{display:flex;
    flex-direction:column;
    gap:8px;
    align-items:center;}
.grx-trust .grx-trust-num{font-family:'Sora',sans-serif;
    font-size:48px;
    font-weight:600;
    line-height:1.2;
    color:#a7c8ff;
    letter-spacing:-0.02em;}
.grx-trust .grx-trust-label{font-family:'Space Grotesk',sans-serif;
    font-size:12px;
    font-weight:600;
    letter-spacing:0.15em;
    text-transform:uppercase;
    color:#c2c6d2;
    line-height:1.5;}
@media (max-width: 992px){
.grx-trust{grid-template-columns:repeat(2,1fr);
        gap:28px;}
.grx-trust .grx-trust-num{font-size:40px;}
}
@media (max-width: 576px){
.grx-trust{grid-template-columns:1fr;
        gap:24px;
        padding:0 20px;}
.grx-trust .grx-trust-item{padding:20px 0;}
.grx-trust .grx-trust-num{font-size:36px;}
.grx-trust .grx-trust-label{font-size:11px;
        letter-spacing:0.12em;}
}

.grx-svc-wrap *{box-sizing:border-box;}
body{margin:0;
  background:#0A0F1A;}
.grx-svc-wrap{max-width:1440px;
  margin:0 auto;
  padding:0 24px;
  width:100%;}
.grx-svc-wrap .grx-svc-header{margin-bottom:64px;}
.grx-svc-wrap .grx-svc-header h2{font-family:'Sora',sans-serif;
  font-size:48px;
  font-weight:600;
  letter-spacing:-0.02em;
  line-height:1.1;

  color:#E5E7EB;

  margin:0 0 16px;}
.grx-svc-wrap .grx-svc-divider{height:1px;

  background:
    linear-gradient(
      to right,
      rgba(255,255,255,.28),
      transparent
    );}
.grx-svc-wrap .grx-svc-grid{display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:32px;}
.grx-svc-wrap .grx-card{position:relative;
  overflow:hidden;

  width:100%;

  border-radius:28px;

  background:rgba(255,255,255,.03);

  border:
    1px solid rgba(255,255,255,.05);

  border-top:
    1px solid rgba(255,255,255,.14);

  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);

  transition:
    transform .45s ease,
    border-color .45s ease,
    box-shadow .45s ease;}
@media (hover:hover){
.grx-svc-wrap .grx-card:hover{transform:translateY(-6px);

    border-color:
      rgba(167,200,255,.14);

    box-shadow:
      0 0 50px rgba(57,111,183,.10);}
.grx-svc-wrap .grx-card:hover .grx-card-bg{transform:scale(1.05);
    opacity:.62;}
.grx-svc-wrap .grx-card:hover .grx-card-icon{transform:translateY(-2px);
    color:#DCEBFF;}
}
.grx-svc-wrap .grx-card-lg{grid-column:span 8;
  min-height:420px;
  padding:42px;}
.grx-svc-wrap .grx-card-sm{grid-column:span 4;
  min-height:420px;
  padding:42px;}
.grx-svc-wrap .grx-card-lg2{grid-column:span 8;
  min-height:320px;
  padding:42px;}
.grx-svc-wrap .grx-card-bg{position:absolute;
  inset:0;

  width:100%;
  height:100%;

  object-fit:cover;
  object-position:center;

  z-index:0;

  transition:
    transform 1.4s ease,
    opacity 1s ease;}
.grx-svc-wrap .grx-card-lg .grx-card-bg{opacity:.50;}
.grx-svc-wrap .grx-card-lg2 .grx-card-bg{opacity:.42;}
.grx-svc-wrap .grx-card-overlay{position:absolute;
  inset:0;

  background:
    linear-gradient(
      to bottom,
      rgba(0,0,0,.08) 0%,
      rgba(10,15,26,.92) 100%
    );

  z-index:1;}
.grx-svc-wrap .grx-card-body{position:relative;
  z-index:2;

  width:100%;
  height:100%;

  display:flex;
  flex-direction:column;

  justify-content:space-between;}
.grx-svc-wrap .grx-content{margin-top:auto;}
.grx-svc-wrap .grx-card-icon{font-family:'Material Symbols Outlined';

  font-variation-settings:
    'FILL' 0,
    'wght' 300,
    'GRAD' 0,
    'opsz' 48;

  color:#A7C8FF;

  display:flex;
  align-items:flex-start;

  line-height:1;

  flex-shrink:0;

  font-size:42px;

  margin-bottom:24px;

  transition:
    transform .35s ease,
    color .35s ease;}
.grx-svc-wrap .grx-card-lg h3,
.grx-svc-wrap .grx-card-lg2 h3{font-family:'Sora',sans-serif;
  font-size:34px;
  font-weight:600;
  line-height:1.08;

  color:#E5E7EB;

  margin:0 0 14px;}
.grx-svc-wrap .grx-card-sm h3{font-family:'Sora',sans-serif;
  font-size:28px;
  font-weight:500;
  line-height:1.18;

  color:#E5E7EB;

  margin:0 0 16px;}
.grx-svc-wrap .grx-card p{font-family:'Hanken Grotesk',sans-serif;
  font-size:16px;
  line-height:1.8;

  color:#C4CAD7;

  margin:0;

  max-width:92%;}
@media(max-width:1024px){
.grx-svc-wrap .grx-svc-grid{gap:24px;}
.grx-svc-wrap .grx-card-lg,
.grx-svc-wrap .grx-card-lg2{grid-column:span 12;}
.grx-svc-wrap .grx-card-sm{grid-column:span 6;}
.grx-svc-wrap .grx-svc-header h2{font-size:42px;}
.grx-svc-wrap .grx-card-lg,
.grx-svc-wrap .grx-card-lg2,
.grx-svc-wrap .grx-card-sm{padding:34px;}
}
@media(max-width:768px){
.grx-svc-wrap{padding:0 18px;}
.grx-svc-wrap .grx-svc-header{margin-bottom:40px;}
.grx-svc-wrap .grx-svc-header h2{font-size:32px;}
.grx-svc-wrap .grx-svc-grid{display:flex;
    flex-direction:column;
    gap:20px;}
.grx-svc-wrap .grx-card{width:100%;}
.grx-svc-wrap .grx-card-lg,
.grx-svc-wrap .grx-card-lg2,
.grx-svc-wrap .grx-card-sm{padding:30px;
    min-height:auto;
    border-radius:24px;}
.grx-svc-wrap .grx-card-lg{min-height:340px;}
.grx-svc-wrap .grx-card-lg2{min-height:280px;}
.grx-svc-wrap .grx-card-sm{min-height:240px;}
.grx-svc-wrap .grx-card-lg h3,
.grx-svc-wrap .grx-card-lg2 h3{font-size:28px;
    line-height:1.15;}
.grx-svc-wrap .grx-card-sm h3{font-size:24px;
    line-height:1.2;}
.grx-svc-wrap .grx-card p{font-size:15px;
    line-height:1.7;
    max-width:100%;}
.grx-svc-wrap .grx-card-icon{font-size:36px;
    margin-bottom:20px;}
}
@media(max-width:480px){
.grx-svc-wrap{padding:0 14px;}
.grx-svc-wrap .grx-svc-header h2{font-size:28px;}
.grx-svc-wrap .grx-card-lg,
.grx-svc-wrap .grx-card-lg2,
.grx-svc-wrap .grx-card-sm{padding:24px;
    border-radius:22px;}
.grx-svc-wrap .grx-card-lg{min-height:300px;}
.grx-svc-wrap .grx-card-lg2{min-height:240px;}
.grx-svc-wrap .grx-card-sm{min-height:200px;}
.grx-svc-wrap .grx-card-lg h3,
.grx-svc-wrap .grx-card-lg2 h3{font-size:24px;}
.grx-svc-wrap .grx-card-sm h3{font-size:22px;}
.grx-svc-wrap .grx-card p{font-size:14px;
    line-height:1.65;}
.grx-svc-wrap .grx-card-icon{font-size:34px;}
}

.grx-about *{box-sizing:border-box;}
.grx-about{width:100%;
  max-width:1440px;

  margin:0 auto;

  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);

  gap:64px;
  align-items:center;}
.grx-about .grx-about-text{width:100%;}
.grx-about .grx-about-text h2{font-family:'Sora',sans-serif;
  font-size:48px;
  font-weight:600;
  letter-spacing:-0.02em;
  line-height:1.15;

  color:#131313;

  margin:0 0 24px;}
.grx-about .grx-about-text p{font-family:'Hanken Grotesk',sans-serif;
  font-size:18px;
  line-height:1.8;

  color:#353534;

  margin:0 0 32px;}
.grx-about .grx-about-list{list-style:none;

  padding:0;
  margin:0;

  display:flex;
  flex-direction:column;
  gap:16px;}
.grx-about .grx-about-list li{display:flex;
  align-items:flex-start;
  gap:16px;

  font-family:'Hanken Grotesk',sans-serif;
  font-size:16px;
  font-weight:500;
  line-height:1.5;

  color:#131313;}
.grx-about .grx-about-list li .material-symbols-outlined{font-variation-settings:
    'FILL' 0,
    'wght' 300,
    'GRAD' 0,
    'opsz' 24;

  color:#255fa6;

  font-size:24px;

  flex-shrink:0;}
.grx-about .grx-about-img{position:relative;

  width:100%;
  height:600px;}
.grx-about .grx-about-img img{width:100%;
  height:100%;

  object-fit:cover;

  border-radius:24px;

  display:block;

  box-shadow:
    0 20px 50px rgba(0,0,0,0.20);}
@media(max-width:1024px){
.grx-about{gap:42px;}
.grx-about .grx-about-text h2{font-size:40px;}
.grx-about .grx-about-text p{font-size:17px;}
.grx-about .grx-about-img{height:500px;}
}
@media(max-width:768px){
.grx-about{grid-template-columns:1fr;

    gap:32px;}
.grx-about .grx-about-text{order:2;}
.grx-about .grx-about-img{order:1;

    width:100%;
    height:360px;}
.grx-about .grx-about-text h2{font-size:32px;
    line-height:1.2;

    margin-bottom:18px;}
.grx-about .grx-about-text p{font-size:16px;
    line-height:1.7;

    margin-bottom:28px;}
.grx-about .grx-about-list{gap:14px;}
.grx-about .grx-about-list li{font-size:15px;
    gap:14px;}
.grx-about .grx-about-list li .material-symbols-outlined{font-size:22px;}
.grx-about .grx-about-img img{border-radius:20px;}
}
@media(max-width:480px){
.grx-about{gap:26px;}
.grx-about .grx-about-text h2{font-size:28px;}
.grx-about .grx-about-text p{font-size:15px;
    line-height:1.65;}
.grx-about .grx-about-list li{font-size:14px;}
.grx-about .grx-about-img{height:280px;}
.grx-about .grx-about-img img{border-radius:18px;}
}

.grx-cta{position:relative;

  display:flex;
  flex-direction:column;
  align-items:center;

  text-align:center;

  max-width:900px;
  margin:0 auto;

  z-index:1;}
.grx-cta h2{font-family:'Sora',sans-serif;
  font-size:72px;
  font-weight:700;

  letter-spacing:-0.04em;
  line-height:1.05;

  color:#e5e2e1;

  margin:0 0 32px;

  text-shadow:
    0 2px 40px rgba(0,0,0,.5);}
.grx-cta p{font-family:'Hanken Grotesk',sans-serif;
  font-size:18px;
  line-height:1.8;

  color:#c2c6d2;

  margin:0 0 52px;

  max-width:760px;}
.grx-cta a{position:relative;
  overflow:hidden;

  transform:translateY(0) scale(1);

  transition:
    transform .35s cubic-bezier(.22,1,.36,1),
    box-shadow .35s ease,
    background .35s ease,
    border-color .35s ease;

  will-change:transform;

  font-family:'Space Grotesk',sans-serif;
  font-size:12px;
  font-weight:600;

  letter-spacing:.15em;
  text-transform:uppercase;

  background:
    linear-gradient(
      135deg,
      #396fb7,
      #001b3c
    );

  border:
    1px solid rgba(255,255,255,.20);

  color:#eef2ff;

  padding:20px 40px;
  border-radius:9999px;

  text-decoration:none;

  box-shadow:
    0 0 20px rgba(57,111,183,.20),
    0 10px 30px rgba(0,0,0,.25);}
.grx-cta a::before{content:"";

  position:absolute;
  inset:0;

  background:
    linear-gradient(
      120deg,
      transparent 20%,
      rgba(255,255,255,.14) 50%,
      transparent 80%
    );

  transform:translateX(-120%);
  transition:transform .7s ease;}
.grx-cta a:hover{transform:translateY(-4px) scale(1.04);

  box-shadow:
    0 0 40px rgba(57,111,183,.45),
    0 20px 50px rgba(0,0,0,.35);}
.grx-cta a:hover::before{transform:translateX(120%);}
@media(max-width:768px){
.grx-cta{padding:0 24px;}
.grx-cta h2{font-size:42px;
    line-height:1.1;}
.grx-cta p{font-size:16px;
    line-height:1.7;

    margin-bottom:40px;}
.grx-cta a{width:100%;
    max-width:340px;

    text-align:center;

    padding:18px 32px;}
}
@media(max-width:480px){
.grx-cta h2{font-size:34px;}
.grx-cta p{font-size:15px;
    line-height:1.6;}
.grx-cta a{font-size:11px;
    padding:16px 28px;}
}

.grx-footer{max-width:1440px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;}
.grx-footer .grx-footer-logo{font-family:'Sora',sans-serif;font-size:24px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:#e5e2e1;}
.grx-footer .grx-footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;}
.grx-footer .grx-footer-nav a{font-family:'Hanken Grotesk',sans-serif;font-size:16px;color:#c2c6d2;text-decoration:none;opacity:.80;transition:opacity 0.3s,color 0.3s;}
.grx-footer .grx-footer-nav a:hover{color:#a7c8ff;opacity:1;}
.grx-footer .grx-footer-copy{font-family:'Hanken Grotesk',sans-serif;font-size:14px;color:#c2c6d6;opacity:.60;}
@media(max-width:768px){
.grx-footer{flex-direction:column;text-align:center;}
}