:root{--primary-gold:#f59e0b;--primary-gold-hover:#d97706;--primary-gold-light:#fde68a;--primary-gold-glow:#f59e0b40;--accent-cyan:#0284c7;--accent-cyan-light:#38bdf8;--accent-cyan-glow:#0284c733;--accent-flame:#ef4444;--accent-success:#10b981;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition:all .25s cubic-bezier(.16, 1, .3, 1)}:root,[data-theme=dark]{--bg-main:#07090e;--bg-card:#0f1420;--bg-card-hover:#161d2e;--bg-elevated:#1a2234;--bg-surface-glass:#0f1420d9;--section-alt-bg:#0a0e17;--section-accent-bg:#0b0f19;--elevate-banner-bg:linear-gradient(135deg, #131a2b 0%, #0b0f19 100%);--calc-section-bg:linear-gradient(180deg, #07090e 0%, #0f1420 50%, #07090e 100%);--header-bg:#07090ee0;--top-bar-bg:#0f1420b3;--footer-bg:#04060a;--text-main:#f8fafc;--text-heading:#fff;--text-muted:#94a3b8;--text-dark:#64748b;--border-subtle:#ffffff14;--border-glow:#f59e0b59;--input-bg:#0f1420;--input-border:#ffffff1f;--shadow-sm:0 2px 8px #0006;--shadow-md:0 10px 30px -10px #0009;--shadow-lg:0 20px 40px -15px #000c;--shadow-gold:0 8px 30px #f59e0b40;--radial-1:#f59e0b0f;--radial-2:#0284c70f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg-main:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-elevated:#edf2f7;--bg-surface-glass:#ffffffe6;--section-alt-bg:#f1f5f9;--section-accent-bg:#e2e8f0;--elevate-banner-bg:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--calc-section-bg:linear-gradient(180deg, #f8fafc 0%, #edf2f7 50%, #f8fafc 100%);--header-bg:#ffffffeb;--top-bar-bg:#edf2f7;--footer-bg:#0f172a;--text-main:#0f172a;--text-heading:#0b0f19;--text-muted:#475569;--text-dark:#64748b;--border-subtle:#0f172a1a;--border-glow:#f59e0b73;--input-bg:#fff;--input-border:#0f172a2e;--shadow-sm:0 2px 8px #0f172a0f;--shadow-md:0 10px 25px -5px #0f172a14;--shadow-lg:0 20px 35px -10px #0f172a1f;--shadow-gold:0 8px 30px #f59e0b33;--radial-1:#f59e0b14;--radial-2:#0284c714;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;width:100%;overflow-x:hidden}button,a,input,select,textarea,[role=button]{touch-action:manipulation}button:active,.btn:active,.color-swatch-card:active,.tab-btn:active,.mobile-bar-btn:active,.dedicated-tab-btn:active{transition:transform 80ms;transform:scale(.97)}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15% 15%, var(--radial-1) 0%, transparent 40%), radial-gradient(circle at 85% 65%, var(--radial-2) 0%, transparent 40%);background-attachment:fixed;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-heading);font-weight:700;line-height:1.15}p{color:var(--text-muted)}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.theme-toggle-btn{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;font-size:.82rem;font-weight:700;font-family:var(--font-heading);transition:var(--transition);align-items:center;gap:.45rem;padding:.45rem .85rem;display:inline-flex}.theme-toggle-btn:hover{border-color:var(--primary-gold);color:var(--primary-gold);transform:translateY(-1px);box-shadow:0 0 15px #f59e0b33}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;color:var(--primary-gold);background:#f59e0b1f;border:1px solid #f59e0b59;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.78rem;font-weight:700;display:inline-flex}.badge-cyan{color:var(--accent-cyan);background:#0284c71f;border-color:#0284c759}[data-theme=dark] .badge-cyan{color:var(--accent-cyan-light)}.badge-green{color:var(--accent-success);background:#10b9811f;border-color:#10b98159}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);font-size:.95rem;font-weight:700;font-family:var(--font-heading);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.btn-primary{color:#07090e;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 15px #f59e0b4d}.btn-primary:hover{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b73}.btn-outline{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline:hover{background:var(--bg-card-hover);border-color:var(--primary-gold);color:var(--primary-gold);transform:translateY(-2px)}.btn-lg{border-radius:var(--radius-lg);padding:1rem 2rem;font-size:1.05rem}.btn-sm{padding:.4rem .85rem;font-size:.85rem}.site-header{z-index:1000;background:var(--header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);transition:var(--transition);position:sticky;top:0}.top-bar{background:var(--top-bar-bg);border-bottom:1px solid var(--border-subtle);color:var(--text-muted);padding:.4rem 0;font-size:.82rem}.top-bar-inner{justify-content:space-between;align-items:center;display:flex}.nav-inner{justify-content:space-between;align-items:center;padding:.9rem 0;display:flex}.brand-logo{align-items:center;gap:.85rem;text-decoration:none;display:flex}.brand-avatar{border-radius:var(--radius-md);object-fit:cover;border:2px solid var(--primary-gold);width:48px;height:48px;box-shadow:0 0 15px #f59e0b4d}.brand-text h2{letter-spacing:-.02em;color:var(--text-heading);font-size:1.25rem;font-weight:800}.brand-text span{letter-spacing:.08em;text-transform:uppercase;color:var(--primary-gold);font-size:.72rem;font-weight:700;display:block}.nav-links{align-items:center;gap:1.75rem;list-style:none;display:flex}.nav-link{color:var(--text-muted);transition:var(--transition);padding:.3rem 0;font-size:.92rem;font-weight:600;position:relative}.nav-link:hover{color:var(--primary-gold)}.header-actions{align-items:center;gap:.75rem;display:flex}.theme-toggle-btn.icon-only{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:inline-flex}.side-menu-trigger-btn{border-radius:var(--radius-md);background:var(--bg-card);color:var(--primary-gold);font-size:.85rem;font-weight:700;font-family:var(--font-heading);cursor:pointer;transition:var(--transition);border:1px solid #f59e0b66;align-items:center;gap:.45rem;padding:.45rem .85rem;display:inline-flex}.side-menu-trigger-btn:hover{border-color:var(--primary-gold);background:#f59e0b26;transform:translateY(-1px);box-shadow:0 0 15px #f59e0b40}.side-drawer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99998;opacity:0;pointer-events:none;background:#000000b8;transition:opacity .3s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}.side-drawer-overlay.open{opacity:1;pointer-events:auto}.side-drawer-panel{background:var(--bg-card);border-left:1px solid var(--border-subtle);z-index:99999;visibility:hidden;flex-direction:column;width:min(420px,88vw);transition:transform .34s cubic-bezier(.16,1,.3,1),visibility .34s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 35px #0009}.side-drawer-panel.open{visibility:visible;transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;padding:1.15rem 1.4rem;display:flex}.brand-avatar-sm{border-radius:var(--radius-sm);object-fit:cover;border:1.5px solid var(--primary-gold);width:36px;height:36px}.drawer-close-btn{background:var(--bg-card);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-main);cursor:pointer;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.drawer-close-btn:hover{color:#ef4444;background:#ef44441f;border-color:#ef4444;transform:rotate(90deg)}.drawer-content{flex-direction:column;flex:1;gap:1.6rem;padding:1.25rem 1.4rem;display:flex;overflow-y:auto}.drawer-quick-cta{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid #f59e0b40;padding:1rem}.drawer-group{flex-direction:column;gap:.4rem;display:flex}.drawer-group-title{letter-spacing:.08em;color:var(--primary-gold);text-transform:uppercase;margin-bottom:.2rem;font-size:.7rem;font-weight:800}.drawer-nav-list{flex-direction:column;gap:.25rem;list-style:none;display:flex}.drawer-nav-list a{border-radius:var(--radius-sm);color:var(--text-main);transition:var(--transition);align-items:center;gap:.75rem;padding:.6rem .8rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.drawer-nav-list a:hover{background:var(--bg-card-hover);color:var(--primary-gold);transform:translate(4px)}.drawer-footer-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-top:auto;padding:1rem}.hero-section{padding:5rem 0 6rem;position:relative;overflow:hidden}.hero-glow-1{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#f59e0b26 0%,#0000 70%);width:450px;max-width:80vw;height:450px;max-height:80vw;position:absolute;top:10%;left:5%}.hero-glow-2{filter:blur(70px);pointer-events:none;background:radial-gradient(circle,#0284c726 0%,#0000 70%);width:500px;max-width:80vw;height:500px;max-height:80vw;position:absolute;top:30%;right:5%}.hero-grid{z-index:2;grid-template-columns:1.15fr .85fr;align-items:center;gap:3.5rem;display:grid;position:relative}.hero-tag{border-radius:var(--radius-full);color:var(--primary-gold);background:#f59e0b1a;border:1px solid #f59e0b40;align-items:center;gap:.6rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}.hero-title{letter-spacing:-.03em;color:var(--text-heading);margin-bottom:1.25rem;font-size:3.4rem;font-weight:900;line-height:1.1}.hero-subtitle{color:var(--text-muted);max-width:620px;margin-bottom:2rem;font-size:1.15rem}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:2.5rem;display:flex}.hero-highlights{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);gap:1.25rem;padding-top:2rem;display:grid}.highlight-item h4{color:var(--primary-gold);font-size:1.25rem;font-weight:800;font-family:var(--font-heading);margin-bottom:.25rem}.highlight-item p{color:var(--text-muted);font-size:.85rem}.hero-card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-card);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.hero-card-img{object-fit:cover;width:100%;height:480px;display:block}.hero-floating-badge{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px solid #f59e0b59;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem}.section-header{text-align:center;max-width:750px;margin:0 auto 3.5rem}.section-header .section-tag{margin-bottom:.75rem}.section-header h2{letter-spacing:-.02em;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.section-header p{color:var(--text-muted);font-size:1.05rem}.welcome-section{background:var(--section-alt-bg);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:5rem 0}.elevate-section{background:var(--elevate-banner-bg);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);text-align:center;padding:5rem 0}[data-theme=light] .elevate-section h2,[data-theme=light] .elevate-section p{color:#fff}.what-is-section{background:var(--section-alt-bg);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:5rem 0}.colors-section{background:var(--section-alt-bg);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:6rem 0}.about-section{background:var(--section-accent-bg);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:6rem 0}.contact-section{background:var(--section-alt-bg);border-top:1px solid var(--border-subtle);padding:6rem 0}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.75rem;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);flex-direction:column;padding:2rem;display:flex;position:relative;overflow:hidden}.feature-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md);border-color:#f59e0b66;transform:translateY(-4px)}.feature-icon-wrapper{border-radius:var(--radius-md);width:52px;height:52px;color:var(--primary-gold);background:#f59e0b1f;border:1px solid #f59e0b40;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.feature-card h3{margin-bottom:.6rem;font-size:1.35rem}.feature-card p{color:var(--text-muted);flex-grow:1;margin-bottom:1.25rem;font-size:.92rem}.calculator-section{background:var(--calc-section-bg);padding:6rem 0;position:relative}.calc-container{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), 0 0 40px #f59e0b1a;border:1px solid #f59e0b59;padding:2.5rem}.calc-grid{grid-template-columns:1.35fr .85fr;gap:2.5rem;display:grid}.calc-step-title{color:var(--text-heading);align-items:center;gap:.5rem;margin-bottom:.85rem;font-size:1.1rem;font-weight:700;display:flex}.calc-step-number{background:var(--primary-gold);color:#000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:800;display:inline-flex}.category-selection-grid{grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:1.75rem;display:grid}.category-btn{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition);color:var(--text-main);flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;display:flex}.category-btn:hover{background:var(--bg-card-hover);border-color:#f59e0b66}.category-btn.active{border-color:var(--primary-gold);color:var(--primary-gold);background:#f59e0b26;box-shadow:0 0 15px #f59e0b33}.calc-radio-group{flex-direction:column;gap:.6rem;margin-bottom:1.75rem;display:flex}.calc-radio-label{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);color:var(--text-main);justify-content:space-between;align-items:center;padding:.85rem 1rem;font-size:.92rem;display:flex}.calc-radio-label:hover{border-color:#f59e0b66}.calc-radio-label.active{border-color:var(--primary-gold);color:var(--text-heading);background:#f59e0b1f}.calc-quantity-control{align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.qty-btn{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-main);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.qty-btn:hover{border-color:var(--primary-gold);color:var(--primary-gold)}.qty-display{text-align:center;min-width:40px;color:var(--text-heading);font-size:1.25rem;font-weight:700}.calc-summary-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem;position:sticky;top:100px}.calc-estimate-price{color:var(--primary-gold);font-size:3rem;font-weight:900;font-family:var(--font-heading);margin:.5rem 0 1rem;line-height:1}.calc-breakdown-list{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1.25rem 0;list-style:none;display:flex}.calc-breakdown-list li{color:var(--text-muted);justify-content:space-between;font-size:.88rem;display:flex}.calc-breakdown-list li strong{color:var(--text-heading)}.form-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-body);transition:var(--transition);width:100%;padding:.85rem;font-size:.92rem}.form-input:focus{border-color:var(--primary-gold);outline:none;box-shadow:0 0 10px #f59e0b33}.color-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem;display:grid}.color-swatch-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);overflow:hidden}.color-swatch-card:hover{border-color:var(--primary-gold);box-shadow:var(--shadow-md);transform:translateY(-4px)}.swatch-preview{width:100%;height:100px;position:relative;box-shadow:inset 0 0 15px #0003}.swatch-details{padding:.85rem}.swatch-name{color:var(--text-heading);margin-bottom:.2rem;font-size:.95rem;font-weight:700}.swatch-code{font-size:.75rem;font-family:var(--font-mono);color:var(--text-dark)}.gallery-filter-tabs{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.tab-btn{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:var(--transition);padding:.6rem 1.25rem;font-size:.9rem;font-weight:600}.tab-btn:hover{color:var(--text-main);border-color:#f59e0b4d}.tab-btn.active{background:var(--primary-gold);color:#07090e;border-color:var(--primary-gold);font-weight:700}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.75rem;display:grid}.gallery-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);overflow:hidden}.gallery-card:hover{box-shadow:var(--shadow-md);border-color:#f59e0b66;transform:translateY(-4px)}.gallery-img-wrap{height:260px;position:relative;overflow:hidden}.gallery-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.gallery-card:hover .gallery-img{transform:scale(1.05)}.gallery-category-badge{position:absolute;top:1rem;left:1rem}.gallery-info{padding:1.25rem}.gallery-info h4{color:var(--text-heading);font-size:1.15rem}.story-grid{grid-template-columns:1fr .9fr;align-items:center;gap:3.5rem;display:grid}.story-avatar-card{border-radius:var(--radius-lg);border:2px solid var(--primary-gold);box-shadow:var(--shadow-gold);position:relative;overflow:hidden}.story-avatar-card img{width:100%;display:block}.site-footer{background:var(--footer-bg);border-top:1px solid var(--border-subtle);color:#cbd5e1;margin-top:6rem;padding:5rem 0 2rem}.site-footer h2,.site-footer h4{color:#fff}.site-footer p,.site-footer li a{color:#94a3b8}.site-footer li a:hover{color:var(--primary-gold)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:3rem;margin-bottom:3.5rem;display:grid}.footer-bottom{color:#64748b;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:2rem;font-size:.85rem;display:flex}.mobile-action-bar{-webkit-backdrop-filter:blur(20px);padding:.55rem .75rem calc(.55rem + env(safe-area-inset-bottom,0px)) .75rem;z-index:9999;background:#07090ef0;border-top:1px solid #f59e0b59;justify-content:space-around;align-items:center;gap:.4rem;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 25px #0009}.mobile-bar-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-card);min-height:48px;color:var(--text-main);transition:var(--transition);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:.45rem .2rem;font-size:.72rem;font-weight:700;line-height:1.1;text-decoration:none;display:flex}.mobile-bar-btn:active{background:var(--bg-elevated);transform:scale(.95)}.mobile-bar-btn-primary{border-radius:var(--radius-sm);background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;flex-direction:column;flex:1.2;justify-content:center;align-items:center;gap:3px;min-height:48px;padding:.45rem .4rem;font-size:.76rem;font-weight:800;line-height:1.1;display:flex;box-shadow:0 4px 15px #f59e0b59;color:#07090e!important}.welcome-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:3.5rem;display:grid}.calc-controls-grid{grid-template-columns:1fr 1fr;align-items:center;gap:1.5rem;display:grid}.colors-studio-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:2.5rem;display:grid}.contact-grid{grid-template-columns:1fr 1fr;gap:3.5rem;display:grid}@media (width<=1180px){.header-phone-text{display:none}.nav-links{gap:1.15rem}}@media (width<=980px){.nav-links{display:none}.hero-grid,.calc-grid,.story-grid,.welcome-grid,.colors-studio-grid,.contact-grid{grid-template-columns:1fr;gap:2.25rem}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.hero-title{font-size:2.15rem;line-height:1.18}.top-bar,.header-phone-btn,.menu-btn-label{display:none}.side-menu-trigger-btn{min-height:44px;padding:.5rem .65rem}.category-selection-grid{grid-template-columns:1fr 1fr;gap:.65rem}.calc-controls-grid{grid-template-columns:1fr;gap:1rem}.hero-highlights{grid-template-columns:1fr;gap:.85rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.mobile-action-bar{display:flex}body{padding-bottom:calc(75px + env(safe-area-inset-bottom,0px))}.gallery-filter-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:6px;overflow-x:auto}.gallery-filter-tabs::-webkit-scrollbar{display:none}.gallery-filter-tabs .tab-btn{white-space:nowrap;flex-shrink:0;min-height:44px;padding:.55rem 1rem}}@media (width<=480px){.hero-title{font-size:1.85rem}.category-selection-grid{grid-template-columns:1fr}.btn-lg{padding:.85rem 1.25rem;font-size:.95rem}}.faq-accordion-list{flex-direction:column;gap:1rem;max-width:900px;margin:0 auto;display:flex}.faq-accordion-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition);overflow:hidden}.faq-accordion-item:hover{border-color:#f59e0b66}.faq-accordion-item.active{border-color:#f59e0b;box-shadow:0 4px 20px #f59e0b1f}.faq-question-btn{cursor:pointer;text-align:left;width:100%;color:var(--text-heading);font-family:var(--font-heading);transition:var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;font-size:1.05rem;font-weight:700;display:flex}.faq-question-btn:hover{color:#f59e0b}.faq-question-left{align-items:center;gap:.85rem;display:flex}.faq-icon-badge{border-radius:var(--radius-sm);color:#f59e0b;background:#f59e0b1f;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:flex}.faq-answer-pane{color:var(--text-main);border-top:1px solid var(--border-subtle);padding:1.25rem 1.5rem 1.5rem;font-size:.95rem;line-height:1.75}.faq-keywords-wrap{flex-wrap:wrap;gap:.45rem;margin-top:1.15rem;display:flex}.faq-keyword-tag{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-muted);letter-spacing:.02em;border-radius:12px;padding:3px 9px;font-size:.72rem;font-weight:600}.dedicated-hub-wrapper{min-height:80vh;padding:2.5rem 0 6rem}.dedicated-breadcrumb{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;padding:.85rem 1.25rem;display:flex}.breadcrumb-path{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.breadcrumb-path a,.breadcrumb-path button{color:#f59e0b;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;font-weight:600;text-decoration:none}.dedicated-hero{text-align:center;max-width:920px;margin:0 auto 3rem}.dedicated-trust-stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.25rem;margin-top:2rem;margin-bottom:2.5rem;display:grid}.trust-stat-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;transition:var(--transition);padding:1.25rem 1rem}.trust-stat-box:hover{border-color:#f59e0b66;transform:translateY(-2px)}.trust-stat-num{color:#f59e0b;font-size:1.6rem;font-weight:800;font-family:var(--font-heading);justify-content:center;align-items:center;gap:.35rem;margin-bottom:.25rem;display:flex}.trust-stat-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.dedicated-tabs-nav{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem;display:flex}.dedicated-tab-btn{border-radius:var(--radius-full);font-family:var(--font-heading);cursor:pointer;transition:var(--transition);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-main);align-items:center;gap:.65rem;padding:.9rem 2rem;font-size:1.05rem;font-weight:700;display:inline-flex}.dedicated-tab-btn:hover{color:#f59e0b;border-color:#f59e0b}.dedicated-tab-btn.active{color:#0b0f19;background:#f59e0b;border-color:#f59e0b;box-shadow:0 8px 30px #f59e0b59}.dedicated-tab-counter{border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:800}.dedicated-tab-btn.active .dedicated-tab-counter{color:#f59e0b;background:#0b0f19}.dedicated-tab-btn:not(.active) .dedicated-tab-counter{background:var(--bg-elevated);color:var(--text-muted)}.dedicated-controls-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;padding:1.75rem;display:flex}.search-field-wrapper{align-items:center;display:flex;position:relative}.search-icon-inside{color:var(--text-dark);pointer-events:none;position:absolute;left:1.15rem}.search-input-main{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:var(--transition);padding:.85rem 1.15rem .85rem 3rem;font-family:inherit;font-size:.95rem}.search-input-main:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b33}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;right:1rem}.pills-scroll-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pill-filter-btn{cursor:pointer;transition:var(--transition);border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-muted);border-radius:20px;padding:6px 14px;font-size:.82rem;font-weight:600}.pill-filter-btn:hover{color:var(--text-main);border-color:#f59e0b80}.pill-filter-btn.active{color:#f59e0b;background:#f59e0b2e;border-color:#f59e0b}.reviews-grid-30{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;display:grid}.dedicated-review-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:var(--transition);flex-direction:column;justify-content:space-between;padding:1.75rem;display:flex}.dedicated-review-card:hover{box-shadow:var(--shadow-md);border-color:#f59e0b66;transform:translateY(-3px)}.review-meta-bar{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.78rem;display:flex}.review-stars{color:#f59e0b;gap:3px;display:flex}.review-verified-badge{color:#10b981;align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:inline-flex}.review-body-text{color:var(--text-main);margin-bottom:1.25rem;font-size:.92rem;font-style:normal;line-height:1.75}.review-project-badge{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:#f59e0b;border-radius:12px;margin-bottom:1.25rem;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-block}.review-author-box{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.review-author-name{color:var(--text-heading);font-size:.95rem;font-weight:700}.review-author-role{color:var(--text-muted);font-size:.78rem}.review-suburb-tag{color:#f59e0b;align-items:center;gap:4px;font-size:.8rem;font-weight:700;display:inline-flex}.empty-state-card{text-align:center;background:var(--bg-card);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);max-width:600px;margin:0 auto;padding:4rem 2rem}.finish-tester-card{background:var(--bg-card);border-radius:var(--radius-lg);transition:var(--transition);border:1px solid #f59e0b73;padding:1.75rem;position:sticky;top:90px;box-shadow:0 15px 35px -10px #00000073}@media (width<=980px){.finish-tester-card{margin-bottom:2rem;padding:1.25rem;position:static}}.finish-visualizer-stage{border-radius:var(--radius-md);border:2px solid #ffffff26;justify-content:center;align-items:center;width:100%;height:220px;margin-bottom:1.25rem;transition:background-color .35s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #0006,0 10px 25px #00000040}.sheen-gloss{pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff73 50%,#0000 65%);animation:4.5s ease-in-out infinite glossSweep;position:absolute;inset:-100%}@keyframes glossSweep{0%{transform:translate(-40%)translateY(-40%)}50%{transform:translate(40%)translateY(40%)}to{transform:translate(40%)translateY(40%)}}.sheen-satin{pointer-events:none;background:radial-gradient(circle at 50% 30%,#ffffff4d 0%,#0000 70%);position:absolute;inset:0}.sheen-matte{pointer-events:none;background:linear-gradient(#0000001a 0%,#00000047 100%);position:absolute;inset:0}.sheen-metallic{opacity:.6;pointer-events:none;background-image:radial-gradient(circle,#fffc 1px,#0000 1px),radial-gradient(circle,#ffffff73 1px,#0000 1px);background-position:0 0,7px 7px;background-size:14px 14px,22px 22px;animation:2.8s infinite alternate sparkleShimmer;position:absolute;inset:0}@keyframes sparkleShimmer{0%{opacity:.35}to{opacity:.75}}.sheen-textured{opacity:.65;pointer-events:none;background-image:radial-gradient(#00000080 1.2px,#0000 0);background-size:5px 5px;position:absolute;inset:0;box-shadow:inset 0 0 25px #0000008c}.workpiece-graphic-wrap{z-index:2;-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);color:#fff;text-shadow:0 2px 8px #000000b3;background:#00000073;border:1px solid #ffffff38;flex-direction:column;justify-content:center;align-items:center;padding:1rem 1.5rem;display:flex;position:relative}.finish-type-selector{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:.5rem;margin-bottom:1.25rem;display:grid}.finish-type-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;text-align:center;font-family:var(--font-body);color:var(--text-main);transition:var(--transition);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;min-height:48px;padding:.65rem .4rem;display:flex}.finish-type-btn.active{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b;font-weight:700;box-shadow:0 0 12px #f59e0b40}.workpiece-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;margin-bottom:1rem;padding-bottom:2px;display:flex;overflow-x:auto}.workpiece-tabs::-webkit-scrollbar{display:none}.workpiece-tab-btn{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-width:max-content;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:var(--transition);flex:1;align-items:center;gap:.4rem;min-height:44px;padding:.45rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.workpiece-tab-btn.active{color:#38bdf8;background:#38bdf81a;border-color:#38bdf8}