:root{--ink:#06111d;--ink2:#0b1d2c;--green:#17a673;--orange:var(--gp-green);--soft:#f4f7f8;--line:#dfe7eb}
.about-page{overflow-x:hidden}.about-hero{position:relative;min-height:650px;background:#06111d;color:#fff;display:flex;align-items:center}
.about-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 35%,rgba(23,166,115,.22),transparent 28%),radial-gradient(circle at 90% 75%,rgba(255,106,43,.15),transparent 25%),linear-gradient(90deg,rgba(6,17,29,.98) 0%,rgba(6,17,29,.9) 47%,rgba(6,17,29,.42) 100%)}
.about-hero:after{content:"";position:absolute;right:-12%;top:8%;width:650px;height:650px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.014)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.hero-copy{max-width:760px}.about-page .eyebrow{letter-spacing:.16em;font-size:.72rem;font-weight:900;text-transform:uppercase;color:#8fe0c0}.hero-copy h1{font-size:clamp(3rem,6vw,6rem);line-height:.96;letter-spacing:-.055em;margin:18px 0 26px}.hero-copy h1 span{color:var(--gp-green)}.hero-copy .lead{font-size:1.12rem;line-height:1.8;color:#c8d5dc;max-width:680px}.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.hero-pills span{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);padding:9px 13px;border-radius:999px;font-size:.75rem;font-weight:800}
.hero-visual{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center}.radar{width:390px;height:390px;border-radius:50%;border:1px solid rgba(255,255,255,.18);position:relative;background:radial-gradient(circle,rgba(23,166,115,.10),transparent 62%);box-shadow:inset 0 0 80px rgba(23,166,115,.06)}.radar:before,.radar:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;inset:55px}.radar:after{inset:120px}.radar-line{position:absolute;left:50%;top:0;width:1px;height:100%;background:rgba(255,255,255,.1)}.radar-line.x{transform:rotate(90deg)}.node{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--gp-green);box-shadow:0 0 0 7px rgba(255,106,43,.14),0 0 28px rgba(255,106,43,.5)}.n1{left:22%;top:32%}.n2{right:25%;top:22%;background:var(--green);box-shadow:0 0 0 7px rgba(23,166,115,.14),0 0 28px rgba(23,166,115,.5)}.n3{right:18%;bottom:30%}.n4{left:35%;bottom:17%;background:#fff;box-shadow:0 0 0 7px rgba(255,255,255,.1)}.center-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 35px rgba(255,255,255,.7)}.visual-label{position:absolute;padding:10px 14px;background:rgba(6,17,29,.8);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);border-radius:10px;font-size:.7rem;font-weight:800}.vl1{left:0;top:22%}.vl2{right:-5%;top:42%}.vl3{left:12%;bottom:10%}
.section-intro{max-width:760px;margin-bottom:48px}.section-intro h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.04em;line-height:1.05;margin:12px 0}.section-intro p{color:#667783;line-height:1.8;font-size:1.02rem}.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.story-media{position:relative}.story-media img{width:100%;display:block;border-radius:22px;aspect-ratio:4/3;object-fit:cover}.story-tag{position:absolute;left:22px;bottom:22px;background:#06111d;color:#fff;border-radius:13px;padding:16px 18px;box-shadow:0 15px 35px rgba(6,17,29,.25)}.story-tag strong{display:block;font-size:1.5rem}.story-tag small{color:#a9bac4}.story-copy h3{font-size:2rem;letter-spacing:-.03em;margin:0 0 18px}.story-copy p{color:#667783;line-height:1.85}.quote{margin:28px 0;padding:22px 24px;border-left:4px solid var(--gp-green);background:#f7f9fa;font-size:1.08rem;font-weight:700;color:var(--ink2);line-height:1.65}
.capabilities{background:var(--soft)}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cap{background:#fff;border:1px solid var(--line);padding:27px;border-radius:18px;min-height:205px;transition:.25s}.cap:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(6,17,29,.08)}.cap-no{font-size:.7rem;font-weight:900;color:var(--green);letter-spacing:.15em}.cap h3{font-size:1.15rem;margin:14px 0 9px}.cap p{font-size:.88rem;line-height:1.65;color:#70808a}
.pipeline{background:#06111d;color:#fff}.pipeline .section-intro p{color:#aebdc5}.pipeline-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}.pipe{background:#06111d;padding:26px 20px;min-height:205px;position:relative}.pipe:not(:last-child):after{content:"→";position:absolute;right:-8px;top:43%;z-index:2;color:var(--gp-green);font-weight:900}.pipe .num{font-size:.68rem;color:#7dd5b2;font-weight:900}.pipe h3{margin:25px 0 10px;font-size:1rem}.pipe p{font-size:.8rem;line-height:1.6;color:#91a3ad}
.difference{display:grid;grid-template-columns:1fr 1fr;gap:18px}.diff{padding:34px;border-radius:20px;border:1px solid var(--line)}.diff.featured{background:linear-gradient(145deg,#06111d,#102a3c);color:#fff;border-color:#18394e}.diff h3{font-size:1.4rem}.diff p{line-height:1.75;color:#6c7c86}.featured p{color:#b9c9d1}.diff ul{padding-left:19px;color:#6c7c86;line-height:2}.featured ul{color:#c8d5dc}.closing{background:linear-gradient(135deg,#eef7f3,#fff);border:1px solid #d9ece4;border-radius:26px;padding:55px;text-align:center}.closing h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em;margin:10px auto 15px;max-width:850px}.closing p{max-width:700px;margin:auto;color:#63737c;line-height:1.8}
@media(max-width:1000px){.hero-grid,.story{grid-template-columns:1fr;gap:35px}.hero-visual{min-height:350px}.cap-grid{grid-template-columns:repeat(2,1fr)}.pipeline-grid{grid-template-columns:repeat(3,1fr)}.pipe:not(:last-child):after{display:none}}
@media(max-width:640px){.about-hero{min-height:auto;padding:90px 0 55px}.hero-copy h1{font-size:3rem}.hero-visual{min-height:290px}.radar{width:280px;height:280px}.visual-label{font-size:.62rem}.vl2{right:-2%}.cap-grid,.difference,.pipeline-grid{grid-template-columns:1fr}.closing{padding:32px 22px}.story-copy h3{font-size:1.6rem}}