:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-bg-base: #ffffff;--color-bg-alt: #FAF9F6;--color-bg-alt-dark: #f3f1ec;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #64748B;--color-border: #E2E8F0;--color-border-dark: #CBD5E1;--color-primary: #0F766E;--color-primary-light: #0D9488;--color-primary-container: #F0FDFA;--color-primary-text: #115E59;--color-fence: #166534;--color-fence-light: #22C55E;--color-fence-container: #F0FDF4;--color-surfaces: #475569;--color-surfaces-light: #B45309;--color-surfaces-container: #FEF3C7;--color-decking: #9A3412;--color-decking-light: #EA580C;--color-decking-container: #FFEDD5;--color-success: #16A34A;--color-success-container: #DCFCE7;--color-danger: #DC2626;--color-danger-container: #FEE2E2;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-premium: 0 25px 60px -15px rgba(15, 118, 110, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s var(--ease-smooth);--transition-normal: .25s var(--ease-smooth);--transition-slow: .4s var(--ease-smooth)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-base);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25;color:var(--color-text-primary);letter-spacing:-.02em}p{color:var(--color-text-secondary)}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}img{max-width:100%;height:auto;display:block}ul{list-style:none}input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit;outline:none}button{background:none;border:none;cursor:pointer}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.text-center{text-align:center}.text-right{text-align:right}.bold-text{font-weight:700;color:var(--color-text-primary)}.max-600{max-width:600px;margin-left:auto;margin-right:auto}.hidden{display:none!important}.text-danger{color:var(--color-danger)}.bg-red-soft{background-color:var(--color-danger-container)}.text-teal{color:var(--color-primary-light)}.font-green{color:var(--color-success)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-family:var(--font-heading);font-weight:600;font-size:15px;border-radius:var(--radius-md);transition:var(--transition-normal);box-shadow:var(--shadow-sm);text-align:center}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 8px 20px #0d948840}.btn-outline{background-color:transparent;color:var(--color-primary-text);border:2px solid var(--color-primary);padding:12px 26px}.btn-outline:hover{background-color:var(--color-primary-container);transform:translateY(-2px)}.btn-outline-white{background-color:transparent;color:#fff;border:2px solid rgba(255,255,255,.4);padding:12px 26px}.btn-outline-white:hover{background-color:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.btn-full{width:100%}.btn-large{padding:16px 36px;font-size:16px}.btn-variant{border-radius:var(--radius-md);width:100%;font-weight:600;padding:12px;border:2px solid transparent;text-align:center}.btn-fence-theme{background-color:var(--color-fence-container);color:var(--color-fence)}.btn-fence-theme:hover{background-color:var(--color-fence);color:#fff}.btn-surfaces-theme{background-color:#f1f5f9;color:#334155}.btn-surfaces-theme:hover{background-color:#334155;color:#fff}.btn-decking-theme{background-color:var(--color-decking-container);color:var(--color-decking)}.btn-decking-theme:hover{background-color:var(--color-decking);color:#fff}.section-label{display:inline-block;font-family:var(--font-heading);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.1em;color:var(--color-primary-light);margin-bottom:12px;background-color:var(--color-primary-container);padding:6px 14px;border-radius:9999px}.section-header{margin-bottom:56px}.section-header h2{font-size:38px;line-height:1.2;margin-bottom:16px;letter-spacing:-.03em}.section-desc{font-size:18px;color:var(--color-text-secondary)}.main-header{position:fixed;top:0;left:0;right:0;height:80px;background-color:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);z-index:100;transition:var(--transition-normal)}.header-container{height:100%;display:flex;align-items:center;justify-content:space-between}.logo-link{display:flex;align-items:center;gap:12px}.brand-logo{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:cover;box-shadow:var(--shadow-sm)}.logo-text{font-family:var(--font-heading);font-weight:800;font-size:22px;letter-spacing:-.03em;color:var(--color-primary)}.desktop-nav{display:flex;align-items:center;gap:32px}.desktop-nav a{font-weight:500;font-size:15px;color:var(--color-text-secondary)}.desktop-nav a:hover{color:var(--color-primary)}.desktop-nav .nav-cta-btn{background-color:var(--color-primary-container);color:var(--color-primary-text);padding:10px 20px;border-radius:var(--radius-md);font-weight:600}.desktop-nav .nav-cta-btn:hover{background-color:var(--color-primary);color:#fff}.mobile-menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-secondary)}.mobile-menu-toggle:hover{background-color:var(--color-bg-alt)}.mobile-drawer{position:fixed;top:0;right:-300px;width:280px;height:100vh;background-color:#fff;box-shadow:-10px 0 30px #0000001a;z-index:102;padding:24px;display:flex;flex-direction:column;gap:32px;transition:right .3s cubic-bezier(.4,0,.2,1)}.mobile-drawer.open{right:0}.drawer-header{display:flex;align-items:center;justify-content:space-between}.drawer-close{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--color-border)}.mobile-nav-links{display:flex;flex-direction:column;gap:20px}.mobile-nav-links a{font-family:var(--font-heading);font-weight:600;font-size:18px;color:var(--color-text-primary);padding-bottom:8px;border-bottom:1px solid var(--color-border)}.mobile-nav-links .drawer-cta-btn{background-color:var(--color-primary);color:#fff;text-align:center;border-radius:var(--radius-md);padding:12px;margin-top:12px;border-bottom:none}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:101;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-backdrop.active{opacity:1;pointer-events:auto}.hero-section{padding-top:140px;padding-bottom:80px;background-color:var(--color-bg-base);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.badge-tag{display:inline-flex;align-items:center;gap:8px;background-color:#fffbeb;color:#d97706;border:1px solid #FEF3C7;padding:6px 14px;border-radius:9999px;font-size:13px;font-weight:600;margin-bottom:24px}.pulse-dot{width:8px;height:8px;background-color:#d97706;border-radius:50%;position:relative}.pulse-dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background-color:#d9770666;border-radius:50%;animation:pulse-ring 2s infinite ease-out}@keyframes pulse-ring{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.hero-content h1{font-size:46px;line-height:1.15;margin-bottom:20px;letter-spacing:-.03em}.hero-subtitle{font-size:18px;line-height:1.6;margin-bottom:36px;color:var(--color-text-secondary)}.hero-ctas{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:40px}.hero-highlights{display:flex;flex-wrap:wrap;gap:24px}.highlight-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-text-secondary)}.check-icon{color:var(--color-success);font-size:20px}.hero-visual-area{display:flex;justify-content:center;position:relative}.tablet-wrapper{position:relative;width:100%;max-width:500px;perspective:1000px}.tablet-frame{background-color:#0f172a;border-radius:var(--radius-xl);padding:16px;box-shadow:var(--shadow-xl),0 25px 50px -12px #00000040;border:4px solid #334155;transform:rotateY(-8deg) rotateX(4deg);transition:transform var(--transition-slow)}.tablet-wrapper:hover .tablet-frame{transform:rotateY(0) rotateX(0)}.tablet-screen{aspect-ratio:4 / 3;background-color:#1e293b;border-radius:var(--radius-lg);overflow:hidden;position:relative}.tablet-shadow{position:absolute;bottom:-20px;left:5%;right:5%;height:20px;background:radial-gradient(ellipse at center,#0003,#0000 70%);z-index:-1}.mock-app-shell{display:flex;flex-direction:column;height:100%;background-color:#f8fafc;color:#1e293b;font-size:11px}.mock-app-header{height:48px;background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.mock-header-left{display:flex;align-items:center;gap:8px}.mock-customer-name{font-weight:700;font-size:12px}.mock-project-meta{color:#64748b;font-size:9px}.mock-app-logo{height:22px;width:22px;border-radius:4px}.mock-app-body{flex:1;position:relative;overflow:hidden}.mock-camera-viewport{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#cbd5e1}.mock-background-image{width:100%;height:100%;background-size:cover;background-position:center}.garden-bg{background-image:url(/assets/garden_bg-uAzgRzu6.png)}.driveway-bg{background-image:url(/assets/driveway_bg-C9oej4f7.png)}.mock-ar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.mock-ar-overlay.active{display:block}.mock-fence-run{position:absolute;left:-20px;right:-20px;bottom:25%;height:100px;display:flex;align-items:flex-end;justify-content:center;transform:rotateX(2deg) rotateY(-10deg) skewY(-1deg);perspective:600px}.mock-post{width:5px;height:70px;background-color:#3f2f22;border-left:1px solid #5a4534;box-shadow:1px 2px 2px #0003;z-index:4}.mock-panel{width:60px;height:62px;background-color:#78593e;border-top:2px solid #513b29;border-bottom:2px solid #513b29;position:relative;box-shadow:inset 0 0 10px #00000026,0 3px 5px #00000026;margin:0 1px}.panel-closeboard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 2px,transparent 2px 6px,rgba(0,0,0,.12) 6px 7px)}.gate-panel{width:48px;border:1px solid var(--color-primary-light);background-color:#654a32;display:flex;align-items:center;justify-content:center}.gate-icon{font-size:24px;color:#fff9}.gate-tag{position:absolute;top:2px;right:2px;background-color:var(--color-primary);color:#fff;font-size:6px;font-weight:800;padding:1px 3px;border-radius:2px}.mock-dimension-line{position:absolute;height:2px;background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;z-index:5}.mock-dimension-line .node{position:absolute;width:8px;height:8px;border-radius:50%;background-color:var(--color-primary);border:2px solid #ffffff;box-shadow:0 0 8px var(--color-primary-light)}.node-left{left:0;transform:translate(-50%)}.node-right{right:0;transform:translate(50%)}.dim-label{background-color:#fff;color:var(--color-primary-text);font-weight:800;font-size:9px;padding:2px 6px;border-radius:999px;box-shadow:var(--shadow-sm);border:1px solid var(--color-primary);transform:translateY(-8px)}.mock-hud{position:absolute;top:12px;left:12px;display:flex;gap:4px;z-index:6}.hud-item{background-color:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 8px;border-radius:4px;font-weight:600;font-size:8px;box-shadow:var(--shadow-sm)}.hud-item.active{background-color:var(--color-primary);color:#fff}.mock-toast-overlay{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background-color:#0f172ae6;color:#fff;padding:6px 12px;border-radius:999px;font-weight:600;font-size:9px;white-space:nowrap;box-shadow:var(--shadow-md);z-index:7}.mock-quote-badge{position:absolute;right:12px;top:60px;background-color:#fff;border-radius:var(--radius-md);padding:8px 12px;box-shadow:var(--shadow-lg),0 0 0 1px #0000000d;width:140px;z-index:10;border-left:4px solid var(--color-success);animation:float-badge 6s ease-in-out infinite}@keyframes float-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.badge-header{display:flex;align-items:center;gap:4px;color:var(--color-text-secondary);font-weight:700;font-size:9px}.badge-price{font-family:var(--font-heading);font-weight:800;font-size:18px;color:var(--color-text-primary);margin:2px 0}.badge-meta{color:var(--color-text-muted);font-size:7px;line-height:1.2}.problem-section{padding:100px 0;background-color:var(--color-bg-alt)}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.problem-card{background-color:#fff;padding:36px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.problem-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-dark)}.card-icon-wrap{width:56px;height:56px;border-radius:var(--radius-md);display:grid;place-items:center;margin-bottom:24px}.problem-card h3{font-size:20px;margin-bottom:12px}.problem-card p{font-size:15px;line-height:1.6}.variants-section{padding:100px 0;background-color:var(--color-bg-base)}.variants-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.variant-card{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.variant-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-premium)}.variant-card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.variant-logo{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;box-shadow:var(--shadow-sm)}.variant-card h3{font-size:22px;letter-spacing:-.02em}.variant-description{font-size:15px;margin-bottom:32px;flex:1}.variant-features{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.variant-features li{display:flex;align-items:flex-start;gap:12px;font-size:14px}.feature-check{font-size:20px;font-weight:700;padding-top:2px}.card-fence{border-top:4px solid var(--color-fence)}.card-fence .feature-check{color:var(--color-fence)}.card-surfaces{border-top:4px solid var(--color-surfaces-light)}.card-surfaces .feature-check{color:var(--color-surfaces-light)}.card-decking{border-top:4px solid var(--color-decking)}.card-decking .feature-check{color:var(--color-decking)}.how-it-works-section{padding:100px 0;background-color:var(--color-bg-alt)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}.step-card{background-color:#fff;padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);position:relative;transition:var(--transition-normal);z-index:2}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.step-num{font-family:var(--font-heading);font-weight:800;font-size:40px;color:var(--color-primary-container);line-height:1;margin-bottom:20px;text-shadow:1px 1px 0 rgba(13,148,136,.1),-1px -1px 0 rgba(13,148,136,.1);-webkit-text-stroke:1px rgba(13,148,136,.2)}.step-card h3{font-size:18px;margin-bottom:12px}.step-card p{font-size:14px;line-height:1.5}.benefits-section{padding:100px 0;background-color:var(--color-bg-base)}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.benefit-item{display:flex;align-items:flex-start;gap:20px;background-color:var(--color-bg-alt);padding:28px;border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:transform var(--transition-normal)}.benefit-item:hover{transform:scale(1.01);background-color:#fff;box-shadow:var(--shadow-sm)}.benefit-icon-wrap{width:48px;height:48px;background-color:var(--color-primary-container);border-radius:var(--radius-md);display:grid;place-items:center;flex-shrink:0}.benefit-icon-wrap span{font-size:24px;font-weight:700}.benefit-item h3{font-size:18px;margin-bottom:8px}.benefit-item p{font-size:14px;line-height:1.5}.demo-section{padding:100px 0;background-color:var(--color-bg-base);border-top:1px solid var(--color-border)}.demo-workspace{display:grid;grid-template-columns:380px 1fr;gap:32px;background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-lg)}.demo-controls{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.demo-controls-header{margin-bottom:24px}.demo-controls-header h3{font-size:20px;margin-bottom:4px}.demo-controls-header p{font-size:13px;color:var(--color-text-muted)}.trade-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background-color:#f1f5f9;padding:6px;border-radius:var(--radius-md);margin-bottom:28px}.trade-tab-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--color-text-secondary);transition:var(--transition-fast)}.trade-tab-btn span{font-size:20px}.trade-tab-btn.active{background-color:#fff;color:var(--color-primary);box-shadow:var(--shadow-sm)}.params-block{display:none;flex:1}.params-block.active{display:block}.form-group-demo{margin-bottom:20px}.form-group-demo label{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}.select-wrap{position:relative;background-color:#fff;border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);height:48px}.select-wrap select{width:100%;height:100%;border:none;background:transparent;padding:0 16px;font-size:14px;font-weight:500;color:var(--color-text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-chevron{position:absolute;right:12px;top:12px;pointer-events:none;color:var(--color-text-muted)}.seg-group{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.seg-btn{height:38px;border-radius:var(--radius-sm);border:1px solid var(--color-border-dark);font-size:13px;font-weight:600;background-color:#fff;transition:var(--transition-fast)}.seg-btn:hover{background-color:var(--color-bg-alt)}.seg-btn.active{background-color:var(--color-primary-container);color:var(--color-primary);border-color:var(--color-primary)}#surfaceBorderGroup{grid-template-columns:repeat(3,1fr)}#deckLayoutGroup{grid-template-columns:1fr 1fr}.slider-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.slider-val{font-weight:700;color:var(--color-primary);font-size:14px}.range-slider{width:100%;height:6px;background:#e2e8f0;border-radius:9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:0 0 6px #0f766e66;transition:transform .1s ease}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.toggle-group{margin-top:24px}.toggle-container{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-container input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle-slider{display:inline-block;width:44px;height:24px;background-color:#cbd5e1;border-radius:9999px;position:relative;transition:background-color var(--transition-fast);flex-shrink:0}.toggle-slider:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background-color:#fff;top:3px;left:3px;transition:left var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle-container input:checked+.toggle-slider{background-color:var(--color-primary-light)}.toggle-container input:checked+.toggle-slider:after{left:23px}.toggle-text{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.estimator-box{background-color:var(--color-primary-container);border-radius:var(--radius-md);padding:20px;margin-top:auto;border:1px solid rgba(15,118,110,.15)}.estimator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.estimator-header h4{font-size:14px;color:var(--color-primary-text);font-weight:700}.est-tag{font-size:10px;text-transform:uppercase;background-color:#0d94881a;color:var(--color-primary-text);padding:2px 6px;border-radius:4px;font-weight:700}.est-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px;color:var(--color-text-secondary)}.total-est-row{margin-top:14px;padding-top:14px;border-top:1px solid rgba(15,118,110,.15);font-size:15px}.total-est-row span{font-weight:700;color:var(--color-text-primary)}.total-est-row b{font-family:var(--font-heading);font-size:22px;font-weight:800;color:var(--color-primary)}.demo-preview{display:flex;flex-direction:column}.preview-tablet-frame{background-color:#0f172a;border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-xl);border:5px solid #1e293b;flex:1;display:flex}.preview-tablet-screen{flex:1;border-radius:var(--radius-lg);overflow:hidden;background-color:#1e293b;position:relative;aspect-ratio:16 / 10}.ar-simulator-view{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ar-simulator-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:opacity .3s ease}.ar-simulator-bg.garden{background-image:url(/assets/garden_bg-uAzgRzu6.png)}.ar-simulator-bg.driveway{background-image:url(/assets/driveway_bg-C9oej4f7.png)}.sim-header{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;z-index:10}.sim-badge{background-color:#0009;color:#22c55e;border:1px solid rgba(34,197,94,.3);padding:4px 10px;border-radius:9999px;font-size:9px;font-weight:800;letter-spacing:.05em;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sim-badge span{font-size:14px}.sim-client-branding{background-color:#ffffffe6;color:var(--color-text-primary);padding:4px 10px;border-radius:6px;font-size:10px;display:flex;align-items:center;gap:6px;box-shadow:var(--shadow-sm)}.sim-client-branding span{font-size:14px}.sim-model-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:none;pointer-events:none}.sim-model-layer.active{display:block}.sim-node{position:absolute;width:14px;height:14px;border-radius:50%;background-color:var(--color-primary-light);border:3px solid #ffffff;box-shadow:0 0 10px var(--color-primary-light);z-index:9}.sim-fence-wrapper{position:absolute;left:-20px;right:-20px;bottom:22%;height:160px;display:flex;align-items:flex-end;justify-content:center;transform:rotateX(2deg) rotateY(-12deg) skewY(-1deg);perspective:900px}.sim-fence-panels{display:flex;align-items:flex-end;justify-content:center;width:100%}.sim-fence-post{width:8px;height:110px;background-color:#3b2d21;border-left:2px solid #5a4635;box-shadow:2px 5px 4px #00000040;z-index:4}.sim-fence-panel{flex:1;max-width:80px;height:96px;background-color:#7c5c43;border-top:3px solid #553e2d;border-bottom:3px solid #553e2d;box-shadow:inset 0 0 16px #0003,0 5px 8px #0003;margin:0 1px;position:relative}.sim-panel-closeboard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 3px,transparent 3px 10px,rgba(0,0,0,.15) 10px 12px)}.sim-panel-slatted{background-color:#a75d34!important}.sim-panel-slatted:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 6px,transparent 6px 7px,rgba(0,0,0,.3) 7px 9px);border-top:none}.sim-panel-composite{background-color:#334155!important}.sim-panel-composite:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,#ffffff08 0,#ffffff08 8px,#00000059 9px,#00000059 11px)}.sim-gate-panel{max-width:64px;border:2px solid var(--color-primary-light);background-color:#654631;display:flex;align-items:center;justify-content:center}.sim-gate-icon{font-size:36px;color:#ffffff80}.sim-gate-tag{position:absolute;top:4px;right:4px;background-color:var(--color-primary-light);color:#fff;font-size:8px;font-weight:800;padding:1px 4px;border-radius:3px}.sim-surface-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1000px;display:flex;align-items:flex-end;justify-content:center}.sim-surface-polygon{width:80%;height:45%;margin-bottom:8%;transform:rotateX(46deg) rotateY(-1deg) rotate(0) skew(-8deg);box-shadow:inset 0 0 20px #00000026,0 10px 30px #0000004d;border-radius:var(--radius-md);border:4px solid #475569;transition:background var(--transition-normal)}.surface-pattern-paving{background-color:#64748b;background-image:repeating-linear-gradient(0deg,transparent,transparent 12px,rgba(0,0,0,.25) 12px,rgba(0,0,0,.25) 14px),repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(0,0,0,.25) 20px,rgba(0,0,0,.25) 22px)}.surface-pattern-resin{background:radial-gradient(circle,#e2e8f0 10%,#cbd5e1 90%);background-image:radial-gradient(rgba(0,0,0,.15) 15%,transparent 20%),radial-gradient(rgba(0,0,0,.1) 15%,transparent 20%);background-size:4px 4px;background-color:#eab308;border-color:#ca8a04}.surface-pattern-gravel{background:radial-gradient(circle,#fef08a 10%,#eab308 90%);background-image:radial-gradient(rgba(0,0,0,.2) 20%,transparent 25%);background-size:6px 6px;background-color:#ca8a04;border-color:#854d0e}.border-charcoal{border:6px solid #1e293b!important}.border-granite{border:8px dashed #94a3b8!important}.sim-deck-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1000px;display:flex;align-items:flex-end;justify-content:center}.sim-deck-platform{width:75%;height:38%;margin-bottom:12%;transform:rotateX(42deg) rotate(-2deg) skew(-4deg);border-radius:var(--radius-sm);position:relative;box-shadow:inset 0 0 15px #0003,0 8px 24px #00000059;border:3px solid #3e2723}.deck-material-softwood{background-color:#8d6e63;background-image:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(0,0,0,.25) 8px,rgba(0,0,0,.25) 10px)}.deck-material-hardwood{background-color:#5d4037;background-image:repeating-linear-gradient(90deg,transparent,transparent 6px,rgba(0,0,0,.3) 6px,rgba(0,0,0,.3) 8px)}.deck-material-composite{background-color:#475569;background-image:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(0,0,0,.25) 10px,rgba(0,0,0,.25) 11px);border-color:#1e293b}.sim-deck-railings{position:absolute;top:-24px;left:0;right:0;height:24px;background-image:repeating-linear-gradient(90deg,#5d4037 0 2px,transparent 2px 12px);border-top:3px solid #4e342e;border-bottom:2px solid #4e342e}.deck-material-composite .sim-deck-railings{background-image:repeating-linear-gradient(90deg,#1e293b 0 2px,transparent 2px 14px);border-top-color:#0f172a;border-bottom-color:#0f172a}.sim-deck-steps{position:absolute;left:50%;bottom:-15px;transform:translate(-50%);width:60px;height:15px;display:flex;flex-direction:column}.sim-deck-steps span{width:100%;height:5px;background-color:#4e342e;border:1px solid #3e2723;display:block}.deck-material-composite .sim-deck-steps span{background-color:#334155;border-color:#1e293b}.sim-dimension-hud{position:absolute;top:16px;left:50%;transform:translate(-50%);background-color:#0f766ee6;color:#fff;padding:4px 12px;border-radius:9999px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:6px;z-index:10;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.15)}.sim-dimension-hud span{font-size:14px}.sim-quote-card{position:absolute;bottom:16px;left:16px;right:16px;background-color:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);padding:12px 16px;display:grid;grid-template-columns:140px 1fr 170px;gap:16px;align-items:center;box-shadow:var(--shadow-lg),0 0 0 1px #0000000d;z-index:11}.quote-card-header h5{font-size:12px;color:var(--color-primary-text);font-weight:700}.quote-card-header p{font-size:10px;color:var(--color-text-muted)}.quote-badge-pill{display:inline-block;background-color:#f1f5f9;color:#475569;font-size:8px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;margin-top:4px}.qc-spec-row{display:flex;align-items:flex-start;gap:6px;font-size:11px;line-height:1.4;color:var(--color-text-secondary);font-weight:600}.qc-spec-row span{font-size:14px;color:var(--color-primary-light)}.qc-price-row{margin-top:4px}.qc-price-row span{display:block;font-size:8px;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.qc-price-row strong{font-family:var(--font-heading);font-size:16px;font-weight:800;color:var(--color-primary)}.qc-btn-primary{background-color:var(--color-primary);color:#fff;border-radius:6px;padding:10px;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;gap:6px;transition:var(--transition-fast)}.qc-btn-primary:hover{background-color:var(--color-primary-light)}.qc-btn-primary span{font-size:16px}.preview-help-text{font-size:12px;color:var(--color-text-muted);text-align:center;margin-top:12px;font-style:italic}.contact-section{padding:100px 0;background-color:var(--color-bg-alt)}.contact-container{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}.contact-content h2{font-size:38px;margin-bottom:20px}.contact-content p{font-size:17px;margin-bottom:16px}.quote-callout{margin-top:40px;border-left:4px solid var(--color-primary);padding-left:24px}.quote-callout blockquote{font-size:16px;font-style:italic;color:var(--color-text-secondary);line-height:1.6;margin-bottom:12px}.quote-callout cite{font-size:13px;font-weight:700;color:var(--color-text-primary);font-style:normal;display:block}.contact-form-card{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.contact-form-card .card-head{margin-bottom:32px}.contact-form-card .card-head h3{font-size:24px;margin-bottom:6px}.contact-form-card .card-head p{font-size:14px}.early-access-form{display:flex;flex-direction:column;gap:20px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group-field{display:flex;flex-direction:column;gap:8px}.form-group-field label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.form-group-field input,.form-group-field textarea{border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;background-color:#fff;transition:var(--transition-fast)}.form-group-field input:focus,.form-group-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0f766e1a}.select-field-wrap{position:relative;background-color:#fff;border:1px solid var(--color-border-dark);border-radius:var(--radius-sm)}.select-field-wrap select{width:100%;padding:12px 16px;border:none;background:transparent;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-text-primary)}.select-arrow-form{position:absolute;right:12px;top:12px;pointer-events:none;color:var(--color-text-muted)}.form-success-message{text-align:center;padding:32px 0;display:flex;flex-direction:column;align-items:center;gap:16px}.success-icon{font-size:64px;color:var(--color-success)}.form-success-message h3{font-size:22px}.form-success-message p{font-size:15px;margin-bottom:12px}.final-cta-section{padding:100px 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff}.final-cta-section h2{font-size:40px;color:#fff;margin-bottom:16px;letter-spacing:-.03em}.final-cta-sub{font-size:18px;color:#ffffffe6;max-width:600px;margin:0 auto 36px}.cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.main-footer{background-color:var(--color-text-primary);color:#94a3b8;padding:80px 0 40px;border-top:1px solid #334155}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:48px}.footer-brand .logo-text{color:#fff}.footer-tagline{color:#94a3b8;font-size:14px;margin-top:12px;margin-bottom:24px}.footer-copy{font-size:13px;color:#64748b}.footer-links-group h4,.footer-legal h4{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.footer-nav{display:flex;flex-direction:column;gap:12px}.footer-nav a{font-size:14px}.footer-nav a:hover{color:#fff}.footer-legal p{color:#94a3b8;font-size:13px;line-height:1.5;margin-bottom:12px}.small-grey{font-size:11px!important;color:#64748b!important}.quote-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease}.quote-modal-backdrop.active{opacity:1;pointer-events:auto}.quote-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-45%) scale(.95);width:90%;max-width:600px;max-height:90vh;background-color:#fff;border-radius:var(--radius-lg);box-shadow:0 30px 60px -15px #0000004d;z-index:201;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;overflow:hidden}.quote-modal.active{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.modal-header{padding:16px 24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-weight:700;font-size:16px;color:var(--color-primary)}.modal-brand img{width:24px;height:24px;border-radius:4px}.modal-close{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:var(--color-text-muted)}.modal-close:hover{background-color:var(--color-bg-alt);color:var(--color-text-primary)}.modal-body{padding:32px;overflow-y:auto;flex:1}.pdf-branding-row{display:flex;justify-content:space-between;align-items:flex-start}.pdf-branding-row h3{font-size:20px;color:var(--color-primary)}.quote-ref-no{font-size:11px;color:var(--color-text-muted);margin-top:4px}.pdf-divider{border:none;height:1px;background-color:var(--color-border);margin:20px 0}.pdf-info-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:24px}.pdf-label{display:block;font-size:9px;font-weight:700;color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:4px}.pdf-info-row h4{font-size:15px;margin-bottom:2px}.pdf-visual-section{margin-bottom:28px}.pdf-image-box{height:160px;background-size:cover;background-position:center;border-radius:var(--radius-sm);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.pdf-spec-card{position:absolute;bottom:12px;left:12px;background-color:#fffffff2;padding:8px 14px;border-radius:6px;box-shadow:var(--shadow-sm)}.pdf-spec-card h4{font-size:13px}.pdf-spec-card p{font-size:10px;color:var(--color-text-muted)}.pdf-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:24px}.pdf-table th{text-align:left;font-weight:700;color:var(--color-text-muted);border-bottom:2px solid var(--color-border);padding-bottom:8px}.pdf-table td{padding:12px 0;border-bottom:1px solid var(--color-border);vertical-align:top}.pdf-item-desc{font-size:11px;color:var(--color-text-muted);margin-top:4px}.pdf-total-row td{font-weight:800;font-size:16px;color:var(--color-primary);border-bottom:none;padding-top:16px}.pdf-foot-note{background-color:var(--color-bg-alt);padding:12px;border-radius:6px;font-size:10px;color:var(--color-text-muted);display:flex;gap:8px;align-items:flex-start}.pdf-foot-note span:first-child{color:var(--color-primary);font-size:16px;flex-shrink:0}.modal-actions{padding:16px 32px 24px;border-top:1px solid var(--color-border);background-color:var(--color-bg-alt);display:flex;gap:16px}.modal-actions .btn{flex:1}.global-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,100px);background-color:#1e293b;color:#fff;padding:12px 24px;border-radius:9999px;font-weight:600;font-size:14px;box-shadow:var(--shadow-lg);z-index:300;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:8px}.global-toast.show{transform:translate(-50%)}@media (max-width: 1024px){h1{font-size:40px}.section-header h2{font-size:32px}.hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-ctas,.hero-highlights{justify-content:center}.variants-grid{grid-template-columns:1fr;gap:24px}.demo-workspace{grid-template-columns:1fr;padding:20px}.steps-grid{grid-template-columns:1fr 1fr}.benefits-grid{grid-template-columns:1fr}.contact-container{grid-template-columns:1fr;gap:40px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.tablet-screen{aspect-ratio:auto;height:320px}.mock-quote-badge{width:120px;padding:6px 10px}.badge-price{font-size:16px}.steps-grid,.form-row-2{grid-template-columns:1fr}.sim-quote-card{grid-template-columns:1fr;gap:8px;padding:10px}.sim-quote-card button{grid-row:3}.qc-spec-row{grid-row:1}.qc-price-row{grid-row:2;display:flex;justify-content:space-between;align-items:center}.qc-price-row strong{font-size:18px}.modal-body{padding:20px}.pdf-branding-row,.pdf-info-row{flex-direction:column;gap:8px}.pdf-branding-row .text-right,.pdf-info-row .text-right{text-align:left}.modal-actions{flex-direction:column;padding:16px}}@media (max-width: 480px){.hero-content h1{font-size:32px}.section-header h2{font-size:26px}.container{padding-left:16px;padding-right:16px}.contact-form-card{padding:24px}.footer-grid{grid-template-columns:1fr}}