@keyframes float-soft{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.product-hero{color:#202923;background:linear-gradient(#f0f3ed 0%,#fffefa 100%);border-bottom:1px solid #deded5;margin-bottom:0;padding:clamp(3.5rem,7vw,6.5rem) 0;position:relative}.product-hero:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2315f4c9' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.product-hero .product-hero__content{z-index:1;text-align:center;max-width:900px;margin:0 auto;position:relative}.product-hero .product-hero__content .eyebrow{color:#527565;letter-spacing:.3rem;text-transform:uppercase;margin-bottom:1.5rem;font-size:.85rem;font-weight:600;display:inline-block}.product-hero .product-hero__content h1{background:linear-gradient(135deg,#202923 30%,#315d4c 100%);color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;line-height:1.2}.product-hero .product-hero__content .lead{color:#536057;max-width:700px;margin:0 auto;font-size:1.1rem;line-height:1.6}.product-content{padding:clamp(3.5rem,7vw,6.5rem) 0}.product-content .section-introduction{text-align:center;max-width:800px;margin-bottom:5rem;margin-left:auto;margin-right:auto}.product-content .section-introduction .introduction-text{color:#202923;font-size:1.1rem;line-height:1.8}@media (max-width:768px){.product-content .section-introduction .introduction-text{font-size:1rem}}.product-content .benefits-section{margin-bottom:5rem}.product-content .benefits-section h2{text-align:center;color:#202923;letter-spacing:-.02em;margin-bottom:3rem;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2rem,5vw,2.5rem);font-weight:700}@media (max-width:768px){.product-content .benefits-section h2{margin-bottom:2.5rem}}.product-content .benefits-section .benefits-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}@media (max-width:768px){.product-content .benefits-section .benefits-grid{grid-template-columns:1fr;gap:1.5rem}}.product-content .benefits-section .benefit-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#fffefa;border:1px solid #deded5;border-radius:1rem;padding:2.5rem;transition:all .3s;box-shadow:0 4px 10px -2px #2029230f,0 2px 4px -2px #20292308}.product-content .benefits-section .benefit-card:hover{background:#fffefa;border-color:#315d4c59;transform:translateY(-8px);box-shadow:0 12px 24px -4px #20292314,0 4px 8px -2px #2029230a}.product-content .benefits-section .benefit-card .benefit-icon{color:#fff;background:linear-gradient(135deg,#527565 0%,#315d4c 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.5rem;font-size:24px;display:flex;box-shadow:0 8px 24px #315d4c38}.product-content .benefits-section .benefit-card h3{color:#202923;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.product-content .benefits-section .benefit-card p{color:#536057;font-size:.95rem;line-height:1.6}.product-content .features-audience{background:#fffefa;border:1px solid #deded5;border-radius:1.5rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:3rem;margin-bottom:5rem;padding:4rem;display:grid;box-shadow:0 4px 10px -2px #2029230f,0 2px 4px -2px #20292308}@media (max-width:768px){.product-content .features-audience{grid-template-columns:1fr;gap:2rem;padding:2.5rem}}.product-content .features-audience h2{color:#202923;letter-spacing:-.01em;margin-bottom:1.25rem;font-family:Space Grotesk,Inter,sans-serif;font-size:1.5rem;font-weight:700}.product-content .features-audience p{color:#536057;font-size:1rem;line-height:1.8}.product-content .features-audience .divider{opacity:.5;background:linear-gradient(#0000 0%,#527565 50%,#0000 100%);width:1px;height:100%}@media (max-width:768px){.product-content .features-audience .divider{display:none}}.product-content .process-section{margin-bottom:5rem}.product-content .process-section h2{text-align:center;color:#202923;letter-spacing:-.02em;margin-bottom:3rem;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2rem,5vw,2.5rem);font-weight:700}@media (max-width:768px){.product-content .process-section h2{margin-bottom:2.5rem}}.product-content .process-section .process-steps{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}@media (max-width:768px){.product-content .process-section .process-steps{grid-template-columns:1fr;gap:1.5rem}}.product-content .process-section .process-step{background:#fffefa;border:1px solid #deded5;border-radius:1rem;padding:2.25rem;transition:all .3s;position:relative;box-shadow:0 2px 4px -1px #2029230d}.product-content .process-section .process-step:hover{border-color:#315d4c59;transform:translateY(-8px);box-shadow:0 12px 24px -4px #20292314,0 4px 8px -2px #2029230a}.product-content .process-section .process-step .step-number{color:#fff;background:linear-gradient(135deg,#527565 0%,#315d4c 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 8px 24px #315d4c38}.product-content .process-section .process-step .step-content h3{color:#202923;margin-bottom:1rem;padding-right:60px;font-size:1.1rem;font-weight:600}.product-content .process-section .process-step .step-content p{color:#536057;font-size:.95rem;line-height:1.6}.product-content .technical-details{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffefa;border:1px solid #deded5;border-radius:1rem;margin-bottom:5rem;padding:3rem;box-shadow:0 4px 10px -2px #2029230f,0 2px 4px -2px #20292308}.product-content .technical-details .tech-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;display:grid}@media (max-width:768px){.product-content .technical-details .tech-grid{grid-template-columns:1fr;gap:2rem}}.product-content .technical-details .tech-item h3{color:#202923;letter-spacing:-.01em;margin-bottom:1.5rem;font-family:Space Grotesk,Inter,sans-serif;font-size:1.1rem;font-weight:700}.product-content .technical-details .tech-item p{color:#536057;font-size:1rem;line-height:1.8}.product-content .technical-details .tech-item .tech-tags{flex-wrap:wrap;gap:1rem;display:flex}.product-content .technical-details .tech-item .tech-tag{color:#315d4c;white-space:nowrap;background:#f0f3ed;border:1px solid #d5e0d4;border-radius:.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .25s}.product-content .technical-details .tech-item .tech-tag:hover{background:#e4ebe2;border-color:#b6c8b7}.product-cta{text-align:center;background:linear-gradient(150deg,#f0f3ed 0%,#fffefa 100%);border:1px solid #deded5;border-radius:1.5rem;margin-top:5rem;padding:4rem;box-shadow:0 4px 10px -2px #2029230f,0 2px 4px -2px #20292308}@media (max-width:768px){.product-cta{padding:2.5rem}}.product-cta .cta-content h2{color:#202923;letter-spacing:-.02em;margin-bottom:1.5rem;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1.5rem,5vw,2rem);font-weight:700}.product-cta .cta-content p{color:#536057;max-width:600px;margin:0 auto 2.5rem;font-size:1.05rem;line-height:1.7}.product-cta .cta-content .btn{cursor:pointer;border:1px solid #0000;border-radius:999px;padding:1rem 2.5rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.product-cta .cta-content .btn.btn--primary{color:#fff;background:linear-gradient(135deg,#527565 0%,#315d4c 100%);box-shadow:0 8px 20px #315d4c38}.product-cta .cta-content .btn.btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #315d4c4d}.product-cta .cta-content .btn.btn--large{padding:1.25rem 3rem;font-size:1.05rem}@media (max-width:480px){.product-cta .cta-content .btn{width:100%;display:block}}@media (max-width:768px){.product-hero__content h1{line-height:1.15}.product-content .features-audience{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.product-content .benefit-card,.product-content .process-step,.product-content .technical-details,.product-content .product-cta{border-color:#deded5}}
