/*
 * GEXYRAL Inner Experience V2 / Body Visual Foundation R1
 * Scope: inner-page body only. Homepage and existing hero-banner assets stay frozen.
 * Goal: stronger chapter rhythm, clearer information hierarchy and better mobile density
 * without changing SEO copy, URL, H1, structured data or CMS payloads.
 */
:root{
  --gex-v2-accent:#49aaff;
  --gex-v2-accent-rgb:73,170,255;
  --gex-v2-panel-top:rgba(10,31,66,.88);
  --gex-v2-panel-bottom:rgba(4,15,34,.86);
  --gex-v2-panel-line:rgba(var(--gex-v2-accent-rgb),.20);
  --gex-v2-panel-line-strong:rgba(var(--gex-v2-accent-rgb),.42);
  --gex-v2-section-pad:118px;
}
body[data-page-type^="service_"]{--gex-v2-accent:#43adff;--gex-v2-accent-rgb:67,173,255}
body[data-page-type^="solution_"]{--gex-v2-accent:#73c9ff;--gex-v2-accent-rgb:115,201,255}
body[data-page-type^="city_"]{--gex-v2-accent:#62c8e8;--gex-v2-accent-rgb:98,200,232}
body[data-page-type^="case_"]{--gex-v2-accent:#72bfff;--gex-v2-accent-rgb:114,191,255}
body[data-page-type^="resource_"]{--gex-v2-accent:#8ccdf2;--gex-v2-accent-rgb:140,205,242}
body[data-page-type^="insight_"]{--gex-v2-accent:#8fb9e5;--gex-v2-accent-rgb:143,185,229}
body[data-page-type^="about_"],
body[data-page-type="contact"],
body[data-page-type="project_request"]{--gex-v2-accent:#6abfff;--gex-v2-accent-rgb:106,191,255}

.gexyral-inner-content>.gexyral-inner-section{
  isolation:isolate;
  padding-top:var(--gex-v2-section-pad);
  padding-bottom:var(--gex-v2-section-pad);
  overflow:clip;
}
.gexyral-inner-content>.gexyral-inner-section::after{
  content:"";
  position:absolute;
  z-index:-2;
  width:min(46vw,720px);
  aspect-ratio:1;
  right:-20%;
  top:-26%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(var(--gex-v2-accent-rgb),.085),rgba(var(--gex-v2-accent-rgb),.022) 42%,transparent 70%);
  pointer-events:none;
}
.gexyral-inner-content>.gexyral-inner-section.is-alt::after{left:-22%;right:auto;top:auto;bottom:-34%}
.gexyral-inner-content>.gexyral-inner-section>.gexyral-inner-container{position:relative;z-index:1}

.gexyral-inner-section-head>span,
.gexyral-service-split-head .gexyral-inner-section-head>span,
.gexyral-city-split-head .gexyral-inner-section-head>span,
.gexyral-about-split-head .gexyral-inner-section-head>span,
.gexyral-contact-split-head .gexyral-inner-section-head>span,
.gexyral-legal-split-head .gexyral-inner-section-head>span{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding-left:42px;
  color:var(--gex-v2-accent);
  font-weight:700;
  letter-spacing:.24em;
}
.gexyral-inner-section-head>span::before,
.gexyral-service-split-head .gexyral-inner-section-head>span::before,
.gexyral-city-split-head .gexyral-inner-section-head>span::before,
.gexyral-about-split-head .gexyral-inner-section-head>span::before,
.gexyral-contact-split-head .gexyral-inner-section-head>span::before,
.gexyral-legal-split-head .gexyral-inner-section-head>span::before{
  content:"";
  position:absolute;
  left:0;
  width:28px;
  height:1px;
  background:linear-gradient(90deg,var(--gex-v2-accent),transparent);
  box-shadow:0 0 12px rgba(var(--gex-v2-accent-rgb),.34);
}
.gexyral-inner-section-head h2{color:#f5f9ff;text-wrap:balance}
.gexyral-inner-section-head p,
.gexyral-service-split-head>p,
.gexyral-city-split-head>p,
.gexyral-about-split-head>p,
.gexyral-contact-split-head>p,
.gexyral-legal-split-head>p{color:#96a8bf}

:is(
  .gexyral-detail-scope-grid article,
  .gexyral-detail-value-grid article,
  .gexyral-detail-process-grid article,
  .gexyral-detail-acceptance-grid article,
  .gexyral-detail-related-grid a,
  .gexyral-category-proof-grid article,
  .gexyral-category-scenario-grid article,
  .gexyral-category-standard-grid article,
  .gexyral-solution-diagnosis-grid article,
  .gexyral-solution-method-track article,
  .gexyral-solution-architecture-grid article,
  .gexyral-solution-roadmap-grid article
){
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:var(--gex-v2-panel-line);
  background:linear-gradient(145deg,var(--gex-v2-panel-top),var(--gex-v2-panel-bottom));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 20px 58px rgba(0,0,0,.16);
}
:is(
  .gexyral-detail-scope-grid article,
  .gexyral-detail-value-grid article,
  .gexyral-detail-process-grid article,
  .gexyral-detail-related-grid a,
  .gexyral-category-proof-grid article,
  .gexyral-category-scenario-grid article,
  .gexyral-solution-diagnosis-grid article,
  .gexyral-solution-method-track article,
  .gexyral-solution-architecture-grid article,
  .gexyral-solution-roadmap-grid article
)::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 auto auto 0;
  width:46%;
  height:1px;
  background:linear-gradient(90deg,rgba(var(--gex-v2-accent-rgb),.82),transparent);
  opacity:.64;
}
:is(
  .gexyral-detail-scope-grid article,
  .gexyral-detail-value-grid article,
  .gexyral-detail-process-grid article,
  .gexyral-detail-related-grid a,
  .gexyral-category-proof-grid article,
  .gexyral-category-scenario-grid article,
  .gexyral-solution-diagnosis-grid article,
  .gexyral-solution-method-track article,
  .gexyral-solution-architecture-grid article,
  .gexyral-solution-roadmap-grid article
):hover{
  border-color:var(--gex-v2-panel-line-strong);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 28px 72px rgba(0,0,0,.24),0 0 34px rgba(var(--gex-v2-accent-rgb),.045);
}

.gexyral-detail-intro-grid{align-items:stretch}
.gexyral-detail-intro-grid>.gexyral-inner-section-head{
  position:relative;
  margin:0;
  padding:32px 34px;
  border:1px solid var(--gex-v2-panel-line);
  border-radius:26px;
  text-align:left;
  background:radial-gradient(circle at 10% 0,rgba(var(--gex-v2-accent-rgb),.12),transparent 36%),linear-gradient(145deg,rgba(8,29,63,.82),rgba(4,15,34,.74));
  box-shadow:0 22px 64px rgba(0,0,0,.18);
}
.gexyral-detail-intro-grid>.gexyral-inner-section-head>span{justify-content:flex-start}
.gexyral-detail-intro-grid>.gexyral-inner-section-head h2{margin-top:23px}
.gexyral-detail-intro-grid>.gexyral-inner-section-head p{margin-left:0;margin-right:0}
.gexyral-detail-signal-list{
  overflow:hidden;
  border:1px solid var(--gex-v2-panel-line);
  border-radius:26px;
  background:rgba(5,19,42,.54);
  box-shadow:0 22px 64px rgba(0,0,0,.15);
}
.gexyral-detail-signal-list article{padding:25px 26px}
.gexyral-detail-signal-list article:last-child{border-bottom:0}
.gexyral-detail-signal-list article:hover{background:linear-gradient(90deg,rgba(var(--gex-v2-accent-rgb),.065),transparent 78%)}
.gexyral-detail-signal-list b{color:var(--gex-v2-accent)}

.gexyral-detail-structure-track{
  padding:8px 28px;
  border:1px solid rgba(var(--gex-v2-accent-rgb),.14);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(6,22,48,.62),rgba(3,13,30,.42));
  box-shadow:0 24px 70px rgba(0,0,0,.14);
}
.gexyral-detail-structure-track::before{
  background:linear-gradient(180deg,transparent,rgba(var(--gex-v2-accent-rgb),.50) 16%,rgba(var(--gex-v2-accent-rgb),.20) 84%,transparent);
}
.gexyral-detail-structure-track article{border-bottom-color:rgba(var(--gex-v2-accent-rgb),.11)}
.gexyral-detail-structure-track article:last-child{border-bottom:0}

.gexyral-inner-cta{isolation:isolate;overflow:hidden}
.gexyral-inner-cta::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:0;
  width:min(var(--gexyral-inner-max),calc(100% - 72px));
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(var(--gex-v2-accent-rgb),.52),transparent);
}
.gexyral-inner-cta .gexyral-inner-container{position:relative}
.gexyral-inner-cta .gexyral-inner-container::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:50% auto auto 50%;
  width:min(72vw,880px);
  aspect-ratio:1.6;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(var(--gex-v2-accent-rgb),.09),transparent 68%);
  filter:blur(12px);
  pointer-events:none;
}

:is(
  .gexyral-city-detail-profile-card,
  .gexyral-city-detail-service-grid article,
  .gexyral-city-detail-need-grid article,
  .gexyral-city-detail-scenario-grid article,
  .gexyral-city-detail-delivery-grid article,
  .gexyral-city-combination-card,
  .gexyral-city-capability-grid article,
  .gexyral-city-project-signal-grid article
){
  border-color:rgba(var(--gex-v2-accent-rgb),.20);
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 20px 58px rgba(0,0,0,.15);
}
:is(
  .gexyral-city-detail-service-grid article,
  .gexyral-city-detail-need-grid article,
  .gexyral-city-detail-scenario-grid article,
  .gexyral-city-detail-delivery-grid article,
  .gexyral-city-combination-card,
  .gexyral-city-capability-grid article,
  .gexyral-city-project-signal-grid article
):hover{border-color:rgba(var(--gex-v2-accent-rgb),.40)}

body[data-page-type^="insight_"] .gexyral-inner-content>.gexyral-inner-section::after,
body[data-page-type^="resource_"] .gexyral-inner-content>.gexyral-inner-section::after{opacity:.62}
body[data-page-type^="insight_"] :is(.gexyral-insight-checklist-panel,.gexyral-insight-related-grid a),
body[data-page-type^="resource_"] :is(.gexyral-resource-checklist-panel,.gexyral-resource-related-grid a){box-shadow:0 18px 54px rgba(0,0,0,.14)}

@media (prefers-reduced-motion:reduce){
  :is(
    .gexyral-detail-scope-grid article,
    .gexyral-detail-value-grid article,
    .gexyral-detail-process-grid article,
    .gexyral-detail-related-grid a,
    .gexyral-category-proof-grid article,
    .gexyral-category-scenario-grid article,
    .gexyral-solution-diagnosis-grid article,
    .gexyral-solution-method-track article,
    .gexyral-solution-architecture-grid article,
    .gexyral-solution-roadmap-grid article
  ){transition:none!important;transform:none!important}
}
@media(max-width:980px){
  :root{--gex-v2-section-pad:92px}
  .gexyral-detail-intro-grid>.gexyral-inner-section-head{padding:28px}
  .gexyral-detail-structure-track{padding:4px 22px}
}
@media(max-width:860px){
  .gexyral-inner-content>.gexyral-inner-section::after{width:92vw;right:-56%;opacity:.72}
  .gexyral-inner-content>.gexyral-inner-section.is-alt::after{left:-58%}
  .gexyral-inner-section-head>span,
  .gexyral-service-split-head .gexyral-inner-section-head>span,
  .gexyral-city-split-head .gexyral-inner-section-head>span,
  .gexyral-about-split-head .gexyral-inner-section-head>span,
  .gexyral-contact-split-head .gexyral-inner-section-head>span,
  .gexyral-legal-split-head .gexyral-inner-section-head>span{padding-left:0;justify-content:center}
  .gexyral-inner-section-head>span::before,
  .gexyral-service-split-head .gexyral-inner-section-head>span::before,
  .gexyral-city-split-head .gexyral-inner-section-head>span::before,
  .gexyral-about-split-head .gexyral-inner-section-head>span::before,
  .gexyral-contact-split-head .gexyral-inner-section-head>span::before,
  .gexyral-legal-split-head .gexyral-inner-section-head>span::before{display:none}
  .gexyral-detail-intro-grid>.gexyral-inner-section-head{text-align:center}
  .gexyral-detail-intro-grid>.gexyral-inner-section-head p{margin-left:auto;margin-right:auto}
}
@media(max-width:620px){
  :root{--gex-v2-section-pad:76px}
  .gexyral-inner-content>.gexyral-inner-section{padding-top:var(--gex-v2-section-pad);padding-bottom:var(--gex-v2-section-pad)}
  .gexyral-inner-section-head{margin-bottom:34px}
  .gexyral-detail-intro-grid{gap:18px}
  .gexyral-detail-intro-grid>.gexyral-inner-section-head{padding:23px 20px;border-radius:21px}
  .gexyral-detail-signal-list{border-radius:21px}
  .gexyral-detail-signal-list article{padding:21px 18px;grid-template-columns:36px 1fr;gap:12px}
  .gexyral-detail-structure-track{padding:2px 16px;border-radius:21px}
  :is(
    .gexyral-detail-scope-grid article,
    .gexyral-detail-value-grid article,
    .gexyral-detail-process-grid article,
    .gexyral-detail-related-grid a,
    .gexyral-category-proof-grid article,
    .gexyral-category-scenario-grid article,
    .gexyral-solution-diagnosis-grid article,
    .gexyral-solution-method-track article,
    .gexyral-solution-architecture-grid article,
    .gexyral-solution-roadmap-grid article
  ){box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 38px rgba(0,0,0,.13)}
  :is(
    .gexyral-detail-scope-grid article,
    .gexyral-detail-value-grid article,
    .gexyral-detail-process-grid article,
    .gexyral-detail-related-grid a,
    .gexyral-category-proof-grid article,
    .gexyral-category-scenario-grid article,
    .gexyral-solution-diagnosis-grid article,
    .gexyral-solution-method-track article,
    .gexyral-solution-architecture-grid article,
    .gexyral-solution-roadmap-grid article
  ):hover{transform:none}
  .gexyral-inner-cta::before{width:calc(100% - 32px)}
}