:root{--bg-color: #ffffff;--text-color: #000000;--accent-color: #50af30;--accent-dark: #255f27;--accent-fade: #4f9530;--foreground: #ff000000;--background: #ffffffff;--card-bg: rgba(255, 255, 255, .6);--btn-bg: linear-gradient(90deg, #15803d, #166534);--btn-hover: 0 0 20px rgba(21, 128, 61, .4);--glow-color: rgba(168, 85, 247, .07);--overlay-bg: rgba(255, 255, 255, .85);--overlay-text: #111}[data-theme=dark]{--bg-color: #000000;--text-color: #ffffff;--accent-color: #50af30;--accent-dark: #255f27;--accent-fade: #4f9530;--foreground: #ffffffff;--background: #ff000000;--card-bg: rgba(15, 23, 42, .7);--btn-bg: linear-gradient(90deg, #15803d, #166534);--btn-hover: 0 0 20px rgba(21, 128, 61, .4);--glow-color: rgba(139, 92, 246, .3);--overlay-bg: rgba(15, 15, 15, .85);--overlay-text: #f1f1f1}.section-margin-top{margin-top:5rem}body{background-color:var(--bg-color);color:var(--text-color);transition:all .3s ease-in-out}.video-zoom-box,.hero-text-block,.side-img-left,.side-img-right{transition:ease-in-out;will-change:transform;transform-style:preserve-3d;backface-visibility:hidden;transform-origin:center center}*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;width:100vw}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body,html,[data-scroll-container]{overflow-x:hidden}.pin-spacer{padding-bottom:0!important}::-webkit-scrollbar{display:none}body,html,[data-scroll-container]{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden}.smooth-scroll-wrapper{transform-style:preserve-3d;backface-visibility:hidden}body{overflow-x:hidden}.navbar li a{text-decoration:none}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html{scroll-behavior:smooth}body{height:100vh;width:100vw;overflow-x:hidden;background-color:"var(--bg-color)"}/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}
