/* GEXYRAL about, capability, process and quality pages */
.gexyral-about-hub,
.gexyral-about-detail{--gexyral-about-cyan:#57e1ff;--gexyral-about-blue:#668cff;--gexyral-about-violet:#9b7cff;--gexyral-about-green:#68e0b0;--gexyral-about-amber:#ffca6a}
.gexyral-about-hub .gexyral-inner-section,
.gexyral-about-detail .gexyral-inner-section{overflow:hidden}
.gexyral-about-centered-head{max-width:900px;margin-inline:auto;text-align:center}
.gexyral-about-centered-head p{margin-inline:auto}
.gexyral-about-split-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.5fr);gap:70px;align-items:end;margin-bottom:40px}
.gexyral-about-split-head>.gexyral-inner-section-head{margin-bottom:0}
.gexyral-about-split-head>p{margin:0 0 6px;color:rgba(220,231,255,.67);font-size:15px;line-height:1.9}

.gexyral-about-positioning:before{content:"";position:absolute;inset:-20% -10% auto 45%;height:580px;background:radial-gradient(circle,rgba(85,122,255,.16),transparent 68%);pointer-events:none}
.gexyral-about-positioning-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.72fr);gap:76px;align-items:center}
.gexyral-about-statement{position:relative;margin-top:32px;padding:24px 26px 24px 31px;border:1px solid rgba(104,145,255,.2);background:linear-gradient(135deg,rgba(56,92,170,.13),rgba(8,17,35,.42));border-radius:18px}
.gexyral-about-statement i{position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:9px;background:linear-gradient(180deg,var(--gexyral-about-cyan),var(--gexyral-about-violet))}
.gexyral-about-statement strong{display:block;color:#f2f6ff;font-size:clamp(18px,1.6vw,24px);font-weight:560;line-height:1.65;letter-spacing:.01em}
.gexyral-about-identity-card{position:relative;min-height:420px;padding:44px 38px;border:1px solid rgba(126,157,255,.22);border-radius:30px;background:linear-gradient(145deg,rgba(18,35,70,.88),rgba(5,12,27,.92));box-shadow:0 32px 80px rgba(0,0,0,.28);overflow:hidden}
.gexyral-about-identity-card:before,.gexyral-about-identity-card:after{content:"";position:absolute;border:1px solid rgba(111,158,255,.16);border-radius:50%}
.gexyral-about-identity-card:before{width:320px;height:320px;right:-150px;top:-130px}
.gexyral-about-identity-card:after{width:210px;height:210px;left:-120px;bottom:-115px}
.gexyral-about-identity-mark{position:relative;width:116px;height:116px;display:grid;place-items:center;margin-bottom:42px}
.gexyral-about-identity-mark:before,.gexyral-about-identity-mark:after{content:"";position:absolute;inset:0;border-radius:34px;border:1px solid rgba(99,225,255,.42);transform:rotate(45deg)}
.gexyral-about-identity-mark:after{inset:17px;border-color:rgba(150,119,255,.45);animation:gexyral-about-spin 16s linear infinite}
.gexyral-about-identity-mark span{font-size:47px;font-weight:250;color:#fff;letter-spacing:-.08em}
.gexyral-about-identity-mark i{position:absolute;width:7px;height:7px;border-radius:50%;right:4px;top:16px;background:var(--gexyral-about-cyan);box-shadow:0 0 18px var(--gexyral-about-cyan)}
.gexyral-about-identity-card>small{position:relative;display:block;color:rgba(147,183,255,.75);font-size:11px;letter-spacing:.22em}
.gexyral-about-identity-card h3{position:relative;margin:12px 0 10px;color:#fff;font-size:36px;font-weight:570;letter-spacing:.03em}
.gexyral-about-identity-card p{position:relative;margin:0;color:rgba(220,231,255,.68);font-size:14px}
.gexyral-about-identity-card>div:last-child{position:absolute;left:38px;right:38px;bottom:34px;display:flex;gap:8px;flex-wrap:wrap}
.gexyral-about-identity-card>div:last-child span{padding:7px 10px;border:1px solid rgba(108,144,255,.19);border-radius:999px;color:rgba(188,210,255,.72);font-size:9px;letter-spacing:.16em}
.gexyral-about-fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:62px}
.gexyral-about-fact-grid article{position:relative;padding:27px 23px 25px;border:1px solid rgba(113,142,205,.15);border-radius:18px;background:rgba(8,17,34,.58);transition:.35s ease}
.gexyral-about-fact-grid article:hover{transform:translateY(-5px);border-color:rgba(89,207,255,.32);background:rgba(12,26,49,.78)}
.gexyral-about-fact-grid span{display:block;margin-bottom:18px;color:rgba(103,217,255,.76);font-size:9px;letter-spacing:.17em}
.gexyral-about-fact-grid h3{margin:0 0 11px;color:#f0f5ff;font-size:17px;font-weight:570}
.gexyral-about-fact-grid p{margin:0;color:rgba(207,220,246,.62);font-size:13px;line-height:1.8}

.gexyral-about-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gexyral-about-principle-grid article{position:relative;min-height:245px;padding:29px 26px;border:1px solid rgba(123,151,214,.15);border-radius:20px;background:linear-gradient(145deg,rgba(11,23,45,.84),rgba(5,13,27,.72));overflow:hidden}
.gexyral-about-principle-grid article:after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(103,148,255,.1);border-radius:50%;right:-55px;bottom:-55px}
.gexyral-about-principle-grid b{display:flex;width:39px;height:39px;align-items:center;justify-content:center;margin-bottom:31px;border:1px solid rgba(100,224,255,.28);border-radius:11px;color:var(--gexyral-about-cyan);font-size:11px;font-weight:600}
.gexyral-about-principle-grid h3{margin:0 0 13px;color:#f2f6ff;font-size:19px;font-weight:570}
.gexyral-about-principle-grid p{margin:0;color:rgba(207,220,246,.64);font-size:14px;line-height:1.82}

.gexyral-about-capability-map{background-image:linear-gradient(rgba(97,129,192,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(97,129,192,.045) 1px,transparent 1px);background-size:42px 42px}
.gexyral-about-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:48px}
.gexyral-about-capability-grid>a{position:relative;min-height:285px;padding:31px 31px 28px;border:1px solid rgba(117,149,220,.17);border-radius:23px;background:linear-gradient(145deg,rgba(14,27,52,.88),rgba(6,14,29,.9));text-decoration:none;overflow:hidden;transition:.35s ease}
.gexyral-about-capability-grid>a:before{content:"";position:absolute;inset:auto -20% -55% 30%;height:220px;background:radial-gradient(circle,rgba(79,123,255,.15),transparent 68%);transition:.35s ease}
.gexyral-about-capability-grid>a:hover{transform:translateY(-6px);border-color:rgba(91,220,255,.38);box-shadow:0 24px 56px rgba(0,0,0,.22)}
.gexyral-about-capability-grid>a:hover:before{transform:translateY(-18px);background:radial-gradient(circle,rgba(85,210,255,.18),transparent 68%)}
.gexyral-about-capability-grid header{display:flex;justify-content:space-between;align-items:center;margin-bottom:47px}
.gexyral-about-capability-grid header span{color:var(--gexyral-about-cyan);font-size:12px;letter-spacing:.18em}
.gexyral-about-capability-grid header i{font-style:normal;color:rgba(159,183,234,.56);font-size:9px;letter-spacing:.18em}
.gexyral-about-capability-grid h3{margin:0 0 12px;color:#fff;font-size:27px;font-weight:550}
.gexyral-about-capability-grid p{max-width:510px;margin:0;color:rgba(207,220,246,.64);font-size:14px;line-height:1.85}
.gexyral-about-capability-grid strong{position:absolute;left:31px;bottom:27px;color:rgba(196,218,255,.8);font-size:12px;font-weight:500;letter-spacing:.04em}
.gexyral-about-capability-grid strong b{color:var(--gexyral-about-cyan);font-size:15px}

.gexyral-about-delivery-track{position:relative}
.gexyral-about-delivery-track:before{content:"";position:absolute;left:41px;top:20px;bottom:20px;width:1px;background:linear-gradient(180deg,var(--gexyral-about-cyan),rgba(105,136,255,.18),var(--gexyral-about-violet))}
.gexyral-about-delivery-track article{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr) minmax(230px,.45fr);gap:28px;align-items:center;padding:25px 26px 25px 0;border-bottom:1px solid rgba(117,145,202,.12)}
.gexyral-about-delivery-track article>div{position:relative;height:64px;display:grid;place-items:center}
.gexyral-about-delivery-track article>div b{position:relative;z-index:2;display:grid;width:45px;height:45px;place-items:center;border:1px solid rgba(91,218,255,.4);border-radius:14px;background:#071326;color:var(--gexyral-about-cyan);font-size:11px}
.gexyral-about-delivery-track article>div i{position:absolute;width:69px;height:69px;border:1px solid rgba(111,141,206,.1);border-radius:50%}
.gexyral-about-delivery-track section h3{margin:0 0 8px;color:#f2f6ff;font-size:20px;font-weight:570}
.gexyral-about-delivery-track section p{margin:0;color:rgba(204,218,244,.62);font-size:14px;line-height:1.75}
.gexyral-about-delivery-track aside{padding:17px 19px;border:1px solid rgba(114,146,214,.15);border-radius:14px;background:rgba(8,17,34,.52)}
.gexyral-about-delivery-track aside small{display:block;margin-bottom:7px;color:rgba(128,158,222,.64);font-size:9px;letter-spacing:.16em}
.gexyral-about-delivery-track aside strong{color:#dce7ff;font-size:13px;font-weight:540}

.gexyral-about-boundary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:45px}
.gexyral-about-boundary-grid article{min-height:220px;padding:27px 24px;border:1px solid rgba(118,148,211,.15);border-radius:18px;background:rgba(7,16,32,.64)}
.gexyral-about-boundary-grid span{display:block;margin-bottom:35px;color:rgba(120,215,255,.67);font-size:9px;letter-spacing:.17em}
.gexyral-about-boundary-grid h3{margin:0 0 12px;color:#eef4ff;font-size:18px;font-weight:560}
.gexyral-about-boundary-grid p{margin:0;color:rgba(204,217,243,.62);font-size:13px;line-height:1.8}

.gexyral-about-detail-intro:before{content:"";position:absolute;width:540px;height:540px;right:-160px;top:-190px;border:1px solid rgba(93,143,255,.08);border-radius:50%;box-shadow:0 0 0 90px rgba(70,111,226,.025),0 0 0 180px rgba(70,111,226,.018)}
.gexyral-about-detail-profile{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:60px;align-items:center;padding:42px 44px;border:1px solid rgba(114,150,226,.18);border-radius:26px;background:linear-gradient(145deg,rgba(16,31,59,.86),rgba(6,14,29,.9));overflow:hidden}
.gexyral-about-detail-profile>div>span{display:block;margin-bottom:19px;color:var(--gexyral-about-cyan);font-size:10px;letter-spacing:.19em}
.gexyral-about-detail-profile h2{margin:0 0 15px;color:#fff;font-size:clamp(32px,4vw,54px);font-weight:520;letter-spacing:-.03em}
.gexyral-about-detail-profile p{max-width:730px;margin:0 0 22px;color:rgba(214,226,249,.7);font-size:15px;line-height:1.85}
.gexyral-about-detail-profile strong{display:block;max-width:760px;padding-left:17px;border-left:2px solid var(--gexyral-about-cyan);color:rgba(236,243,255,.92);font-size:16px;font-weight:540;line-height:1.7}
.gexyral-about-detail-profile aside{position:relative;height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(100,215,255,.2);border-radius:50%;background:radial-gradient(circle,rgba(69,115,229,.16),transparent 66%)}
.gexyral-about-detail-profile aside:before,.gexyral-about-detail-profile aside:after{content:"";position:absolute;border:1px dashed rgba(120,151,219,.17);border-radius:50%}
.gexyral-about-detail-profile aside:before{inset:-13px}.gexyral-about-detail-profile aside:after{inset:21px}
.gexyral-about-detail-profile aside b{position:relative;z-index:2;color:#fff;font-size:42px;font-weight:300;letter-spacing:.06em}
.gexyral-about-detail-profile aside i{position:relative;z-index:2;width:28px;height:1px;margin:10px 0;background:var(--gexyral-about-cyan)}
.gexyral-about-detail-profile aside small{position:relative;z-index:2;color:rgba(171,198,250,.63);font-size:8px;letter-spacing:.13em}
.gexyral-about-detail-intro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}
.gexyral-about-detail-intro-grid article{padding:25px 22px;border:1px solid rgba(111,143,207,.14);border-radius:17px;background:rgba(7,16,32,.58)}
.gexyral-about-detail-intro-grid span{display:block;margin-bottom:18px;color:rgba(104,218,255,.72);font-size:10px;letter-spacing:.16em}
.gexyral-about-detail-intro-grid h3{margin:0 0 10px;color:#edf3ff;font-size:17px;font-weight:560}
.gexyral-about-detail-intro-grid p{margin:0;color:rgba(205,218,243,.61);font-size:13px;line-height:1.78}

.gexyral-about-detail-block-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:45px}
.gexyral-about-detail-block-grid article{position:relative;min-height:360px;padding:30px 30px 28px;border:1px solid rgba(117,149,216,.16);border-radius:22px;background:linear-gradient(145deg,rgba(13,27,51,.84),rgba(5,13,27,.86));overflow:hidden}
.gexyral-about-detail-block-grid article:after{content:"";position:absolute;width:180px;height:180px;right:-90px;bottom:-100px;border:1px solid rgba(91,212,255,.09);border-radius:50%}
.gexyral-about-detail-block-grid header{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}
.gexyral-about-detail-block-grid header span{display:grid;width:45px;height:45px;place-items:center;border:1px solid rgba(93,216,255,.28);border-radius:13px;color:var(--gexyral-about-cyan);font-size:10px}
.gexyral-about-detail-block-grid header i{font-style:normal;color:rgba(153,178,226,.5);font-size:8px;letter-spacing:.18em}
.gexyral-about-detail-block-grid h3{margin:0 0 13px;color:#f2f6ff;font-size:23px;font-weight:560}
.gexyral-about-detail-block-grid>article>p{margin:0 0 21px;color:rgba(207,220,246,.65);font-size:14px;line-height:1.82}
.gexyral-about-detail-block-grid ul{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.gexyral-about-detail-block-grid li{padding:7px 10px;border:1px solid rgba(112,145,212,.14);border-radius:999px;color:rgba(196,213,246,.67);font-size:11px}
.gexyral-about-detail-block-grid>article>strong{position:absolute;left:30px;right:30px;bottom:26px;padding-top:17px;border-top:1px solid rgba(112,145,212,.12);color:rgba(114,224,255,.84);font-size:12px;font-weight:520}

.gexyral-about-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gexyral-about-evidence-grid article{display:grid;grid-template-columns:55px minmax(0,1fr);gap:18px;align-items:start;padding:24px;border:1px solid rgba(114,144,207,.14);border-radius:17px;background:rgba(7,16,32,.6)}
.gexyral-about-evidence-grid b{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(94,217,255,.24);border-radius:12px;color:var(--gexyral-about-cyan);font-size:10px;font-weight:600}
.gexyral-about-evidence-grid h3{margin:1px 0 8px;color:#eef4ff;font-size:17px;font-weight:560}
.gexyral-about-evidence-grid p{margin:0;color:rgba(204,218,244,.62);font-size:13px;line-height:1.75}

.gexyral-about-fit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:44px}
.gexyral-about-fit-grid article{position:relative;min-height:330px;padding:31px;border:1px solid rgba(117,148,211,.16);border-radius:22px;background:rgba(8,18,35,.72);overflow:hidden}
.gexyral-about-fit-grid article:after{content:"";position:absolute;width:210px;height:210px;right:-105px;bottom:-125px;border-radius:50%}
.gexyral-about-fit-grid .is-fit:after{background:radial-gradient(circle,rgba(69,221,169,.13),transparent 67%)}
.gexyral-about-fit-grid .is-not-fit:after{background:radial-gradient(circle,rgba(255,163,100,.1),transparent 67%)}
.gexyral-about-fit-grid>article>span{display:block;margin-bottom:27px;color:rgba(106,224,255,.75);font-size:9px;letter-spacing:.18em}
.gexyral-about-fit-grid .is-not-fit>span{color:rgba(255,187,117,.75)}
.gexyral-about-fit-grid h3{margin:0 0 21px;color:#f2f6ff;font-size:22px;font-weight:560}
.gexyral-about-fit-grid ul{margin:0;padding:0;list-style:none}
.gexyral-about-fit-grid li{position:relative;margin:0 0 13px;padding-left:22px;color:rgba(210,223,248,.66);font-size:14px;line-height:1.65}
.gexyral-about-fit-grid li:before{content:"";position:absolute;left:0;top:.67em;width:7px;height:7px;border:1px solid var(--gexyral-about-green);border-radius:2px;transform:rotate(45deg)}
.gexyral-about-fit-grid .is-not-fit li:before{border-color:var(--gexyral-about-amber)}

.gexyral-about-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:43px}
.gexyral-about-related-grid a{position:relative;min-height:230px;padding:25px 23px;border:1px solid rgba(113,145,210,.14);border-radius:18px;background:rgba(7,16,32,.66);text-decoration:none;transition:.3s ease}
.gexyral-about-related-grid a:hover{transform:translateY(-5px);border-color:rgba(91,218,255,.34);background:rgba(10,24,46,.82)}
.gexyral-about-related-grid a>span{display:block;margin-bottom:30px;color:var(--gexyral-about-cyan);font-size:10px;letter-spacing:.17em}
.gexyral-about-related-grid h3{margin:0 0 11px;color:#f0f5ff;font-size:18px;font-weight:560}
.gexyral-about-related-grid p{margin:0;color:rgba(204,218,244,.62);font-size:13px;line-height:1.76}
.gexyral-about-related-grid strong{position:absolute;left:23px;bottom:22px;color:rgba(188,210,250,.72);font-size:11px;font-weight:500}
.gexyral-about-related-grid strong b{color:var(--gexyral-about-cyan);font-size:14px}

@keyframes gexyral-about-spin{to{transform:rotate(405deg)}}
@media (max-width:1180px){
  .gexyral-about-fact-grid,.gexyral-about-boundary-grid,.gexyral-about-detail-intro-grid,.gexyral-about-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gexyral-about-positioning-layout{gap:45px}
}
@media (max-width:900px){
  .gexyral-about-split-head,.gexyral-about-positioning-layout{grid-template-columns:1fr;gap:28px}
  .gexyral-about-identity-card{min-height:370px}
  .gexyral-about-principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gexyral-about-delivery-track article{grid-template-columns:74px minmax(0,1fr)}
  .gexyral-about-delivery-track article aside{grid-column:2}
  .gexyral-about-detail-profile{grid-template-columns:1fr}
  .gexyral-about-detail-profile aside{width:190px;margin:auto}
  .gexyral-about-detail-block-grid,.gexyral-about-evidence-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .gexyral-about-centered-head{text-align:left}
  .gexyral-about-centered-head p{margin-inline:0}
  .gexyral-about-positioning-layout{gap:26px}
  .gexyral-about-identity-card{min-height:330px;padding:32px 25px;border-radius:22px}
  .gexyral-about-identity-card>div:last-child{left:25px;right:25px;bottom:25px}
  .gexyral-about-fact-grid,.gexyral-about-principle-grid,.gexyral-about-capability-grid,.gexyral-about-boundary-grid,.gexyral-about-detail-intro-grid,.gexyral-about-fit-grid,.gexyral-about-related-grid{grid-template-columns:1fr}
  .gexyral-about-fact-grid{margin-top:35px}
  .gexyral-about-principle-grid article{min-height:auto}
  .gexyral-about-capability-grid>a{min-height:260px;padding:27px 24px}
  .gexyral-about-capability-grid strong{left:24px}
  .gexyral-about-delivery-track:before{left:27px}
  .gexyral-about-delivery-track article{grid-template-columns:55px minmax(0,1fr);gap:14px;padding-right:0}
  .gexyral-about-delivery-track article>div b{width:39px;height:39px}
  .gexyral-about-delivery-track article>div i{width:55px;height:55px}
  .gexyral-about-delivery-track article aside{grid-column:1/-1;margin-left:55px}
  .gexyral-about-detail-profile{padding:30px 23px;border-radius:21px}
  .gexyral-about-detail-profile aside{width:160px;height:160px}
  .gexyral-about-detail-block-grid article{min-height:auto;padding:26px 23px 95px}
  .gexyral-about-detail-block-grid>article>strong{left:23px;right:23px}
  .gexyral-about-evidence-grid article{grid-template-columns:46px minmax(0,1fr);padding:21px 18px;gap:14px}
  .gexyral-about-fit-grid article{min-height:auto;padding:26px 23px}
  .gexyral-about-related-grid a{min-height:220px}
}
@media (prefers-reduced-motion:reduce){.gexyral-about-identity-mark:after{animation:none}.gexyral-about-capability-grid>a,.gexyral-about-related-grid a,.gexyral-about-fact-grid article{transition:none}}