.aperion-info { max-width: 1280px; margin: auto; padding: 0 40px; }
.aperion-info > section { padding: 74px 0; border-bottom: 1px solid #2d3741; }
.aperion-info h1 { margin: 20px 0 24px; font-size: clamp(3.2rem, 7vw, 6rem); font-weight: 300; line-height: 1.01; letter-spacing: -.055em; }
.aperion-info h2 { font-size: clamp(2.2rem, 4.8vw, 4rem); font-weight: 300; line-height: 1.1; letter-spacing: -.04em; }
.aperion-info h3 { color: #edf3fa; font-size: 1.25rem; font-weight: 450; line-height: 1.3; }
.aperion-info p { color: #a9bbcd; line-height: 1.75; }
.aperion-hero { display: grid; grid-template-columns: 1fr .78fr; gap: 56px; align-items: center; padding-top: 56px !important; }
.aperion-hero .hero-copy { max-width: 610px; font-size: 1.1rem; }
.aperion-position { max-width: 620px; padding-left: 17px; border-left: 2px solid #e9b978; color: #f0d2a8 !important; }
.aperion-hero-art { margin: 0; overflow: hidden; border: 1px solid #3c4a5b; border-radius: 24px; background: #0c1118; }
.aperion-hero-art :is(img,svg.aperion-inline-logo) { display: block; width: 100%; max-height: 530px; object-fit: cover; object-position: center 42%; }
.aperion-hero-art figcaption { padding: 14px 18px; color: #9fadc0; font-size: .82rem; }
.aperion-how .section-heading, .aperion-impact .section-heading { max-width: 760px; }
.aperion-flow, .aperion-impact-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.aperion-impact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.aperion-flow article, .aperion-impact-grid article { padding: 26px; border: 1px solid #303d4c; border-radius: 18px; background: linear-gradient(145deg, #121a23, #0b0f14); }
.aperion-flow article > span, .aperion-impact-grid article > span { color: #e9b978; font-size: .7rem; font-weight: 650; letter-spacing: .14em; }
.aperion-flow article p, .aperion-impact-grid article p { margin-bottom: 0; font-size: .94rem; }
.aperion-network-map { display: grid; grid-template-columns: 1fr 74px 1.3fr; align-items: center; gap: 20px; margin: 30px 0 20px; padding: 26px; border: 1px solid #344252; border-radius: 20px; background: radial-gradient(ellipse at 90% 20%, #e9b97812, transparent 65%), #0e1620; }
.aperion-network-map > div { display: grid; gap: 9px; justify-items: center; padding: 24px 18px; border: 1px solid #50637a; border-radius: 14px; text-align: center; background: #111a24; }
.aperion-network-map > div:last-of-type { border-color: #aa8458; }
.aperion-network-map span { color: #bcd2e7; font-size: .72rem; letter-spacing: .1em; }
.aperion-network-map strong { color: #f1f5f9; font-size: 1rem; font-weight: 500; }
.aperion-network-map small { color: #aebdce; line-height: 1.5; }
.aperion-network-map i { display: block; height: 2px; background: linear-gradient(90deg, #c6e8ff, #e9b978); box-shadow: 0 0 15px #c6e8ff66; }
.aperion-note { padding: 17px 20px; border-left: 2px solid #91b8d8; background: #101720; font-size: .92rem; }
.aperion-proof { margin-top: 22px; padding: 24px 28px; border: 1px solid #73583a; border-radius: 18px; background: linear-gradient(110deg, #211b14, #111821); }
.aperion-proof strong { color: #f3cb93; font-size: 1.05rem; }
.aperion-proof p { margin-bottom: 0; }
.aperion-next { display: flex; justify-content: space-between; align-items: center; gap: 36px; }
.aperion-next > div:first-child { max-width: 690px; }
.aperion-next-actions { display: grid; justify-items: start; gap: 14px; min-width: 230px; }
.aperion-next-actions .button { margin: 0; }
.aperion-page-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: 1280px; margin: auto; padding: 30px 40px; color: #a9bbcd; }
.aperion-page-footer :is(img,svg.aperion-inline-logo) { display: block; width: 145px; height: auto; }
.aperion-page-footer p { color: #a9bbcd; font-size: .72rem; letter-spacing: .14em; line-height: 1.8; }
.aperion-page-footer p span { color: #e9b978; }
.aperion-page-footer > a:last-child { color: #e9b978; }
.aperion-mark-link { display: inline-flex; align-items: center; text-decoration: none; border-radius: 4px; }
.aperion-mark-link:focus-visible, .aperion-labs-lockup:focus-visible { outline: 2px solid #c6e8ff; outline-offset: 6px; }
.aperion-labs-footer > a:first-child { display: inline-flex; }
@media (max-width: 850px) { .aperion-hero { grid-template-columns: 1fr .85fr; gap: 30px; } .aperion-flow { grid-template-columns: 1fr; } .aperion-next { align-items: flex-start; flex-direction: column; } }
@media (max-width: 650px) { .aperion-info { padding: 0 20px; } .aperion-info > section { padding: 48px 0; } .aperion-hero { grid-template-columns: 1fr; padding-top: 40px !important; } .aperion-hero-art :is(img,svg.aperion-inline-logo) { max-height: 390px; } .aperion-impact-grid { grid-template-columns: 1fr; } .aperion-network-map { grid-template-columns: 1fr; gap: 12px; padding: 18px; } .aperion-network-map i { width: 2px; height: 30px; justify-self: center; } .aperion-page-footer { align-items: flex-start; flex-direction: column; padding: 24px 20px; } }