*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{width:100%}body,html,main.hero-section{height:100vh;overflow:hidden}main.hero-section{width:100vw;position:relative}canvas{display:block!important;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;touch-action:none!important;-webkit-touch-callout:none!important}.social-overlay-container{position:fixed;bottom:15px;right:15px;background:linear-gradient(145deg,#e8e8e8,#c0c0c0 25%,#a8a8a8 50%,#d4d4d4 75%,#f0f0f0);padding:16px 36px;border-radius:12px;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;gap:16px;transition:all .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:platinumShimmer 3s ease-in-out infinite;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(0,0,0,.2),0 4px 15px rgba(0,0,0,.3)}.social-overlay-container:hover{background:linear-gradient(145deg,#f5f5f5,#d8d8d8 25%,#c0c0c0 50%,#e8e8e8 75%,#ffffff);transform:scale(1.05) translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(0,0,0,.3),0 0 25px rgba(255,255,255,.6),0 8px 32px rgba(0,0,0,.4);border-color:rgba(255,255,255,.4)}.social-link{color:#2a2a2a;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;padding:4px;border-radius:6px}.social-link:hover{color:#1a1a1a;background:rgba(255,255,255,.2);transform:scale(1.1)}.title-section{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);z-index:1001;opacity:0;transition:opacity 2s ease-in-out;pointer-events:none;max-width:800px;width:90%}.title-section.fade-in{opacity:1}.main-title{font-size:48px;font-weight:700;text-transform:lowercase;letter-spacing:3px;color:#f8f8f8;text-align:center;margin:0 0 16px;background:linear-gradient(145deg,#ffffff,#e8e8e8 25%,#c0c0c0 50%,#d4d4d4 75%,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:titleShimmer 4s ease-in-out infinite}.main-title,.sub-heading{font-family:Share Tech Mono,Roboto Mono,IBM Plex Mono,monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sub-heading{font-size:14px;font-weight:400;line-height:1.8;text-align:center;margin:0;padding:0 20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);letter-spacing:.5px;min-height:50px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.cursor,.sub-heading{color:rgba(192,192,192,.9)}.cursor{animation:blinkCursor 1s infinite;margin-left:2px}@keyframes blinkCursor{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes titleShimmer{0%,to{filter:brightness(1);text-shadow:0 2px 10px rgba(0,0,0,.3)}50%{filter:brightness(1.2);text-shadow:0 2px 10px rgba(0,0,0,.4),0 0 20px rgba(255,255,255,.3)}}.agent-buttons{position:fixed;bottom:0;left:0;right:0;z-index:1001;opacity:0;transition:opacity 2s ease-in-out;pointer-events:none}.agent-buttons.fade-in{opacity:1;pointer-events:auto}.agent-section{position:fixed;top:120px;display:flex;flex-direction:column;align-items:center;gap:12px}.agent-section-left{left:195px}.agent-section-right{right:180px}.agent-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(145deg,#e8e8e8,#c0c0c0 25%,#a8a8a8 50%,#d4d4d4 75%,#f0f0f0);display:flex;align-items:center;justify-content:center;color:#2a2a2a;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(0,0,0,.2),0 4px 15px rgba(0,0,0,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease-in-out;animation:platinumShimmer 3s ease-in-out infinite;position:relative;overflow:hidden}.agent-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;padding:2px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(192,192,192,.7),rgba(128,128,128,.5),rgba(255,255,255,.8));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}.agent-icon:hover{background:linear-gradient(145deg,#f5f5f5,#d8d8d8 25%,#c0c0c0 50%,#e8e8e8 75%,#ffffff);transform:scale(1.1) translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.5),0 6px 25px rgba(0,0,0,.4)}.coming-soon-text{font-family:Share Tech Mono,Roboto Mono,IBM Plex Mono,monospace;font-size:12px;font-weight:400;color:rgba(192,192,192,.7);text-transform:lowercase;letter-spacing:1px;margin:0;text-align:center;animation:subtleFade 3s ease-in-out infinite;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes subtleFade{0%,to{opacity:.7}50%{opacity:1}}.agent-button{position:relative;padding:14px 24px;background:linear-gradient(145deg,#e8e8e8,#c0c0c0 25%,#a8a8a8 50%,#d4d4d4 75%,#f0f0f0);color:#2a2a2a;border:none;border-radius:12px;font-family:Share Tech Mono,Roboto Mono,IBM Plex Mono,monospace;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:platinumShimmer 3s ease-in-out infinite;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(0,0,0,.2),0 4px 15px rgba(0,0,0,.3);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.agent-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;padding:2px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(192,192,192,.7),rgba(128,128,128,.5),rgba(255,255,255,.8));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}.agent-button:hover{background:linear-gradient(145deg,#f5f5f5,#d8d8d8 25%,#c0c0c0 50%,#e8e8e8 75%,#ffffff);color:#1a1a1a;transform:scale(1.05) translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(0,0,0,.3),0 0 25px rgba(255,255,255,.6),0 8px 32px rgba(0,0,0,.4)}.agent-button:hover:before{background:linear-gradient(145deg,rgba(255,255,255,1),rgba(220,220,220,.8),rgba(180,180,180,.6),rgba(255,255,255,.9))}.agent-button:active{transform:scale(1.02) translateY(0);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.3)}@keyframes platinumShimmer{0%,to{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(0,0,0,.2),0 4px 15px rgba(0,0,0,.3)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.4),0 0 15px rgba(255,255,255,.3)}}.feature-cards{position:fixed;bottom:0;left:0;right:0;z-index:1001;opacity:0;transition:opacity 2s ease-in-out;pointer-events:none}.feature-cards.fade-in{opacity:1;pointer-events:auto}.cards-left{left:120px}.cards-left,.cards-right{position:fixed;bottom:200px;display:flex;flex-direction:column;gap:20px}.cards-right{right:120px}.feature-card{width:280px;height:120px;perspective:1000px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.card-inner.flipped{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;padding:20px;background:linear-gradient(145deg,rgba(27,27,27,.9),rgba(0,0,0,.8));border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.card-front{background:linear-gradient(145deg,rgba(40,40,40,.9),rgba(20,20,20,.8))}.card-back{transform:rotateY(180deg)}.feature-card:hover .card-back,.feature-card:hover .card-front{background:linear-gradient(145deg,rgba(50,50,50,.95),rgba(30,30,30,.9));border-color:rgba(255,255,255,.2);box-shadow:0 0 20px rgba(255,255,255,.1),0 10px 30px rgba(0,0,0,.5)}.click-text{font-family:Share Tech Mono,Roboto Mono,IBM Plex Mono,monospace;font-size:18px;font-weight:500;color:rgba(192,192,192,.8);margin:0;text-transform:uppercase;letter-spacing:2px;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{color:rgba(192,192,192,.8);text-shadow:0 0 5px rgba(255,255,255,.1)}50%{color:rgba(220,220,220,1);text-shadow:0 0 15px rgba(255,255,255,.3)}}.card-title{font-family:Share Tech Mono,Roboto Mono,IBM Plex Mono,monospace;font-size:14px;font-weight:600;color:#f8f8f8;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px;line-height:1.2;text-align:center}.card-caption{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:400;color:rgba(192,192,192,.9);margin:0;line-height:1.4;text-align:center}