.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;contain:paint;padding-top:var(--nav-height)}.hero-container{position:relative;z-index:10;margin-left:5vw;margin-right:auto}.hero-badge{display:inline-flex;padding:.5rem 1rem;border:1px solid var(--border-subtle);border-radius:2rem;margin-bottom:var(--space-md);background-color:var(--bg-surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-title{max-width:12ch;text-shadow:0 4px 24px rgba(0,0,0,.8),0 2px 8px rgba(0,0,0,.6)}.hero-subtitle{max-width:42ch;color:var(--text-primary);margin-top:var(--space-md);margin-bottom:var(--space-lg);text-shadow:0 4px 16px rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.8);font-weight:500;line-height:1.6}.hero-actions{display:flex;gap:var(--space-md);align-items:center}@media(max-width:480px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn-primary{text-align:center}}.hero-floorplan{position:absolute;right:0;top:50%;transform:translateY(-50%);width:50%;height:80%;opacity:.6;z-index:1}@media(max-width:768px){.hero-floorplan{width:100%;opacity:.2}}.hero-media-cards{position:absolute;top:50%;right:-2%;transform:translateY(-50%);width:50vw;height:80vh;pointer-events:none;z-index:2;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 30%);mask-image:linear-gradient(to right,transparent 0%,black 30%)}.hero-card{position:absolute;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px #00000f80;opacity:1;will-change:transform}.hero-card img{width:100%;height:100%;object-fit:cover}.hero-card--1{top:15%;right:2%;width:500px;height:350px;z-index:5}.hero-card--2{top:5%;right:45%;width:280px;height:180px;z-index:4}.hero-card--3{bottom:10%;right:35%;width:320px;height:220px;z-index:6}.hero-card--5{top:55%;right:0%;width:240px;height:320px;z-index:7}.hero-card--4{display:none}@media(max-width:1200px){.hero-media-cards{width:40vw}.hero-card--1{width:400px;height:280px}.hero-card--2{display:none}.hero-card--3{width:260px;height:180px;bottom:20%;right:25%}.hero-card--5{width:180px;height:240px}}@media(max-width:768px){.hero-media-cards{opacity:.15;right:0;width:100%}}.comparison-section{position:relative}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-top:var(--space-lg)}@media(max-width:768px){.comparison-grid{grid-template-columns:1fr}}.comparison-old{opacity:.6;padding:var(--space-lg);border:1px dashed var(--border-subtle);border-radius:16px}.comparison-new{padding:var(--space-lg);background-color:var(--bg-surface-2);border:1px solid var(--border-hover);border-radius:16px;position:relative;overflow:hidden}.comparison-new:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--accent-periwinkle),var(--accent-orange))}.stat-counter-wrap{display:flex;flex-direction:column;gap:.5rem;margin-top:var(--space-md)}.stat-counter{font-family:var(--font-mono);font-size:3rem;color:var(--accent-orange);line-height:1}.life-section{padding-block:var(--space-2xl);position:relative}.life-scene{width:100%;max-width:800px;margin:var(--space-xl) auto 0;position:relative}.scene-container{position:relative;aspect-ratio:8/5;width:100%}.scene-floorplan{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2}.scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:0;pointer-events:none}.life-scene.is-3d-active .scene-canvas{pointer-events:auto}.room{stroke:var(--accent-periwinkle);stroke-width:2;fill:transparent;opacity:0}.room-label{fill:var(--text-muted, #8a8a93);font-size:12px;font-family:var(--font-mono, monospace);font-weight:600;text-transform:uppercase;letter-spacing:.25em;opacity:0}.door{stroke:var(--accent-orange);stroke-width:3;opacity:0}.scan-beam{stroke:var(--accent-orange);stroke-width:2;opacity:.8;mix-blend-mode:screen;filter:drop-shadow(0 0 4px var(--accent-orange)) drop-shadow(0 0 12px var(--accent-orange)) drop-shadow(0 0 24px var(--accent-orange))}.life-activity{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;opacity:0;pointer-events:none;--ripple-scale: .5;--ripple-opacity: 0;will-change:transform,opacity}.activity-icon{display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:50%;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:var(--accent-orange, #ff6b35);box-shadow:0 4px 16px #0000001a;position:relative;z-index:2}.activity-icon svg{width:1.5rem;height:1.5rem}.activity-icon:before{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,var(--accent-orange, #ff8c00) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%) scale(var(--ripple-scale));opacity:var(--ripple-opacity);z-index:-1;pointer-events:none}.activity-label{margin-top:.5rem;text-align:center;background-color:var(--bg-surface-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000001a;font-size:.85rem;font-weight:500;color:var(--text-primary, #ffffff);letter-spacing:.02em}.scan-results{display:flex;justify-content:space-around;margin-top:var(--space-lg);opacity:0}.scan-stat{text-align:center;display:flex;flex-direction:column;gap:.5rem}.scan-stat-number{font-size:clamp(2rem,4vw,3rem);color:var(--text-primary);line-height:1}@media(max-width:768px){.scene-container{aspect-ratio:1/1}.scan-results{flex-direction:column;gap:var(--space-md)}}.horizontal-section{min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.horizontal-track{display:flex;gap:var(--space-lg);padding:0 var(--container-padding);margin-top:var(--space-lg);justify-content:center;flex-wrap:wrap;width:100%}.horizontal-track .service-card{width:340px;flex:0 1 340px}@media(max-width:768px){.horizontal-section{min-height:auto}.horizontal-track{flex-direction:column;width:100%;padding:0}.horizontal-track .service-card{width:100%}}.portfolio-section{padding-bottom:var(--space-2xl)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0 var(--container-padding);max-width:var(--container-max);margin:var(--space-xl) auto 0}.portfolio-item{position:relative;overflow:hidden;border-radius:20px;aspect-ratio:4/3;box-shadow:0 10px 30px #0003}.portfolio-item--wide{grid-column:span 2;aspect-ratio:2/1}.portfolio-item--tall{grid-row:span 2;aspect-ratio:2/3}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out-expo);will-change:transform}.portfolio-item:hover img{transform:scale(1.05)}.portfolio-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,42,84,.95) 0%,rgba(0,42,84,.3) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-lg);opacity:0;transition:opacity .5s var(--ease-out-expo)}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-title{font-family:var(--font-display);font-size:1.75rem;font-weight:500;margin-top:8px;color:var(--text-primary);transform:translateY(20px);opacity:0;transition:transform .6s var(--ease-out-expo),opacity .6s var(--ease-out-expo)}.portfolio-item:hover .portfolio-title{transform:translateY(0);opacity:1;transition-delay:.15s}.portfolio-overlay .label{color:var(--accent-periwinkle);transform:translateY(20px);opacity:0;transition:transform .6s var(--ease-out-expo),opacity .6s var(--ease-out-expo)}.portfolio-item:hover .portfolio-overlay .label{transform:translateY(0);opacity:1;transition-delay:.05s}@media(max-width:992px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.portfolio-grid{grid-template-columns:1fr}.portfolio-item--wide{grid-column:span 1;aspect-ratio:16/9}.portfolio-item--tall{grid-row:span 1;aspect-ratio:4/3}}.process-steps{display:flex;flex-direction:column;margin-top:var(--space-xl);max-width:800px}.step{display:flex;gap:var(--space-lg);align-items:flex-start}.step-number-wrap{flex-shrink:0}.step-number{font-size:3rem;color:var(--accent-periwinkle);font-weight:500;opacity:.5}.step-content{padding-top:1rem}.step-connector{margin-left:24px;height:80px;width:2px}@media(max-width:768px){.step{gap:var(--space-md)}}.compliance-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}@media(max-width:768px){.compliance-grid{grid-template-columns:1fr;gap:var(--space-lg)}}.compliance-text{max-width:500px}.compliance-text p{margin-top:var(--space-md)}.compliance-checklist{display:flex;flex-direction:column;gap:var(--space-md);background-color:var(--bg-surface);padding:var(--space-lg);border-radius:24px;border:1px solid var(--border-subtle)}.check-item{display:flex;gap:var(--space-sm);align-items:flex-start}.check-icon{width:24px;height:24px;flex-shrink:0;margin-top:2px}.check-text{display:flex;flex-direction:column;gap:4px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media(max-width:992px){.pricing-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--border-subtle);padding:var(--space-md) 0}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:1.125rem;font-weight:500;text-align:left;cursor:pointer;padding:0}.faq-icon{font-size:1.5rem;color:var(--accent-periwinkle);transition:transform var(--duration-fast)}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{overflow:hidden;color:var(--text-secondary)}.faq-answer p{padding-top:var(--space-sm);margin:0;line-height:1.6}