.about-page{background:#edf5ff}
.about-page:before{z-index:-1;opacity:.7}
.about-page:after{background:radial-gradient(circle at 22% 17%,#d6e9ff 0,transparent 34%),radial-gradient(circle at 72% 43%,#c5e6ff 0,transparent 35%),linear-gradient(145deg,#f7fbff,#dceaff 62%,#f3f8ff)}
.about-wrap{padding-top:75px;padding-bottom:88px}
.about-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(200px,.78fr) minmax(285px,.94fr);grid-template-rows:auto 1fr;gap:25px 20px;align-items:end}
.about-intro{grid-column:1/3;align-self:start;max-width:760px;z-index:2}
.about-pill{display:inline-flex;align-items:center;min-height:34px;padding:5px 19px;margin:0 0 28px;border-radius:999px;background:linear-gradient(135deg,#4d9bf3,#1c69d9);color:#fff;font-size:14px;font-weight:800;letter-spacing:.1em;box-shadow:0 9px 20px rgba(43,112,211,.2)}
.about-intro h1{margin:0;color:#102955;font-size:clamp(43px,5vw,70px);line-height:1.16;letter-spacing:-.045em;font-weight:900}
.about-intro h1 span{color:#206ed0}
.about-lede{max-width:710px;margin:21px 0 0;color:#50698e;font-size:17px;line-height:1.85}
.about-capabilities{grid-column:1;grid-row:2;align-self:end;z-index:2}
.about-capabilities>h2{display:flex;align-items:center;gap:10px;margin:0 0 15px;color:#1d64bd;font-size:18px;font-weight:850}
.about-capabilities>h2:before{content:"";display:block;width:4px;height:22px;border-radius:3px;background:#2583f3}
.about-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.about-feature{min-height:92px;display:flex;align-items:center;gap:12px;padding:13px 13px;border:1px solid rgba(255,255,255,.9);border-radius:15px;background:rgba(255,255,255,.67);box-shadow:0 10px 28px rgba(76,122,197,.08);backdrop-filter:blur(8px)}
.feature-glyph{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:11px;background:#e5f1ff;color:#1472e0;font-size:25px;font-weight:800}
.about-feature h3{margin:0 0 4px;color:#1666c7;font-size:15px;line-height:1.2}
.about-feature p{margin:0;color:#6c809f;font-size:12px;line-height:1.4}
.about-keywords{margin:21px 0;color:#1765c4;font-size:13px;font-weight:800;letter-spacing:.01em}
.about-keywords span{padding:0 7px;color:#8baddc}
.about-partner{display:flex;gap:18px;padding:20px;border:1px solid #dceaff;border-radius:18px;background:rgba(255,255,255,.75);box-shadow:0 16px 32px rgba(83,123,185,.09)}
.partner-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:13px;background:#e5f1ff;color:#1a6cd5;font-size:29px}
.about-partner h2{margin:0 0 6px;font-size:19px;color:#1b65bf}
.about-partner p{margin:0;color:#5f7395;font-size:13px;line-height:1.6}
.about-partner a{display:inline-flex;gap:8px;margin-top:12px;padding:9px 13px;border-radius:8px;background:#1874de;color:#fff;font-size:13px;font-weight:800}
.about-partner a:hover{background:#105bb7}
.about-cat{grid-column:2;grid-row:2;position:relative;align-self:end;min-width:0;min-height:310px;display:grid;place-items:end center;overflow:visible}
.about-cat-glow{position:absolute;inset:16% -10% 1%;border-radius:50%;background:radial-gradient(circle,#fff 8%,#b7dcff 54%,transparent 72%);filter:blur(6px)}
.about-cat-ring{position:absolute;width:116%;height:27%;left:-8%;bottom:19%;border:1px solid rgba(88,179,230,.7);border-radius:50%;transform:rotate(-11deg);box-shadow:0 0 20px rgba(44,154,239,.26)}
.about-cat img{position:relative;width:125%;max-width:none;transform:translateX(-2%);mask-image:radial-gradient(ellipse 72% 76% at 50% 51%,#000 60%,transparent 100%);filter:drop-shadow(0 17px 22px rgba(61,101,163,.2));animation:about-cat-float 10s ease-in-out infinite}
.about-qr-card{grid-column:3;grid-row:1/3;align-self:center;z-index:3;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:#fff;box-shadow:0 25px 55px rgba(40,98,188,.22)}
.qr-card-top{display:flex;flex-direction:column;align-items:center;padding:34px 25px 28px;background:radial-gradient(circle at 50% 59%,#4bb9fb 0,transparent 43%),linear-gradient(145deg,#277ce6,#0b58c8);color:#fff;text-align:center}
.qr-card-top>p:first-child{margin:0;font-size:14px;font-weight:800;letter-spacing:.16em;color:#d9ecff}
.qr-card-top h2{margin:13px 0 10px;font-size:30px;line-height:1.23;letter-spacing:.01em}
.qr-card-top>p:nth-of-type(2){margin:0 0 21px;color:#e1efff;font-size:14px;line-height:1.5}
.qr-card-top img{width:min(100%,230px);height:auto;aspect-ratio:1;object-fit:contain;padding:9px;border:7px solid #fff;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(9,59,148,.26)}
.qr-card-top>span{margin-top:17px;font-size:14px;font-weight:700}
.qr-card-bottom{display:flex;justify-content:center;gap:8px;padding:21px 12px;color:#1667cb;font-size:15px;font-weight:800;text-align:center}
.qr-card-bottom{width:100%;border:0;background:transparent;cursor:pointer;font:inherit}
.qr-card-bottom:hover{text-decoration:underline}
.about-values{border-top:1px solid #d4e4fa;background:rgba(255,255,255,.55)}
.about-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:30px;padding-bottom:30px}
.about-values-grid>div{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;padding:0 20px;border-right:1px solid #d6e4f4}
.about-values-grid>div:last-child{border-right:0}
.about-values-grid span{grid-row:1/3;color:#1e72d9;font-size:35px;line-height:1}
.about-values-grid h2{margin:0;color:#1e65bf;font-size:17px}
.about-values-grid p{margin:5px 0 0;color:#7182a1;font-size:12px}
@keyframes about-cat-float{0%,100%{transform:translate(-2%,0)}50%{transform:translate(-2%,-7px)}}
@media(max-width:1020px){.about-hero{grid-template-columns:minmax(0,1fr) minmax(220px,.68fr);gap:25px}.about-intro{grid-column:1/3}.about-capabilities{grid-column:1;grid-row:2}.about-cat{grid-column:2;grid-row:2}.about-qr-card{grid-column:1/3;grid-row:3;justify-self:center;width:min(100%,410px)}.about-wrap{padding-top:52px}}
@media(max-width:680px){.about-wrap{padding-top:36px;padding-bottom:55px}.about-hero{display:flex;flex-direction:column;align-items:stretch;gap:27px}.about-intro h1{font-size:clamp(38px,10vw,58px)}.about-lede{font-size:15px}.about-pill{margin-bottom:18px}.about-capabilities{order:2}.about-cat{order:1;min-height:0;height:230px;align-self:center;width:min(100%,350px);overflow:hidden}.about-cat img{width:88%;justify-self:center}.about-cat-glow{inset:10% 5% 0}.about-cat-ring{width:90%;left:5%}.about-qr-card{order:3;width:100%}.about-feature-grid{gap:8px}.about-feature{min-height:83px;padding:10px;gap:8px}.feature-glyph{flex-basis:31px;height:31px;font-size:20px}.about-feature h3{font-size:13px}.about-feature p{font-size:11px}.about-keywords{font-size:11px}.about-keywords span{padding:0 3px}.about-values-grid{grid-template-columns:1fr;gap:0}.about-values-grid>div{padding:16px 2px;border-right:0;border-bottom:1px solid #d6e4f4}.about-values-grid>div:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.about-cat img{animation:none}}