:root{--font-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Outfit", sans-serif;--bg-main: #fbf9f5;--bg-surface: #ffffff;--bg-card: #f4efe6;--text-main: #1f2421;--text-muted: #5c625e;--border-color: #e5dec9;--primary-color: #2c5e43;--primary-hover: #1e4430;--accent-color: #d97736;--accent-light: #fbeee4;--floor-carport: #e2e8f0;--floor-garden: #dcfce7;--floor-living: #fef3c7;--floor-kitchen: #fee2e2;--floor-bath: #e0f2fe;--floor-bed: #f3e8ff;--floor-balcony: #ede9fe;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px}body.theme-midnight{--bg-main: #0f172a;--bg-surface: #1e293b;--bg-card: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: #334155;--primary-color: #38bdf8;--primary-hover: #0284c7;--accent-color: #fb923c;--accent-light: #3b2a1a;--floor-carport: #334155;--floor-garden: #064e3b;--floor-living: #78350f;--floor-kitchen: #7f1d1d;--floor-bath: #0c4a6e;--floor-bed: #581c87;--floor-balcony: #4c1d95}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-main);line-height:1.25}p{color:var(--text-muted)}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.bg-surface{background-color:var(--bg-surface)}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;padding:12px 24px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:1rem}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 14px #2c5e434d}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.btn-secondary{background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color);transform:translateY(-2px)}.btn-whatsapp{background-color:#25d366;color:#fff;box-shadow:0 4px 14px #25d3664d}.btn-whatsapp:hover{background-color:#1eb957;transform:translateY(-2px)}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-lg{padding:16px 32px;font-size:1.125rem}.btn-icon{width:42px;height:42px;border-radius:50%;border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-main);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background-color:var(--bg-card)}.section-tag{display:inline-block;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent-color);background-color:var(--accent-light);padding:4px 14px;border-radius:20px;margin-bottom:12px}.badge-tag{background-color:var(--accent-light);color:var(--accent-color);font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:12px}.site-header{position:sticky;top:0;z-index:100;background-color:#fbf9f5d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:background-color .3s ease}body.theme-midnight .site-header{background-color:#0f172ad9}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background-color:var(--primary-color);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.logo-text h1{font-size:1.25rem;line-height:1.1}.nav-links{display:flex;gap:24px}.nav-links a{font-weight:500;color:var(--text-muted);font-size:.95rem}.nav-links a:hover,.nav-links a.active{color:var(--primary-color)}.header-actions{display:flex;align-items:center;gap:12px}.hero-section{padding:60px 0 80px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--primary-color);background-color:#2c5e431a;padding:6px 16px;border-radius:20px;margin-bottom:16px}.hero-content h2{font-size:3rem;margin-bottom:16px;letter-spacing:-.5px}.hero-subtitle{font-size:1.125rem;margin-bottom:32px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.metric-card{background-color:var(--bg-surface);border:1px solid var(--border-color);padding:16px;border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm)}.metric-value{display:block;font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--primary-color)}.metric-label{font-size:.75rem;color:var(--text-muted)}.hero-buttons{display:flex;gap:16px}.facade-preview-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:4px solid var(--bg-surface)}.hero-facade-img{width:100%;height:480px;object-fit:cover;display:block;transition:transform .5s ease}.facade-preview-card:hover .hero-facade-img{transform:scale(1.03)}.facade-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);padding:24px;color:#fff}.facade-tag{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;background-color:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 12px;border-radius:12px;margin-bottom:8px}.facade-features{display:flex;gap:16px;font-size:.85rem;opacity:.9}.facade-features span{display:inline-flex;align-items:center;gap:4px}.concept-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}.concept-card{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;transition:transform .2s ease,box-shadow .2s ease}.concept-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.concept-icon{width:48px;height:48px;border-radius:var(--radius-sm);background-color:var(--accent-light);color:var(--accent-color);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.concept-card h3{font-size:1.15rem;margin-bottom:8px}.concept-card p{font-size:.9rem}.floor-tabs{display:flex;justify-content:center;gap:16px;margin-bottom:32px}.tab-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-muted);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background-color:var(--bg-card)}.tab-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.floorplan-layout-grid{display:grid;grid-template-columns:1fr 400px;gap:32px;align-items:start}.floorplan-canvas-container{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);position:relative;display:flex;justify-content:center}.floorplan-badge{position:absolute;top:16px;left:16px;background-color:var(--bg-card);border:1px solid var(--border-color);font-size:.85rem;font-weight:600;padding:6px 14px;border-radius:20px}.svg-floorplan-wrapper{display:none;width:100%;max-width:480px}.svg-floorplan-wrapper.active-floor{display:block}.floorplan-svg{width:100%;height:auto}.svg-outer-boundary{fill:var(--bg-main);stroke:var(--text-main);stroke-width:8}.svg-dim-text{font-size:14px;font-weight:700;fill:var(--text-muted);text-anchor:middle}.svg-vertical-text{transform:rotate(-90deg);transform-origin:10px 500px}.room-group{cursor:pointer}.room-rect{stroke:var(--text-main);stroke-width:4;transition:all .2s ease}.room-group:hover .room-rect{stroke:var(--accent-color);stroke-width:6;filter:brightness(.95)}.room-title{font-size:18px;font-weight:700;fill:var(--text-main);text-anchor:middle}.room-sub{font-size:14px;fill:var(--text-muted);text-anchor:middle}.fill-carport{fill:var(--floor-carport)}.fill-garden{fill:var(--floor-garden)}.fill-porch{fill:var(--floor-carport)}.fill-living{fill:var(--floor-living)}.fill-kitchen{fill:var(--floor-kitchen)}.fill-bath{fill:var(--floor-bath)}.fill-courtyard{fill:var(--floor-garden)}.fill-balcony{fill:var(--floor-balcony)}.fill-masterbed{fill:var(--floor-bed)}.fill-corridor{fill:var(--bg-card)}.fill-bed2{fill:var(--floor-bed)}.fill-service{fill:var(--floor-kitchen)}.svg-stairs{fill:#cbd5e1;stroke:var(--text-main);stroke-width:2}.svg-stairs-text{font-size:12px;font-weight:600;fill:#334155;text-anchor:middle}.svg-void{fill:repeating-linear-gradient(45deg,#e2e8f0,#e2e8f0 10px,#f1f5f9 10px,#f1f5f9 20px);stroke:var(--text-muted);stroke-dasharray:4}.svg-void-text{font-size:13px;font-weight:600;fill:var(--text-muted);text-anchor:middle}.room-detail-panel{position:sticky;top:96px}.detail-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-md)}.detail-header{border-bottom:1px solid var(--border-color);padding-bottom:16px;margin-bottom:20px}.detail-badge{background-color:var(--accent-light);color:var(--accent-color);font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:12px}.detail-header h3{font-size:1.5rem;margin:8px 0 4px}.detail-dim{font-size:.9rem;color:var(--primary-color);font-weight:600}.detail-body{display:flex;flex-direction:column;gap:20px}.detail-section label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.detail-section p{font-size:.95rem}.detail-section ul{list-style:none;display:flex;flex-direction:column;gap:6px}.detail-section ul li{font-size:.9rem;display:flex;align-items:center;gap:8px}.detail-section ul li:before{content:"•";color:var(--primary-color);font-size:1.2rem}.material-chip{display:inline-block;background-color:var(--bg-card);border:1px solid var(--border-color);font-size:.85rem;padding:6px 12px;border-radius:8px}.visualizer-container{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);margin-top:32px}.visualizer-controls{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-main);border:1px solid var(--border-color);padding:16px 24px;border-radius:var(--radius-md);margin-bottom:24px}.control-group{display:flex;align-items:center;gap:16px}.control-group label{font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:8px}.btn-toggle-group{display:flex;background-color:var(--bg-surface);padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.btn-toggle{border:none;background:transparent;padding:6px 16px;font-size:.85rem;font-weight:600;border-radius:6px;cursor:pointer;color:var(--text-muted)}.btn-toggle.active{background-color:var(--primary-color);color:#fff}.canvas-3d-wrapper{position:relative;text-align:center;background-color:#0b1329;border-radius:var(--radius-md);overflow:hidden}#house3dCanvas{width:100%;max-width:800px;height:480px;display:block;margin:0 auto}.canvas-annotation{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background-color:#0009;color:#fff;padding:4px 16px;border-radius:20px;font-size:.8rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}.gallery-card{position:relative;border-radius:var(--radius-md);overflow:hidden;height:320px;cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-card:hover img{transform:scale(1.05)}.gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 60%,transparent 100%);color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:flex-end}.gallery-category{font-size:.75rem;font-weight:700;letter-spacing:1px;color:#fb923c;margin-bottom:4px}.gallery-overlay h4{font-size:1.25rem;color:#fff;margin-bottom:4px}.gallery-overlay p{font-size:.85rem;color:#cbd5e1}.lightbox-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#000000e6;align-items:center;justify-content:center;padding:24px}.lightbox-modal.active{display:flex}.lightbox-content{position:relative;max-width:1000px;width:100%;background-color:#1e293b;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);text-align:center}.lightbox-content img{width:100%;max-height:70vh;object-fit:contain;background-color:#0f172a}.lightbox-content h3{padding:20px;color:#fff;font-size:1.25rem}.lightbox-close{position:absolute;top:16px;right:16px;background:#0009;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer}.spec-table-wrapper{margin-top:40px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.spec-table{width:100%;border-collapse:collapse;background-color:var(--bg-surface);text-align:left}.spec-table th{background-color:var(--bg-card);padding:16px 24px;font-family:var(--font-heading);font-size:.95rem;font-weight:700;border-bottom:2px solid var(--border-color)}.spec-table td{padding:16px 24px;border-bottom:1px solid var(--border-color);font-size:.9rem}.spec-table tr:last-child td{border-bottom:none}.rab-calculator-grid{display:grid;grid-template-columns:1fr 440px;gap:32px;margin-top:40px}.rab-form-card,.rab-result-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md)}.rab-form-card h3{display:flex;align-items:center;gap:10px;font-size:1.25rem;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:600;font-size:.9rem;margin-bottom:10px}.input-with-unit{display:flex;align-items:center;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 16px}.input-with-unit input{width:100%;padding:12px 0;border:none;background:transparent;font-size:1.1rem;font-weight:700;color:var(--text-main)}.input-with-unit .unit{font-weight:600;color:var(--text-muted)}.quality-selector{display:flex;flex-direction:column;gap:12px}.radio-card{display:block;cursor:pointer}.radio-card input{display:none}.radio-content{border:1px solid var(--border-color);background-color:var(--bg-main);padding:14px 20px;border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.radio-card input:checked+.radio-content{border-color:var(--primary-color);background-color:#2c5e4314}.q-title{font-weight:700;font-size:.95rem}.q-price{font-size:.85rem;color:var(--primary-color);font-weight:600}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:12px;font-size:.9rem;cursor:pointer}.checkbox-label input{width:18px;height:18px;accent-color:var(--primary-color)}.rab-result-header{text-align:center;background-color:var(--bg-main);border:1px solid var(--border-color);padding:24px;border-radius:var(--radius-md);margin-bottom:24px}.rab-result-header span{font-size:.8rem;font-weight:700;letter-spacing:1px;color:var(--text-muted)}.total-price-tag{font-family:var(--font-heading);font-size:2.25rem;font-weight:700;color:var(--primary-color);margin:8px 0}.price-note{font-size:.75rem}.rab-breakdown-list{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.breakdown-item{display:flex;justify-content:space-between;font-size:.9rem;border-bottom:1px dashed var(--border-color);padding-bottom:8px}.w-full{width:100%}.consultation-section{background-color:var(--bg-card)}.consultation-box{max-width:680px;margin:0 auto}.consult-icon{width:64px;height:64px;color:#25d366;margin-bottom:16px}.consultation-box h2{font-size:2.25rem;margin-bottom:12px}.consultation-box p{font-size:1.1rem;margin-bottom:32px}.site-footer{background-color:var(--bg-surface);border-top:1px solid var(--border-color);padding:32px 0;font-size:.875rem;color:var(--text-muted)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-tags{font-weight:600}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr}.concept-grid{grid-template-columns:repeat(2,1fr)}.floorplan-layout-grid,.rab-calculator-grid{grid-template-columns:1fr}.room-detail-panel{position:static}}@media (max-width: 768px){.nav-links{display:none}.hero-content h2{font-size:2.25rem}.metrics-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;gap:12px;text-align:center}}