@font-face{font-family:Chunko;src:url(/_next/static/media/Chunko.b20ae1f1.ttf) format("truetype");font-weight:400}@font-face{font-family:Sf;src:url(/_next/static/media/SF-Pro-Rounded-Medium.faee3dcd.otf) format("opentype");font-weight:400}main{overflow-x:hidden;width:100%;max-width:100vw}.home-page{background-color:#f5e6d3;min-height:calc(100vh - clamp(50px, 6vw, 80px));overflow:hidden;display:flex;flex-direction:column;gap:clamp(15px,2vw,25px);padding:0 17px 20px;max-width:1920px;margin:0 auto}.ribbon-background,p{display:flex;justify-content:center;align-items:center}.ribbon-background{flex:1;min-height:0;border-radius:20px;background-color:#d3734a;flex-direction:column;overflow:hidden}.wavy-ribbon-container{width:100%;height:auto;max-height:80%;display:flex;align-items:center;justify-content:center;overflow:visible;padding:clamp(20px,3vw,40px);position:relative;z-index:1}.wavy-ribbon{width:100%;height:100%;overflow:visible}.ribbon-path{fill:#f20}.ribbon-text{fill:#fff;font-size:clamp(18px,2vw,30px);font-weight:700;font-family:Sf,sans-serif;letter-spacing:clamp(5px,.7vw,10px)}.content{display:flex;flex-direction:column;gap:clamp(15px,2vw,25px);flex-shrink:0}.top-section{gap:clamp(15px,1.5vw,20px);justify-content:space-between}.top-section,.yellow-button{display:flex;align-items:center;flex-shrink:0}.yellow-button{width:clamp(150px,14vw,200px);height:clamp(50px,4vw,60px);background-color:#f6bc3f;border:none;border-radius:20px;cursor:pointer;transition:transform .2s;justify-content:center;text-decoration:none;color:#000;font-family:Sf,sans-serif;font-size:clamp(16px,1.5vw,20px);font-weight:600;letter-spacing:2px}.yellow-button:hover{transform:scale(1.05)}.purple-button{width:clamp(300px,35vw,500px);height:clamp(50px,4vw,60px);background-color:#5c30ff;border:none;border-radius:20px;cursor:pointer;transition:transform .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-family:Sf,sans-serif;font-size:clamp(16px,1.5vw,20px);font-weight:600;letter-spacing:5px}.purple-button:hover{transform:scale(1.05)}.content-section{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.shape{padding:20px}.left-shapes{display:flex;flex-direction:column;gap:clamp(15px,1.5vw,20px);flex:1;min-width:0}.green-rectangle{width:clamp(500px,50vw,750px);height:clamp(120px,12vw,180px);background-color:#008c47;border-radius:20px;font-size:40px;color:#fff;font-family:Sf,"san-serif"}.shape-group{display:flex;gap:clamp(15px,1.5vw,20px);align-items:center;position:relative;flex-wrap:nowrap}.clover{width:clamp(120px,16vw,220px);height:clamp(120px,16vw,220px);flex-shrink:0}.pink-rectangle{width:clamp(240px,24vw,350px);height:clamp(200px,8vw,150px);background-color:#f791c3;border-radius:20px;font-size:40px;color:#fff;font-family:Chunko,"san-serif";letter-spacing:3px;flex-direction:row}.down-button,.pink-rectangle{flex-shrink:0;display:flex;justify-content:center;align-items:center}.down-button{width:clamp(110px,11vw,160px);height:clamp(110px,11vw,160px);border-radius:100%;background-color:#f20;position:relative;border:none;cursor:pointer;transition:transform .2s}.down-button:hover{transform:scale(1.05)}.circular-text-svg{position:absolute;width:100%;height:100%;top:0;left:0;animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.circular-text{fill:#fff;font-size:clamp(15px,1.8vw,17px);font-weight:600;font-family:Sf,sans-serif;text-transform:lowercase;letter-spacing:2.6px}.down-arrow{width:clamp(50px,2.5vw,35px);height:clamp(50px,2.5vw,35px);position:relative;z-index:1}.bottom-section{flex-direction:row;justify-content:space-between;gap:clamp(20px,3vw,40px);padding-bottom:clamp(10px,1.5vw,20px)}.bottom-section,.right-text{display:flex;align-items:center;flex-shrink:0}.right-text{justify-content:flex-end}.studio-title{display:flex;flex-direction:column;align-items:flex-end;margin:0;line-height:.9;font-size:clamp(100px,12vw,180px);color:#000;font-family:Chunko,sans-serif;white-space:nowrap}@media (max-width:1400px){.bottom-section{gap:clamp(15px,2vw,30px)}}@media (max-width:1200px){.studio-title{font-size:clamp(80px,10vw,140px)}.green-rectangle{width:clamp(350px,40vw,500px)}}@media (max-width:1024px){.bottom-section{flex-direction:column;align-items:flex-start}.right-text{justify-content:flex-start;width:100%}.studio-title{align-items:flex-start;font-size:clamp(100px,15vw,150px)}.left-shapes{width:100%}.green-rectangle{width:100%;max-width:600px}}.animated-rows{width:100%;display:flex;flex-direction:column;gap:20px;padding:20px 0;overflow:hidden}.scroll-row{width:100%;position:relative;overflow:hidden}.scroll-content{display:flex;gap:20px;width:-moz-fit-content;width:fit-content}.scroll-right1 .scroll-content{animation:scrollRight1 20s linear infinite}@keyframes scrollRight1{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}.scroll-right2 .scroll-content{animation:scrollRight2 45s linear infinite}@keyframes scrollRight2{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}.view-recents{background-color:#5c30ff}.scroll-left .scroll-content{animation:scrollLeft 40s linear infinite}@keyframes scrollLeft{0%{transform:translateX(-33.333%)}to{transform:translateX(0)}}.image-box{flex-shrink:0;position:relative;background-color:#d9d9d9;border-radius:8px;overflow:hidden}.image-box img{transition:transform .3s ease;-o-object-fit:cover;object-fit:cover}.image-box:hover img{transform:scale(1.05)}@media (max-width:768px){.animated-rows,.scroll-content{gap:15px}.image-box{min-width:250px!important;height:200px!important}}.interactive-section{background-color:#f791c3;min-height:1000px;justify-content:center;padding:80px 40px 0;overflow:hidden}.interactive-content,.interactive-section{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.interactive-content{z-index:2;max-width:1400px;gap:50px}.top-row{display:flex;gap:80px;width:100%;justify-content:center;align-items:flex-start}.form-mockup-section{display:flex;flex-direction:column;gap:25px;flex:0 0 520px}.form-input-box{height:65px;justify-content:center;gap:4px}.form-input-box,.form-textarea-box{width:100%;background-color:#5c30ff;border-radius:20px;display:flex;flex-direction:column;padding:12px 20px}.form-textarea-box{height:150px;justify-content:flex-start;gap:6px}.form-label{font-size:12px;color:#fff}.form-label,.form-label1{font-family:Sf,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-label1{font-size:16px;color:#000}.form-typing-text{min-height:22px;display:flex;align-items:center}.form-input-field,.form-typing-text{font-family:Sf,sans-serif;font-size:18px;font-weight:500;color:#fff}.form-input-field{background-color:transparent;border:none;outline:none;width:100%;padding:0}.form-input-field::-moz-placeholder{color:hsla(0,0%,100%,.5)}.form-input-field::placeholder{color:hsla(0,0%,100%,.5)}.form-textarea-field{font-family:Sf,sans-serif;font-size:18px;font-weight:500;color:#fff;background-color:transparent;border:none;outline:none;width:100%;padding:0;resize:none;line-height:1.5}.form-textarea-field::-moz-placeholder{color:hsla(0,0%,100%,.5)}.form-textarea-field::placeholder{color:hsla(0,0%,100%,.5)}.form-textarea-box .form-typing-text{font-size:16px;line-height:1.5;align-items:flex-start}.green-preview-box{width:360px;height:310px;background-color:#008c47;border-radius:20px;flex-shrink:0;position:relative;overflow:hidden}.green-preview-box,.logo-container{display:flex;align-items:center;justify-content:center}.logo-container{font-family:Chunko,"san-serif";color:#fff;font-size:45px;padding:15px 20px;letter-spacing:3px}.logo-slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .6s ease-in-out;display:flex;align-items:center;justify-content:center}.logo-slide.active{opacity:1}.logo-image{-o-object-fit:contain!important;object-fit:contain!important}.ghost-typing-box{background-color:#f6bc3f;border-radius:20px;width:100%;max-width:950px;height:220px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;gap:40px}.typing-content{flex:1;display:flex;flex-direction:column;gap:80px}.yellow-input-group{display:flex;flex-direction:column;gap:10px}.typing-display{font-size:28px;min-height:35px;display:flex;align-items:center}.typing-display,.yellow-input-field{font-family:Sf,sans-serif;font-weight:500;color:#000}.yellow-input-field{font-size:20px;background-color:transparent;border:none;outline:none;width:100%;padding:0}.yellow-input-field::-moz-placeholder{color:rgba(0,0,0,.6)}.yellow-input-field::placeholder{color:rgba(0,0,0,.6)}.cursor-blink{animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.button-group{display:flex;font-family:Sf,"san-serif";gap:25px}.ai-prompts,.upload-logo{width:120px;height:50px;background-color:#ffe8ce;border-radius:10px}.arrow-button{width:65px;height:65px;background-color:#ffe8ce;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;text-decoration:none;transition:transform .3s ease,background-color .3s ease;cursor:pointer;flex-shrink:0}.arrow-button:hover{transform:scale(1.1)}@keyframes pulsate{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(255,232,206,.7)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(255,232,206,0)}}.wave-vector{position:absolute;bottom:0;left:0;width:100%;height:400px;z-index:1}@media (max-width:1200px){.interactive-content{max-width:900px}.top-row{gap:40px}.form-mockup-section{flex:0 0 350px}.green-preview-box{width:250px;height:220px}.ghost-typing-box{max-width:650px}}@media (max-width:900px){.interactive-section{min-height:auto;padding:60px 30px 0}.top-row{flex-direction:column;align-items:center;gap:30px}.form-mockup-section{flex:0 0 auto;width:100%;max-width:420px}.green-preview-box{width:100%;max-width:420px;height:250px}.ghost-typing-box{max-width:100%;padding:25px 30px}}@media (max-width:600px){.interactive-section{padding:40px 20px 0}.ghost-typing-box{height:auto;min-height:150px;flex-direction:column;align-items:flex-start;padding:20px 25px}.typing-display{font-size:18px}.button-group{flex-wrap:wrap}.mock-button-1,.mock-button-2{width:80px;height:35px}.arrow-button{width:50px;height:50px;align-self:flex-end}}