@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800;900&family=Oswald:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}ul,ol{list-style:none}#root{min-height:100vh}:root{--primary:#fff;--primary-glow:#ffffff26;--primary-dim:#ffffff0a;--secondary:#d4d4d4;--secondary-glow:#ffffff1a;--accent:#b0b0b0;--accent-glow:#ffffff14;--dark:#000;--darker:#000;--gray-900:#080808;--gray-800:#0f0f0f;--gray-700:#1a1a1a;--gray-600:#2a2a2a;--gray-400:#777;--gray-300:#999;--gray-200:#aaa;--white:#e8e8e8;--pure-white:#fff;--off-white:#f2f0ed;--font-display:"Bebas Neue", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Space Mono", monospace;--font-condensed:"Oswald", sans-serif;--container-width:1200px;--section-padding:120px 0;--grid-color:#ffffff06;--grid-size:60px;--border-color:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--dark);color:var(--white);line-height:1.6;overflow-x:hidden}::selection{background:var(--off-white);color:var(--dark)}.landing-page{min-height:100vh;position:relative}.landing-page:before{content:"";z-index:10000;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.landing-page:after{content:"";z-index:10001;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000003 2px 4px);position:fixed;inset:0}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.header{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#000000eb;padding:16px 0;position:fixed;top:0;left:0;right:0}.logo{filter:invert()brightness(1.1);height:48px;transition:all .3s}.logo:hover{filter:invert()brightness(1.3)}.hero{background:var(--dark);align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-overlay{background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);pointer-events:none;position:absolute;inset:0}.graffiti-texture{opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.spray-effect{filter:blur(160px);opacity:.06;pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute}.spray-effect.left{background:var(--pure-white);bottom:10%;left:-250px}.spray-effect.right{background:var(--gray-300);top:15%;right:-250px}.hero-content{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.hero-text{padding-right:40px}.hero-text:before{content:"// LOOK OITO OITO — STREETWEAR COLLECTION";font-family:var(--font-mono);color:var(--gray-400);letter-spacing:3px;text-transform:uppercase;opacity:.7;margin-bottom:20px;font-size:10px;display:block}.hero-title{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;color:var(--pure-white);margin-bottom:24px;font-size:clamp(42px,6vw,72px);line-height:1}.highlight{color:var(--pure-white);text-shadow:0 0 10px #fff9,0 0 30px #ffffff4d,0 0 60px #ffffff26;border-bottom:none;padding-bottom:0;display:inline;position:relative}.hero-subtitle{font-family:var(--font-body);color:var(--gray-300);letter-spacing:.2px;text-transform:none;border-left:1px solid var(--gray-600);max-width:460px;margin-bottom:36px;padding-left:20px;font-size:clamp(14px,1.4vw,17px);font-weight:400;line-height:1.7}.cta-button{font-family:var(--font-condensed);text-transform:uppercase;letter-spacing:4px;color:var(--dark);background:var(--pure-white);border:1px solid var(--pure-white);cursor:pointer;clip-path:none;border-radius:0;align-items:center;gap:12px;padding:16px 40px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:inline-flex;position:relative;overflow:hidden}.cta-button:before{content:"";background:var(--gray-200);transition:transform .4s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0;transform:translateY(101%)}.cta-button:hover{color:var(--dark);transform:translateY(-2px);box-shadow:0 8px 30px #ffffff1a}.cta-button:hover:before{transform:translateY(0)}.cta-button span{z-index:1;position:relative}.cta-icon{z-index:1;font-size:22px;position:relative}.pulse{animation:2.5s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--primary-glow)}50%{box-shadow:0 0 0 12px #0000}}.hero-images{position:relative}.hero-carousel{aspect-ratio:3/4;border:1px solid var(--border-color);width:100%;max-height:600px;box-shadow:none;border-radius:0;position:relative;overflow:hidden}.hero-carousel:before,.hero-carousel:after{content:"";z-index:5;pointer-events:none;width:35px;height:35px;position:absolute}.hero-carousel:before{border-top:1px solid #ffffff4d;border-left:1px solid #ffffff4d;top:12px;left:12px}.hero-carousel:after{border-bottom:1px solid #ffffff4d;border-right:1px solid #ffffff4d;bottom:12px;right:12px}.hero-img{object-fit:cover;opacity:0;filter:none;width:100%;height:100%;transition:opacity 1s,transform 1s;position:absolute;inset:0;transform:scale(1.03)}.hero-img.active{opacity:1;transform:scale(1)}.carousel-dots{justify-content:center;gap:10px;margin-top:24px;display:flex}.dot{background:var(--gray-600);cursor:pointer;clip-path:none;border:none;width:8px;height:8px;transition:all .4s}.dot.active{background:var(--pure-white);box-shadow:none;width:36px;transform:none}.autoridade{padding:var(--section-padding);background:var(--gray-900);background-image:radial-gradient(circle,#ffffff04 1px,#0000 1px);background-size:24px 24px;position:relative}.autoridade:before{content:"";background:linear-gradient(90deg, transparent, var(--gray-600), transparent);height:1px;position:absolute;top:0;left:0;right:0}.autoridade:after{content:"[002]";font-family:var(--font-mono);color:var(--gray-600);letter-spacing:2px;font-size:11px;position:absolute;top:28px;right:28px}.section-title{font-family:var(--font-display);text-align:center;text-transform:uppercase;letter-spacing:4px;color:var(--pure-white);margin-bottom:70px;font-size:clamp(42px,7vw,80px);line-height:.95}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2px;display:grid}.card{background:var(--dark);border:1px solid var(--border-color);clip-path:none;padding:48px 40px;transition:all .4s;position:relative}.card:before{content:"";border-top:1px solid var(--gray-400);border-left:1px solid var(--gray-400);opacity:.3;width:22px;height:22px;transition:all .4s;position:absolute;top:14px;left:14px}.card:after{content:"";border-bottom:1px solid var(--gray-400);border-right:1px solid var(--gray-400);opacity:.3;width:22px;height:22px;transition:all .4s;position:absolute;bottom:14px;right:14px}.card:hover{border-color:var(--gray-400);transform:translateY(-5px);box-shadow:0 20px 60px #0006}.card:hover:before,.card:hover:after{opacity:1;width:28px;height:28px}.card-icon{border:1px solid var(--gray-400);clip-path:none;background:0 0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:28px;transition:all .4s;display:flex}.card:hover .card-icon{background:var(--pure-white);border-color:var(--pure-white)}.card-icon svg{width:22px;height:22px;color:var(--gray-200);transition:color .4s}.card:hover .card-icon svg{color:var(--dark)}.card h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:3px;color:var(--pure-white);margin-bottom:16px;font-size:34px}.card p{color:var(--gray-400);font-size:15px;line-height:1.8}.card strong{color:var(--pure-white);font-weight:700}.mix-section{padding:var(--section-padding);background:var(--dark);position:relative;overflow:hidden}.mix-section:before{content:"STREETWEAR";font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px var(--gray-700);white-space:nowrap;pointer-events:none;opacity:.4;z-index:0;letter-spacing:20px;font-size:clamp(120px,25vw,450px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mix-section:after{content:"[003]";font-family:var(--font-mono);color:var(--gray-600);letter-spacing:2px;z-index:2;font-size:11px;position:absolute;top:28px;right:28px}.products-showcase{z-index:1;grid-template-columns:repeat(4,1fr);gap:3px;margin:60px 0;display:grid;position:relative}.product-item{aspect-ratio:3/4;border-radius:0;position:relative;overflow:hidden}.product-item img{object-fit:cover;filter:none;width:100%;height:100%;transition:transform .6s,filter .4s}.product-overlay{opacity:0;background:linear-gradient(#0000 60%,#00000080 100%);transition:opacity .4s;position:absolute;inset:0}.product-item:before{content:"";opacity:0;z-index:3;pointer-events:none;border:1px solid #ffffff40;transition:opacity .4s;position:absolute;inset:0}.product-item:after{content:"+";font-family:var(--font-mono);color:var(--pure-white);z-index:4;opacity:0;pointer-events:none;font-size:16px;transition:opacity .4s;position:absolute;bottom:14px;right:14px}.product-item:hover img{filter:contrast(1.05)brightness(1.02);transform:scale(1.04)}.product-item:hover .product-overlay,.product-item:hover:before,.product-item:hover:after{opacity:1}.mix-tags{z-index:1;flex-wrap:wrap;justify-content:center;gap:16px;display:flex;position:relative}.tag{border:1px solid var(--pure-white);color:var(--pure-white);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:4px;cursor:default;background:0 0;padding:12px 36px;font-size:12px;transition:all .3s}.tag:hover{background:var(--pure-white);color:var(--dark);border-color:var(--pure-white);box-shadow:none;letter-spacing:5px}.provas-sociais{padding:var(--section-padding);background:var(--gray-900);position:relative}.provas-sociais:before{content:"[004]";font-family:var(--font-mono);color:var(--gray-600);letter-spacing:2px;z-index:2;font-size:11px;position:absolute;top:28px;right:28px}.provas-sociais:after{content:"";background:linear-gradient(90deg, transparent, var(--gray-600), transparent);height:1px;position:absolute;top:0;left:0;right:0}.benefits-grid{background:var(--border-color);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1px;margin-bottom:80px;display:grid}.benefit-card{background:var(--dark);border:none;padding:48px 40px;transition:all .4s;position:relative;overflow:hidden}.benefit-card:after{content:"";background:var(--pure-white);transform-origin:0;height:2px;transition:transform .5s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.benefit-card:hover{background:var(--gray-800)}.benefit-card:hover:after{transform:scaleX(1)}.benefit-number{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1.5px var(--gray-600);letter-spacing:6px;margin-bottom:24px;font-size:100px;line-height:1;transition:all .4s}.benefit-card:hover .benefit-number{-webkit-text-stroke-color:var(--pure-white);text-shadow:none}.benefit-card h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:3px;color:var(--pure-white);margin-bottom:16px;font-size:30px}.benefit-card p{color:var(--gray-400);font-size:15px;line-height:1.8}.benefit-card strong{color:var(--pure-white)}.details-grid{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.detail-item{aspect-ratio:1;border-radius:0;position:relative;overflow:hidden}.detail-item:before{content:"";z-index:1;pointer-events:none;border:2px solid #0000;transition:all .3s;position:absolute;inset:0}.detail-item:hover:before{border-color:#fff3}.detail-item img{object-fit:cover;filter:none;width:100%;height:100%;transition:transform .6s,filter .4s}.detail-item:hover img{filter:contrast(1.04)brightness(1.02);transform:scale(1.08)}.details-caption{text-align:center;color:var(--gray-400);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:3px;margin-top:32px;font-size:11px;line-height:1.8}.contato{padding:var(--section-padding);background:var(--dark);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);position:relative}.contato:before{content:"";background:linear-gradient(90deg, transparent, var(--gray-600), transparent);height:1px;position:absolute;top:0;left:0;right:0}.contato:after{content:"[005]";font-family:var(--font-mono);color:var(--gray-600);letter-spacing:2px;font-size:11px;position:absolute;top:28px;right:28px}.form-wrapper{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);background:#080808f2;max-width:700px;margin:0 auto;padding:60px;position:relative}.form-wrapper:before{content:"";background:var(--pure-white);height:2px;position:absolute;top:-1px;left:0;right:0}.form-wrapper:after{content:"";border-bottom:1px solid var(--gray-400);border-right:1px solid var(--gray-400);opacity:.3;width:22px;height:22px;position:absolute;bottom:14px;right:14px}.form-header{text-align:center;margin-bottom:40px}.form-subtitle{color:var(--gray-400);max-width:500px;font-size:13px;font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;margin:0 auto;line-height:2}.contact-form{flex-direction:column;gap:14px;display:flex}.form-group{width:100%}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-form input,.contact-form select,.contact-form textarea{width:100%;font-family:var(--font-mono);background:var(--dark);border:1px solid var(--gray-700);color:var(--white);letter-spacing:.5px;outline:none;padding:16px 20px;font-size:13px;transition:all .3s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--gray-600);text-transform:uppercase;letter-spacing:2px;font-size:11px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gray-200);box-shadow:0 0 0 1px var(--gray-200)}.contact-form select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px}.contact-form select option{background:var(--gray-900);color:var(--white)}.contact-form textarea{resize:vertical;min-height:120px}.submit-btn{justify-content:center;width:100%;margin-top:20px;font-size:15px}.footer{background:var(--dark);text-align:center;border-top:1px solid var(--border-color);padding:60px 0;position:relative}.footer-logo{filter:invert()brightness();opacity:1;height:56px;margin:0 auto 24px;transition:all .3s;display:block}.footer-logo:hover{opacity:.8}.footer p{color:var(--pure-white);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:3px;margin-bottom:8px;font-size:10px}.footer-tagline{font-family:var(--font-display);letter-spacing:8px;text-transform:uppercase;text-shadow:none;font-size:32px;color:var(--pure-white)!important}@media (width<=1024px){.hero-content{text-align:center;grid-template-columns:1fr;gap:24px}.hero-text{order:1;padding-right:0}.hero-text:before{text-align:center}.hero-images{order:0;width:78%;max-width:460px;margin:0 auto}.hero-subtitle{border-left:none;border-bottom:1px solid var(--gray-600);text-align:center;margin:0 auto 40px;padding-bottom:16px;padding-left:0}.products-showcase,.details-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--section-padding:80px 0}.hero{min-height:auto;padding:100px 0 40px}.hero-carousel{max-height:380px}.cards-grid{grid-template-columns:1fr;gap:1px}.benefits-grid{grid-template-columns:1fr}.form-wrapper{padding:40px 24px}.form-row{grid-template-columns:1fr}.mix-tags{gap:10px}.tag{letter-spacing:3px;padding:10px 24px;font-size:10px}.autoridade:after,.mix-section:after,.provas-sociais:before,.contato:after{display:none}.hero-text:before{letter-spacing:2px;font-size:9px}}@media (width<=480px){.logo{height:38px}.hero-title{letter-spacing:2px;font-size:36px}.section-title{letter-spacing:2px;font-size:34px}.cta-button{letter-spacing:3px;padding:14px 24px;font-size:13px}.card,.benefit-card{padding:32px 24px}.benefit-number{font-size:72px}.products-showcase,.details-grid{gap:2px}.hero-carousel:before,.hero-carousel:after{width:24px;height:24px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-text,.hero-images{animation:.8s ease-out fadeInUp}.hero-images{animation-delay:.2s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--gray-700)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}