.about-page .about-hero { padding-top: 165px; min-height: 820px; display:flex; align-items:center; }
.about-hero-grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:54px; align-items:center; }
.about-copy h1 { margin:20px 0; font-size:clamp(45px,5.1vw,73px); line-height:1; letter-spacing:-.055em; max-width:720px; }
.about-copy h1 span { color:var(--primary); }
.about-copy > p { margin:0; max-width:680px; color:var(--muted); font-size:16px; line-height:1.8; }
.about-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.about-mini-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:30px; max-width:650px; }
.about-mini-stats div { padding:16px 18px; border-radius:18px; background:rgba(255,255,255,.38); border:1px solid rgba(255,255,255,.7); box-shadow:inset 0 1px 0 rgba(255,255,255,.75); }
.about-mini-stats strong { display:block; font-size:24px; letter-spacing:-.04em; }
.about-mini-stats span { display:block; margin-top:3px; color:var(--muted); font-size:10px; font-weight:650; }

.vision-stage { border-radius:32px; padding:18px; min-height:500px; position:relative; overflow:hidden; }
.vision-stage::after { content:""; position:absolute; width:260px; height:260px; right:-100px; bottom:-120px; border-radius:50%; background:rgba(92,92,226,.12); filter:blur(5px); }
.vision-topbar { height:42px; display:flex; align-items:center; gap:6px; padding:0 6px 12px; border-bottom:1px solid rgba(134,149,169,.13); }
.vision-topbar span { width:8px; height:8px; border-radius:50%; background:#b8c2d0; }
.vision-topbar span:nth-child(1){background:#ff7c8d}.vision-topbar span:nth-child(2){background:#f2bf58}.vision-topbar span:nth-child(3){background:#47ca9c}
.vision-topbar strong { margin-left:8px; color:#66748a; font-size:10px; }
.vision-grid { display:grid; grid-template-columns:1fr 36px 1fr 36px 1fr; gap:8px; align-items:center; margin:60px 0 48px; position:relative; z-index:1; }
.vision-source,.vision-engine,.vision-output { min-height:205px; border-radius:23px; padding:22px 16px; display:flex; flex-direction:column; align-items:center; text-align:center; justify-content:center; }
.vision-icon { width:50px; height:50px; display:grid; place-items:center; border-radius:17px; color:var(--primary); background:var(--primary-soft); margin-bottom:13px; box-shadow:inset 1px 1px 2px rgba(92,92,226,.06); }
.vision-icon svg { width:22px; }
.vision-grid small { color:var(--muted); font-size:9px; }
.vision-grid strong { margin-top:4px; font-size:13px; }
.vision-arrow { display:grid; place-items:center; color:var(--primary); }
.vision-arrow svg { width:18px; }
.vision-lines { display:grid; width:80%; gap:4px; margin-top:15px; }
.vision-lines i { height:4px; border-radius:99px; background:#c8d0da; }.vision-lines i:nth-child(2){width:78%}.vision-lines i:nth-child(3){width:90%}
.mini-layout { display:grid; grid-template-columns:1.4fr .6fr; grid-template-rows:1fr 1fr; gap:3px; width:70px; height:50px; margin-top:15px; }
.mini-layout i { background:#b9c4d2; border-radius:4px; }.mini-layout i:first-child{grid-row:1/3}
.mini-paper { width:68px; height:82px; background:white; border-radius:3px; margin-top:13px; padding:7px; box-shadow:0 7px 15px rgba(65,80,101,.12); display:grid; align-content:start; gap:4px; }
.mini-paper b { font-family:Georgia,serif; font-size:7px; border-bottom:1px solid #222; padding-bottom:3px; }.mini-paper i{height:5px;background:#d3d7dc;border-radius:2px}.mini-paper i:nth-child(2){height:25px;background:#aeb8c4}
.vision-device-row { display:flex; flex-wrap:wrap; gap:8px; position:relative; z-index:1; }
.vision-device-row span { display:inline-flex; align-items:center; gap:6px; padding:9px 11px; border-radius:12px; background:rgba(255,255,255,.52); color:#667388; font-size:9px; font-weight:700; }
.vision-device-row svg { width:14px; color:var(--primary); }

.purpose-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.purpose-card { border-radius:30px; padding:34px; min-height:315px; }
.purpose-icon,.security-badge { width:58px; height:58px; border-radius:19px; display:grid; place-items:center; color:var(--primary); background:var(--primary-soft); margin-bottom:26px; }
.purpose-icon svg,.security-badge svg { width:25px; }
.purpose-card h2 { margin:10px 0 14px; font-size:clamp(27px,3vw,40px); line-height:1.08; letter-spacing:-.04em; }
.purpose-card p { margin:0; color:var(--muted); line-height:1.75; font-size:13px; }

.about-capability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:42px; }
.about-capability-card { border-radius:25px; padding:28px; min-height:250px; }
.about-capability-card > span { width:48px; height:48px; display:grid; place-items:center; border-radius:16px; color:var(--primary); background:var(--primary-soft); margin-bottom:22px; }
.about-capability-card svg { width:21px; }
.about-capability-card h3 { margin:0 0 10px; font-size:17px; letter-spacing:-.025em; }
.about-capability-card p { margin:0; color:var(--muted); font-size:12px; line-height:1.75; }

.audience-shell { border-radius:32px; padding:42px; display:grid; grid-template-columns:.8fr 1.2fr; gap:46px; align-items:center; }
.audience-copy h2,.technology-copy h2,.security-copy h2 { margin:10px 0 14px; font-size:clamp(31px,4vw,49px); line-height:1.03; letter-spacing:-.045em; }
.audience-copy p,.technology-copy > p { color:var(--muted); line-height:1.75; font-size:13px; max-width:560px; }
.audience-copy .btn { margin-top:14px; }
.audience-list { display:grid; gap:14px; }
.audience-item { border-radius:21px; padding:20px; display:grid; grid-template-columns:48px 1fr; gap:15px; align-items:center; }
.audience-item > span { width:48px; height:48px; border-radius:15px; display:grid; place-items:center; color:var(--primary); background:var(--primary-soft); }
.audience-item svg { width:20px; }
.audience-item h3 { margin:0 0 5px; font-size:14px; }.audience-item p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}

.technology-grid { display:grid; grid-template-columns:1fr 1fr; gap:58px; align-items:center; }
.technology-visual { min-height:440px; border-radius:32px; position:relative; display:grid; place-items:center; overflow:hidden; }
.technology-visual::before,.technology-visual::after { content:""; position:absolute; border:1px dashed rgba(92,92,226,.20); border-radius:50%; }
.technology-visual::before { width:260px; height:260px; }.technology-visual::after { width:365px; height:365px; }
.tech-center { width:145px; height:145px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; background:linear-gradient(145deg,#f6f8fc,#e6ecf3); box-shadow:12px 12px 25px rgba(121,138,159,.22),-12px -12px 25px rgba(255,255,255,.9); position:relative; z-index:3; }
.tech-center svg { color:var(--primary); width:30px; margin-bottom:8px; }.tech-center strong{font-size:15px}.tech-center small{font-size:8px;color:var(--muted);margin-top:3px}
.tech-orbit { position:absolute; z-index:4; padding:10px 13px; border-radius:13px; background:rgba(255,255,255,.72); border:1px solid rgba(255,255,255,.86); box-shadow:0 10px 22px rgba(74,91,115,.11); font-size:10px; font-weight:800; color:#536177; }
.orbit-one{top:53px;left:80px}.orbit-two{top:84px;right:65px}.orbit-three{bottom:79px;left:55px}.orbit-four{bottom:60px;right:68px}.orbit-five{top:205px;right:35px}
.stack-list { margin-top:25px; display:grid; gap:8px; }
.stack-list div { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:13px 15px; border-radius:14px; background:rgba(255,255,255,.43); border:1px solid rgba(255,255,255,.68); }
.stack-list span { color:var(--muted); font-size:10px; font-weight:650; }.stack-list strong{font-size:11px;text-align:right}

.security-card { border-radius:31px; padding:38px; }
.security-copy { display:grid; grid-template-columns:60px 1fr; gap:20px; align-items:start; }
.security-badge { margin:0; }
.security-copy h2 { max-width:850px; margin-top:8px; }
.security-points { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:28px; }
.security-points span { padding:14px; border-radius:15px; background:rgba(255,255,255,.43); border:1px solid rgba(255,255,255,.72); display:flex; align-items:center; gap:8px; color:#5b687c; font-size:10px; font-weight:700; }
.security-points svg { width:16px; color:var(--primary); flex:0 0 auto; }

.roadmap-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:42px; }
.roadmap-card { border-radius:24px; padding:25px; min-height:250px; position:relative; overflow:hidden; }
.roadmap-card.current::after { content:""; position:absolute; width:130px; height:130px; border-radius:50%; background:rgba(92,92,226,.10); right:-60px; bottom:-55px; }
.roadmap-head { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.roadmap-head span { color:var(--primary); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.roadmap-head b { font-size:8px; padding:6px 8px; border-radius:99px; color:#59667a; background:rgba(255,255,255,.5); }
.roadmap-card.current .roadmap-head b { color:#149478; background:rgba(45,196,166,.12); }
.roadmap-card h3 { margin:32px 0 10px; font-size:18px; }.roadmap-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}

.about-cta { border-radius:30px; padding:34px 38px; display:grid; grid-template-columns:1fr auto; gap:32px; align-items:center; }
.about-cta h2 { margin:8px 0 7px; font-size:clamp(27px,3.2vw,40px); letter-spacing:-.04em; }.about-cta p{margin:0;color:var(--muted);font-size:12px}
.about-cta-actions { display:flex; gap:10px; }

@media (max-width:1080px){
    .about-hero-grid,.technology-grid{grid-template-columns:1fr}.vision-stage{max-width:850px;width:100%;margin-inline:auto}.about-capability-grid{grid-template-columns:repeat(2,1fr)}.roadmap-grid{grid-template-columns:repeat(2,1fr)}.audience-shell{grid-template-columns:1fr}.technology-visual{max-width:650px;width:100%;margin-inline:auto}.security-points{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:780px){
    .about-page .about-hero{padding-top:130px;min-height:auto}.about-copy h1{font-size:clamp(40px,11vw,58px)}.purpose-grid,.about-capability-grid{grid-template-columns:1fr}.vision-grid{grid-template-columns:1fr;gap:11px;margin:28px 0}.vision-source,.vision-engine,.vision-output{min-height:150px}.vision-arrow{transform:rotate(90deg)}.audience-shell{padding:30px 22px}.security-copy{grid-template-columns:1fr}.security-points{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:1fr 1fr}.about-cta{grid-template-columns:1fr;padding:30px 24px}.about-cta-actions{flex-wrap:wrap}
}
@media (max-width:520px){
    .about-mini-stats{grid-template-columns:1fr}.about-actions{display:grid}.about-actions .btn{width:100%}.vision-stage{padding:13px}.vision-device-row{display:grid}.purpose-card{padding:27px 22px}.about-capability-card{padding:24px 21px}.technology-visual{min-height:390px}.technology-visual::after{width:310px;height:310px}.orbit-one{left:30px}.orbit-two{right:20px}.orbit-three{left:22px}.orbit-four{right:25px}.orbit-five{right:10px}.security-card{padding:28px 20px}.roadmap-grid{grid-template-columns:1fr}.about-cta-actions{display:grid}.about-cta-actions .btn{width:100%}
}