@import"https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Host Grotesk,sans-serif;background:#000;color:#fff;overflow-x:hidden}#smooth-wrapper{width:100%;height:100vh;overflow:hidden}#smooth-content{will-change:transform}.hero{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#000;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.hero-header{text-align:center;z-index:5;position:relative}.hero-header h1{font-size:clamp(3rem,8vw,8rem);font-weight:700;line-height:.9;color:#fff;margin-bottom:2rem;cursor:pointer;transition:all .3s ease;white-space:pre-line}.hero-header h1:hover{text-shadow:0 0 20px rgba(255,255,255,.5)}.hero-char{display:inline-block;transition:all .3s ease}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:5}.scroll-indicator p{font-family:Inter,sans-serif;font-size:clamp(1rem,2vw,1.5rem);font-weight:600;color:#fff;opacity:.7;text-align:center;margin:0;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.animated-icons{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.animated-icon{position:absolute;width:120px;height:120px;cursor:pointer;transition:all .3s ease;opacity:1;pointer-events:auto;border-radius:20px;border:2px solid rgba(255,255,255,.3);background:transparent}.animated-icon a{display:block;width:100%;height:100%;text-decoration:none}.animated-icon:hover{border:2px solid rgba(255,255,255,.7);transform:scale(1.05) translateY(-2px)}.text-section{position:relative;width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff}.animated-text{max-width:1200px;text-align:center;font-size:clamp(2rem,6vw,5rem);font-weight:700;line-height:1.3;color:#000;word-break:keep-all;overflow-wrap:break-word;hyphens:none;font-family:Inter,sans-serif;letter-spacing:-.02em}.word{display:inline-block;margin:0 .15em;perspective:1000px;transform-style:preserve-3d;will-change:transform,opacity,filter;position:relative;padding:0 .3em;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.word:before{content:"";position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(90deg,gold,#ffed4a,gold);border-radius:3px;opacity:0;transition:all .6s cubic-bezier(.25,.46,.45,.94);pointer-events:none;z-index:-1}.word:hover:before{opacity:1;height:.7em;animation:markerSlide .6s cubic-bezier(.25,.46,.45,.94)}@keyframes markerSlide{0%{bottom:0;height:0}50%{bottom:0;height:.7em}to{bottom:0;height:.7em}}.word:hover{transform:translateY(-1px)}.line{display:block;overflow:hidden;margin:.1em 0}.contact-section{position:relative;width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#000;padding:4rem 2rem}.contact-section h2{font-family:Inter,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:900;color:#fff;margin-bottom:3rem;transform:rotate(-1deg);text-align:center}.contact-icons{display:flex;gap:3rem;justify-content:center;align-items:center}.contact-circle{width:120px;height:120px;cursor:pointer;background:transparent;border-radius:20px;border:2px solid rgba(255,255,255,.3);transition:all .3s ease;opacity:1}.contact-circle:hover{border:2px solid rgba(255,255,255,.7);transform:scale(1.05) translateY(-2px)}.icon-box{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:20px;transition:all .3s ease;position:relative;z-index:2;pointer-events:auto}.icon-svg{transition:transform .3s ease}.icon-box:hover .icon-svg{transform:scale(1.2) rotate(10deg)}.icon-box[data-tooltip]:not([data-tooltip=""]){position:relative}.icon-box[data-tooltip]:not([data-tooltip=""]):hover:after,.icon-box[data-tooltip]:not([data-tooltip=""]).show-tooltip:after{content:attr(data-tooltip);position:absolute;top:-50px;left:50%;transform:translate(-50%) rotate(-3deg);background:#fffffffa;color:#000;padding:12px 20px;border-radius:12px;font-size:16px;font-weight:700;font-family:Inter,sans-serif;white-space:nowrap;box-shadow:0 8px 24px #0003,0 4px 12px #0000001a;z-index:1000;animation:tooltipSlideIn .4s cubic-bezier(.68,-.55,.265,1.55);letter-spacing:.5px}@keyframes tooltipSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-10px) rotate(-3deg) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(0) rotate(-3deg) scale(1)}}@media (max-width: 768px){.hero{padding:2rem 1rem}.hero-header{padding:0 1rem}.hero-header h1{font-size:clamp(2.5rem,12vw,6rem);white-space:pre-line}.scroll-indicator{bottom:1rem}.scroll-indicator p{font-size:clamp(.9rem,3vw,1.2rem)}.text-section{padding:3rem 1rem;min-height:80vh}.animated-text{font-size:clamp(1.5rem,5vw,3rem);padding:1.5rem 1rem;word-break:keep-all;white-space:pre-wrap;line-height:1.4;text-align:center}.animated-icons{bottom:1rem;gap:1rem}.animated-icon{width:80px;height:80px}.contact-icons{gap:2rem}.contact-circle{width:100px;height:100px}}@media (max-width: 480px){.hero{padding:1rem .5rem}.hero-header h1{font-size:clamp(1.8rem,10vw,4rem);margin-bottom:1rem;white-space:pre-line}.scroll-indicator p{font-size:clamp(.8rem,2.5vw,1rem)}.text-section{padding:2rem .5rem;min-height:70vh}.animated-text{font-size:clamp(1.2rem,4vw,2rem);padding:1rem .5rem;line-height:1.5;text-align:center}.animated-icon{width:60px;height:60px}.contact-icons{gap:1.5rem}.contact-circle{width:80px;height:80px}}