*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:Outfit,'Segoe UI',sans-serif;color:#2c382c;background:#f5f4ef;font-weight:350;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #8c9e67;outline-offset:4px}button{transition:background .22s,border-color .22s,box-shadow .22s,transform .22s}button:active:not(:disabled){transform:scale(.98)}h1,h2,h3,p{margin:0}button{border:0}#app{height:100dvh;display:flex;flex-direction:column}.header{height:86px;flex:0 0 86px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid #e5e5dc;background:#fcfcf9;z-index:5}.brand{color:#3e4e33;text-decoration:none;display:flex;gap:13px;align-items:center;font-size:21px;font-weight:450;letter-spacing:.2em}.brand svg{width:33px;height:40px}.brand-sub{display:block;font-size:8px;letter-spacing:.34em;margin-top:3px}.header-center{display:flex;align-items:center;gap:20px;font-size:11px;color:#a0a397;letter-spacing:.06em}.header-center b{font-size:12px;font-weight:400;letter-spacing:0;margin-left:8px}.header-center .step-active{color:#48573b}.step-line{width:52px;height:1px;background:#d7dacd}.header-help{background:none;font-size:12px}.header-help span{margin-left:18px;font-size:18px}.layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 410px;overflow:hidden}.stage{position:relative;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 44% 42%,#f2f3ec 0,#e9ebe1 57%,#e3e6da 100%)}.stage-title{position:absolute;top:34px;left:38px;z-index:2;pointer-events:none}.eyebrow{font-size:9px;font-weight:500;letter-spacing:.17em;color:#7b846e;display:flex;align-items:center;gap:7px}.live-dot{width:5px;height:5px;background:#839268;border-radius:50%}.stage-title h1{font-size:clamp(30px,3vw,48px);line-height:1.13;font-weight:400;letter-spacing:-.045em;margin-top:15px}.stage-title h1 span{color:#828b76}.stage-title p{font-size:12px;margin-top:12px;color:#87917d}.viewer{position:absolute;inset:20px 0 0;touch-action:none;outline-offset:-4px!important}.viewer canvas{display:block;width:100%;height:100%}.views{position:absolute;right:26px;top:30px;z-index:3;display:flex;background:#ffffffa6;border:1px solid #ffffffb8;border-radius:30px;padding:4px;backdrop-filter:blur(10px);box-shadow:0 3px 18px #434c2a05}.views button{background:transparent;border-radius:30px;padding:9px 16px;font-size:11px}.views button[aria-pressed=true]{background:#3e5036;color:white;box-shadow:0 3px 8px #37462c24}.model-badge{position:absolute;bottom:95px;left:30px;display:flex;gap:12px;align-items:center;background:#ffffffc7;border:1px solid #fff9;backdrop-filter:blur(12px);padding:12px 15px;border-radius:14px;box-shadow:0 6px 20px #34422106}.badge-icon{width:34px;height:34px;display:grid;place-items:center;background:#eef0e7;border-radius:10px;font-size:26px;color:#77836a}.model-badge strong{display:block;font-weight:450;font-size:12px}.model-badge div span{display:block;font-size:10px;color:#909784;margin-top:3px}.model-check{background:#edf1e6;color:#7c8f64;padding:3px 5px;font-size:10px;border-radius:50%;margin-left:15px}.stage-footer{position:absolute;bottom:27px;left:32px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:10px}.orbit-hint{display:flex;align-items:center;gap:10px;color:#848d78;font-size:10px}.orbit-hint i{font-style:normal;margin:0 5px}.tools{display:flex;align-items:center;gap:2px;background:#fff9;border:1px solid #fff9;padding:5px;border-radius:28px;backdrop-filter:blur(10px)}.tools button{width:30px;height:30px;border-radius:50%;background:transparent;font-size:18px}.tools button:hover{background:#dde3d4}.tools>span{width:1px;height:16px;background:#daddd2;margin:0 7px}.tools .compare{width:auto;border-radius:24px;padding:0 12px;font-size:10px}.tools .compare[aria-pressed=true]{background:#43563a;color:white}.sidebar{min-height:0;display:flex;flex-direction:column;background:#fcfcf9;border-left:1px solid #e3e5db}.options-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd0bf transparent;scroll-behavior:smooth;padding:32px 28px 18px}.intro .eyebrow{font-size:8px}.intro h2{font-size:28px;letter-spacing:-.035em;font-weight:450;margin:9px 0}.intro p{font-size:12px;line-height:1.7;color:#8a9182}.option-section{padding-top:26px}.section-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}.section-head h3{font-size:13px;font-weight:450;letter-spacing:-.01em}.number{font-size:9px;display:grid;place-items:center;border:1px solid #e1e4d7;width:23px;height:23px;border-radius:50%;color:#7b856c}.selected-label{margin-left:auto;font-size:10px;color:#85906f}.section-desc{font-size:11px;color:#8e9586;margin:0 0 13px}.depths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.depth-card{padding:12px 4px 11px;border:1px solid #e4e7dc;border-radius:11px;background:#fff;text-align:center;display:flex;flex-direction:column;align-items:center}.depth-card:hover,.light-card:hover,.facade-card:hover{border-color:#a9b596;box-shadow:0 3px 12px #43573408}.depth-card[aria-pressed=true]{border-color:#84956c;background:#eff3e7;box-shadow:inset 0 0 0 .5px #84956c}.depth-card strong{font-size:14px;font-weight:450;margin-top:7px}.depth-card small{font-size:9px;color:#9ba48d;margin-top:3px}.depth-drawing{height:29px;width:30px;display:flex;align-items:flex-end;justify-content:center;border:1px solid #c4cdb7;border-bottom:2px solid #8c9b77;position:relative}.depth-drawing:before{content:'';position:absolute;inset:4px 4px 0;border:1px solid #d2d8c8}.depth-drawing i{display:block;width:28px;background:#d7dfc9;border-top:1px solid #aaba95;z-index:1;opacity:.8}.option-price{font-size:9px;white-space:nowrap;margin-top:9px;color:#63734e}.fine{font-size:9px;color:#9da591;margin-top:9px;line-height:1.5}.fine:empty{display:none}.light-list{display:grid;gap:7px}.light-card{display:flex;align-items:center;gap:10px;border:1px solid #e4e7dc;border-radius:11px;background:#fff;padding:12px;text-align:left}.light-card[aria-pressed=true]{background:#f0f4e9;border-color:#84956c;box-shadow:inset 0 0 0 .5px #84956c}.light-icon{width:40px;height:35px;color:#8b9779;flex-shrink:0}.light-icon svg{width:100%;height:100%}.light-text{flex:1}.light-text strong{font-size:12px;font-weight:400}.light-text small{display:block;font-size:9px;color:#96a087;margin-top:4px}.light-end{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.light-end b{font-size:9px;font-weight:400;white-space:nowrap}.radio{width:12px;height:12px;border:1px solid #c3cdb5;border-radius:50%;display:block;position:relative}.light-card[aria-pressed=true] .radio{background:#7d9063;border-color:#7d9063}.light-card[aria-pressed=true] .radio:after{content:'';position:absolute;width:4px;height:4px;background:white;border-radius:50%;top:3px;left:3px}.facades{display:grid;grid-template-columns:1fr 1fr;gap:10px}.facade-card{padding:5px;border:1px solid #e2e6d8;border-radius:11px;background:#fff;text-align:left}.wood-sample{display:block;position:relative;width:100%;height:66px;border-radius:7px;background:repeating-linear-gradient(90deg,#806248 0px,#97795b 5px,#87694e 10px,#a28564 14px,#604a35 15px,#443727 17px)}.wood-sample.dark{background:repeating-linear-gradient(90deg,#4a4d43 0,#626459 5px,#515548 10px,#5e6156 14px,#31362f 15px,#262d23 17px)}.wood-sample i{display:none;position:absolute;right:7px;top:7px;background:#fbfcf6;color:#5d7045;border-radius:50%;width:17px;height:17px;font-size:10px;font-style:normal;text-align:center;line-height:17px}.facade-card>span+span{display:flex;flex-direction:column;gap:3px;padding:9px 6px 5px}.facade-card strong{font-size:11px;font-weight:400}.facade-card small{font-size:9px;color:#939d86}.facade-card[aria-pressed=true]{border-color:#879a6e;background:#f0f4e9}.facade-card[aria-pressed=true] .wood-sample i{display:block}.cost-details{margin-top:28px;padding:21px 0 0;border-top:1px solid #e4e7dc}.price-tag{margin-left:auto;background:#eff2e8;border-radius:5px;padding:4px 6px;font-size:7px;letter-spacing:.08em;color:#82916b}dl{margin:14px 0}dl>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin:12px 0;color:#808b72}dt small{font-size:8px;color:#9da590}dd{margin:0;font-weight:400;color:#4e5c43;font-variant-numeric:tabular-nums}.options-total{padding-top:12px;border-top:1px solid #e7eadf;color:#34472a}.price-note{font-size:9px;line-height:1.6;color:#98a08d}.text-link{font-size:9px;color:#71825c;text-decoration:underline;text-underline-offset:3px;background:transparent;padding:8px 0}.secondary-actions{display:flex;justify-content:space-between;margin-top:22px}.secondary-actions button{background:none;font-size:9px;color:#8b967e;padding:5px 0}.summary{flex-shrink:0;padding:20px 28px 18px;background:#fcfcf9;border-top:1px solid #e3e8d9;box-shadow:0 -8px 25px #43533204;z-index:2}.total-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.total-row>div>span{font-size:11px;font-weight:400}.total-row small{display:block;font-size:9px;color:#959e89;margin-top:5px}.total-row strong{font-size:28px;letter-spacing:-.045em;font-weight:450;font-variant-numeric:tabular-nums}.save-button{width:100%;display:flex;align-items:center;justify-content:space-between;background:#435837;color:#fff;border-radius:10px;padding:15px 18px;font-size:12px;box-shadow:0 5px 13px #30482415}.save-button:hover{background:#526d42;box-shadow:0 6px 18px #30482425;transform:translateY(-1px)}.save-button>span+span{font-size:18px;font-weight:300}.summary-meta{display:flex;justify-content:space-between;font-size:8px;color:#94a083;margin-top:13px;gap:6px}.summary-meta i{display:inline-block;background:#91a075;width:4px;height:4px;border-radius:50%;margin-right:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.loading{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;font-size:12px;color:#738162;z-index:4}.loading span{width:18px;height:18px;border:2px solid #cdd5bd;border-top-color:#758b5d;border-radius:50%;animation:spin .9s linear infinite}[hidden]{display:none!important}.model-error{position:absolute;bottom:170px;left:30px;right:30px;background:#fff9e8;padding:15px;border-radius:12px;font-size:12px;z-index:4}.plan{position:absolute;inset:170px 20px 100px;display:flex;align-items:center;justify-content:center;flex-direction:column}.plan svg{height:100%;max-width:100%;filter:drop-shadow(0 7px 12px #3d502516)}.plan svg text{font-family:Outfit,sans-serif;font-size:13px;fill:#6b765c}.plan>span{font-size:9px;color:#859173}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;background:#30432a;color:white;border-radius:12px;padding:15px 24px;z-index:20;font-size:13px;box-shadow:0 8px 24px #1f34232a}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{max-width:550px;width:calc(100% - 36px);max-height:85dvh;padding:38px;border:1px solid #e0e5d5;background:#fcfcf8;border-radius:22px;color:#3c4c30;box-shadow:0 25px 100px #192d2440}dialog::backdrop{background:#26321c55;backdrop-filter:blur(8px)}dialog h2{font-size:32px;font-weight:450;line-height:1.13;letter-spacing:-.03em;margin:16px 0 20px}dialog h3{font-size:15px;font-weight:450;margin-top:24px}dialog p{font-size:12px;line-height:1.8;color:#7b866c;margin-top:14px}dialog a{color:#51683b}.dialog-close{position:absolute;right:18px;top:17px;width:30px;height:30px;border-radius:50%;background:#edf1e4;font-size:20px;color:#7f8b6d}.print-sheet{display:none}.stage-title,.intro{animation:arrive .65s both}.option-section{animation:arrive .6s both;animation-delay:.08s}.option-section:nth-of-type(2){animation-delay:.15s}.option-section:nth-of-type(3){animation-delay:.22s}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.layout{grid-template-columns:minmax(0,1fr) 460px}.options-scroll{padding:36px 34px 24px}.summary{padding:22px 34px}.stage-title{top:43px;left:46px}.intro h2{font-size:32px}.option-section{padding-top:30px}.light-card{padding:15px}.wood-sample{height:80px}.depth-card{padding:15px 5px}.option-price{font-size:10px}.light-text strong{font-size:14px}.light-text small{font-size:10px}.section-head h3{font-size:15px}.section-desc{font-size:12px}}
@media(max-width:1150px){.layout{grid-template-columns:minmax(0,1fr) 365px}.options-scroll{padding:26px 22px 18px}.summary{padding:18px 22px}.header{padding:0 24px}.header-center{display:none}.stage-title{left:26px}.stage-title h1{font-size:34px}.views{top:190px;left:25px;right:auto}.stage-footer{left:20px;right:20px;bottom:20px}.orbit-hint{display:none}.tools{margin-left:auto}.model-badge{left:22px;bottom:85px}.total-row strong{font-size:25px}.option-price{font-size:8px}.light-card{padding:10px}.light-text small{font-size:8px}}
@media(max-width:760px){.header{height:62px;flex-basis:62px;padding:0 18px}.brand{font-size:16px;gap:8px}.brand svg{width:25px;height:31px}.brand-sub{font-size:6px}.header-help{font-size:10px}.header-help span{margin-left:7px}.layout{display:flex;flex-direction:column}.stage{flex:0 0 42%;min-height:225px}.stage-title{top:17px;left:19px}.stage-title .eyebrow{font-size:6px}.stage-title h1{font-size:23px;margin-top:8px}.stage-title p{display:none}.views{left:auto;right:12px;top:14px;padding:3px}.views button{font-size:8px;padding:7px 9px}.viewer{inset:0}.model-badge{left:14px;bottom:13px;padding:7px 10px;border-radius:10px;gap:8px}.badge-icon{width:24px;height:24px;font-size:20px;border-radius:7px}.model-badge strong{font-size:9px}.model-badge div span{font-size:7px}.model-check{display:none}.stage-footer{right:12px;left:auto;bottom:13px}.tools{padding:3px}.tools button{width:25px;height:25px;font-size:15px}.tools .compare{padding:0 6px;font-size:8px}.tools>span{margin:0 3px}.sidebar{flex:1;min-height:0;border-left:0;border-top:1px solid #e1e6d7}.options-scroll{padding:23px 22px 18px}.intro h2{font-size:26px}.intro p{font-size:11px}.option-price{font-size:10px}.depth-card{padding:13px 6px}.light-text small{font-size:10px}.summary{padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:6px 15px}.total-row{margin:0}.total-row>div>span{display:none}.total-row{flex-direction:column-reverse;align-items:flex-start;gap:0}.total-row strong{font-size:25px}.total-row small{font-size:8px;margin:1px 0}.save-button{font-size:10px;padding:10px 12px;gap:5px}.save-button>span+span{font-size:17px}.summary-meta{grid-column:1/-1;margin-top:2px;font-size:7px}.plan{inset:15px 10px 46px}.plan>span{font-size:7px}.plan svg{margin-left:80px}.loading{font-size:10px;white-space:nowrap}.toast{max-width:90vw;width:max-content;font-size:11px;padding:13px 17px}.model-error{left:10px;right:10px;bottom:58px;font-size:10px;padding:10px}}
@media(max-height:650px) and (min-width:761px){.header{height:64px;flex-basis:64px}.stage-title h1{font-size:32px}.stage-title p{display:none}.summary{padding-top:14px;padding-bottom:12px}.stage-title{top:24px}.model-badge{bottom:75px}.stage-footer{bottom:18px}}
@media(max-width:760px){.stage-title h1{font-size:18px}.stage-title h1 span,.stage-title h1 br{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{html,body,#app{height:auto;overflow:visible;background:white}.header,.layout,dialog,.toast{display:none!important}.print-sheet{display:block;padding:22px;color:#27321e;font-size:11px}.print-sheet h1{font-size:19px;letter-spacing:.2em}.print-sheet h2{font-size:26px;font-weight:450;margin:12px 0}.print-sheet img{display:block;width:100%;max-height:410px;object-fit:contain;background:#eef0e7;margin:18px 0;border-radius:14px}.print-sheet table{width:100%;border-collapse:collapse}.print-sheet td,.print-sheet th{padding:10px;border-bottom:1px solid #ddd;text-align:left}.print-sheet td:last-child,.print-sheet th:last-child{text-align:right}.print-sheet p{margin-top:15px;line-height:1.6;color:#747d6a}}
:root{color-scheme:light;--line:#e3e5db}
/* Keep touch targets usable without allowing the page to scroll. */
.header-help,.views button,.tools button,.dialog-close{min-height:44px}
.tools button,.dialog-close{min-width:44px}.tools .compare{min-width:104px}
.sidebar{min-width:0}.options-scroll{flex:1;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.light-text{min-width:0}
@media(max-width:760px){
.header{height:60px;flex-basis:60px;padding:0 max(16px,env(safe-area-inset-left))}.header-help{font-size:11px}
.stage{flex:0 0 40%;min-height:200px;max-height:420px}
.stage-title{top:16px;left:16px}.stage-title h1{font-size:19px;margin-top:6px}.stage-title .eyebrow{display:none}
.views{top:9px;right:9px;padding:3px}.views button{font-size:11px;padding:7px 11px}
.model-badge{display:none}.stage-footer{bottom:10px;right:10px;left:10px;justify-content:flex-end}
.tools{margin-left:0;padding:3px}.tools button{width:44px;height:44px;font-size:21px}.tools .compare{font-size:11px;padding:0 12px}.tools>span{margin:0 5px}
.options-scroll{padding:22px 18px 24px;scroll-padding:20px}
.intro h2{font-size:27px}.intro p,.section-desc{font-size:13px}.intro .eyebrow{font-size:9px}
.section-head h3{font-size:15px}.number{font-size:11px;width:26px;height:26px}.selected-label{font-size:11px}
.depth-card{padding:12px 3px}.depth-card strong{font-size:16px}.depth-card small,.option-price{font-size:11px}
.fine,.price-note{font-size:11px}.light-card{min-height:80px;padding:12px;gap:8px}.light-text strong{font-size:14px}.light-text small,.light-end b{font-size:11px}.light-icon{width:36px}
.facade-card strong{font-size:13px}.facade-card small{font-size:11px}.facade-card>span+span{padding:10px 7px}.wood-sample{height:72px}
dl>div{font-size:13px}dt small{font-size:10px}.price-tag{font-size:8px}
.text-link{font-size:12px;min-height:44px}.secondary-actions{display:grid;gap:4px}.secondary-actions button{text-align:left;font-size:12px;min-height:44px}
.summary{padding:12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom));gap:6px 12px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.total-row strong{font-size:27px}.total-row small{font-size:10px}.save-button{min-height:48px;font-size:12px;padding:10px 12px;line-height:1.3}.summary-meta{font-size:9px}.summary-meta>span:last-child{display:none}
.plan{inset:65px 12px 68px}.plan svg{margin-left:0}.plan>span{font-size:9px}
dialog{padding:32px 22px 24px;max-height:calc(100dvh - 24px)}dialog p{font-size:14px}.dialog-close{top:10px;right:10px}
.toast{bottom:max(110px,env(safe-area-inset-bottom));font-size:12px}
}
@media(max-width:360px){
.header{padding:0 12px}.brand{font-size:14px}.header-help{font-size:10px}.header-help span{margin-left:2px}
.stage-title h1{font-size:16px}.views button{font-size:10px;padding:7px 8px}
.options-scroll{padding-left:12px;padding-right:12px}.section-head{gap:6px}.section-head h3{font-size:14px}.option-price{font-size:10px}.summary{padding-left:12px;padding-right:12px}.summary-meta{font-size:8px}.total-row strong{font-size:25px}
}
/* Landscape phones retain two usable panes instead of a shallow vertical stack. */
@media(max-height:500px) and (min-width:600px){
.header{height:52px;flex-basis:52px;padding:0 16px}.header-center{display:none}
.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,42%)}
.stage{min-height:0;max-height:none}.stage-title{top:14px;left:14px}.stage-title .eyebrow,.stage-title p,.stage-title h1 span,.stage-title h1 br{display:none}.stage-title h1{font-size:21px;margin:0}
.views{top:49px;left:12px;right:auto}.views button{font-size:11px;padding:7px 12px}.viewer{inset:0}.model-badge,.orbit-hint{display:none}.stage-footer{left:10px;right:10px;bottom:10px}.tools{margin-left:auto}.tools button{width:44px;height:44px}.tools .compare{font-size:11px}
.sidebar{border-left:1px solid var(--line);border-top:0}.options-scroll{padding:18px 16px}.intro p{display:none}.intro h2{font-size:25px}.option-section{padding-top:20px}
.summary{display:grid;grid-template-columns:1fr 1.1fr;gap:6px 10px;padding:10px 14px max(10px,env(safe-area-inset-bottom))}.total-row{flex-direction:column-reverse;align-items:flex-start;gap:0;margin:0}.total-row>div>span{display:none}.total-row strong{font-size:25px}.total-row small{font-size:9px;margin:0}.save-button{min-height:48px;font-size:11px;padding:9px}.summary-meta{display:none}
.plan{inset:100px 12px 66px}.plan svg{margin-left:0}
}
.stage-title{text-shadow:0 1px 16px #f1f2e9,0 0 30px #f1f2e9}
.house-selection{margin-top:25px;padding-bottom:5px}.house-types{display:grid;grid-template-columns:1fr 1fr;gap:10px}.house-card{display:flex;align-items:flex-start;flex-direction:column;text-align:left;gap:5px;border:1px solid #e2e6d8;border-radius:12px;padding:13px;background:#fff}.house-card svg{height:48px;width:68px;fill:#e8eddf;stroke:#788869;stroke-width:1.4;margin-bottom:5px}.house-card strong{font-size:13px;font-weight:450}.house-card small{font-size:10px;color:#7c876f}.house-card>span{font-size:11px;color:#5e714e;margin-top:3px}.house-card[aria-pressed=true]{border-color:#84956c;background:#eff3e7;box-shadow:inset 0 0 0 .5px #84956c}.house-card:hover{border-color:#84956c}
@media(max-width:760px){.house-card{padding:14px}.house-card strong{font-size:15px}.house-card small,.house-card>span{font-size:12px}.house-selection .section-head h3{font-size:16px}}
/* The header has no right-hand control, so centre the steps on the bar itself. */
.header{position:relative}.header-center{position:absolute;left:50%;transform:translateX(-50%)}