/* Homepage-only redesign, built from the existing VK palette. */
.homepage-hero{min-height:660px;display:grid;align-items:center;clip-path:none;margin:0;padding:8.5rem 2rem 6.5rem;background:linear-gradient(135deg,#f7fbff 0%,#edf5ff 52%,#f8fbff 100%)}
.homepage-hero::before{background:none}.homepage-hero-content{width:min(1180px,100%);max-width:1180px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr);gap:clamp(3rem,7vw,7rem);align-items:center;text-align:left}
.homepage-hero-copy h1{max-width:720px;font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.04;letter-spacing:-2px;margin:0 0 1.4rem}.homepage-hero-copy>p:not(.homepage-note){max-width:650px;margin:0 0 2rem;font-size:1.15rem}
.homepage-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:1rem}.homepage-actions .cta-button{padding:1rem 1.4rem;border-radius:10px}.homepage-actions .cta-button-secondary{background:#fff;color:var(--vk-blue);border:1px solid #b9d7ff;box-shadow:none}.homepage-actions .cta-button-secondary:hover{background:var(--vk-blue-hover)}.homepage-note{margin:0!important;max-width:none!important;font-size:.88rem!important;font-weight:700;color:#62758b!important}
.homepage-hero-glow{position:absolute;border-radius:50%;filter:blur(8px);pointer-events:none;opacity:.6}.homepage-hero-glow--one{width:340px;height:340px;left:-120px;bottom:-150px;background:#c6e0ff}.homepage-hero-glow--two{width:210px;height:210px;right:8%;top:16%;background:#d9ebff}
.homepage-hero-card{position:relative;padding:1.15rem;border:1px solid rgba(0,119,255,.14);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 28px 70px rgba(0,83,180,.16);transform:rotate(3deg)}.homepage-hero-card__top{display:flex;align-items:center;gap:.45rem;padding-bottom:1.1rem;border-bottom:1px solid var(--vk-border-light)}.homepage-hero-card__top i{color:var(--vk-blue);font-size:1.5rem;margin-right:auto}.homepage-hero-card__top span{width:8px;height:8px;border-radius:50%;background:#d9e3ef}.homepage-hero-card__post{height:74px;margin:1.1rem 0;border-radius:12px;background:linear-gradient(120deg,#e5f0ff,#f4f8fc)}.homepage-hero-card__row{display:grid;grid-template-columns:29px 1fr 22px;align-items:center;gap:.7rem;padding:.75rem 0;border-top:1px solid #edf1f5}.homepage-hero-card__row i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#dcecff;color:var(--vk-blue);font-size:.8rem}.homepage-hero-card__row span{height:9px;width:72%;border-radius:8px;background:#e5eaf0}.homepage-hero-card__row b{width:18px;height:18px;border-radius:50%;background:#dff2df}.homepage-hero-card__result{position:absolute;right:-21px;bottom:-24px;display:grid;place-items:center;width:74px;height:74px;border:7px solid #f5fbff;border-radius:50%;background:var(--vk-blue);color:#fff;box-shadow:0 12px 24px rgba(0,119,255,.28);font-size:1.55rem}
.homepage-content{padding:0 2rem 6rem;background:linear-gradient(#f8fbff,#fff 32%)}.homepage-content .content-container{max-width:1180px;padding:clamp(1.5rem,4vw,4.5rem);border-radius:24px;box-shadow:0 18px 45px rgba(31,70,110,.08)}.homepage-content .content-container::before{width:0}.homepage-content h2{margin:5rem 0 1.25rem;padding-top:.8rem;font-size:clamp(1.8rem,3.5vw,2.7rem)}.homepage-content h2:first-child{margin-top:0}.homepage-content h2::after{width:42px;height:3px;margin-top:.75rem}.homepage-content h3{color:#183452}.homepage-content .inline-cta{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.1rem;border-radius:9px;color:#fff;background:var(--vk-blue);text-decoration:none;font-weight:800;box-shadow:0 7px 15px rgba(0,119,255,.18)}.homepage-content .inline-cta:hover{background:var(--vk-blue-dark)}.homepage-content code{padding:.2rem .45rem;border-radius:5px;background:#edf4fc;color:#125aab;font-size:.92em}.homepage-content a:not(.inline-cta){color:var(--vk-blue);font-weight:700}
.homepage-faq{display:grid;gap:.7rem;margin-top:1.8rem}.homepage-faq details{border:1px solid var(--vk-border-light);border-radius:12px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}.homepage-faq details[open]{border-color:#a8cffd;box-shadow:0 10px 22px rgba(0,119,255,.08)}.homepage-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.2rem;cursor:pointer;list-style:none;color:var(--vk-text-primary);font-size:1.03rem;font-weight:800}.homepage-faq summary::-webkit-details-marker{display:none}.homepage-faq summary::after{content:'+';flex:0 0 auto;color:var(--vk-blue);font-size:1.5rem;line-height:1;font-weight:400}.homepage-faq details[open] summary::after{content:'–'}.homepage-faq p{margin:0;padding:0 1.2rem 1.15rem;font-size:1rem}
@media(max-width:800px){.homepage-hero{min-height:auto;padding:6.5rem 1.2rem 4.25rem}.homepage-hero-content{grid-template-columns:1fr;gap:2.5rem;text-align:center}.homepage-hero-copy h1{letter-spacing:-1px}.homepage-hero-copy>p:not(.homepage-note){font-size:1.05rem}.homepage-actions{justify-content:center}.homepage-hero-card{width:min(340px,88%);margin:0 auto;transform:rotate(1.5deg)}.homepage-content{padding:0 .85rem 3.5rem}.homepage-content .content-container{border-radius:16px;padding:1.5rem 1.1rem}.homepage-content h2{margin-top:3.6rem}}
@media(max-width:460px){.homepage-hero{padding-inline:1rem}.homepage-actions{display:grid;grid-template-columns:1fr}.homepage-actions .cta-button{justify-content:center;width:100%}.homepage-note{line-height:1.65}.homepage-hero-card{display:none}.homepage-content h3{margin-top:2rem}.homepage-faq summary{padding:1rem;font-size:.96rem}.homepage-faq p{padding:0 1rem 1rem}}
