html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0}
*{box-sizing:border-box}
h1,h2,h3,h4,p{margin:0}
a{color:#5F62CD}a:hover{color:#241846}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.serif{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-0.01em}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:14px 26px;border-radius:999px;background:#5F62CD;color:#FFFFFF;font-weight:600;font-size:15px;text-decoration:none}
.btn:hover{background:#241846;color:#FFFFFF}
.btn-o{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:13px 24px;border-radius:999px;border:1.5px solid #241846;color:#241846;font-weight:600;font-size:15px;text-decoration:none}
.btn-o:hover{background:#241846;color:#FFFFFF}
.btn-w{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:14px 26px;border-radius:999px;background:#FFFFFF;color:#241846;font-weight:600;font-size:15px;text-decoration:none}
.btn-w:hover{background:#ABADE6;color:#241846}
.btn,.btn-o,.btn-w{transition:background .3s,color .3s,transform .3s,box-shadow .3s}
.btn:hover,.btn-o:hover,.btn-w:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(95,98,205,0.35)}
.btn svg{transition:transform .3s}.btn:hover svg{transform:translateX(5px)}
.hdr{position:sticky;top:0;z-index:40;background:rgba(209,217,242,0.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav-l{position:relative;padding:6px 0}
.nav-l::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:#5F62CD;transform:scaleX(0);transform-origin:right;transition:transform .35s}
.nav-l:hover::after{transform:scaleX(1);transform-origin:left}
.card-d,.step,.prog,.axis,.depo,.faq-i{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,background .4s,border-color .4s}
.card-d:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(36,24,70,0.12);background:#FFFFFF !important}
.card-d .num{display:inline-block;transition:transform .4s}.card-d:hover .num{transform:translateX(6px)}
.step:hover{transform:translateY(-8px);box-shadow:0 26px 50px rgba(36,24,70,0.16)}
.prog:hover{transform:translateY(-10px);box-shadow:0 34px 70px rgba(36,24,70,0.18) !important}
.axis:hover{transform:translateX(8px);background:rgba(171,173,230,0.22) !important;border-color:#ABADE6 !important}
.dif h3{transition:color .3s}.dif:hover h3{color:#5F62CD !important}
.dif .bar{display:block;width:24px;height:2px;margin-top:10px;background:#06AEB9;transition:width .4s}.dif:hover .bar{width:64px}
.depo:hover{transform:translateY(-6px) rotate(-1deg);border-color:#FFFFFF !important}
.faq-i:hover{background:#FFFFFF !important}
.card-d.hl:hover{background:#241846 !important}
.img-z{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.img-z:hover{transform:scale(1.06)}
.chip{transition:background .3s,color .3s}.chip:hover{background:#ABADE6;color:#241846}
@keyframes float{50%{translate:0 -10px}}
.float{animation:float 5s ease-in-out infinite}.float.d2{animation-delay:-2.5s}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(6,174,185,0.55)}100%{box-shadow:0 0 0 22px rgba(6,174,185,0)}}
.wa-f{animation:pulse 2.2s ease-out infinite;transition:transform .3s}.wa-f:hover{transform:scale(1.08)}
@keyframes rise{from{opacity:0;translate:0 48px}to{opacity:1;translate:0 0}}
@keyframes heroIn{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
.hero-in{animation:heroIn .9s cubic-bezier(.2,.7,.2,1) both}.hero-in.d2{animation-delay:.15s}.hero-in.d3{animation-delay:.3s}
@supports (animation-timeline: view()){
.rv,.card-d,.step,.prog,.axis,.dif,.depo{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
}
@media (max-width: 1024px){.nav-d{display:none !important}}
@media (max-width: 768px){
.wrap{padding:0 20px}
section[style*="padding: 120px"]{padding-top:72px !important}
section[style*="120px"]{padding-bottom:72px !important}
[style*="padding: 64px"]{padding:32px 22px !important}
[style*="padding: 44px"],[style*="padding: 40px;"],[style*="padding: 36px;"]{padding:28px 22px !important}
.hero-txt{padding-bottom:40px !important}
.btn,.btn-o,.btn-w{width:100%;justify-content:center;text-align:center}
.hdr .btn{width:auto}
.float.d2{display:none}
}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;background:none;border:0;cursor:pointer;text-align:left;font:600 16px Figtree,system-ui,sans-serif;color:#241846}
/* FAQ (details/summary) */
.faq-i{border-radius:18px;background:rgba(255,255,255,0.6)}
.faq-i[open]{background:#FFFFFF}
.faq-q{list-style:none}
.faq-q::-webkit-details-marker{display:none}
.faq-ic{flex:none;width:32px;height:32px;border-radius:50%;background:#5F62CD;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;transition:transform .3s}
.faq-i[open] .faq-ic{transform:rotate(45deg)}
img{max-width:100%}

picture{display:contents}