.showcase-section{z-index:10;position:relative}.showcase-section.hero-variant{min-height:calc(100vh - 80px);padding:var(--space-lg)0;align-items:center;display:flex}.hero-split-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-left{opacity:0;flex-direction:column;align-items:flex-start;transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s cubic-bezier(.19,1,.22,1);display:flex;transform:translateY(30px)}.hero-left.active{opacity:1;transform:translateY(0)}.hero-title-stacked{letter-spacing:-.03em;margin-bottom:var(--space-lg);flex-direction:column;font-weight:800;line-height:1;display:flex}.hero-title-word{background:linear-gradient(#fff 0%,#e8d5b0 50%,#c5a36e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,6vw,4rem);display:block}.hero-description-left{color:var(--text-secondary);max-width:440px;margin-bottom:var(--space-lg);font-size:1rem;line-height:1.7}.hero-cta-row{flex-wrap:wrap;gap:15px;display:flex}.hero-cta-row .btn-explore{margin-top:0;margin-bottom:0}.hero-right{opacity:0;justify-content:flex-end;align-items:center;transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s cubic-bezier(.19,1,.22,1);display:flex;position:relative;transform:translateY(30px)}.hero-right.active{opacity:1;transform:translateY(0)}.hero-right:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#c5a36e2e 0%,#0000 70%);border-radius:40px;position:absolute;inset:-40px}.hero-card-img{aspect-ratio:1;object-fit:scale-down;z-index:10;width:100%;max-width:650px;height:auto;transform:translateY(var(--parallax-offset,0px));border:1px solid #ffffff0d;border-radius:32px;transition:transform .7s cubic-bezier(.19,1,.22,1),border-color .4s,box-shadow .4s;display:block}@media (hover:hover){.hero-right:hover .hero-card-img{transform:translateY(calc(var(--parallax-offset,0px) - 10px))scale(1.02);border-color:#c5a36e80;box-shadow:0 20px 40px #c5a36e26}}.btn-explore{background:var(--accent-amber);border:1.5px solid var(--accent-amber);color:var(--bg-black);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:var(--transition-premium);border-radius:4px;padding:16px 40px;font-size:1rem;font-weight:600}@media (hover:hover){.btn-explore:hover{color:var(--bg-black);background:#e8d5b0;border-color:#e8d5b0;transform:translateY(-2px);box-shadow:0 0 30px #c5a36e66}}.btn-explore.secondary{color:var(--text-primary);background:#ffffff0d;border:1.5px solid #ffffff1a}@media (hover:hover){.btn-explore.secondary:hover{color:#000;box-shadow:var(--glow-shadow-white);background:#fff;border-color:#fff;transform:translateY(-2px)}@media (hover:hover){.btn-explore.secondary:hover{color:#000;box-shadow:var(--glow-shadow-white);background:#fff;border-color:#fff;transform:translateY(-2px)}}}@media (max-width:1024px){.hero-split-container{gap:var(--space-lg);grid-template-columns:1fr}.hero-left{text-align:center;align-items:center}.hero-description-left{text-align:center}.hero-right{justify-content:center}.hero-title-word{font-size:clamp(2.8rem,10vw,5rem)}}@media (max-width:768px){.hero-title-word{font-size:2.5rem}.hero-cta-row{flex-direction:column;align-items:center}}
.feature-grid-section{padding:var(--space-xl)0;background:0 0}.feature-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-card{padding:var(--space-lg);opacity:0;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;transition:transform 1s cubic-bezier(.19,1,.22,1),opacity 1s cubic-bezier(.19,1,.22,1),border-color .4s,background .4s;transform:translateY(30px)}.feature-card.active{opacity:1;transform:translateY(0)}.feature-card.mobile-active{background:#ffffff08;border-color:#c5a36e80;transition:transform .4s cubic-bezier(.19,1,.22,1),border-color .4s,background .4s;transform:translateY(-5px)}@media (hover:hover){.feature-card:hover{background:#ffffff08;border-color:#c5a36e80;transition:transform .4s cubic-bezier(.19,1,.22,1),border-color .4s,background .4s;transform:translateY(-5px)}}.feature-card-header{margin-bottom:var(--space-md);align-items:center;gap:16px;display:flex}.feature-icon{background:var(--accent-glow-soft);width:48px;height:48px;color:var(--accent-amber);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-card h3{margin-bottom:0;font-size:1.5rem;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}@media (max-width:768px){.feature-grid-section{padding:var(--space-lg)0}.feature-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-card{padding:var(--space-md)}.feature-card-header{margin-bottom:var(--space-sm);gap:12px}.feature-icon{width:40px;height:40px;margin-bottom:0}.feature-card h3{margin-bottom:0;font-size:1.25rem}}
.how-it-works{padding:var(--space-xl)0;background:0 0}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-header[data-reveal]{opacity:0;transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s cubic-bezier(.19,1,.22,1);transform:translateY(30px)}.section-header[data-reveal].active{opacity:1;transform:translateY(0)}.section-title{margin:var(--space-xs)0;font-size:clamp(2.5rem,6vw,4rem)}.section-subtitle{color:var(--text-muted);font-size:1.1rem}.steps-container{gap:var(--space-lg);flex-direction:column;display:flex}@media (min-width:992px){.steps-container{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}}.step-card{opacity:0;background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;height:100%;transition:transform 1s cubic-bezier(.19,1,.22,1),opacity 1s cubic-bezier(.19,1,.22,1),border-color .4s,box-shadow .4s,background .4s;display:flex;overflow:hidden;transform:translateY(30px)}.step-card.active{opacity:1;transform:translateY(0)}@media (hover:hover){.step-card:hover{background:#ffffff08;border-color:#c5a36e80;transition:transform .4s cubic-bezier(.19,1,.22,1),border-color .4s,box-shadow .4s,background .4s;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}}.step-card.mobile-active{background:#ffffff08;border-color:#c5a36e80;transition:transform .4s cubic-bezier(.19,1,.22,1),border-color .4s,box-shadow .4s,background .4s;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}@media (max-width:991px) and (min-width:768px){.step-card{grid-template-columns:1fr 1fr;display:grid}}.step-content{padding:var(--space-md);flex-direction:column;justify-content:center;display:flex}.step-number{font-family:var(--font-mono);text-transform:uppercase;color:var(--accent-amber);margin-bottom:var(--space-sm);font-size:.8rem}.step-content h3{margin-bottom:var(--space-sm);font-size:1.8rem}.step-content p{color:var(--text-secondary);margin-bottom:var(--space-sm);line-height:1.6}.step-action{cursor:pointer;align-items:center;gap:8px;font-weight:500;transition:color .3s;display:flex}@media (hover:hover){.step-action:hover{color:var(--accent-amber)}}.step-image{aspect-ratio:4/3;background:#1a1a1a;order:-1;overflow:hidden}@media (max-width:991px) and (min-width:768px){.step-image{aspect-ratio:16/10;order:0}}.step-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.step-card:hover .step-image img{transform:scale(1.02)}}.step-card.mobile-active .step-image img{transform:scale(1.02)}
.how-it-works-flowchart{padding:var(--space-md)0;background:0 0}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-header[data-reveal],.flowchart-node[data-reveal],.arrow-between-nodes[data-reveal]{opacity:0;transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s cubic-bezier(.19,1,.22,1);transform:translateY(30px)}.section-header[data-reveal].active,.flowchart-node[data-reveal].active,.arrow-between-nodes[data-reveal].active{opacity:1;transform:translateY(0)}.section-title{margin:var(--space-xs)0;font-size:clamp(2.5rem,6vw,4rem)}.section-subtitle{color:var(--text-muted);font-size:1.1rem}.flowchart-container{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}@media (min-width:992px){.flowchart-container{justify-content:center;align-items:flex-start;gap:var(--space-md);flex-direction:row}}.flowchart-node{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:300px;display:flex;position:relative}.node-image-wrapper{aspect-ratio:4/3;width:100%;margin-bottom:var(--space-md);background:#1a1a1a;border:1px solid #ffffff0d;border-radius:24px;transition:transform .4s cubic-bezier(.19,1,.22,1),border-color .4s,box-shadow .4s;position:relative;overflow:hidden}@media (hover:hover){.flowchart-node:hover .node-image-wrapper{border-color:#c5a36e80;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}}.flowchart-node.mobile-active .node-image-wrapper{border-color:#c5a36e80;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.node-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.flowchart-node:hover .node-image-wrapper img{transform:scale(1.05)}}.flowchart-node.mobile-active .node-image-wrapper img{transform:scale(1.05)}.node-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--accent-amber);font-family:var(--font-mono);text-transform:uppercase;background:#000000b3;border:1px solid #c5a36e4d;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:700;position:absolute;top:16px;left:16px}.node-content h3{margin-bottom:var(--space-xs);font-size:1.5rem}.node-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.flowchart-arrow-container{color:#fff3;padding:var(--space-sm)0;justify-content:center;align-items:center;display:flex}.flowchart-arrow-container svg{width:32px;height:32px;transition:color .4s;transform:rotate(90deg)}@media (hover:hover){.flowchart-container:hover .flowchart-arrow-container svg{color:#c5a36e66}}@media (min-width:992px){.flowchart-arrow-container{height:225px;padding:0 var(--space-sm)}.flowchart-arrow-container svg{transform:rotate(0)}}
.contact-us{padding:var(--space-xl)0;text-align:center;background:0 0}.contact-content h2{margin-bottom:var(--space-lg);font-size:clamp(2rem,8vw,4.5rem);font-weight:700;line-height:1.1}.contact-actions{justify-content:center;align-items:center;display:flex}.btn-whatsapp{color:#fff;background:#25d366;border-radius:50px;align-items:center;gap:12px;padding:16px 32px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 15px #25d3664d}@media (hover:hover){.btn-whatsapp:hover{background:#22bf5b;transform:translateY(-5px)scale(1.02);box-shadow:0 10px 25px #25d36680}}.btn-whatsapp svg{filter:drop-shadow(0 2px 4px #0000001a)}
.product-grid-section{padding:var(--space-xl)0}.product-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.product-card{padding:var(--space-md);opacity:0;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;transition:transform 1s cubic-bezier(.19,1,.22,1),opacity 1s cubic-bezier(.19,1,.22,1),border-color .4s,background .4s;transform:translateY(30px)}.product-card.active{opacity:1;transform:translateY(0)}@media (hover:hover){.product-card:hover{background:#ffffff0a;border-color:#c5a36e80}}.product-card.mobile-active{background:#ffffff0a;border-color:#c5a36e80}.product-thumb{aspect-ratio:1;width:100%;margin-bottom:var(--space-md);color:var(--text-muted);font-family:var(--font-mono);background:#0d0d0d;border-radius:12px;justify-content:center;align-items:center;font-size:.8rem;display:flex}.product-info h3{margin-bottom:8px;font-size:1.2rem;font-weight:500}.btn-view-detail{color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:var(--transition-premium);background:0 0;border:1px solid #ffffff1a;padding:12px;font-size:.8rem}@media (hover:hover){.product-card:hover .btn-view-detail{background:var(--text-primary);color:var(--bg-black);border-color:var(--text-primary);box-shadow:var(--glow-shadow-white);transform:translateY(-2px)}}.product-card.mobile-active .btn-view-detail{background:var(--text-primary);color:var(--bg-black);border-color:var(--text-primary);box-shadow:var(--glow-shadow-white);transform:translateY(-2px)}
.use-cases-section{padding:var(--space-xl)0}
.compact-section{z-index:10;padding:var(--space-xl)0;background:0 0;position:relative}.compact-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#c5a36e0f 0%,#0000 70%);width:500px;height:500px;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.compact-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}@media (max-width:1024px){.compact-grid{gap:var(--space-lg);grid-template-columns:1fr}.compact-content{text-align:center!important;justify-content:center!important;align-items:center!important}}.compact-content{flex-direction:column;align-items:flex-start;display:flex}.compact-tag{font-family:var(--font-mono),monospace;letter-spacing:.25em;text-transform:uppercase;color:var(--accent-amber);margin-bottom:var(--space-md);border:1px solid #c5a36e73;border-radius:40px;padding:5px 14px;font-size:.65rem;display:inline-block}.compact-title{letter-spacing:-.02em;margin-bottom:var(--space-md);background:linear-gradient(#fff 0%,#e8d5b0 50%,#c5a36e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700;line-height:1.05}.compact-description{color:var(--text-secondary);max-width:440px;margin-bottom:var(--space-lg);font-size:1rem;line-height:1.7}.compact-dims{flex-wrap:wrap;gap:12px;display:flex}.compact-dim-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:6px;min-width:100px;padding:14px 20px;transition:border-color .3s,background .3s;display:flex}@media (hover:hover){.compact-dim-card:hover{background:#c5a36e0d;border-color:#c5a36e80}}.compact-dim-card.mobile-active{background:#c5a36e0d;border-color:#c5a36e80}.dim-label{font-family:var(--font-mono),monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-size:.62rem}.dim-value{color:var(--accent-amber);letter-spacing:-.01em;font-size:1.35rem;font-weight:700}.compact-image-wrap{justify-content:center;align-items:center;display:flex;position:relative}.compact-image-wrap:before{content:"";pointer-events:none;background:radial-gradient(#c5a36e26 0%,#0000 70%);border-radius:30px;position:absolute;inset:-30px}.compact-image-inner{aspect-ratio:1;width:100%;max-width:600px;transform:translateY(var(--parallax-offset,0px));background:radial-gradient(at 60% 40%,#c5a36e14 0%,#0a0a0af2 65%);border:1px solid #ffffff0d;border-radius:32px;transition:transform .7s cubic-bezier(.19,1,.22,1),border-color .4s,box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 8px 32px #000000b3,0 32px 80px #00000080,0 0 60px #c5a36e1f}@media (hover:hover){.compact-image-inner:hover{transform:translateY(calc(var(--parallax-offset,0px) - 10px))scale(1.02);border-color:#c5a36e80;box-shadow:0 0 0 1px #c5a36e80,0 8px 32px #000000b3,0 32px 80px #00000080,0 0 90px #c5a36e38}}.compact-image-inner.mobile-active{transform:translateY(calc(var(--parallax-offset,0px) - 10px))scale(1.02);border-color:#c5a36e80;box-shadow:0 0 0 1px #c5a36e80,0 8px 32px #000000b3,0 32px 80px #00000080,0 0 90px #c5a36e38}.compact-img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.19,1,.22,1);display:block}@media (hover:hover){.compact-image-inner:hover .compact-img{transform:scale(1.02)}}.compact-image-inner.mobile-active .compact-img{transform:scale(1.02)}.compact-image-inner:after{content:"";pointer-events:none;background:radial-gradient(#0000 50%,#00000073 100%),linear-gradient(#0000001a 0%,#0000 30% 70%,#00000040 100%);position:absolute;inset:0}@media (max-width:768px){.compact-title{font-size:2.2rem}.compact-dims{gap:10px}.compact-dim-card{min-width:90px;padding:12px 16px}}
.faq-section{padding:var(--space-xl)0;z-index:2;background:0 0;position:relative}.faq-header{text-align:center;margin-bottom:var(--space-lg)}.faq-header h2{margin-top:var(--space-sm);background:linear-gradient(to right,var(--text-primary),var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem}.faq-grid{gap:var(--space-sm);flex-direction:column;max-width:900px;margin:0 auto;display:flex}.faq-item{transition:var(--transition-premium);background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;overflow:hidden}@media (hover:hover){.faq-item:hover{border-color:#c5a36e80}@media (hover:hover){.faq-item:hover{border-color:#c5a36e80}}}.faq-item[open]{border-color:var(--accent-glow);background:#ffffff0a}.faq-question{padding:var(--space-md);cursor:pointer;transition:var(--transition-premium);color:var(--text-primary);justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:500;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}@media (hover:hover){.faq-question:hover{color:var(--accent-amber);background:#ffffff0a}}.faq-icon{width:20px;height:20px;transition:transform .4s cubic-bezier(.19,1,.22,1);position:relative}.faq-icon:before,.faq-icon:after{content:"";background:var(--accent-amber);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-icon:before{width:14px;height:1.5px}.faq-icon:after{width:1.5px;height:14px;transition:transform .4s}.faq-item[open] .faq-icon:after{opacity:0;transform:translate(-50%,-50%)rotate(90deg)}.faq-answer{padding:0 var(--space-md)var(--space-md)var(--space-md);color:var(--text-secondary);font-size:1rem;line-height:1.7;animation:.4s cubic-bezier(.19,1,.22,1) slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.faq-header h2{font-size:2rem}.faq-question{font-size:1rem}}
:root{--accent-teal:#6ed3c5;--accent-teal-glow:#6ed3c559;--accent-teal-soft:#6ed3c514}.retrofit-section{z-index:10;padding:var(--space-xl)0;background:0 0;position:relative}.retrofit-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#6ed3c512 0%,#0000 70%);width:500px;height:500px;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.retrofit-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}@media (max-width:1024px){.retrofit-grid{gap:var(--space-lg);grid-template-columns:1fr}.retrofit-image-wrap{order:2}}.retrofit-image-wrap{justify-content:center;align-items:center;display:flex;position:relative}.retrofit-image-wrap:before{content:"";pointer-events:none;background:radial-gradient(#6ed3c51a 0%,#0000 70%);border-radius:30px;position:absolute;inset:-30px}.retrofit-image-inner{aspect-ratio:1;width:100%;max-width:580px;transform:translateY(var(--parallax-offset,0px));background:radial-gradient(at 40% 40%,#6ed3c50f 0%,#0a0a0af2 65%);border:1px solid #ffffff08;border-radius:20px;transition:transform .7s cubic-bezier(.19,1,.22,1),border-color .4s,box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 8px 32px #000000b3,0 32px 80px #00000080,0 0 60px #6ed3c51a}@media (hover:hover){.retrofit-image-inner:hover{transform:translateY(calc(var(--parallax-offset,0px) - 10px))scale(1.02);border:1px solid #c5a36e80;box-shadow:0 0 0 1px #c5a36e80,0 8px 32px #000000b3,0 32px 80px #00000080,0 0 90px #c5a36e38}}.retrofit-image-inner.mobile-active{transform:translateY(calc(var(--parallax-offset,0px) - 10px))scale(1.02);border:1px solid #c5a36e80;box-shadow:0 0 0 1px #c5a36e80,0 8px 32px #000000b3,0 32px 80px #00000080,0 0 90px #c5a36e38}.retrofit-img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.19,1,.22,1);display:block}@media (hover:hover){.retrofit-image-inner:hover .retrofit-img{transform:scale(1.02)}}.retrofit-image-inner.mobile-active .retrofit-img{transform:scale(1.02)}.retrofit-image-inner:after{content:"";pointer-events:none;background:radial-gradient(#0000 50%,#00000073 100%),linear-gradient(#0000001a 0%,#0000 30% 70%,#00000040 100%);position:absolute;inset:0}.retrofit-content{flex-direction:column;align-items:flex-start;display:flex}.retrofit-tag{font-family:var(--font-mono),monospace;letter-spacing:.25em;text-transform:uppercase;color:var(--accent-teal);margin-bottom:var(--space-md);background:#6ed3c50f;border:1px solid #6ed3c566;border-radius:40px;padding:5px 14px;font-size:.65rem;display:inline-block}.retrofit-title{letter-spacing:-.02em;margin-bottom:var(--space-md);background:linear-gradient(#fff 0%,#a8e6df 50%,#6ed3c5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700;line-height:1.05}.retrofit-description{color:var(--text-secondary);max-width:440px;margin-bottom:var(--space-lg);font-size:1rem;line-height:1.7}.retrofit-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.retrofit-list-item{color:var(--text-secondary);align-items:center;gap:10px;font-size:.95rem;transition:color .25s;display:flex}@media (hover:hover){.retrofit-list-item:hover{color:var(--text-primary)}}.retrofit-dot{background:var(--accent-teal);width:7px;height:7px;box-shadow:0 0 8px var(--accent-teal-glow);border-radius:50%;flex-shrink:0}@media (max-width:1024px){.retrofit-content{text-align:center;align-items:center}.retrofit-description{text-align:center}.retrofit-list-item{justify-content:center}}@media (max-width:768px){.retrofit-title{font-size:2.2rem}}
.engineered-performance{padding:var(--space-xl)0;background:0 0;position:relative}.engineered-performance .section-title{text-align:center;margin-bottom:var(--space-xl);opacity:0;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:600;transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s cubic-bezier(.19,1,.22,1);transform:translateY(30px)}.engineered-performance .section-title.active{opacity:1;transform:translateY(0)}.performance-grid{grid-template-columns:repeat(1,1fr);gap:24px;display:grid}@media (min-width:768px){.performance-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.performance-grid{grid-template-columns:repeat(4,1fr)}}@media (hover:hover){.performance-card:hover{background:#c5a36e0d;border-color:#c5a36e66;transform:translateY(-5px)}}.performance-card{opacity:0;background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;height:100%;padding:40px 30px;transition:transform 1s cubic-bezier(.19,1,.22,1),opacity 1s cubic-bezier(.19,1,.22,1),border-color .4s,background .4s;display:flex;position:relative;transform:translateY(30px)}.performance-card.active{opacity:1;transform:translateY(0)}@media (hover:hover){.performance-card:hover{background:#ffffff0d;border:1px solid #c5a36e80;transform:translateY(-5px)}}.performance-card.mobile-active{background:#ffffff0d;border:1px solid #c5a36e80;transform:translateY(-5px)}@media (hover:hover){.performance-card.highlight:hover{border-color:#c5a36e80}}.performance-card.highlight.mobile-active{border-color:#c5a36e80}.spec-label{font-family:var(--font-mono);color:var(--accent-amber);text-transform:uppercase;opacity:.8;margin-bottom:24px;font-size:.85rem}.spec-value{color:var(--text-primary);margin-bottom:20px;font-size:1.8rem;font-weight:700}.spec-description{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}@media (max-width:768px){.engineered-performance{padding:var(--space-lg)0}.engineered-performance .section-title{margin-bottom:var(--space-lg)}.performance-card{padding:24px 20px}.spec-label{margin-bottom:12px;font-size:.75rem}.spec-value{margin-bottom:12px;font-size:1.5rem}.spec-description{font-size:.85rem}}
.lifestyle-automation{padding:var(--space-xl)0;padding:var(--space-xl)0;color:#fff;background:0 0;position:relative}.lifestyle-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:60px;display:grid}.lifestyle-content{max-width:500px}.lifestyle-tag{color:#6ee7b7;text-transform:uppercase;letter-spacing:2px;border:1px solid #6ee7b74d;border-radius:20px;margin-bottom:20px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-block}.lifestyle-content h2{margin-bottom:30px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.1}.lifestyle-description{color:#a0a0a0;margin-bottom:40px;font-size:1.1rem;line-height:1.6}.lifestyle-cards{flex-direction:column;gap:20px;display:flex}.lifestyle-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:20px;padding:20px;transition:all .3s;display:flex}@media (hover:hover){.lifestyle-card:hover{background:#ffffff12;border-color:#c5a36e80;transform:translate(10px)}}.lifestyle-card.mobile-active{background:#ffffff12;border-color:#c5a36e80;transform:translate(10px)}.lifestyle-card .icon-wrapper{color:#c5a36e;background:#c5a36e1a;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.lifestyle-card h3{margin-bottom:4px;font-size:1.1rem}.lifestyle-card p{color:gray;font-size:.9rem}.lifestyle-visual{border-radius:24px;height:600px;display:flex;overflow:hidden;box-shadow:0 40px 100px #00000080}.scene-panel{cursor:pointer;-webkit-tap-highlight-color:transparent;flex:1;transition:flex .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@media (hover:hover){#movie:hover{border-radius:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit;border-radius:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit;border:1px solid #c5a36e80;flex:2}}#movie.mobile-active{border-radius:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit;border:1px solid #c5a36e80;flex:2}@media (hover:hover){#morning:hover{border:1px solid #c5a36e80;border-radius:0;flex:2}}#morning.mobile-active{border:1px solid #c5a36e80;border-radius:0;flex:2}@media (hover:hover){#alloff:hover{border-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;border-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;border:1px solid #c5a36e80;flex:2}}#alloff.mobile-active{border-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;border:1px solid #c5a36e80;flex:2}.scene-panel img{object-fit:cover;width:100%;height:100%;transition:transform .6s}@media (hover:hover){.scene-panel:hover img{transform:scale(1.02)}}.scene-panel.mobile-active img{transform:scale(1.02)}.scene-overlay{opacity:.8;background:linear-gradient(#0003,#0009);flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:30px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}@media (hover:hover){.scene-panel:hover .scene-overlay{opacity:1;opacity:1}}.scene-panel.mobile-active .scene-overlay{opacity:1}.scene-label{text-transform:uppercase;letter-spacing:3px;text-align:center;font-size:.9rem;font-weight:500}.scene-icon-float{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;justify-content:center;align-self:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;box-shadow:0 10px 30px #0000004d}@media (hover:hover){.scene-panel:hover .scene-icon-float{background:#c5a36ecc;border-color:#c5a36e;transform:translateY(-10px)}}.scene-panel.mobile-active .scene-icon-float{background:#c5a36ecc;border-color:#c5a36e;transform:translateY(-10px)}@media (max-width:1024px){.lifestyle-grid{text-align:center;grid-template-columns:1fr;align-items:center;gap:30px}.lifestyle-automation{padding:60px 0}.lifestyle-visual{height:450px}}@media (max-width:768px){.lifestyle-automation .container{max-width:100%;padding:0 10px}.lifestyle-visual{border-radius:20px;flex-direction:column;height:600px}.scene-panel{flex:1}.scene-panel:hover,.scene-panel.mobile-active{flex:1.8}.scene-label{letter-spacing:2px;font-size:.8rem}#movie:hover,#movie.mobile-active,#morning:hover,#morning.mobile-active,#alloff:hover,#alloff.mobile-active{border:2px solid #c5a36e66;border-radius:0}}