@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-color:#000;--text-primary:#fff;--text-secondary:#a3a3a3;--accent-purple:#9c7cf6;--accent-green:#a7f66a;--nav-bg:#000;--font-family:"Inter", sans-serif}html{scroll-behavior:auto}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;overflow-x:hidden}.grid-bg{z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-position:50%;background-size:100px 100px;width:100vw;height:100vh;position:fixed;top:0;left:0}.container{max-width:100%;margin:0 auto;padding:0 4vw;position:relative}header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:30px 0;display:flex}.logo{letter-spacing:-1px;font-size:24px;font-weight:800}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--text-primary)}.header-actions{align-items:center;gap:24px;display:flex}.header-actions button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.hero{grid-template-columns:1fr 1fr;align-items:stretch;gap:60px;padding:60px 0;display:grid}.hero-left{flex-direction:column;gap:0;display:flex;position:relative}.image-wrapper{aspect-ratio:4/3;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%,0 15%);width:100%;position:relative;overflow:hidden}.image-wrapper img{object-fit:cover;width:100%;height:100%}.stats-banner{background-color:var(--accent-purple);clip-path:polygon(0 0,100% 0,calc(100% - 40px) 50%,100% 100%,0 100%,40px 50%);justify-content:space-between;align-items:center;margin-top:-1px;padding:clamp(30px,4vw,50px) calc(40px + 3vw);display:flex}.stats-content h2{margin-bottom:5px;font-size:clamp(36px,4.5vw,80px);font-weight:700;line-height:1}.stats-content p{opacity:.9;font-size:clamp(14px,1.5vw,24px)}.arrow-btn{color:#fff;cursor:pointer;background-color:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(48px,5vw,80px);height:clamp(48px,5vw,80px);transition:background-color .3s;display:flex}.arrow-btn svg{width:clamp(24px,2.5vw,40px);height:clamp(24px,2.5vw,40px)}.arrow-btn:hover{background-color:#ffffff4d}.hero-right{flex-direction:column;display:flex;position:relative}.subtitle{color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:20px;font-size:14px;display:flex}.subtitle:after{content:"";background-color:var(--text-secondary);width:30px;height:1px}.main-title{letter-spacing:-2px;margin-bottom:clamp(20px,4vw,60px);font-size:clamp(48px,6.5vw,120px);font-weight:800;line-height:1.1}.highlight-green{color:var(--accent-green)}.cta-section{align-items:center;gap:20px;margin-top:40px;margin-bottom:60px;display:flex}.square-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:clamp(54px,4.5vw,80px);height:clamp(54px,4.5vw,80px);transition:all .3s;display:flex}.square-btn svg{width:clamp(24px,2vw,36px);height:clamp(24px,2vw,36px)}.square-btn:hover{background-color:#ffffff0d}.square-btn.filled{color:#000;background-color:#fff}.cta-text{flex-direction:column;display:flex}.cta-title{font-size:clamp(18px,1.8vw,32px);font-weight:600}.cta-sub{color:var(--text-secondary);font-size:clamp(14px,1.4vw,24px)}.bottom-info{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:auto;padding-top:30px;display:flex}.info-text{align-items:center;gap:16px;display:flex}.info-desc{max-width:250px;color:var(--text-secondary);font-size:14px;line-height:1.6}.rating-widget{align-items:center;display:flex;position:relative}.avatar{object-fit:cover;border:2px solid var(--bg-color);z-index:2;border-radius:50%;width:48px;height:48px}.rating-badge{background-color:var(--accent-green);color:#000;z-index:1;border-radius:20px;margin-left:-16px;padding:8px 12px 8px 24px;font-weight:700}.floating-play{background-color:var(--accent-purple);border-radius:50%;justify-content:center;align-items:center;width:clamp(100px,11vw,180px);height:clamp(100px,11vw,180px);display:flex;position:absolute;top:10px;right:-2vw}.play-text-circle{width:100%;height:100%;animation:10s linear infinite rotate;position:absolute}.play-icon{color:var(--accent-purple);z-index:2;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding-left:4px;display:flex}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-text{transform-origin:100% 100%;color:var(--text-secondary);letter-spacing:1px;font-size:12px;position:absolute;bottom:150px;right:-2vw;transform:rotate(-90deg)}.services-section{padding:clamp(40px,5vw,80px) 0;position:relative}.services-header{justify-content:space-between;align-items:flex-end;margin-bottom:60px;display:flex}.services-title{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(40px,5vw,64px);font-weight:800;line-height:1.1}.services-desc{color:var(--text-secondary);font-size:clamp(14px,1.2vw,18px);line-height:1.6}.services-next-btn{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:clamp(50px,5vw,70px);height:clamp(50px,5vw,70px);transition:all .4s;display:flex}.services-next-btn:hover{background-color:#ffffff0d;transform:scale(1.05)}.services-grid-wrapper{border:1px solid #ffffff1a}.services-grid{background-color:#ffffff1a;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.service-card{aspect-ratio:16/8;flex-direction:column;justify-content:center;display:flex}.service-card.text-card{background-color:#161616;padding:clamp(20px,4vw,60px);transition:background-color .4s}.service-card.text-card:hover{background-color:#1e1e1e}.service-card.image-card{background-color:#161616;padding:0;position:relative;overflow:hidden}.service-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.service-card.image-card:hover img{transform:scale(1.05)}.service-card h3{letter-spacing:-.5px;margin-bottom:24px;font-size:clamp(24px,2.5vw,40px);font-weight:800}.service-list{color:var(--text-secondary);flex-wrap:wrap;gap:12px 20px;list-style:none;display:flex}.service-list li{color:#8a8a8a;align-items:center;font-size:clamp(13px,1.1vw,16px);transition:color .3s;display:flex}.service-list li:hover{color:#fff}.service-list li:before{content:"•";color:#555;margin-right:12px;font-size:20px;line-height:1}.portfolio-section{align-items:center;padding:clamp(40px,5vw,60px) 0;display:flex}.portfolio-grid{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;display:grid}.portfolio-card{aspect-ratio:1;color:#111;border-radius:4px;flex-direction:column;padding:24px 24px 0;text-decoration:none;transition:transform .4s;display:flex;position:relative;overflow:hidden}.portfolio-card:hover{transform:translateY(-5px)}.portfolio-card-header h4{letter-spacing:-.5px;margin-bottom:4px;font-size:clamp(18px,1.5vw,24px);font-weight:800}.portfolio-card-header p{opacity:.6;font-size:clamp(12px,1vw,14px);font-style:italic}.portfolio-card-image{perspective:1000px;width:100%;height:70%;margin-top:auto;position:relative}.portfolio-card-image img{object-fit:cover;border-radius:8px 8px 0 0;width:120%;height:120%;transition:transform .6s cubic-bezier(.25,.46,.45,.94);transform:rotate(-5deg)rotateX(10deg)rotateY(-10deg)translateY(10%)translate(5%);box-shadow:-10px 10px 30px #00000026}.portfolio-card:hover .portfolio-card-image img{transform:rotate(0)rotateX(0)rotateY(0)translateY(5%)translate(0)}.portfolio-title-area{flex-direction:column;grid-column:span 2;justify-content:center;padding:0 clamp(20px,4vw,60px);display:flex}.portfolio-subtitle{color:var(--text-secondary);align-items:center;margin-bottom:30px;font-size:16px;font-weight:500;display:flex}.portfolio-subtitle:after{content:"";background-color:var(--text-secondary);width:30px;height:1px;margin-left:10px;display:inline-block}.portfolio-heading{letter-spacing:-2px;font-size:clamp(48px,6vw,96px);font-weight:800;line-height:1.05}.portfolio-nav-block{aspect-ratio:1;flex-direction:column;justify-content:space-between;padding:24px;display:flex}.portfolio-number{letter-spacing:-2px;align-self:flex-end;font-size:clamp(40px,5vw,64px);font-weight:800}.cta-section-wrapper{width:100%;padding:clamp(60px,8vw,100px) 0}.cta-banner{background-color:var(--accent-purple);clip-path:polygon(0 0,calc(50% - 40px) 0,50% 40px,calc(50% + 40px) 0,100% 0,100% 100%,calc(50% + 40px) 100%,50% calc(100% - 40px),calc(50% - 40px) 100%,0 100%);justify-content:space-between;width:100%;padding:clamp(40px,6vw,80px) clamp(30px,5vw,60px);display:flex}.cta-left{flex:1;max-width:50%}.cta-subtitle{margin-bottom:24px;font-size:clamp(12px,1.2vw,16px)}.cta-heading{letter-spacing:-1px;font-size:clamp(32px,4vw,64px);font-weight:800;line-height:1.1}.text-black{color:#111}.cta-right{flex-direction:column;flex:1;align-items:flex-start;max-width:40%;padding-left:clamp(20px,4vw,60px);display:flex}.cta-icon{align-self:flex-end;margin-bottom:24px}.cta-desc{margin-bottom:40px;font-size:clamp(14px,1.5vw,20px);line-height:1.5}.cta-input-wrapper{background-color:#f5f5f5;border-radius:40px;align-items:center;width:100%;padding:8px 8px 8px 24px;display:flex}.cta-mail-icon{color:#888;margin-right:12px}.cta-input{color:#333;background:0 0;border:none;outline:none;flex-grow:1;font-size:16px}.cta-input::placeholder{color:#999}.cta-submit{color:#fff;cursor:pointer;background-color:#1a1a1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s,background-color .3s;display:flex}.cta-submit:hover{background-color:#000;transform:scale(1.05)}.site-footer{background-color:#000;justify-content:center;width:100vw;margin-top:40px;margin-left:calc(50% - 50vw);padding:80px 0 20px;display:flex}.footer-container{flex-direction:column;width:100%;max-width:1400px;padding:0 clamp(20px,5vw,60px);display:flex}.footer-top-new{justify-content:space-between;align-items:flex-start;margin-bottom:80px;display:flex}.footer-top-left h3{color:#fff;letter-spacing:-.5px;font-size:clamp(24px,3vw,32px);font-weight:500}.footer-top-right{gap:clamp(40px,8vw,120px);display:flex}.footer-link-col{flex-direction:column;gap:16px;display:flex}.footer-link-col h4{color:#fff;margin-bottom:8px;font-size:18px;font-weight:700}.footer-link-col a{color:#a3a3a3;font-size:15px;text-decoration:none;transition:color .3s}.footer-link-col a:hover{color:#fff}.footer-giant-text{letter-spacing:-4px;color:#fff;text-align:center;width:100%;margin-bottom:60px;font-size:clamp(80px,20vw,360px);font-weight:600;line-height:.9}.footer-bottom-new{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.footer-bottom-left{color:#fff;font-size:20px;font-weight:700}.footer-bottom-right{flex-wrap:wrap;gap:24px;display:flex}.footer-bottom-right a{color:#a3a3a3;font-size:14px;text-decoration:none;transition:color .3s}.footer-bottom-right a:hover{color:#fff}@media (width<=1200px){.main-title{font-size:64px}.floating-play,.scroll-text{right:0}}@media (width<=1024px){.hero{grid-template-columns:1fr;gap:40px;padding:40px 0}.floating-play{margin:40px auto 0;position:relative;top:auto;right:auto}.scroll-text{display:none}.stats-content h2{font-size:36px}.services-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-title-area{grid-column:span 2}.cta-banner{flex-direction:column;gap:40px}.cta-left,.cta-right{max-width:100%;padding-left:0}.cta-icon{align-self:flex-start}}@media (width<=768px){.nav-links{display:none}.main-title{font-size:48px}.cta-section{flex-wrap:wrap}.bottom-info{flex-direction:column;align-items:flex-start;gap:20px}.stats-banner{clip-path:none;flex-direction:column;align-items:flex-start;gap:20px}.services-header{flex-direction:column;align-items:flex-start;gap:20px}.services-grid,.portfolio-grid{grid-template-columns:1fr}.portfolio-title-area{grid-column:span 1}.portfolio-nav-block{aspect-ratio:auto;flex-direction:row;align-items:center;padding:0}.footer-top-new{flex-direction:column;gap:40px}.footer-giant-text{font-size:24vw}.footer-bottom-new{flex-direction:column;align-items:flex-start;gap:20px}}