html,body{margin:0;padding:0;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif;font-size:14px;background:#000;color:#fff}.main-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:44px;background-color:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);display:flex;align-items:center;justify-content:center}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:32px}.main-nav ul li{font-size:12px;font-weight:400;letter-spacing:.02em;color:#1d1d1f;cursor:pointer;opacity:.8;transition:opacity .2s}.main-nav ul li:hover{opacity:1}.main-nav ul li.active{opacity:1;font-weight:600}.threejs-canvas{position:fixed;inset:0;outline:none;z-index:-1}.page-container{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory}section{width:100%;height:100dvh;scroll-snap-align:start;overflow:hidden;position:relative}.text-container{position:absolute;bottom:10%;left:10%;width:80%}.text-container.hide{display:none}.button-row{display:flex;gap:16px;align-items:center;margin-top:32px}.cta-button{padding:14px 36px;font-size:17px;font-weight:600;color:#fff;background-color:#0071e3;border:none;border-radius:980px;cursor:pointer;transition:background-color .2s}.cta-button:hover{background-color:#0077ed}.simple-button{padding:14px 36px;font-size:17px;font-weight:600;color:#fff;background-color:transparent;border:2px solid rgba(255,255,255,.5);border-radius:980px;cursor:pointer;transition:border-color .2s}.simple-button:hover{border-color:#fff}.manual-controls-container{display:none;position:fixed;bottom:50px;right:50px;z-index:3}.manual-controls-container.visible{display:block}.title-container{font-size:28px;margin:10px 0;font-weight:600}.description-container{font-size:56px;margin:10px 0;background-image:linear-gradient(90deg,#e4f6f0,#9dcfca 31%,#6b95ac 68%,#45657d);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600;filter:drop-shadow(0px 2px 4px rgba(0,0,0,.9))}.color-picker,.logo-picker,.keyboard-picker{display:flex;gap:16px;margin-top:24px}.color-item{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;outline:2px solid transparent;transition:outline .2s,transform .2s}.color-item:hover{transform:scale(1.1)}.color-item.active{outline:2px solid #ffffff;outline-offset:3px}.manual-controls-container .title-container{text-align:right}.point{position:absolute;top:50%;left:50%;z-index:10}.point.visible .point-label{transform:translate(-50%,-50%) scale(1)}.point-label{position:absolute;border-radius:10px;background-color:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:#000;font-family:Helvetica,Arial,sans-serif;text-align:center;font-weight:600;font-size:14px;padding:10px;white-space:nowrap;cursor:pointer;transform:translate(-50%,-50%) scale(0);transition:transform .3s}.annotations{display:none}.annotations.show-annotations{display:block}.point-text{position:absolute;border-radius:10px;background-color:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:#000;font-family:Helvetica,Arial,sans-serif;text-align:center;font-weight:400;font-size:14px;padding:10px;transform:translate(-50%);width:200px;cursor:pointer;top:24px;line-height:20px;transition:opacity .3s;opacity:0;pointer-events:none}.point:hover .point-text{opacity:1}.final-buttons{pointer-events:none;opacity:0;transition:opacity .3s}.final-buttons.show-final-buttons{pointer-events:all;opacity:1}.btn-scroll-down{position:fixed;width:40px;height:40px;transform:translate(-50%);bottom:10px;left:50%;border-radius:50%;background-color:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);font-size:20px;text-align:center;line-height:35px;color:#000;animation:floating 2s infinite;cursor:pointer;opacity:.7;transition:opacity .3s}.btn-scroll-down:hover{opacity:1}.btn-scroll-down.hide-scroll{opacity:0}@keyframes floating{0%{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-12px)}to{transform:translate(-50%) translateY(0)}}.loader-container{position:fixed;inset:0;width:100%;height:100%;background-color:#000;z-index:200;pointer-events:none;opacity:1;transition:opacity .3s}.loader-container.hide-loader{opacity:0}.loading-bar{position:absolute;top:50%;width:100%;height:2px;background-color:#fff;transform:scaleX(0);transform-origin:top left;transition:transform .3s}.loading-bar.ended{transform:scaleX(0);transform-origin:top right;transition:transform .5s}