.about-hero{background:radial-gradient(circle at 75% 45%,#c9e6ff,#e8f1fa 43%,#f5f8fc 100%);overflow:hidden}
.about-hero-grid{min-height:720px;display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center}
.about-hero h1{font-size:clamp(3.3rem,6vw,6.6rem);line-height:1.01;letter-spacing:-.075em;margin:1rem 0 2rem}
.about-hero h1 em,.about-path h2 em{font-style:normal;background:linear-gradient(90deg,#1eacfa,#286ef2,#673cfa);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-hero p:not(.eyebrow){max-width:640px;font-size:1.12rem;line-height:1.72;color:#4e6685}
.about-hero-art{position:relative;aspect-ratio:1;display:grid;place-items:center}
.about-hero-art:before{content:"";position:absolute;inset:2%;border-radius:50%;background:radial-gradient(circle,#80baf964,transparent 65%);filter:blur(15px)}
.about-hero-art img{position:relative;z-index:2;width:48%;filter:drop-shadow(0 22px 28px #234a8b73);animation:aboutFloat 6s ease-in-out infinite}
.about-orbit{position:absolute;width:95%;height:63%;border:2px solid #4a9add90;border-radius:50%;transform:rotate(-27deg);animation:aboutOrbit 19s linear infinite}
.about-orbit:before{content:"";position:absolute;inset:-25% 18%;border:2px solid #7b65ed74;border-radius:50%;transform:rotate(53deg)}
.about-hero-art span{position:absolute;bottom:5%;font-size:.62rem;font-weight:800;letter-spacing:.2em;color:#386ba0}
.about-units{padding-block:7rem}
.about-unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}
.about-unit{min-height:430px;padding:2.5rem;border-radius:28px;display:flex;flex-direction:column;align-items:flex-start;background:radial-gradient(circle at 85% 10%,#b6dfff,#f5f8ff 55%);border:1px solid #b9d8f7;box-shadow:0 20px 45px #1b477a1c;transition:transform .3s}
.about-unit:hover{transform:translateY(-7px)}
.about-unit img{width:min(50%,230px);height:75px;object-fit:contain;object-position:left}
.about-unit h3{font-size:clamp(2rem,3.1vw,3.4rem);line-height:1.06;letter-spacing:-.06em;max-width:560px;margin:3rem 0 1rem}
.about-unit p{color:#4f6887;line-height:1.6;max-width:480px}
.about-unit span{margin-top:auto;font-weight:800;color:#226dc9;border-top:1px solid #b6d5ef;padding-top:1rem;align-self:stretch}
.about-unit-emdex{background:radial-gradient(circle at 85% 10%,#365dc0,#182d60 45%,#101f47);border-color:#4566ae;color:#fff}
.about-unit-emdex p{color:#d1e3fa}.about-unit-emdex span{color:#a6e1ff;border-color:#4a6caa}
.about-path{padding-block:7rem;background:#fff}
.about-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem}
.about-path h2{font-size:clamp(2.5rem,4.6vw,5rem);line-height:1.05;letter-spacing:-.07em;margin:1rem 0 2rem}
.about-path p:not(.eyebrow){color:#536b88;line-height:1.7;max-width:560px}
.about-path ol{list-style:none;margin:0;padding:0}
.about-path li{display:flex;gap:1.4rem;padding:1.8rem 0;border-top:1px solid #cbdcec}
.about-path li:last-child{border-bottom:1px solid #cbdcec}
.about-path li>span{color:#207bf4;font-weight:800;font-size:.8rem;padding-top:.25rem}
.about-path li h3{font-size:1.6rem;margin:0 0 .5rem;letter-spacing:-.05em}
.about-path li p{margin:0}
.about-work{padding-block:7rem}.about-work>.section-heading{max-width:850px}
.about-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.about-proof-grid>article,.about-demo{padding:2rem;border-radius:24px;background:#fff;border:1px solid #ccdcf0;box-shadow:0 15px 32px #21477d12}
.about-proof-grid>article{display:flex;flex-direction:column;min-height:260px}
.about-proof-grid span{font-size:.68rem;letter-spacing:.15em;font-weight:800;color:#2578c9}
.about-proof-grid article strong{font-size:clamp(3rem,5vw,5.5rem);letter-spacing:-.08em;color:#174286;margin:.8rem 0}
.about-proof-grid p{color:#556d89;line-height:1.6;max-width:540px}
.about-proof-grid article a{margin-top:auto;font-weight:800;color:#246bc4}
.about-demo{grid-column:1/-1;display:grid;grid-template-columns:1fr minmax(240px,380px);gap:2rem;min-height:400px;overflow:hidden;background:linear-gradient(110deg,#102b60,#274d9c);color:#fff;transition:transform .3s}
.about-demo:hover{transform:translateY(-5px)}
.about-demo h3{font-size:clamp(2rem,3.4vw,3.7rem);max-width:620px;letter-spacing:-.06em;line-height:1.1;margin:2rem 0 1rem}
.about-demo p{color:#d6e5fa}.about-demo b{display:block;margin-top:2rem;color:#a6e6ff}
.about-demo img{width:100%;height:430px;object-fit:cover;object-position:top center;border-radius:30px 30px 0 0;box-shadow:0 0 35px #0b1c47b8}
.about-family{padding-block:6rem;background:#132b58;color:#fff}
.about-family h2{font-size:clamp(2.6rem,4.4vw,4.4rem);letter-spacing:-.06em;margin:1rem 0 3rem}
.about-family .eyebrow{color:#9edbff}
.about-family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.about-family-grid a{min-height:180px;padding:1.5rem;border:1px solid #6482b371;border-radius:18px;display:flex;flex-direction:column;justify-content:space-between;background:#1b3972;transition:transform .25s,background .25s}
.about-family-grid a:hover{transform:translateY(-5px);background:#24488b}
.about-family-grid img{width:90%;height:54px;object-fit:contain;object-position:left;filter:brightness(0) invert(1)}
.about-family-grid span{font-size:.83rem;line-height:1.4;color:#d0e4ff;font-weight:700}
@keyframes aboutFloat{50%{transform:translateY(-12px)}}@keyframes aboutOrbit{to{transform:rotate(333deg)}}
@media(max-width:850px){.about-hero-grid{grid-template-columns:1fr;min-height:0;padding-block:6rem 3rem}.about-hero-art{width:min(60vw,330px);margin:auto}.about-path-grid{grid-template-columns:1fr;gap:2rem}.about-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.about-hero-grid{padding-block:4rem 2rem}.about-hero h1{font-size:clamp(3rem,11vw,4.5rem)}.about-hero p:not(.eyebrow){font-size:1rem}.about-hero-art{width:min(75vw,280px)}.about-hero-art span{font-size:.47rem}.about-units,.about-path,.about-work{padding-block:4rem}.about-unit-grid,.about-proof-grid{grid-template-columns:1fr}.about-unit{min-height:350px;padding:1.5rem}.about-unit h3{margin:2rem 0 1rem}.about-demo{grid-column:1;grid-template-columns:1fr;gap:1rem}.about-demo img{height:330px;width:75%;justify-self:center}.about-family-grid{grid-template-columns:1fr 1fr}.about-family-grid a{min-height:155px;padding:1rem}.about-family-grid img{height:40px}.about-family-grid span{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.about-hero-art img,.about-orbit{animation:none}}