:root{--black:#1a1a1b;--black-soft:#2b2d2f;--lime:#a4c639;--lime-bright:#b8d94a;--lime-dim:#a4c63926;--white:#f7f7f7;--white-pure:#fff;--gray:#6b7280;--gray-light:#e8e8ea;--border:#1a1a1b;--shadow-brutal:4px 4px 0 var(--black);--shadow-brutal-lg:6px 6px 0 var(--black);--shadow-lime:4px 4px 0 var(--lime);--radius:16px;--radius-sm:10px;--font-display:"Syne", system-ui, sans-serif;--font-body:"Space Grotesk", system-ui, sans-serif;--header-h:72px;--max-w:1200px;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}body{font-family:var(--font-body);color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}#root{min-height:100svh}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.1}p{margin:0}.container{width:min(var(--max-w), calc(100% - 2rem));margin-inline:auto}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--lime);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:inline-flex}.section-label:before{content:"";background:var(--lime);border-radius:2px;width:24px;height:3px}.section-title{margin-bottom:1rem;font-size:clamp(2rem,5vw,3.25rem)}.section-subtitle{color:var(--gray);max-width:56ch;font-size:clamp(1rem,2vw,1.125rem)}.btn{border-radius:var(--radius-sm);border:2px solid var(--border);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), background .2s;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.9375rem;font-weight:700;display:inline-flex}.btn:active{transform:translate(2px,2px)}.btn-primary{background:var(--lime);color:var(--black);box-shadow:var(--shadow-brutal)}.btn-primary:hover{background:var(--lime-bright);box-shadow:var(--shadow-brutal-lg);transform:translate(-1px,-1px)}.btn-primary:active{box-shadow:2px 2px 0 var(--black)}.btn-outline{background:var(--white-pure);color:var(--black);box-shadow:var(--shadow-brutal)}.btn-outline:hover{background:var(--black);color:var(--white-pure);box-shadow:var(--shadow-brutal-lg);transform:translate(-1px,-1px)}.btn-outline:active{box-shadow:2px 2px 0 var(--black)}.header{z-index:100;height:var(--header-h);transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.header.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:2px solid var(--black);background:#f7f7f7d9}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.logo-link{align-items:center;gap:.75rem;display:flex}.logo-link img{width:auto;height:44px}.logo-text{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.25rem;font-weight:800}.logo-text span{color:var(--lime)}.nav-desktop{align-items:center;gap:2rem;display:flex}.nav-desktop a{font-size:.875rem;font-weight:600;transition:color .2s;position:relative}.nav-desktop a:after{content:"";background:var(--lime);width:0;height:2px;transition:width .25s var(--ease-out);position:absolute;bottom:-4px;left:0}.nav-desktop a:hover:after{width:100%}.menu-toggle{border:2px solid var(--black);background:var(--white-pure);border-radius:8px;flex-direction:column;gap:5px;padding:8px;display:none}.menu-toggle span{background:var(--black);width:22px;height:2px;transition:transform .25s,opacity .25s;display:block}.menu-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-mobile{inset:var(--header-h) 0 0 0;background:var(--white);border-top:2px solid var(--black);z-index:99;opacity:0;pointer-events:none;transition:transform .35s var(--ease-out), opacity .35s;flex-direction:column;gap:.5rem;padding:2rem;display:none;position:fixed;transform:translateY(-100%)}.nav-mobile.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-mobile a{font-family:var(--font-display);border-bottom:2px solid var(--gray-light);padding:.75rem 0;font-size:1.75rem;font-weight:800}.hero{min-height:100svh;padding-top:var(--header-h);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.hero-blob{filter:blur(80px);opacity:.45;border-radius:50%;position:absolute}.hero-blob-1{background:var(--lime);width:500px;height:500px;top:-100px;right:-100px}.hero-blob-2{background:var(--black-soft);opacity:.08;width:400px;height:400px;bottom:-50px;left:-100px}.hero-grid{background-image:linear-gradient(#1a1a1b0a 1px,#0000 1px),linear-gradient(90deg,#1a1a1b0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 100%)}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding-block:4rem;display:grid;position:relative}.hero-badge{background:var(--black);color:var(--lime);letter-spacing:.08em;text-transform:uppercase;animation:fadeUp .6s var(--ease-out) both;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.hero-badge-dot{background:var(--lime);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.hero h1{animation:fadeUp .6s .1s var(--ease-out) both;margin-bottom:1.5rem;font-size:clamp(2.75rem,7vw,4.5rem)}.hero h1 .highlight{color:var(--lime);display:inline-block;position:relative}.hero-desc{color:var(--gray);max-width:48ch;animation:fadeUp .6s .2s var(--ease-out) both;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.2rem)}.hero-actions{animation:fadeUp .6s .3s var(--ease-out) both;flex-wrap:wrap;gap:1rem;display:flex}.hero-stats{animation:fadeUp .6s .4s var(--ease-out) both;gap:2rem;margin-top:3rem;display:flex}.hero-stat strong{font-family:var(--font-display);font-size:1.75rem;font-weight:800;display:block}.hero-stat span{color:var(--gray);font-size:.8125rem;font-weight:500}.hero-visual{animation:fadeUp .8s .2s var(--ease-out) both;position:relative}.hero-card{background:var(--white-pure);border:2px solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow-brutal-lg);padding:2rem;position:relative}.hero-card-logo{width:100%;max-width:420px;margin-inline:auto}.hero-float-tag{background:var(--lime);border:2px solid var(--black);border-radius:var(--radius-sm);box-shadow:var(--shadow-brutal);padding:.625rem 1rem;font-size:.8125rem;font-weight:700;animation:4s ease-in-out infinite float;position:absolute}.hero-float-tag-1{animation-delay:0s;top:-12px;right:-12px}.hero-float-tag-2{background:var(--black);color:var(--lime);animation-delay:1s;bottom:20px;left:-20px}.marquee-wrap{border-block:2px solid var(--black);background:var(--black);color:var(--white-pure);padding:.875rem 0;overflow:hidden}.marquee-track{width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-item{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:2rem;padding-inline:2rem;font-size:.875rem;font-weight:700;display:flex}.marquee-dot{background:var(--lime);border-radius:50%;flex-shrink:0;width:6px;height:6px}.about{padding-block:6rem}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;margin-top:2.5rem;display:grid}.about-text p+p{color:var(--gray);margin-top:1.25rem}.about-bento{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.about-card{background:var(--white-pure);border:2px solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow-brutal);transition:transform .25s var(--ease-out);padding:1.5rem}.about-card:hover{box-shadow:var(--shadow-brutal-lg);transform:translate(-2px,-2px)}.about-card-wide{background:var(--black);color:var(--white-pure);grid-column:span 2}.about-card-icon{margin-bottom:.75rem;font-size:1.75rem}.about-card h3{margin-bottom:.5rem;font-size:1.125rem}.about-card p{color:var(--gray);font-size:.875rem}.about-card-wide p{color:#ffffffb3}.about-card-wide .about-card-icon{color:var(--lime)}.features{background:var(--black);color:var(--white-pure);padding-block:6rem;position:relative;overflow:hidden}.features:before{content:"";background:var(--lime);opacity:.06;filter:blur(100px);border-radius:50%;width:400px;height:400px;position:absolute;top:0;right:0}.features .section-label{color:var(--lime)}.features .section-subtitle{color:#fff9}.features-grid{grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:3rem;display:grid}.feature-card{border-radius:var(--radius);transition:border-color .25s, background .25s, transform .25s var(--ease-out);background:#ffffff0d;border:2px solid #ffffff1f;padding:2rem}.feature-card:hover{border-color:var(--lime);background:#a4c63914;transform:translateY(-4px)}.feature-card:first-child,.feature-card:nth-child(2){grid-column:span 6}.feature-card:nth-child(3),.feature-card:nth-child(4){grid-column:span 4}.feature-card:nth-child(5){background:var(--lime);color:var(--black);border-color:var(--black);grid-column:span 4}.feature-num{font-family:var(--font-display);color:var(--lime);opacity:.5;margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1}.feature-card:nth-child(5) .feature-num{color:var(--black);opacity:.25}.feature-card h3{margin-bottom:.75rem;font-size:1.375rem}.feature-card p{color:#ffffffa6;font-size:.9375rem;line-height:1.55}.feature-card:nth-child(5) p{color:#1a1a1bbf}.feature-icon{width:48px;height:48px;color:var(--lime);margin-bottom:1.25rem}.feature-card:nth-child(5) .feature-icon{color:var(--black)}.products{padding-block:6rem}.products-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:3rem;display:grid}.product-card{background:var(--white-pure);border:2px solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow-brutal);transition:transform .25s var(--ease-out);padding:2rem 1.5rem;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-brutal-lg);transform:translate(-3px,-3px)}.product-card:before{content:"";background:var(--lime);height:4px;position:absolute;top:0;left:0;right:0}.product-emoji{margin-bottom:1rem;font-size:2.5rem}.product-card h3{margin-bottom:.5rem;font-size:1.25rem}.product-card p{color:var(--gray);font-size:.875rem}.product-tag{background:var(--lime-dim);color:var(--black);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;margin-top:1rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;display:inline-block}.products-cta{text-align:center;background:var(--lime-dim);border:2px dashed var(--lime);border-radius:var(--radius);margin-top:3rem;padding:3rem}.products-cta h3{margin-bottom:.75rem;font-size:1.5rem}.products-cta p{color:var(--gray);margin-bottom:1.5rem}.contact{background:var(--white);border-top:2px solid var(--black);padding-block:6rem;position:relative}.contact:before{content:"";background:linear-gradient(90deg, var(--lime) 0%, var(--black) 50%, var(--lime) 100%);height:4px;position:absolute;top:0;left:0;right:0}.contact-header{border-bottom:2px dashed var(--gray-light);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3rem;padding-bottom:2rem;display:flex}.contact-header-text{flex:1;min-width:280px}.contact-quick-actions{flex-wrap:wrap;gap:.75rem;display:flex}.contact-quick-btn{border-radius:var(--radius-sm);border:2px solid var(--black);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), background .2s;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:700;display:inline-flex}.contact-quick-btn:hover{box-shadow:var(--shadow-brutal);transform:translate(-2px,-2px)}.contact-quick-btn--lime{background:var(--lime);color:var(--black)}.contact-quick-btn--outline{background:var(--white-pure);color:var(--black)}.contact-quick-btn--outline:hover{background:var(--black);color:var(--white-pure)}.contact-grid{grid-template-columns:1fr 1.15fr;align-items:start;gap:2.5rem;display:grid}.contact-left{flex-direction:column;gap:1.25rem;display:flex}.contact-business-card{background:var(--black);color:var(--white-pure);border:2px solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow-lime);align-items:center;gap:1rem;padding:1.5rem;display:flex}.contact-business-logo{border:2px solid var(--lime);border-radius:10px;flex-shrink:0}.contact-business-card h3{color:var(--lime);margin-bottom:.25rem;font-size:1.125rem}.contact-business-card p{color:#ffffffa6;margin-bottom:.5rem;font-size:.8125rem}.contact-proprietor{letter-spacing:.04em;text-transform:uppercase;color:var(--white-pure);border:1px solid var(--lime);background:#a4c63933;border-radius:4px;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-block}.contact-cards{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact-info{flex-direction:column;gap:1.25rem;display:flex}.contact-item{background:var(--white-pure);border:2px solid var(--black);border-radius:var(--radius-sm);box-shadow:var(--shadow-brutal);align-items:flex-start;gap:1rem;height:100%;padding:1.25rem;transition:transform .2s;display:flex}.contact-item:hover{box-shadow:var(--shadow-brutal-lg);transform:translate(-2px,-2px)}.contact-icon{background:var(--lime);border:2px solid var(--black);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;display:flex}.contact-item h4{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--gray);margin-bottom:.375rem;font-size:.75rem;font-weight:700}.contact-item a,.contact-item p{font-size:.875rem;font-weight:600;line-height:1.5}.contact-item p+p{margin-top:.125rem}.contact-item a:hover{color:var(--lime)}.contact-hours{background:var(--lime-dim);border:2px solid var(--lime);border-radius:var(--radius-sm);padding:1.25rem 1.5rem}.contact-hours h4{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--black);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.contact-hours-grid{grid-template-columns:auto 1fr;gap:.375rem 1.5rem;font-size:.875rem;display:grid}.contact-hours-grid span{color:var(--gray);font-weight:500}.contact-hours-grid strong{font-weight:700}.contact-form-wrap{background:var(--black);color:var(--white-pure);border:2px solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow-lime);padding:2.5rem}.contact-form-wrap h3{margin-bottom:.5rem;font-size:1.5rem}.contact-form-wrap>p{color:#fff9;margin-bottom:2rem;font-size:.9375rem}.contact-form{flex-direction:column;gap:1rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-group label{letter-spacing:.06em;text-transform:uppercase;color:var(--lime);font-size:.75rem;font-weight:700}.form-group input,.form-group textarea,.form-group select{border-radius:var(--radius-sm);color:var(--white-pure);background:#ffffff14;border:2px solid #ffffff26;padding:.875rem 1rem;font-family:inherit;font-size:.9375rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--lime);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff59}.form-group select option{background:var(--black);color:var(--white-pure)}.form-group textarea{resize:vertical;min-height:120px}.form-success{background:var(--lime-dim);border:2px solid var(--lime);border-radius:var(--radius-sm);color:var(--lime);text-align:center;padding:1rem;font-weight:600}.footer{background:var(--black);color:var(--white-pure);border-top:4px solid var(--lime);padding-block:3rem 1.5rem}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.footer-logo-wrap{background:var(--white-pure);border:2px solid var(--lime);border-radius:var(--radius-sm);box-shadow:var(--shadow-lime);margin-bottom:1rem;padding:.75rem 1.25rem;display:inline-block}.footer-logo-wrap img{width:auto;height:48px;display:block}.footer-brand p{color:#ffffff8c;max-width:36ch;font-size:.875rem;line-height:1.6}.footer-links h4{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--lime);margin-bottom:1rem;font-size:.75rem;font-weight:700}.footer-links ul{flex-direction:column;gap:.625rem;display:flex}.footer-links a{color:#ffffffa6;font-size:.875rem;transition:color .2s}.footer-links a:hover{color:var(--lime)}.footer-bottom{color:#ffffff73;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;font-size:.8125rem;display:flex}.footer-bottom a{color:var(--lime)}.footer-bottom a:hover{text-decoration:underline}.whatsapp-float{z-index:200;color:var(--white-pure);border:2px solid var(--black);box-shadow:var(--shadow-brutal);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#25d366;border-radius:999px;align-items:center;gap:.625rem;padding:.875rem 1.25rem .875rem 1rem;font-size:.875rem;font-weight:700;animation:2.5s ease-in-out infinite whatsapp-pulse;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.whatsapp-float:hover{box-shadow:var(--shadow-brutal-lg);animation:none;transform:translate(-2px,-2px)}.whatsapp-float svg{flex-shrink:0;width:26px;height:26px}.whatsapp-float-label{white-space:nowrap}@keyframes whatsapp-pulse{0%,to{box-shadow:4px 4px 0 var(--black)}50%{box-shadow:4px 4px 0 var(--black), 0 0 0 8px #25d36640}}@media (width<=480px){.whatsapp-float{border-radius:50%;justify-content:center;width:56px;height:56px;padding:.875rem;bottom:1rem;right:1rem}.whatsapp-float-label{display:none}}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(24px)}.reveal.visible,section.visible .reveal{opacity:1;transform:translateY(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=1024px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-desc{margin-inline:auto}.hero-actions,.hero-stats{justify-content:center}.hero-visual{order:-1;max-width:400px;margin-inline:auto}.about-grid,.features-grid{grid-template-columns:1fr}.feature-card:nth-child(n){grid-column:span 1}.products-grid{grid-template-columns:repeat(2,1fr)}.contact-grid,.contact-cards{grid-template-columns:1fr}.contact-header{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.nav-desktop{display:none}.menu-toggle,.nav-mobile{display:flex}.header .btn-primary{display:none}.about-bento{grid-template-columns:1fr}.about-card-wide{grid-column:span 1}.products-grid,.form-row,.footer-grid{grid-template-columns:1fr}.hero-float-tag-1{right:0}.hero-float-tag-2{left:0}}