:root{
    --gx-about-ink:#0f172a;
    --gx-about-muted:#5c6b80;
    --gx-about-soft:#f5f8fc;
    --gx-about-line:rgba(15,23,42,.09);
    --gx-about-blue:#2563eb;
    --gx-about-cyan:#06b6d4;
    --gx-about-green:#16a34a;
    --gx-about-dark:#0f172a;
    --gx-about-shadow:0 24px 70px rgba(15,23,42,.10);
}

.gx-about{background:#fff;color:var(--gx-about-ink);overflow:hidden;}
.gx-about *{box-sizing:border-box;}
.gx-about-container{width:min(100% - 40px,1180px);margin:0 auto;}

.gx-about-hero{position:relative;min-height:720px;padding:118px 0 76px;background:radial-gradient(circle at 12% 6%,rgba(37,99,235,.12),transparent 32%),linear-gradient(180deg,#f7fbff 0%,#ffffff 78%);overflow:hidden;}
.gx-about-bg{position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none;}
.gx-about-bg--one{right:-110px;top:110px;width:360px;height:360px;background:rgba(37,99,235,.12);}
.gx-about-bg--two{left:-130px;bottom:60px;width:310px;height:310px;background:rgba(6,182,212,.12);}
.gx-about-hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:56px;align-items:center;}
.gx-about-hero__copy{max-width:760px;}
.gx-about-eyebrow{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px;}
.gx-about-eyebrow span,.gx-about-section-head > span,.gx-about-boundary-card > div > span,.gx-about-cta-card span{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:950;letter-spacing:.01em;}
.gx-about-hero h1{margin:0;color:#08111f;font-size:64px;line-height:1.04;letter-spacing:-3.1px;font-weight:950;max-width:850px;}
.gx-about-lead{margin:26px 0 0;color:#48576c;font-size:18px;line-height:1.9;max-width:780px;}
.gx-about-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;}
.gx-about-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 20px;border-radius:999px;font-weight:950;text-decoration:none;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;}
.gx-about-btn:hover{transform:translateY(-2px);}
.gx-about-btn--primary{background:linear-gradient(135deg,var(--gx-about-blue),var(--gx-about-cyan));color:#fff;box-shadow:0 16px 32px rgba(37,99,235,.22);}
.gx-about-btn--ghost{background:#fff;color:#122033;border-color:rgba(15,23,42,.12);box-shadow:0 12px 24px rgba(15,23,42,.06);}
.gx-about-btn--light{background:#fff;color:#0f172a;box-shadow:0 14px 30px rgba(0,0,0,.14);}
.gx-about-btn--outline-light{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.24);}

.gx-about-hero__card{position:relative;background:#0f172a;border-radius:34px;padding:24px;box-shadow:0 34px 90px rgba(15,23,42,.20);overflow:hidden;}
.gx-about-hero__card:before{content:"";position:absolute;right:-78px;top:-94px;width:250px;height:250px;border-radius:50%;background:rgba(6,182,212,.22);}
.gx-about-card-top{position:relative;z-index:1;padding:10px 8px 20px;border-bottom:1px solid rgba(255,255,255,.12);}
.gx-about-card-top span{display:inline-flex;color:#7dd3fc;font-weight:950;font-size:13px;margin-bottom:12px;}
.gx-about-card-top strong{display:block;color:#fff;font-size:30px;line-height:1.18;letter-spacing:-1px;}
.gx-about-record-list{position:relative;z-index:1;display:grid;gap:12px;margin-top:18px;}
.gx-about-record-list div{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;padding:16px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);}
.gx-about-record-list b{display:flex;align-items:center;justify-content:center;width:44px;height:38px;border-radius:15px;background:#fff;color:#0f172a;font-size:13px;font-weight:950;}
.gx-about-record-list span{color:#e5edf7;font-weight:850;line-height:1.55;}

.gx-about-section{padding:88px 0;background:#fff;}
.gx-about-section--pain,.gx-about-section--audience{background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);}
.gx-about-section--dark{background:#0f172a;color:#fff;position:relative;}
.gx-about-section--dark:before{content:"";position:absolute;left:-110px;top:40px;width:360px;height:360px;border-radius:50%;background:rgba(37,99,235,.20);filter:blur(4px);}
.gx-about-section--boundary{background:#fff;padding-top:72px;}
.gx-about-split{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:54px;align-items:start;}
.gx-about-section-head h2{margin:14px 0 0;color:var(--gx-about-ink);font-size:42px;line-height:1.17;letter-spacing:-1.6px;font-weight:950;}
.gx-about-section-head p{margin:18px 0 0;color:var(--gx-about-muted);font-size:16px;line-height:1.85;}
.gx-about-section-head--center{text-align:center;max-width:860px;margin:0 auto 42px;}
.gx-about-section-head--center > span{margin-left:auto;margin-right:auto;}
.gx-about-section--dark .gx-about-section-head h2{color:#fff;}
.gx-about-section--dark .gx-about-section-head p{color:#cbd5e1;}
.gx-about-section--dark .gx-about-section-head > span{background:rgba(255,255,255,.10);color:#7dd3fc;border:1px solid rgba(255,255,255,.14);}

.gx-about-problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.gx-about-problem-grid article,.gx-about-value-grid article,.gx-about-audience-grid article{background:#fff;border:1px solid var(--gx-about-line);border-radius:28px;padding:26px;box-shadow:0 18px 48px rgba(15,23,42,.06);}
.gx-about-problem-grid em{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-style:normal;font-size:13px;font-weight:950;margin-bottom:18px;}
.gx-about-problem-grid h3,.gx-about-value-grid h3,.gx-about-audience-grid h3{margin:0;color:#0f172a;font-size:21px;line-height:1.35;letter-spacing:-.55px;font-weight:950;}
.gx-about-problem-grid p,.gx-about-value-grid p,.gx-about-audience-grid p{margin:13px 0 0;color:#5d6b80;font-size:15px;line-height:1.82;}

.gx-about-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.gx-about-value-grid article{position:relative;overflow:hidden;min-height:248px;}
.gx-about-value-grid article:after{content:"";position:absolute;right:-38px;top:-42px;width:108px;height:108px;border-radius:50%;background:rgba(37,99,235,.07);}
.gx-about-value-grid i{display:flex;width:44px;height:44px;border-radius:17px;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 14px 28px rgba(37,99,235,.20);margin-bottom:22px;}
.gx-about-value-grid h3,.gx-about-value-grid p{position:relative;z-index:1;}

.gx-about-dark-grid{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:58px;align-items:start;}
.gx-about-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.gx-about-flow li{position:relative;min-height:206px;padding:22px;border-radius:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);overflow:hidden;}
.gx-about-flow li:after{content:"";position:absolute;right:-30px;bottom:-36px;width:110px;height:110px;border-radius:50%;background:rgba(6,182,212,.14);}
.gx-about-flow b{display:inline-flex;color:#7dd3fc;font-size:13px;letter-spacing:.08em;margin-bottom:22px;}
.gx-about-flow span{position:relative;z-index:1;display:block;color:#fff;font-size:21px;font-weight:950;line-height:1.35;letter-spacing:-.5px;}
.gx-about-flow p{position:relative;z-index:1;margin:12px 0 0;color:#cbd5e1;font-size:15px;line-height:1.75;}

.gx-about-audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.gx-about-audience-grid article span{display:inline-flex;padding:8px 12px;border-radius:999px;background:#ecfdf5;color:#15803d;font-size:13px;font-weight:950;margin-bottom:18px;}

.gx-about-boundary-card{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:44px;align-items:center;background:linear-gradient(135deg,#fff7ed,#ffffff 54%,#f8fbff);border:1px solid rgba(15,23,42,.08);border-radius:34px;padding:38px;box-shadow:0 20px 60px rgba(15,23,42,.08);}
.gx-about-boundary-card h2{margin:16px 0 0;color:#0f172a;font-size:38px;line-height:1.18;letter-spacing:-1.4px;font-weight:950;}
.gx-about-boundary-card p{margin:18px 0 0;color:#5b6b80;font-size:16px;line-height:1.86;}
.gx-about-boundary-list{display:grid;gap:12px;}
.gx-about-boundary-list div{padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 28px rgba(15,23,42,.05);}
.gx-about-boundary-list b{display:block;color:#0f172a;font-size:17px;margin-bottom:8px;}
.gx-about-boundary-list span{display:block;color:#5d6b80;line-height:1.7;font-size:15px;}

.gx-about-cta{padding:16px 0 104px;background:linear-gradient(180deg,#fff 0%,#f5f9ff 100%);}
.gx-about-cta-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;background:#0f172a;color:#fff;border-radius:36px;padding:44px;box-shadow:0 34px 90px rgba(15,23,42,.24);}
.gx-about-cta-card:after{content:"";position:absolute;right:-90px;top:-120px;width:300px;height:300px;border-radius:50%;background:rgba(6,182,212,.22);}
.gx-about-cta-card > div{position:relative;z-index:1;}
.gx-about-cta-card span{background:rgba(255,255,255,.10);color:#7dd3fc;border:1px solid rgba(255,255,255,.14);}
.gx-about-cta-card h2{margin:16px 0 0;color:#fff;font-size:38px;line-height:1.18;letter-spacing:-1.45px;font-weight:950;max-width:790px;}
.gx-about-cta-card p{margin:16px 0 0;color:#cbd5e1;font-size:16px;line-height:1.8;max-width:760px;}
.gx-about-cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;}

@media (max-width:1080px){
    .gx-about-hero{min-height:auto;padding-top:104px;}
    .gx-about-hero__inner,.gx-about-split,.gx-about-dark-grid,.gx-about-boundary-card{grid-template-columns:1fr;gap:36px;}
    .gx-about-problem-grid,.gx-about-value-grid,.gx-about-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:820px){
    .gx-about-container{width:min(100% - 28px,1180px);}
    .gx-about-hero{padding:86px 0 56px;}
    .gx-about-hero h1{font-size:40px;letter-spacing:-1.8px;}
    .gx-about-lead{font-size:16px;line-height:1.85;}
    .gx-about-hero__card{border-radius:28px;padding:18px;}
    .gx-about-section{padding:72px 0;}
    .gx-about-section-head h2,.gx-about-boundary-card h2,.gx-about-cta-card h2{font-size:32px;letter-spacing:-1.15px;}
    .gx-about-flow{grid-template-columns:1fr;}
    .gx-about-cta-card{grid-template-columns:1fr;padding:30px;border-radius:28px;}
    .gx-about-cta-actions{justify-content:flex-start;}
}

@media (max-width:560px){
    .gx-about-eyebrow span{font-size:12px;padding:8px 11px;}
    .gx-about-hero h1{font-size:34px;}
    .gx-about-actions,.gx-about-cta-actions{display:grid;width:100%;}
    .gx-about-btn{width:100%;}
    .gx-about-record-list div{grid-template-columns:1fr;}
    .gx-about-problem-grid,.gx-about-value-grid,.gx-about-audience-grid{grid-template-columns:1fr;}
    .gx-about-value-grid article{min-height:auto;}
    .gx-about-boundary-card{padding:24px;border-radius:26px;}
    .gx-about-cta{padding-bottom:78px;}
}