html { scroll-behavior: smooth; }
body.static-export .static-progress { position: fixed; inset: 0 0 auto; z-index: 160; height: 3px; transform: scaleX(0); transform-origin: left; background: linear-gradient(90deg, #03d9ff, #5f72ff 55%, #e849ff); box-shadow: 0 0 14px rgba(30, 211, 255, .7); }
body.static-export .parallax-service { --rx: 0deg; --ry: 0deg; --mx: 50%; --my: 50%; }
body.static-export .is-clickable { cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; }
body.static-export .is-clickable:focus-visible { outline: 2px solid #26ddff; outline-offset: 5px; }
body.static-export .is-clickable.is-pressed { transform: scale(.985); }
body.static-export .static-reveal:not(.is-visible) { opacity: 0; transform: translateY(34px) scale(.975); }
body.static-export .static-reveal.is-visible { opacity: 1; transition: opacity .75s ease var(--reveal-delay), transform .75s cubic-bezier(.2,.75,.2,1) var(--reveal-delay), border-color .3s, box-shadow .3s; }
body.static-export .project-card, body.static-export .article-card { position: relative; isolation: isolate; }
body.static-export .project-card::after, body.static-export .article-card::after { content: ""; position: absolute; inset: 0; z-index: 5; opacity: 0; pointer-events: none; background: radial-gradient(260px circle at var(--spot-x, 50%) var(--spot-y, 50%), rgba(38, 214, 255, .14), transparent 62%); transition: opacity .3s; mix-blend-mode: screen; }
body.static-export .project-card:hover::after, body.static-export .article-card:hover::after { opacity: 1; }
body.static-export .parallax-service .parallax-cta, body.static-export .parallax-service .parallax-copy > a { position: relative; }
body.static-export .parallax-service .parallax-cta::after, body.static-export .parallax-service .parallax-copy > a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -4px; height: 1px; background: currentColor; transition: right .28s; }
body.static-export .parallax-service:hover .parallax-cta::after, body.static-export .parallax-service:hover .parallax-copy > a::after { right: 0; }
body.static-export .static-toast { position: fixed; left: 50%; bottom: 28px; z-index: 120; transform: translateX(-50%); max-width: min(90vw, 520px); padding: 13px 18px; border: 1px solid rgba(45, 211, 255, .4); border-radius: 12px; color: #e8fbff; background: rgba(4, 14, 32, .96); box-shadow: 0 20px 70px rgba(0, 0, 0, .55), 0 0 32px rgba(60, 132, 255, .16); font-size: 12px; }
body.static-export .bot-avatar-static { font-size: 20px; }
body.static-export .bot-send-static { font-size: 17px; }
body.static-export .cookie-icon { font-size: 21px; }
body.static-export .bot-panel[hidden] { display: none; }
@media (hover: hover) { body.static-export .is-clickable:hover { z-index: 4; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .parallax-inner { transform: none !important; } body.static-export .static-reveal { opacity: 1 !important; transform: none !important; transition: none !important; } }