.home-archive-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(16rem,.82fr);gap:clamp(1.5rem,6vw,6rem);align-items:center;padding:clamp(1.5rem,5vw,5.5rem);overflow:hidden;border:1px solid #d8cbb545;border-radius:24px;background:radial-gradient(ellipse at 82% 50%,#385556,#17292d 54%,#111c25);color:#f9f0de}
.home-archive-hero h1{margin:1rem 0 .75rem;font-size:clamp(3rem,7vw,6rem);line-height:.98;letter-spacing:-.06em}
.home-archive-hero h2{margin:0 0 1.25rem;font-size:clamp(1.45rem,3.2vw,2.35rem);line-height:1.13;color:#f1d9ac}
.home-archive-hero p{max-width:34rem;line-height:1.65;color:#dae3dc}
.home-archive-hero .archive-platform{font-weight:700;color:#d9e9d9}
.home-archive-hero .archive-status{color:#f1d9ac;font-size:.9rem}
.archive-icon{width:68px;height:68px;border-radius:16px;display:block;box-shadow:0 7px 24px #0005}
.archive-preview{width:min(100%,19.5rem);margin:0 auto;text-align:center}
.archive-preview img,.archive-gallery img{width:100%;height:auto;display:block;border-radius:clamp(18px,3vw,34px);border:1px solid #e4dac96e;box-shadow:0 16px 40px #0006}
.archive-preview figcaption{margin-top:.8rem;color:#d4ded7;font-size:.78rem}
.archive-links{display:flex;flex-wrap:wrap;gap:.85rem 1.5rem;margin-top:1.7rem}
.archive-links .text-link{color:inherit}
.archive-features{padding-top:clamp(1.75rem,5vw,4rem)}
.archive-features>h2,.archive-gallery>h2,.archive-storage h2{font-size:clamp(1.6rem,4vw,2.7rem);line-height:1.08;margin:0 0 1rem}
.archive-features .app-features{margin-top:1.5rem}
.archive-features .app-features h3{font-size:clamp(1.15rem,2vw,1.45rem);letter-spacing:-.025em;line-height:1.2;margin:0}
.archive-features .app-features p{line-height:1.65}
.archive-storage{margin:clamp(1.8rem,5vw,4rem) 0 0;padding:clamp(1.5rem,4vw,3rem);border:1px solid #d8cbb536;border-radius:18px;background:#14252a;color:#f9f0de}
.archive-storage p{max-width:38rem;color:#d4ded7;line-height:1.6;margin:0}
.archive-gallery{margin-top:clamp(1.8rem,5vw,4rem)}
.archive-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));gap:clamp(1rem,5vw,4rem);max-width:44rem;margin:1.5rem auto}
.archive-gallery figure{margin:0 auto;width:min(100%,17rem)}
.archive-gallery figcaption{margin:.8rem 0;text-align:center;color:#b7c4bc;font-size:.85rem}
@media(max-width:760px){.home-archive-hero{grid-template-columns:minmax(0,1fr)}.archive-preview{width:min(82%,18rem)}}