.about-page{background:var(--surface);min-height:100vh;color:var(--on-surface);padding:var(--section-padding-y) var(--section-padding-x);max-width:var(--content-max-width);flex-direction:column;gap:clamp(80px,10vh,140px);margin:0 auto;display:flex}.about-hero{flex-direction:column;gap:24px;max-width:720px;display:flex}.about-hero-title{font-family:var(--font-display);letter-spacing:-2px;color:var(--on-surface);margin:0;font-size:clamp(40px,6vw,64px);font-weight:700;line-height:1.05}.about-hero-sub{font-family:var(--font-body);color:var(--on-surface-variant);max-width:580px;margin:0;font-size:clamp(16px,2vw,18px);line-height:1.7}.about-split{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,80px);display:grid}.about-split-reverse{direction:rtl}.about-split-reverse>*{direction:ltr}.about-split-text{flex-direction:column;gap:16px;display:flex}.about-section-label{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--primary-container);font-size:11px;font-weight:600}.about-split-text h2{font-family:var(--font-display);letter-spacing:-1px;color:var(--on-surface);margin:0;font-size:clamp(24px,3.5vw,36px);font-weight:700;line-height:1.15}.about-split-text p{font-family:var(--font-body);color:var(--text-muted);margin:0;font-size:15px;line-height:1.7}.about-split-visual{justify-content:center;align-items:center;display:flex}.about-visual-card{border:1px solid var(--outline-variant);background:var(--surface-container);border-radius:12px;width:100%;max-width:420px;position:relative;overflow:hidden}.about-visual-glow{pointer-events:none;background:radial-gradient(#6ad1f60f 0%,#0000 70%);width:140%;height:100%;position:absolute;top:-40%;left:-20%}.about-visual-content{flex-direction:column;gap:20px;padding:32px;display:flex;position:relative}.about-visual-label{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.about-visual-row{border:1px solid var(--outline-variant);background:var(--surface);font-family:var(--font-body);color:var(--on-surface);transition:border-color .3s var(--ease-spring);border-radius:8px;align-items:center;gap:14px;padding:16px 20px;font-size:14px;font-weight:500;display:flex}.about-visual-row:hover{border-color:var(--primary-container)}.about-visual-icon{color:var(--primary-container);flex-shrink:0;justify-content:center;align-items:center;display:flex}.about-ecosystem{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:400px;display:flex;position:relative}.about-eco-lines{z-index:0;width:100%;height:100%;color:var(--primary-container);filter:drop-shadow(0 0 4px #6ad1f64d);position:absolute;inset:0}.about-eco-lines line{stroke:var(--primary-container);stroke-width:2.5px;stroke-dasharray:10 8;stroke-linecap:round;opacity:.8;animation:2s linear infinite ecoLineFlow}.about-eco-lines line:first-child{animation-delay:0s}.about-eco-lines line:nth-child(2){animation-delay:.3s}.about-eco-lines line:nth-child(3){animation-delay:.6s}.about-eco-lines line:nth-child(4){animation-delay:.9s}.about-eco-lines line:nth-child(5){animation-delay:1.2s}.about-eco-lines line:nth-child(6){animation-delay:1.5s}.about-eco-lines circle{fill:var(--primary-container);animation:2.5s ease-in-out infinite ecoPulse}.about-eco-lines circle:nth-child(n+7):nth-child(-n+12){animation-delay:.4s}.about-eco-lines circle:nth-child(n+13){animation-delay:.8s}@keyframes ecoLineFlow{0%{stroke-dashoffset:0;opacity:.6}50%{opacity:1}to{stroke-dashoffset:-36px;opacity:.6}}@keyframes ecoPulse{0%,to{opacity:.6}50%{opacity:1}}.about-eco-center{z-index:2;background:var(--surface-container);border:2px solid var(--primary-container);width:80px;height:80px;font-family:var(--font-display);color:var(--primary-container);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:relative;box-shadow:0 0 20px #6ad1f626}.about-eco-ring{position:absolute;inset:0}.about-eco-node{border:1px solid var(--outline-variant);background:var(--surface-container);font-family:var(--font-body);color:var(--on-surface-variant);white-space:nowrap;transition:border-color .3s var(--ease-spring), box-shadow .3s var(--ease-spring);border-radius:9999px;padding:8px 16px;font-size:12px;font-weight:500;position:absolute}.about-eco-node:hover{border-color:var(--primary-container);color:var(--on-surface);box-shadow:0 0 12px #6ad1f626}.about-eco-node:first-child{top:2%;left:50%;transform:translate(-50%)}.about-eco-node:nth-child(2){top:22%;right:2%}.about-eco-node:nth-child(3){bottom:22%;right:2%}.about-eco-node:nth-child(4){bottom:2%;left:50%;transform:translate(-50%)}.about-eco-node:nth-child(5){bottom:22%;left:2%}.about-eco-node:nth-child(6){top:22%;left:2%}.about-values{flex-direction:column;gap:clamp(32px,4vw,48px);display:flex}.about-values-headline{font-family:var(--font-display);letter-spacing:-1px;color:var(--on-surface);margin:0;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.1}.about-values-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.about-value-card{border:1px solid var(--outline-variant);background:var(--surface-container);transition:border-color .3s var(--ease-spring);border-radius:12px;flex-direction:column;gap:16px;padding:32px;display:flex}.about-value-card:hover{border-color:var(--outline)}.about-value-icon{border:1px solid var(--outline-variant);width:48px;height:48px;color:var(--primary-container);background:var(--surface);border-radius:12px;justify-content:center;align-items:center;display:flex}.about-value-card h3{font-family:var(--font-display);color:var(--on-surface);letter-spacing:-.2px;margin:0;font-size:18px;font-weight:600}.about-value-card p{font-family:var(--font-body);color:var(--text-muted);margin:0;font-size:14px;line-height:1.65}.tag{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface);border:1px solid var(--outline-variant);border-radius:9999px;align-items:center;gap:6px;width:fit-content;padding:6px 14px;font-size:11px;font-weight:500;display:inline-flex}.page-title{font-family:var(--font-display);letter-spacing:-1.5px;color:var(--on-surface);margin:0;font-size:48px;font-weight:700;line-height:1.05}.page-description{font-family:var(--font-body);color:var(--on-surface-variant);max-width:560px;margin:0;font-size:16px;line-height:1.7}.vault-tab{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--on-surface);border:1px solid var(--outline-variant);white-space:nowrap;border-bottom:none;padding:8px 16px;font-size:12px;font-weight:500;display:inline-block;position:absolute;top:-33px;left:-1px}.panel-label{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:500}.badge{font-family:var(--font-body);letter-spacing:.15em;color:var(--text-muted);border:1px solid var(--outline-variant);border-radius:9999px;padding:4px 8px;font-size:14px;font-weight:400}.stat{font-family:var(--font-display);color:var(--primary-container);font-size:64px;font-weight:700;line-height:1}.pct{font-size:40px}.panel h3{font-family:var(--font-display);color:var(--on-surface);margin:0;font-size:16px;font-weight:600}.panel p{font-family:var(--font-body);color:var(--text-muted);margin:0;font-size:16px;font-weight:300;line-height:1.65}.security-title{font-family:var(--font-display);color:var(--on-surface);margin:0;font-size:16px;font-weight:600}.item-title{font-family:var(--font-body);color:var(--on-surface);font-size:14px;font-weight:500}.item-sub{font-family:var(--font-body);letter-spacing:.15em;color:var(--text-muted);margin-top:4px;font-size:14px;font-weight:400}.node{border:1px solid var(--outline-variant);width:48px;height:48px;color:var(--text-muted);border-radius:.25rem;justify-content:center;align-items:center;font-size:18px;display:flex}.integration-flow{background:var(--surface-deep);border-radius:8px;justify-content:center;align-items:center;gap:16px;margin-top:8px;padding:24px 16px;display:flex}.integration-node{border:1px solid var(--outline-variant);color:var(--text-muted);font-family:var(--font-body);border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;font-size:12px;font-weight:500;display:flex}.integration-node.highlight{border-color:var(--primary-container);color:var(--primary-container);background:#6ad1f60a}.integration-line{background:var(--outline-variant);width:48px;height:1px;position:relative}.integration-dot{background:var(--primary-container);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite flowDot;position:absolute;top:50%;left:0;transform:translateY(-50%)}@keyframes flowDot{0%,to{opacity:0;left:0}10%{opacity:1}90%{opacity:1}to{opacity:0;left:calc(100% - 6px)}}.integration-desc{font-family:var(--font-body);color:var(--text-muted);text-align:center;margin:8px 0 0;font-size:12px;line-height:1.5}.num{font-family:var(--font-body);color:var(--text-muted);min-width:24px;font-size:14px;font-weight:400}.meta-item{align-items:center;gap:16px;display:flex}.meta-content{flex-direction:column;flex:1;gap:4px;display:flex}.meta-text{font-family:var(--font-body);color:var(--on-surface);font-size:14px}.meta-progress{background:var(--outline-variant);border-radius:1px;height:2px;overflow:hidden}.meta-progress-bar{background:var(--primary-container);border-radius:1px;height:100%;transition:width .6s cubic-bezier(.32,.72,0,1)}.panel{transition:border-color .25s cubic-bezier(.32,.72,0,1)}.panel:hover{border-color:var(--outline)}.how-it-works{flex-direction:column;gap:32px;display:flex}.section-label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--primary-container);font-size:11px;font-weight:600}.section-title{font-family:var(--font-display);letter-spacing:-.8px;color:var(--on-surface);margin:0;font-size:32px;font-weight:700;line-height:1.15}.steps-grid{grid-template-columns:repeat(4,1fr);gap:32px;margin-top:8px;display:grid}.step{flex-direction:column;gap:14px;display:flex}.step-number{font-family:var(--font-body);color:var(--primary-container);letter-spacing:.05em;font-size:12px;font-weight:700}.step h3{font-family:var(--font-display);color:var(--on-surface);letter-spacing:-.2px;margin:0;font-size:18px;font-weight:600}.step p{font-family:var(--font-body);color:var(--text-muted);margin:0;font-size:14px;line-height:1.65}.vault-section{border-radius:12px;margin-top:0;overflow:hidden}.about-cta{border-top:1px solid var(--outline-variant);flex-direction:column;align-items:flex-start;gap:16px;padding:64px 0 16px;display:flex}.cta-title{font-family:var(--font-display);letter-spacing:-.6px;color:var(--on-surface);margin:0;font-size:28px;font-weight:700;line-height:1.2}.cta-description{font-family:var(--font-body);color:var(--on-surface-variant);max-width:480px;margin:0;font-size:15px;line-height:1.65}.cta-actions{gap:12px;margin-top:8px;display:flex}.cta-primary{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--on-primary);background:var(--primary-container);transition:all .4s var(--ease-spring,cubic-bezier(.32, .72, 0, 1));border-radius:9999px;align-items:center;padding:12px 24px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.cta-primary:hover{background:var(--primary);box-shadow:0 0 0 4px #6ad1f626,0 8px 24px #6ad1f633}.cta-primary:active{transform:scale(.98)}.cta-secondary{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);border:1px solid var(--outline-variant);transition:border-color .3s var(--ease-spring,cubic-bezier(.32, .72, 0, 1)), color .3s var(--ease-spring,cubic-bezier(.32, .72, 0, 1));border-radius:9999px;align-items:center;padding:12px 24px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.cta-secondary:hover{border-color:var(--outline);color:var(--on-surface);background:#ffffff08}@media (width<=1024px){.about-page{gap:64px;padding:64px 40px 80px}.about-split{grid-template-columns:1fr;gap:40px}.about-split-reverse{direction:ltr}.steps-grid{grid-template-columns:1fr;gap:40px}.vault-grid{grid-template-columns:1fr 1fr}.about-values-grid{grid-template-columns:1fr}}@media (width<=768px){.about-page{gap:48px;padding:48px 24px 64px}.about-hero-title{font-size:36px}.section-title{font-size:26px}.cta-title{font-size:24px}.vault-grid{grid-template-columns:1fr}.verified{display:none}.about-ecosystem{max-width:300px}.about-eco-node{padding:6px 12px;font-size:11px}}@media (width<=480px){.about-page{gap:40px;padding:32px 16px 48px}.about-hero-title{font-size:28px}.cta-actions{flex-direction:column;width:100%}.cta-primary,.cta-secondary{justify-content:center}}