/* Content-only adaptation: preserve the reference's spacing, palette and typography. */
.proove-hero-copy{max-width:650px;margin:auto}
.proove-sequence{width:100%;max-width:460px;padding:24px;font-size:16px;line-height:1.7}
.proove-architecture-text{height:100%;display:flex;flex-direction:column;justify-content:center}
main nav{background:#f7f7f7!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;box-shadow:0 8px 28px rgba(0,0,0,.08)!important}
main nav a:not(.btn), main nav a:not(.btn) span, main nav button{color:#232323!important}
.proove-mobile-nav{position:absolute;top:100%;left:24px;right:24px;z-index:100;padding:20px;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.proove-mobile-nav{pointer-events:auto}
.proove-mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:15px}
.proove-mobile-nav a{color:#232323;text-decoration:none;font-family:inherit}
.proove-mobile-nav .btn{color:#fff;width:max-content}
#problem .cursor-grab{overflow-x:auto;scrollbar-width:thin}
#how .sticky .relative{display:flex;align-items:center;justify-content:center;min-height:410px}
#how .md\:hidden .proove-sequence{max-width:440px}
html{scroll-padding-top:90px}
@keyframes proove-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes proove-highlight{0%{transform:scaleX(0);transform-origin:left center}35%,65%{transform:scaleX(1);transform-origin:left center}66%{transform:scaleX(1);transform-origin:right center}100%{transform:scaleX(0);transform-origin:right center}}
@keyframes proove-proof-reveal{0%,58%{color:transparent}65%,100%{color:inherit}}
#top h1 span.relative.inline > span.relative.inline{animation:proove-reveal .7s both}
#top h1 > span.block:nth-child(2) span.relative.inline > span.relative.inline{animation-delay:.23s}
#top h1 > span.block:nth-child(2) span.relative.inline:nth-child(2) > span.relative.inline{animation:proove-proof-reveal 1.8s .45s both}
#top h1 > span.block:nth-child(2) span.relative.inline:nth-child(2) > span[aria-hidden]{display:block!important;animation:proove-highlight 1.8s .45s both}
main h2 span[aria-hidden="true"],main h3 span[aria-hidden="true"]{display:none!important}
@media(max-width:767px){#top h1{font-size:clamp(42px,9vw,72px)!important}.proove-sequence{padding:22px;font-size:13px}}
@media(prefers-reduced-motion:reduce){#top h1 span.relative.inline > span.relative.inline,#top h1 span[aria-hidden]{animation:none!important}#top h1 span[aria-hidden]{display:none!important}html:focus-within{scroll-behavior:auto}}