.about-reference-page{--ab-bg:var(--bg);--ab-surface:#fff;--ab-panel:rgba(255,255,255,.92);--ab-text:#081530;--ab-muted:#65728a;--ab-line:#dce5f1;--ab-blue:#168cff;--ab-purple:#744aff;--ab-green:#28b968;--ab-shadow:0 13px 36px rgba(34,60,104,.1);--ab-wrap:min(100% - 48px,1210px);min-height:100vh;margin-top:60px;padding-bottom:32px;overflow:hidden;color:var(--ab-text);font-family:"Plus Jakarta Sans",Inter,sans-serif;background:var(--ab-bg)}
[data-theme=dark] .about-reference-page{--ab-surface:#102141;--ab-panel:rgba(13,29,58,.94);--ab-text:#f7faff;--ab-muted:#a9b6ca;--ab-line:#263b5b;--ab-shadow:0 15px 42px rgba(0,0,0,.34)}
.about-reference-page *,.about-reference-page *::before,.about-reference-page *::after{box-sizing:border-box}.about-reference-page a{color:inherit;text-decoration:none}.about-reference-wrap{width:var(--ab-wrap);margin-inline:auto}.about-reference-panel{border:1px solid var(--ab-line);border-radius:16px;background:var(--ab-panel);box-shadow:0 8px 24px rgba(34,60,104,.05)}
.about-reference-hero{position:relative;min-height:510px;padding:25px 0;overflow:hidden}.about-reference-hero::before{position:absolute;inset:0;background:linear-gradient(90deg,var(--ab-bg) 4%,color-mix(in srgb,var(--ab-bg) 94%,transparent) 34%,transparent 68%),var(--about-hero-image) center 40%/cover no-repeat;content:""}.about-reference-hero::after{position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#168cff,#744aff,#c244e7,#ff8314);content:""}[data-theme=dark] .about-reference-hero::before{opacity:.62}.about-reference-crumb,.about-reference-hero-content{position:relative;z-index:2}.about-reference-crumb{display:flex;gap:13px;align-items:center;margin:4px 0 35px;color:var(--ab-muted);font-size:.7rem;font-weight:600}.about-reference-crumb i{font-size:.55rem}.about-reference-hero-content{max-width:550px}.about-reference-eyebrow{display:inline-block;padding:6px 12px;border-radius:999px;color:var(--ab-purple);font-size:.68rem;font-weight:800;background:rgba(116,74,255,.11)}.about-reference-hero h1{margin:14px 0;font-size:clamp(2.7rem,5vw,3.65rem);font-weight:800;line-height:1.16;letter-spacing:-.045em}.about-reference-hero h1 span{color:transparent;background:linear-gradient(90deg,#2874ff,#744aff,#c244e7);background-clip:text;-webkit-background-clip:text}.about-reference-hero-content>p{max-width:510px;color:var(--ab-muted);font-size:.83rem;font-weight:600;line-height:1.75}.about-reference-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.about-reference-values article{display:grid;grid-template-columns:40px 1fr;gap:10px;min-width:0}.about-reference-values article>i{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:var(--tone);font-size:1rem;background:color-mix(in srgb,var(--tone) 11%,transparent)}.about-reference-values h2{margin:0;color:var(--ab-text);font-size:.68rem;line-height:1.5}.about-reference-values p{margin:4px 0 0;color:var(--ab-muted);font-size:.55rem;line-height:1.7}
.about-reference-vision{display:grid;padding:42px 0 28px;grid-template-columns:340px 1fr 1fr}.about-reference-intro{padding-right:36px}.about-reference-intro>span,.about-reference-section-head>span,.about-reference-partners>div>span,.about-reference-app div>span{color:var(--ab-purple);font-size:.63rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.about-reference-intro h2{margin:10px 0;font-size:1.8rem;line-height:1.25}.about-reference-intro p{color:var(--ab-muted);font-size:.68rem;line-height:1.7}.about-reference-city-art{height:125px;margin-top:22px;overflow:hidden;color:rgba(116,74,255,.2);font-size:7.5rem;line-height:1}.about-reference-vision-card{min-height:280px;padding:24px;border:1px solid var(--ab-line);border-radius:14px;background:var(--ab-panel)}.about-reference-vision-card+.about-reference-vision-card{margin-left:-1px}.about-reference-vision-card h3{display:flex;gap:12px;align-items:center;margin:0 0 18px;font-size:1rem}.about-reference-vision-card h3 i{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,transparent)}.about-reference-vision-card p,.about-reference-vision-card li{color:var(--ab-muted);font-size:.67rem;line-height:1.75}.about-reference-vision-card ul{padding:0;list-style:none}.about-reference-vision-card li{position:relative;margin:9px 0;padding-left:22px}.about-reference-vision-card li::before{position:absolute;left:0;width:14px;height:14px;border-radius:50%;color:#fff;text-align:center;font-size:.5rem;line-height:14px;background:var(--ab-green);content:"✓"}
.about-reference-stats{display:grid;padding:20px 26px;grid-template-columns:155px repeat(5,1fr);gap:16px;align-items:center}.about-reference-stats>h2{font-size:1.12rem;line-height:1.4}.about-reference-stat{padding:15px 8px;border:1px solid var(--ab-line);border-radius:12px;text-align:center;background:var(--ab-surface)}.about-reference-stat>i{display:grid;width:38px;height:38px;margin:auto;place-items:center;border-radius:50%;color:var(--tone);font-size:1.05rem;background:color-mix(in srgb,var(--tone) 11%,transparent)}.about-reference-stat strong{display:block;margin:9px 0 5px;color:var(--tone);font-size:1.28rem}.about-reference-stat b{display:block;font-size:.6rem}.about-reference-stat small{display:block;margin-top:8px;color:var(--ab-muted);font-size:.5rem}
.about-reference-journey{padding:38px 0}.about-reference-section-head{margin-bottom:25px}.about-reference-section-head h2{margin:5px 0 0;font-size:1.2rem}.about-reference-timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.about-reference-timeline::before{position:absolute;top:29px;right:9%;left:9%;border-top:2px dotted color-mix(in srgb,var(--ab-purple) 30%,var(--ab-line));content:""}.about-reference-milestone{position:relative;text-align:center}.about-reference-milestone>i{position:relative;z-index:2;display:grid;width:58px;height:58px;margin:auto;place-items:center;border:1px solid var(--ab-line);border-radius:50%;color:var(--ab-purple);font-size:1.35rem;background:var(--ab-surface)}.about-reference-milestone:last-child>i{border:2px solid var(--ab-purple)}.about-reference-milestone>span{display:block;margin:12px 0 7px;color:var(--ab-muted);font-size:1.05rem}.about-reference-milestone h3{font-size:.67rem}.about-reference-milestone p{max-width:165px;margin:auto;color:var(--ab-muted);font-size:.55rem;line-height:1.65}.about-reference-milestone:last-child>span,.about-reference-milestone:last-child h3{color:var(--ab-purple)}
.about-reference-partners{display:grid;padding:18px 25px;grid-template-columns:260px repeat(5,1fr);gap:12px;align-items:center}.about-reference-partners h2{margin:4px 0 7px;font-size:1.08rem}.about-reference-partners>div>p{color:var(--ab-muted);font-size:.62rem;line-height:1.6}.about-reference-partner{display:flex;min-height:66px;padding:9px;align-items:center;gap:9px;border:1px solid var(--ab-line);border-radius:10px;background:var(--ab-surface)}.about-reference-partner i{color:var(--tone);font-size:1.45rem}.about-reference-partner b{font-size:.57rem;line-height:1.4}
.about-reference-app{display:grid;min-height:145px;margin:24px auto;padding:16px 30px;grid-template-columns:200px 1fr 310px 90px;gap:22px;align-items:center;background:linear-gradient(100deg,color-mix(in srgb,var(--ab-blue) 8%,var(--ab-panel)),color-mix(in srgb,var(--ab-purple) 28%,var(--ab-panel)))}.about-reference-app>img{width:180px;height:108px;border-radius:13px;object-fit:cover}.about-reference-app h2{margin:5px 0;font-size:1.1rem}.about-reference-app p{color:var(--ab-muted);font-size:.63rem;line-height:1.7}.about-reference-app-actions{display:flex;gap:10px}.about-reference-app-actions a{display:inline-flex;min-height:42px;padding:0 15px;align-items:center;gap:8px;border-radius:9px;color:#081530;font-size:.68rem;font-weight:800;background:#fff;box-shadow:0 9px 22px rgba(34,60,104,.12)}.about-reference-qr{display:grid;width:76px;height:76px;place-items:center;border-radius:9px;color:#081530;font-size:3.15rem;background:#fff}
.about-reveal{opacity:0;transform:translateY(15px);transition:opacity .55s ease,transform .55s ease}.about-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1080px){.about-reference-stats{grid-template-columns:repeat(3,1fr)}.about-reference-stats>h2{grid-column:1/-1}.about-reference-partners{grid-template-columns:repeat(3,1fr)}.about-reference-partners>div:first-child{grid-column:1/-1}.about-reference-app{grid-template-columns:160px 1fr 280px}.about-reference-qr{display:none}}
@media(max-width:840px){.about-reference-vision{grid-template-columns:1fr 1fr}.about-reference-intro{grid-column:1/-1;margin-bottom:20px}.about-reference-timeline{grid-template-columns:repeat(5,180px);overflow-x:auto;padding-bottom:12px}.about-reference-timeline::before{min-width:750px}.about-reference-app{grid-template-columns:1fr 1fr}.about-reference-app>img{display:none}}
@media(max-width:620px){.about-reference-page{--ab-wrap:min(100% - 28px,1210px)}.about-reference-hero{min-height:auto}.about-reference-hero::before{opacity:.3}.about-reference-hero h1{font-size:2.35rem}.about-reference-values{grid-template-columns:1fr}.about-reference-values p{max-width:240px}.about-reference-vision{grid-template-columns:1fr}.about-reference-vision-card{min-height:auto}.about-reference-vision-card+.about-reference-vision-card{margin:10px 0 0}.about-reference-stats{grid-template-columns:1fr 1fr}.about-reference-partners{grid-template-columns:1fr 1fr}.about-reference-app{grid-template-columns:1fr}.about-reference-app-actions{flex-wrap:wrap}}
@media(max-width:390px){.about-reference-stats,.about-reference-partners{grid-template-columns:1fr}.about-reference-partners>*{grid-column:auto!important}.about-reference-app{padding:20px}}
@media(prefers-reduced-motion:reduce){.about-reveal{opacity:1;transform:none;transition:none}}