:root{--shatter-text:#00553f;--shatter-background:#ffffff;--shatter-primary:#00553f;--shatter-secondary:#27ae60;--shatter-accent:#00553f;--shatter-black:#1a1a1a;--shatter-gray:#666}.shatter{background:var(--shatter-background);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.shatter__hero{min-height:70vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:120px 24px 80px}.shatter__hero-bg{position:absolute;inset:0;z-index:0}.shatter__hero-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 8s ease-in-out infinite}.shatter__hero-shape--1{width:500px;height:500px;background:var(--shatter-secondary);top:-150px;right:-100px;animation-delay:0s}.shatter__hero-shape--2{width:400px;height:400px;background:var(--shatter-primary);bottom:-100px;left:-100px;animation-delay:2s}.shatter__hero-shape--3{width:300px;height:300px;background:var(--shatter-accent);top:50%;left:30%;opacity:.3;animation-delay:4s}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.shatter__hero-content{max-width:1200px;width:100%;text-align:center;position:relative;z-index:1;animation:slideUp .8s ease-out}.shatter__hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--shatter-accent);color:white;padding:10px 20px;border-radius:50px;font-size:14px;font-weight:600;width:-moz-fit-content;width:fit-content;margin:0 auto 32px;animation:slideUp .8s ease-out .1s backwards}.shatter__hero-title{font-size:64px;font-weight:800;line-height:1.1;letter-spacing:-2px;color:var(--shatter-black);margin:0 0 24px;animation:slideUp .8s ease-out .2s backwards}.shatter__hero-title--accent{color:var(--shatter-accent);font-style:italic}.shatter__hero-subtitle{font-size:22px;color:var(--shatter-gray);line-height:1.6;max-width:600px;margin:0 auto 32px;animation:slideUp .8s ease-out .3s backwards}.shatter__hero-cta{display:flex;justify-content:center;gap:16px;animation:slideUp .8s ease-out .4s backwards}.shatter__hero-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;border-radius:50px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer}.shatter__hero-btn--primary{background:var(--shatter-accent);color:white}.shatter__hero-btn--primary:hover{background:var(--shatter-secondary);transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,85,63,.3)}.shatter__hero-btn-arrow{transition:transform .3s}.shatter__hero-btn:hover .shatter__hero-btn-arrow{transform:translateX(5px)}.shatter__hero-visual{position:absolute;inset:0;pointer-events:none;z-index:0}.shatter__hero-icon{position:absolute;font-size:64px;animation:iconFloat 4s ease-in-out infinite;opacity:.6}.shatter__hero-icon--1{top:15%;left:10%;animation-delay:0s}.shatter__hero-icon--2{top:60%;right:15%;animation-delay:1s;font-size:48px}.shatter__hero-icon--3{bottom:20%;left:30%;animation-delay:2s;font-size:56px}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.shatter__description{padding:60px 24px;background:#fafafa}.shatter__description--top{padding-top:80px}.shatter__description--bottom{padding-bottom:80px}.shatter__container{max-width:1200px;margin:0 auto}.shatter__description-content{max-width:900px;margin:0 auto;font-size:18px;line-height:1.8;color:var(--shatter-black)}.shatter__description-content h2{font-size:32px;font-weight:800;color:var(--shatter-black);margin:0 0 24px}.shatter__description-content h3{font-size:24px;font-weight:700;color:var(--shatter-accent);margin:32px 0 16px}.shatter__description-content p{margin:0 0 16px}.shatter__description-content strong{color:var(--shatter-accent);font-weight:700}.shatter__description-content ol,.shatter__description-content ul{margin:16px 0;padding-left:24px}.shatter__description-content li{margin:8px 0}.shatter__why{padding:100px 24px;background:var(--shatter-background)}.shatter__why-header{text-align:center;margin-bottom:60px}.shatter__why-title{font-size:48px;font-weight:800;color:var(--shatter-black);margin:0 0 16px;letter-spacing:-1px}.shatter__why-title--accent{color:var(--shatter-accent);font-style:italic}.shatter__why-subtitle{font-size:20px;color:var(--shatter-gray);margin:0}.shatter__why-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:40px;gap:40px}.shatter__why-card{background:linear-gradient(135deg,rgba(0,85,63,.05),rgba(39,174,96,.05));padding:48px 32px;border-radius:24px;border:2px solid rgba(0,85,63,.1);text-align:center;transition:all .4s ease}.shatter__why-card:hover{transform:translateY(-8px);border-color:var(--shatter-accent);box-shadow:0 10px 30px rgba(0,85,63,.15)}.shatter__why-icon{font-size:64px;display:block;margin-bottom:24px}.shatter__why-card-title{font-size:24px;font-weight:800;color:var(--shatter-black);margin:0 0 16px}.shatter__why-card-text{font-size:16px;line-height:1.8;color:var(--shatter-gray);margin:0}.shatter__products{padding:100px 24px;background:#fafafa}.shatter__section-title{font-size:48px;font-weight:800;color:var(--shatter-black);text-align:center;margin:0 0 16px;letter-spacing:-1px}.shatter__section-subtitle{font-size:20px;color:var(--shatter-gray);text-align:center;margin:0 0 60px}.shatter__products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:32px;gap:32px}.shatter__product-card{background:white;border-radius:20px;overflow:hidden;text-decoration:none;color:var(--shatter-black);transition:all .3s ease;border:2px solid rgba(0,85,63,.1);display:flex;flex-direction:column}.shatter__product-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px rgba(0,85,63,.15);border-color:var(--shatter-accent)}.shatter__product-image-wrapper{position:relative;width:100%;padding-top:100%;overflow:hidden;background:#f5f5f5}.shatter__product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.shatter__product-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;z-index:1}.shatter__product-badge--sale{background:var(--shatter-secondary);color:white}.shatter__product-badge--out{background:#e74c3c;color:white}.shatter__product-info{padding:24px;flex:1 1;display:flex;flex-direction:column}.shatter__product-name{font-size:18px;font-weight:700;color:var(--shatter-black);margin:0 0 12px;line-height:1.4}.shatter__product-price{display:flex;align-items:center;gap:12px;margin-top:auto}.shatter__product-price--current{font-size:24px;font-weight:800;color:var(--shatter-accent)}.shatter__product-price--original{font-size:18px;color:var(--shatter-gray);text-decoration:line-through}.shatter__empty{text-align:center;padding:60px 24px}.shatter__empty p{font-size:18px;color:var(--shatter-gray);margin:0 0 24px}.shatter__empty-btn{display:inline-block;padding:14px 32px;background:var(--shatter-accent);color:white;border-radius:50px;text-decoration:none;font-weight:700;transition:all .3s ease}.shatter__empty-btn:hover{background:var(--shatter-secondary);transform:translateY(-3px)}.shatter__content{padding:100px 24px;background:var(--shatter-background)}.shatter__content-wrapper{max-width:900px;margin:0 auto}.shatter__content-title{font-size:42px;font-weight:800;color:var(--shatter-black);margin:0 0 32px;letter-spacing:-1px;line-height:1.2}.shatter__content-text{display:flex;flex-direction:column;gap:24px}.shatter__content-text p{font-size:18px;line-height:1.8;color:var(--shatter-black);margin:0}.shatter__content-text strong{color:var(--shatter-accent);font-weight:700}.shatter__faq{padding:100px 24px;background:#fafafa}.shatter__faq-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:32px;gap:32px;max-width:1200px;margin:0 auto}.shatter__faq-item{background:white;padding:32px;border-radius:20px;border:2px solid rgba(0,85,63,.1)}.shatter__faq-question{font-size:20px;font-weight:700;color:var(--shatter-black);margin:0 0 16px}.shatter__faq-answer{font-size:16px;line-height:1.8;color:var(--shatter-gray);margin:0}.shatter__cta{padding:100px 24px;background:var(--shatter-accent);position:relative;overflow:hidden}.shatter__cta-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.shatter__cta-text{flex:1 1}.shatter__cta-title{font-size:42px;font-weight:800;color:white;margin:0 0 16px;letter-spacing:-1px}.shatter__cta-subtitle{font-size:20px;color:rgba(255,255,255,.9);margin:0;line-height:1.6}.shatter__cta-btn{display:inline-flex;align-items:center;gap:12px;padding:20px 48px;background:white;color:var(--shatter-accent);border-radius:50px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s ease;white-space:nowrap}.shatter__cta-btn:hover{background:var(--shatter-secondary);color:white;transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.shatter__cta-arrow{transition:transform .3s}.shatter__cta-btn:hover .shatter__cta-arrow{transform:translateX(5px)}.shatter__cta-shapes{position:absolute;inset:0;pointer-events:none}.shatter__cta-shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3}.shatter__cta-shape--1{width:300px;height:300px;background:white;top:-100px;right:10%}.shatter__cta-shape--2{width:250px;height:250px;background:var(--shatter-secondary);bottom:-80px;left:5%}@media (max-width:1024px){.shatter__hero-title{font-size:48px}.shatter__faq-grid,.shatter__why-grid{grid-template-columns:1fr}.shatter__cta-content{flex-direction:column;text-align:center;gap:32px}.shatter__cta-btn{width:100%;justify-content:center}}@media (max-width:768px){.shatter__hero{min-height:60vh;padding:100px 24px 60px}.shatter__hero-title{font-size:36px}.shatter__hero-subtitle{font-size:18px}.shatter__content,.shatter__cta,.shatter__faq,.shatter__products,.shatter__why{padding:60px 24px}.shatter__section-title,.shatter__why-title{font-size:36px}.shatter__products-grid{grid-template-columns:repeat(2,1fr);gap:24px}.shatter__content-title{font-size:32px}.shatter__content-text p{font-size:16px}.shatter__cta-title{font-size:32px}.shatter__cta-subtitle{font-size:18px}}@media (max-width:480px){.shatter__hero-title{font-size:28px}.shatter__products-grid{grid-template-columns:1fr}.shatter__content-title,.shatter__cta-title{font-size:28px}}