:root{--ink: #1f2a22;--ink-2: #3a463d;--muted: #5f6a62;--line: #e1e6dd;--line-2: #cfd8ca;--brand: #35482b;--brand-2: #4c6037;--brand-3: #6b813e;--accent: #93a647;--lime: #c6e04a;--pale: #f1f5ea;--canvas: #e7ece8;--bg: #f3f5f0;--white: #fff;--warn: #a3402c;--good: #2f6b3a;--radius: 12px;--radius-lg: 18px;--shadow: 0 1px 2px #1f2a220d, 0 8px 28px #1f2a2210;--ease: cubic-bezier(.16, 1, .3, 1);--topbar: 72px;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}h1,h2,h3,h4,p,figure,blockquote{margin:0}h1,h2,h3{letter-spacing:-.025em;line-height:1.2}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-underline-offset:3px}svg{flex-shrink:0}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--brand-3);outline-offset:3px}::selection{background:#d7e3bd}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:fixed;left:16px;top:-80px;z-index:2000;background:var(--brand);color:#fff;padding:12px 20px;border-radius:8px}.skip-link:focus-visible{top:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-3)}.primary-button,.secondary-button,.cta-solid,.cta-ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;font-weight:700;text-decoration:none;transition:background .2s var(--ease),border-color .2s,transform .2s var(--ease),box-shadow .2s}.primary-button{background:var(--brand);color:#fff;min-height:50px;padding:12px 22px;font-size:15px}.primary-button:hover:not(:disabled){background:var(--brand-2);box-shadow:0 6px 18px #35482b33}.primary-button.wide{width:100%}.secondary-button{border:1.5px solid var(--line-2);background:#fff;min-height:46px;padding:10px 16px;font-size:14px;color:var(--ink)}.secondary-button:hover{border-color:var(--brand-3);background:var(--pale)}.text-button{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;min-height:44px;padding:0 6px;color:var(--muted)}.text-button:hover{color:var(--ink)}.inline-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:var(--brand-2);text-decoration:none;min-height:32px}.inline-link:hover{text-decoration:underline}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:var(--ink-2)}.icon-button:hover{background:var(--pale)}.topbar{height:var(--topbar);background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(14px,2.4vw,36px);position:relative;z-index:30}.brand img{height:46px;width:auto}.top-actions{display:flex;align-items:center;gap:6px}.top-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 10px;border-radius:10px;font-size:14px;font-weight:600;color:var(--ink-2)}.top-link:hover{background:var(--pale)}.count{background:var(--brand);color:#fff;font-size:11px;border-radius:99px;padding:1px 7px}.top-divider{width:1px;height:28px;background:var(--line);margin:0 6px}.cta-ghost{min-height:42px;padding:0 14px;font-size:14px;border:1.5px solid var(--line-2);color:var(--ink);background:#fff}.cta-ghost:hover{border-color:var(--brand-3);background:var(--pale)}.cta-solid{min-height:42px;padding:0 16px;font-size:14px;background:var(--brand);color:#fff}.cta-solid:hover{background:var(--brand-2)}.cta-solid.small{min-height:40px;padding:0 12px;font-size:13px}.top-phone{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:15px;text-decoration:none;padding:0 6px 0 14px;margin-left:4px;border-left:1px solid var(--line);min-height:40px}.top-phone:hover{color:var(--brand-2)}.top-mobile{display:none;align-items:center;gap:4px}.usp-strip{background:var(--brand);color:#e9f0dd;font-size:13px;font-weight:600;overflow:hidden}.usp-strip>div{display:flex;justify-content:center;gap:clamp(14px,2.4vw,34px);padding:9px 20px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.usp-strip>div::-webkit-scrollbar{display:none}.usp-strip span{display:inline-flex;align-items:center;gap:7px}.usp-strip svg{color:var(--lime)}.studio{max-width:1640px;margin:16px auto 0;padding:0 clamp(12px,1.6vw,24px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(400px,.74fr);gap:16px;align-items:start}.stage{position:-webkit-sticky;position:sticky;top:12px;display:flex;flex-direction:column;gap:12px;min-width:0}.viewer-wrap{position:relative;height:clamp(420px,calc(100vh - var(--topbar) - 200px),860px);border-radius:var(--radius-lg);overflow:hidden;background:var(--canvas);box-shadow:var(--shadow)}.viewer-wrap>.room-viewer{position:absolute;top:0;right:0;bottom:0;left:0}.viewer-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:14px}.viewer-chip{position:absolute;left:16px;top:16px;background:#ffffffe8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:9px 14px;display:flex;flex-direction:column;box-shadow:0 2px 10px #0000000f;pointer-events:none}.viewer-chip strong{font-size:15px}.viewer-chip span{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.focus-chip{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border-radius:99px;padding:8px 16px;font-size:13px;box-shadow:0 8px 24px #0003;animation:chip-in .45s var(--ease),chip-out .5s ease 2.7s forwards;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:3}.focus-chip svg{color:var(--lime)}.focus-chip span{color:#c9d4c7}@keyframes chip-in{0%{opacity:0;transform:translate(-50%,-10px)}}@keyframes chip-out{to{opacity:0;transform:translate(-50%,-6px)}}.viewer-tools{position:absolute;right:14px;top:14px;display:flex;gap:6px}.zoom-tools{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px}.tool{width:42px;height:42px;border-radius:11px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);box-shadow:0 2px 10px #0000001a;transition:background .2s,color .2s}.tool:hover{background:#fff;color:var(--brand)}.tool.on{background:var(--brand);color:#fff}.view-tabs{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:3px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px;border-radius:13px;box-shadow:0 4px 16px #0000001f}.view-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border-radius:10px;font-size:13.5px;font-weight:700;color:var(--ink-2)}.view-tabs button:hover{background:var(--pale)}.view-tabs button.active{background:var(--brand);color:#fff}.price-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-radius:var(--radius-lg);padding:12px 14px 12px 18px;box-shadow:var(--shadow)}.price-now{display:flex;flex-direction:column}.price-now .label{font-size:12.5px;color:var(--muted);font-weight:600}.price-now strong{font-size:24px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.price-now .sub{font-size:12.5px;color:var(--muted)}.price-locked{display:flex;align-items:center;gap:12px;text-align:left;padding:6px 10px 6px 6px;border-radius:12px;flex:1;min-width:0}.price-locked>svg:first-child{width:40px;height:40px;padding:10px;background:var(--pale);color:var(--brand);border-radius:10px}.price-locked span{display:flex;flex-direction:column;min-width:0}.price-locked strong{font-size:16px;color:var(--brand)}.price-locked .short{display:none}.price-locked small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-locked:hover{background:var(--pale)}.price-actions{display:flex;gap:2px}.icon-text{display:inline-flex;flex-direction:column;align-items:center;gap:3px;min-width:54px;min-height:52px;padding:6px;border-radius:10px;font-size:12px;font-weight:600;color:var(--ink-2);justify-content:center}.icon-text:hover:not(:disabled){background:var(--pale);color:var(--brand)}.panel{position:-webkit-sticky;position:sticky;top:12px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;height:calc(100vh - var(--topbar) - 64px);min-height:560px;max-height:1000px;min-width:0}.step-nav{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);padding:10px 10px 0}.step-nav button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 2px 12px;font-size:12px;color:var(--muted);font-weight:600;min-height:62px}.step-nav button>span{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.step-nav button b{font-weight:700;white-space:nowrap}.step-nav button.current{color:var(--brand)}.step-nav button.current:after{content:"";position:absolute;left:8%;right:8%;bottom:-1px;height:3px;border-radius:3px;background:var(--brand)}.step-nav button.current>span{background:var(--brand);color:#fff;border-color:var(--brand)}.step-nav button.visited>span{background:var(--pale);color:var(--brand-2);border-color:#cfdcbf}.step-nav button:hover{color:var(--ink)}.step-content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:22px 26px 28px;scrollbar-gutter:stable}.step-heading{margin-bottom:20px}.step-heading h2{font-size:26px;font-weight:800;margin-top:4px;outline:none}.step-heading p:last-child{color:var(--muted);margin-top:8px;font-size:15px}.step-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--line);background:#fff;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.back-button{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14px;min-height:46px;padding:0 12px;border-radius:10px}.back-button:hover{background:var(--pale)}.step-counter{font-size:13px;color:var(--muted);font-weight:600}.option-section{margin-top:26px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.section-heading h3{font-size:16.5px;font-weight:800}.section-aside{font-size:13px;color:var(--muted);font-weight:600;text-align:right}.control-label{display:block;font-size:13.5px;font-weight:700;color:var(--ink-2);margin:14px 0 8px}.choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:14px;transition:border-color .15s,background .15s,box-shadow .2s;min-height:64px}.choice:hover:not(:disabled){border-color:#a4b493;background:#fbfcf8}.choice.selected{border-color:var(--brand);background:var(--pale);box-shadow:inset 0 0 0 1px var(--brand)}.choice strong{font-size:14.5px;font-weight:800;line-height:1.3}.choice>span:not(.choice-check):not(.model-image):not(.model-text){font-size:13px;color:var(--muted);line-height:1.45}.choice-check{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center}.flash{animation:flash 1.1s var(--ease)}@keyframes flash{0%{box-shadow:0 0 #c6e04acc,inset 0 0 0 1px var(--brand)}60%{box-shadow:0 0 0 9px #c6e04a00,inset 0 0 0 1px var(--brand)}}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.use-grid .choice{min-height:128px}.use-grid .choice>svg{color:var(--brand-2);margin-bottom:6px}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.option-grid.three{grid-template-columns:repeat(3,1fr)}.option-grid .choice{min-height:70px}.door-family .option-grid{margin-bottom:4px}.size-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.size-presets button{border:1.5px solid var(--line);border-radius:10px;padding:10px 6px;min-height:58px;display:flex;flex-direction:column;align-items:center;gap:2px}.size-presets strong{font-size:13.5px}.size-presets span{font-size:12.5px;color:var(--muted)}.size-presets button:hover{border-color:#a4b493}.size-presets button.chosen{border-color:var(--brand);background:var(--pale);box-shadow:inset 0 0 0 1px var(--brand)}.dimensions-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}.dimension-control{border:0;padding:0;margin:0;min-width:0}.dimension-control legend{display:flex;justify-content:space-between;width:100%;font-weight:700;font-size:14px;margin-bottom:8px}.dimension-control legend span{color:var(--brand-2);font-variant-numeric:tabular-nums}.dimension-toggles{display:flex;flex-wrap:wrap;gap:6px}.dimension-toggles button{min-width:48px;min-height:44px;padding:0 10px;border:1.5px solid var(--line);border-radius:10px;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.dimension-toggles button:hover{border-color:#a4b493}.dimension-toggles button.chosen{background:var(--brand);border-color:var(--brand);color:#fff}.custom-dimension{margin-top:10px;padding:12px;background:var(--pale);border-radius:10px}.custom-dimension label{font-size:13px;font-weight:700;display:flex;justify-content:space-between}.custom-dimension label span{font-weight:500;color:var(--muted)}.dimension-number{display:flex;align-items:center;gap:6px;margin-top:8px}.dimension-number input{width:90px;min-height:44px;border:1.5px solid var(--line-2);border-radius:10px;text-align:center;font-weight:800;font-size:16px}.dimension-number button{width:44px;height:44px;border-radius:10px;background:#fff;border:1.5px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center}.segmented-field{margin-top:4px}.segmented{display:flex;flex-wrap:wrap;gap:6px}.segmented button{flex:1 1 auto;min-height:44px;padding:0 12px;border:1.5px solid var(--line);border-radius:10px;font-weight:700;font-size:14px;background:#fff}.segmented button:hover:not(:disabled){border-color:#a4b493}.segmented button.chosen{background:var(--brand);border-color:var(--brand);color:#fff}.toggle-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;text-align:left;margin-top:10px}.toggle-row:hover:not(:disabled){border-color:#a4b493}.toggle-row>svg{color:var(--brand-2)}.toggle-row>span:nth-last-child(2){flex:1;display:flex;flex-direction:column}.toggle-row strong{font-size:14.5px}.toggle-row small{font-size:13px;color:var(--muted)}.toggle-row.on{border-color:var(--brand);background:var(--pale)}.switch{width:46px;height:28px;border-radius:99px;background:#d4dacf;position:relative;transition:background .2s;flex-shrink:0}.switch span{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .25s var(--ease)}.toggle-row.on .switch{background:var(--brand)}.toggle-row.on .switch span{transform:translate(18px)}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px 8px}.swatch-grid.dots{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}.swatch{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:6px 2px;border-radius:12px}.swatch:hover{background:#f7f9f3}.swatch-chip{width:100%;aspect-ratio:1;border-radius:10px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #0000001a;display:flex;align-items:center;justify-content:center;color:#fff;transition:box-shadow .2s}.swatch.round .swatch-chip{width:52px;height:52px;border-radius:50%;aspect-ratio:auto}.swatch-chip svg{filter:drop-shadow(0 1px 2px #000a)}.swatch.selected .swatch-chip{box-shadow:0 0 0 2px #fff,0 0 0 4.5px var(--brand)}.swatch-name{font-size:12.5px;font-weight:700;line-height:1.25}.swatch-sub{font-size:11.5px;color:var(--muted);margin-top:-3px}.swatch.flash .swatch-chip{animation:flash 1.1s var(--ease)}.family-tabs{display:flex;gap:4px;background:var(--pale);border-radius:12px;padding:4px;overflow-x:auto;scrollbar-width:none}.family-tabs button{flex:1;white-space:nowrap;min-height:40px;padding:0 12px;border-radius:9px;font-weight:700;font-size:13.5px;color:var(--ink-2);position:relative}.family-tabs button.active{background:#fff;color:var(--brand);box-shadow:0 1px 4px #0000001a}.family-tabs .dot{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.family-detail{font-size:13px;color:var(--muted);margin:10px 0 12px}.selected-detail{font-size:13.5px;color:var(--ink-2);margin-top:12px;padding:10px 12px;background:var(--pale);border-radius:10px}.small-note{display:flex;align-items:flex-start;gap:6px;font-size:12.5px;color:var(--muted);margin-top:10px;line-height:1.5}.small-note svg{margin-top:3px}.small-note.offer{color:#7a5a14;background:#fbf4e2;padding:8px 10px;border-radius:8px}.note{display:flex;gap:10px;align-items:flex-start;margin-top:20px;padding:12px 14px;border-radius:12px;background:#f6f8f3;color:var(--ink-2);font-size:13.5px;line-height:1.55}.note>svg{color:var(--brand-2);margin-top:2px}.note.good{background:#eef6e8}.note .inline-link{min-height:0;font-size:13.5px}.included-block{display:flex;gap:14px;padding:16px;border-radius:14px;background:var(--pale);border:1px solid #dbe6cc}.included-block svg{color:var(--brand-2)}.included-block h3{font-size:15.5px}.included-block p{font-size:13.5px;color:var(--ink-2);margin-top:4px}.tick-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}.tick-list li{display:flex;gap:8px;align-items:center;font-size:14px}.tick-list svg{color:var(--good)}.model-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.model-choice{padding:0;overflow:hidden}.model-image{position:relative;width:100%;aspect-ratio:448 / 300;background:#f0f0f0;overflow:hidden}.model-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.model-choice:hover .model-image img{transform:scale(1.04)}.model-tag{position:absolute;left:8px;bottom:8px;font-size:11.5px;font-weight:700;background:#fffffff0;color:var(--brand);padding:3px 8px;border-radius:99px}.model-text{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px}.model-text span{font-size:12.5px;color:var(--muted);line-height:1.4}.model-text b{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--brand-2);margin-top:3px}.model-detail{display:grid;grid-template-columns:1fr 160px;gap:14px;align-items:center;margin-top:16px;padding:14px;border-radius:14px;background:var(--pale)}.model-detail h3{font-size:16px}.photo-button{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4 / 3}.photo-button img{width:100%;height:100%;object-fit:cover}.photo-button span{position:absolute;left:6px;right:6px;bottom:6px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:700;background:#ffffffeb;padding:5px;border-radius:8px}.design-summary{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px}.design-summary img{width:120px;aspect-ratio:448 / 315;object-fit:cover;border-radius:10px}.design-summary h3{font-size:18px}.design-summary p{font-size:13px;color:var(--muted);margin-top:2px}.price-card{margin-top:16px;padding:20px;border-radius:16px;background:var(--brand);color:#fff;display:flex;flex-direction:column;gap:4px}.price-card .label{font-size:13px;color:#cfe0bf;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.price-card strong{font-size:34px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.price-card .from{font-size:14px;color:#e3ecd8}.price-card .inline-link{color:#e3f3b5;align-self:flex-start}.price-card .flipped,.flipped{transform:rotate(180deg)}.price-basis{font-size:12.5px;color:#dfe9d4;line-height:1.6}.success-banner{display:flex;gap:12px;margin-top:16px;padding:14px 16px;border-radius:14px;background:#eaf5e6;color:#1f4a28}.success-banner div{display:flex;flex-direction:column;gap:2px;font-size:13.5px}.cta-heading{font-size:16.5px;font-weight:800;margin:26px 0 12px}.cta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cta-card{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border-radius:14px;border:1.5px solid var(--line);background:#fff;text-decoration:none;min-height:72px;transition:border-color .2s,background .2s,transform .2s var(--ease)}.cta-card:hover:not(:disabled){border-color:var(--brand-3);background:var(--pale);transform:translateY(-1px)}.cta-card>svg{color:var(--brand-2)}.cta-card span{display:flex;flex-direction:column}.cta-card strong{font-size:14.5px}.cta-card small{font-size:12.5px;color:var(--muted)}.cta-card.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.cta-card.primary>svg{color:var(--lime)}.cta-card.primary small{color:#d7e5c9}.cta-card.primary:hover{background:var(--brand-2)}.cta-row{display:flex;flex-wrap:wrap;gap:8px}.cta-row .secondary-button{flex:1 1 160px}.cta-grid>[data-cta=book-call]{grid-column:1 / -1}.book-call-card{width:100%;margin-bottom:8px}.book-call-card>span{flex:1}.usp-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px}.usp-grid li{display:flex;gap:10px;align-items:flex-start}.usp-grid svg{color:var(--good);margin-top:2px}.usp-grid div{display:flex;flex-direction:column}.usp-grid strong{font-size:14px}.usp-grid span{font-size:13px;color:var(--muted);line-height:1.45}.testimonial{margin-top:20px;padding:18px;border-radius:14px;background:#f7f5ef}.testimonial svg{color:var(--accent)}.testimonial blockquote{font-size:17px;font-weight:700;letter-spacing:-.01em;margin-top:6px}.testimonial figcaption{font-size:13px;color:var(--muted);margin-top:6px}.spec-groups{display:grid;gap:12px}.spec-group h4{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--brand-3);margin-bottom:4px}.spec-group dl{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.spec-group dl div{display:grid;grid-template-columns:38% 1fr;gap:10px;padding:9px 12px;font-size:13.5px}.spec-group dl div:nth-child(2n){background:#f8faf6}.spec-group dt{color:var(--muted)}.spec-group dd{margin:0;font-weight:600}.lead-form{display:grid;gap:14px}.lead-form.enquiry{margin-top:16px;padding:18px;border-radius:16px;border:1.5px solid var(--line);background:#fcfdfb}.gate-benefits{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13.5px;font-weight:700;color:var(--good)}.gate-benefits span{display:inline-flex;gap:6px;align-items:center}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:13.5px;font-weight:700;display:flex;justify-content:space-between;gap:8px}.optional{font-weight:500;color:var(--muted);font-size:12.5px}.field-input{position:relative;display:flex;align-items:center;border:1.5px solid var(--line-2);border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s}.field-input:focus-within{border-color:var(--brand-3);box-shadow:0 0 0 3px #93a64733}.field-input input,.field-input select,.field-input textarea{flex:1;min-width:0;border:0;outline:0;background:transparent;min-height:48px;padding:10px 12px;font-size:16px}.field-input textarea{resize:vertical;min-height:84px}.has-error .field-input{border-color:var(--warn)}.is-valid .field-input{border-color:#6fa36a}.phone-prefix{padding-left:12px;font-size:14px;font-weight:700;color:var(--muted);white-space:nowrap}.valid-icon{color:var(--good);margin-right:12px}.field-hint,.field-error,.field-valid{font-size:12.5px;line-height:1.4;display:flex;gap:5px;align-items:flex-start}.field-hint{color:var(--muted)}.field-error{color:var(--warn);font-weight:600}.field-valid{color:var(--good);font-weight:600}.field-error svg,.field-valid svg{margin-top:1px}.chip-field{border:0;padding:0;margin:0}.chip-field legend{font-size:13.5px;font-weight:700;margin-bottom:6px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{min-height:40px;padding:0 14px;border:1.5px solid var(--line-2);border-radius:99px;font-weight:600;font-size:13.5px;background:#fff}.chip.chosen{background:var(--brand);color:#fff;border-color:var(--brand)}.privacy-note{display:flex;gap:6px;align-items:flex-start;font-size:12.5px;color:var(--muted)}.privacy-note svg{margin-top:2px}.form-error{color:var(--warn);font-weight:600;font-size:13.5px;background:#fbefec;padding:10px 12px;border-radius:10px}.form-reassurance{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;color:var(--muted)}.or-call{text-align:center;font-size:13.5px;color:var(--muted)}.or-call a{font-weight:800;color:var(--ink)}.success-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:10px 6px}.success-state>svg{color:var(--good)}.success-state h3{font-size:20px}.success-state p{color:var(--ink-2);font-size:14.5px}.demo-note{font-size:12.5px!important;color:#7a5a14!important;background:#fbf4e2;padding:6px 10px;border-radius:8px}.dialog{border:0;border-radius:20px;padding:0;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);box-shadow:0 30px 80px #0000004d;color:var(--ink);overflow:hidden}.dialog[open]{display:flex;flex-direction:column;animation:pop .35s var(--ease)}.dialog-wide{width:min(980px,calc(100vw - 24px))}.dialog::backdrop{background:#141c16a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.98)}}.dialog-fallback{position:fixed;z-index:1001;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;background:#fff}.dialog-fallback[open]{animation:none}.dialog-backdrop-fallback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#141c16a6}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 10px 22px;border-bottom:1px solid var(--line)}.dialog-heading h2{font-size:20px}.dialog-body{padding:18px 22px 22px;overflow-y:auto}.dialog-intro{color:var(--ink-2);font-size:14.5px;margin-bottom:4px}.dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.showroom{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.showroom-media img{border-radius:14px;aspect-ratio:4 / 3;object-fit:cover;width:100%}.showroom-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.showroom-thumbs img{aspect-ratio:4 / 3}.showroom-info{display:flex;flex-direction:column;gap:12px}.showroom-facts{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14px}.showroom-facts li{display:flex;gap:10px;align-items:flex-start}.showroom-facts svg{color:var(--brand-2);margin-top:2px}.showroom-actions{display:flex;flex-wrap:wrap;gap:8px}.showroom-actions>*{flex:1 1 140px}.brochure{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:start}.brochure img{border-radius:10px;box-shadow:0 10px 24px #0002}.brochure .tick-list{margin:12px 0 16px}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.photo-pair img{width:100%;border-radius:12px;aspect-ratio:448 / 315;object-fit:cover}.photo-pair figcaption{font-size:13px;color:var(--muted);margin-top:6px;font-weight:600}.saved-list{display:grid;gap:8px;margin:12px 0}.saved-item{display:grid;grid-template-columns:auto 72px 1fr auto;gap:12px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:12px}.saved-item img{border-radius:8px;aspect-ratio:448 / 315;object-fit:cover}.saved-item div{display:flex;flex-direction:column}.saved-item span{font-size:13px;color:var(--muted)}.compare-check input{width:20px;height:20px;accent-color:var(--brand)}.empty-state{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 0}.empty-state svg{color:var(--accent)}.comparison-table{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comparison-table>div{border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}.comparison-table img{border-radius:10px}.comparison-table dl{margin:0;font-size:13px}.comparison-table dl div{display:grid;grid-template-columns:42% 1fr;gap:6px;padding:4px 0;border-bottom:1px solid #eef1ec}.comparison-table dt{color:var(--muted)}.comparison-table dd{margin:0;font-weight:600}.compare-price{font-weight:800}.compare-gate{color:var(--muted);font-size:13px}.share-input{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13.5px;margin-top:12px}.share-input input{min-height:46px;border:1.5px solid var(--line-2);border-radius:10px;padding:0 12px;font-size:14px}.menu-dialog .dialog-body{padding:10px 12px 16px}.menu-list{display:grid;gap:4px}.menu-list>*{display:flex;align-items:center;gap:14px;text-align:left;padding:12px;border-radius:12px;text-decoration:none;min-height:60px}.menu-list>*:hover{background:var(--pale)}.menu-list>*>svg:first-child{color:var(--brand-2)}.menu-list span{flex:1;display:flex;flex-direction:column}.menu-list small{color:var(--muted);font-size:13px}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500}.tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#121a14b3}.tour-spotlight{position:fixed;border-radius:16px;box-shadow:0 0 0 9999px #121a14b8;outline:3px solid var(--lime);outline-offset:2px;transition:all .35s var(--ease);pointer-events:none}.tour-card{position:fixed;width:360px;background:#fff;border-radius:18px;padding:20px;box-shadow:0 24px 60px #0006;outline:none;animation:pop .35s var(--ease)}.tour-card.is-centred{top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));animation:none}.tour-card.is-docked{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto}.tour-close{position:absolute;top:8px;right:8px}.tour-icon{width:44px;height:44px;border-radius:12px;background:var(--pale);color:var(--brand);display:flex;align-items:center;justify-content:center}.tour-count{font-size:12px;font-weight:800;color:var(--brand-3);text-transform:uppercase;letter-spacing:.08em;margin-top:12px}.tour-card h2{font-size:20px;margin-top:4px}.tour-card p#tour-body{color:var(--ink-2);font-size:14.5px;margin-top:6px}.tour-dots{display:flex;gap:5px;margin-top:14px}.tour-dots span{width:7px;height:7px;border-radius:99px;background:var(--line-2);transition:width .3s}.tour-dots span.on{width:20px;background:var(--brand)}.tour-actions{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px}.tour-actions .primary-button{min-height:46px}.page-footer{max-width:1640px;margin:22px auto 0;padding:18px clamp(12px,1.6vw,24px) 28px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:16px}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:1200;pointer-events:none}.toast:not(:empty){display:flex;gap:8px;align-items:center;background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;box-shadow:0 10px 30px #0004;max-width:calc(100vw - 32px);animation:pop .3s var(--ease)}.toast svg{color:var(--lime)}.studio.expanded{grid-template-columns:1fr}.studio.expanded .panel{display:none}.studio.expanded .viewer-wrap{height:calc(100vh - var(--topbar) - 150px)}@media(max-width:1240px){.top-link span,.top-phone span{display:none}.top-phone{padding-left:10px}.studio{grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr)}.use-grid,.option-grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.cta-ghost{padding:0 10px}.usp-strip>div{justify-content:flex-start}}@media(max-width:979px){:root{--topbar: 62px}.top-actions{display:none}.top-mobile{display:flex}.brand img{height:40px}.studio{grid-template-columns:1fr;gap:0;padding:0;margin-top:0}.stage{position:-webkit-sticky;position:sticky;top:0;z-index:20;gap:0;background:var(--bg);box-shadow:0 6px 16px #1f2a2214}.viewer-wrap{height:clamp(250px,44vh,520px);border-radius:0;box-shadow:none}.price-bar{border-radius:0;box-shadow:none;border-bottom:1px solid var(--line);padding:8px 10px 8px 12px}.price-now strong{font-size:19px}.price-now .label{font-size:12px}.price-now .sub{display:none}.price-locked strong{font-size:14.5px}.price-locked>svg:first-child{width:34px;height:34px;padding:8px}.icon-text{min-width:46px;min-height:46px;font-size:11px}.panel{position:static;height:auto;min-height:0;max-height:none;border-radius:0;box-shadow:none}.step-nav{display:flex;overflow-x:auto;scrollbar-width:none;padding:6px 8px 0;gap:2px}.step-nav::-webkit-scrollbar{display:none}.step-nav button{flex:0 0 auto;min-width:74px}.step-content{overflow:visible;padding:18px 16px 120px}.step-footer{position:fixed;left:0;right:0;bottom:0;z-index:40;border-radius:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px #1f2a221a}.step-footer .primary-button{flex:1;max-width:360px}.hide-mobile{display:none!important}.page-footer{padding-bottom:110px}.toast{bottom:calc(90px + env(safe-area-inset-bottom))}.view-tabs{bottom:10px}.view-tabs button{min-height:38px;padding:0 12px}.zoom-tools{top:auto;bottom:60px;transform:none}.focus-chip{top:70px}.showroom{grid-template-columns:1fr}}@media(max-width:640px){body{font-size:15px}.usp-strip{font-size:12.5px}.step-heading h2{font-size:22px}.viewer-chip{left:10px;top:10px;padding:7px 10px}.viewer-chip strong{font-size:13.5px}.viewer-chip span{font-size:12px}.viewer-tools{right:10px;top:10px;gap:5px}.tool{width:40px;height:40px}.zoom-tools{right:10px}.view-tabs button span{font-size:12.5px}.view-tabs button{padding:0 10px;gap:5px}.view-tabs button svg{display:none}.focus-chip{top:62px;font-size:12.5px;padding:7px 12px}.price-actions .icon-text span{display:none}.icon-text{min-width:42px}.price-locked small,.price-locked .long{display:none}.price-locked .short{display:inline}.viewer-wrap{height:clamp(240px,40vh,420px)}.use-grid{grid-template-columns:repeat(2,1fr);gap:8px}.use-grid .choice{min-height:118px;padding:12px}.size-presets{grid-template-columns:repeat(2,1fr)}.model-grid{grid-template-columns:1fr 1fr;gap:8px}.model-text{padding:8px 9px 10px}.model-text span{display:none}.model-detail{grid-template-columns:1fr}.photo-button{aspect-ratio:16 / 9}.option-grid,.option-grid.three{grid-template-columns:1fr 1fr;gap:8px}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}.form-two,.cta-grid,.usp-grid{grid-template-columns:1fr}.design-summary img{width:92px}.dialog{width:100vw;max-width:100vw;max-height:92vh;max-height:92dvh;border-radius:20px 20px 0 0;margin:auto 0 0}.dialog-fallback{top:auto;bottom:0;left:0;transform:none}.dialog-body{padding:16px 16px calc(20px + env(safe-area-inset-bottom))}.brochure{grid-template-columns:1fr}.brochure img{max-width:180px}.photo-pair,.comparison-table{grid-template-columns:1fr}.saved-item{grid-template-columns:auto 56px 1fr auto;gap:8px}.price-card strong{font-size:28px}}@media(max-width:380px){.brand img{height:32px;max-width:110px;object-fit:contain;object-position:left}.top-mobile{gap:0}.price-actions .icon-text:first-child{display:none}.price-locked>svg:last-child{display:none}.top-mobile .cta-solid.small{padding:0 9px}.step-footer .back-button{padding:0 8px}}.viewer-picture .zoom-tools,.viewer-picture .view-tabs,.viewer-picture .viewer-tools .tool:not(:nth-child(3)){display:none}@media(max-width:979px)and (max-height:500px){.stage{position:static;box-shadow:none}.viewer-wrap{height:78vh}}.viewer-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;font-size:14px;color:var(--ink-2)}.viewer-error img{max-height:70%;border-radius:12px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}