/* Home-only refinement; editor and shared colour rules below are preserved. */
body[data-page=home]{background:var(--ui-f7f5f1,#f7f5f1);color:var(--ui-3e4140,#3e4140)}
body[data-page=home] #studioPages{max-width:none;min-height:0;margin:0;padding:0}
body[data-page=home] .studioHeader{position:absolute;z-index:5;top:max(16px,env(safe-area-inset-top));left:max(6vw,env(safe-area-inset-left));right:max(6vw,env(safe-area-inset-right));height:44px;padding:0;background:transparent;border:0;justify-content:flex-end}
body[data-page=home] .studioHeader>a{display:none}
body[data-page=home] .headerUtilities{gap:6px}
body[data-page=home] .headerUtilities button{width:44px;height:44px;min-width:44px;padding:11px;border:0;border-radius:6px;background:transparent}
body[data-page=home] .headerUtilities .icon{width:22px;height:22px;stroke-width:1.5}
body[data-page=home]>footer{display:none}
.webHome{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:28px;width:100%;height:100dvh;min-height:700px;padding:max(88px,env(safe-area-inset-top)) max(6vw,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(6vw,env(safe-area-inset-left))}
.webHome .startContent{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:4vw;align-items:center;width:min(1360px,100%);margin:auto;min-height:0}
.webHome .startText{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch;text-align:left;font-feature-settings:"palt" 1}
.webHome .startEyebrow{margin:0 0 24px;color:var(--ui-637c86,#637c86);font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.18em}
.webHome .startBrand{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;display:flex;flex-direction:column;gap:.12em;font-size:clamp(44px,5vw,76px);font-weight:500;line-height:1.08;letter-spacing:.005em;color:var(--ui-3e4140,#3e4140)}
.webHome .brandPrimary{display:block;font-weight:500;letter-spacing:.015em;color:var(--ui-536f7b,#536f7b)}.webHome .brandProduct{display:block;font-weight:700;letter-spacing:.005em;white-space:nowrap}
.webHome .startSubtitle{margin:18px 0 0;font-size:clamp(15px,1.25vw,18px);font-weight:400;line-height:1.5;letter-spacing:.01em;color:var(--ui-69767a,#69767a)}
.webHome .startTitle{margin:34px 0 0;font-size:clamp(22px,1.95vw,28px);font-weight:400;line-height:1.5;letter-spacing:.055em;color:var(--ui-414846,#414846)}
.webHome .startPrinciples{margin:12px 0 0;font-size:12px;line-height:1.7;letter-spacing:.055em;color:var(--ui-727773,#727773)}.webHome .startPrinciples span{padding:0 .22em;color:var(--ui-9aa4a3,#9aa4a3)}
.webHome .startActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,400px);margin-top:30px}
.webHome .startButton{grid-column:1/-1;display:flex;align-items:center;gap:12px;width:100%;min-height:56px;margin:0;padding:14px 20px;border:1px solid var(--ui-5b7884,#5b7884);border-radius:3px;background:var(--ui-5b7884,#5b7884);color:var(--ui-ffffff,#fff);font-size:15px;font-weight:500;letter-spacing:.02em;text-align:left;transition:background-color 140ms ease,border-color 140ms ease}
.webHome .startButton:hover{background:var(--ui-4c6773,#4c6773);border-color:var(--ui-4c6773,#4c6773)}.webHome .startButton:active{background:var(--ui-435f6b,#435f6b)}
.webHome .startButton .icon{width:21px;height:21px}.webHome .startButton .icon:last-child{margin-left:auto;width:18px;height:18px}
.webHome .startSecondary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:12px 10px;border:1px solid var(--ui-d9d5cc,#d9d5cc);border-radius:3px;background:var(--ui-fffefa,#fffefa);color:var(--ui-536f7b,#536f7b);font-size:14px;letter-spacing:0;transition:background-color 140ms ease,border-color 140ms ease}
.webHome .startSecondary:hover{background:var(--ui-efefea,#efefea);border-color:var(--ui-bbc5c7,#bbc5c7)}.webHome .startSecondary:active{background:var(--ui-e6ebea,#e6ebea)}.webHome .startSecondary .icon{width:20px;height:20px}
.webHome button:focus-visible{outline:2px solid var(--ui-668794,#668794);outline-offset:4px}
.webHome .startArt{min-width:0;display:flex;align-items:center;justify-content:center;margin:0;width:100%;height:min(600px,65dvh)}
.webHome .startArt img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.webHome .startFooter{display:flex;justify-content:space-between;align-items:center;gap:16px;width:min(1360px,100%);margin:0 auto;color:var(--ui-756f67,#756f67);font-size:10px;letter-spacing:.035em;line-height:1.6}
.webHome .startFooter p{margin:0;color:inherit;font-size:inherit;line-height:inherit}
@media(min-width:651px) and (max-width:1020px) and (orientation:portrait){
 .webHome{min-height:980px;padding-top:92px;gap:30px}.webHome .startContent{grid-template-columns:1fr;justify-items:center;gap:28px;text-align:center}.webHome .startText{width:100%;text-align:center}.webHome .startEyebrow{margin-bottom:20px}.webHome .startBrand{font-size:62px}.webHome .startActions{margin-left:auto;margin-right:auto;max-width:400px}.webHome .startTitle{margin-top:28px}.webHome .startArt{height:310px;max-width:430px}
}
@media(max-width:650px) and (orientation:portrait){
 body[data-page=home] .studioHeader{top:max(12px,env(safe-area-inset-top));left:max(6vw,env(safe-area-inset-left));right:max(6vw,env(safe-area-inset-right))}
 .webHome{height:auto;min-height:100dvh;gap:28px;padding:82px max(7vw,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(7vw,env(safe-area-inset-left))}
 .webHome .startContent{grid-template-columns:1fr;justify-items:center;gap:20px;text-align:center;width:100%}.webHome .startText{width:100%;text-align:center}
 .webHome .startEyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:18px}.webHome .startBrand{font-size:clamp(28px,9.8vw,48px);line-height:1.08}.webHome .startSubtitle{margin-top:13px;font-size:15px}.webHome .startTitle{margin-top:24px;font-size:23px;letter-spacing:.035em}.webHome .startPrinciples{margin-top:10px;font-size:11px;letter-spacing:.025em}
 .webHome .startActions{margin:25px auto 0;max-width:342px;gap:9px}.webHome .startActions .startButton{min-height:54px;padding:13px 17px;font-size:15px}.webHome .startSecondary{min-height:52px;font-size:13px;padding:11px 8px;gap:7px}
 .webHome .startArt{height:clamp(180px,25dvh,220px);max-width:310px}.webHome .startFooter{flex-direction:column;gap:4px;text-align:center;font-size:10px}
}
@media(max-height:560px) and (orientation:landscape){
 .webHome{min-height:370px;height:100dvh;padding-top:max(62px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom));gap:16px}.webHome .startContent{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}
 .webHome .startEyebrow{font-size:9px;margin-bottom:10px}.webHome .startBrand{display:block;font-size:clamp(24px,3.2vw,34px);white-space:nowrap}.webHome .brandPrimary,.webHome .brandProduct{display:inline}.webHome .brandProduct{margin-left:.18em}
 .webHome .startSubtitle{font-size:12px;margin-top:7px}.webHome .startTitle{font-size:18px;margin-top:12px}.webHome .startPrinciples{font-size:10px;margin-top:5px}.webHome .startActions{margin-top:15px;gap:7px;max-width:340px}.webHome .startButton,.webHome .startSecondary{min-height:44px;font-size:12px;padding:9px 12px}.webHome .startArt{height:245px}.webHome .startFooter{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.webHome button{transition:none}}

/* Colour treatment only; geometry and layout are unchanged. */
.appGuideBrand img{filter:grayscale(1)}
:root{--ink:var(--ui-716b63,#716b63);--text:var(--ui-3e3b37,#3e3b37);--paper:var(--ui-fcfbf8,#fcfbf8);--surface:var(--ui-ffffff,#ffffff);--secondary:var(--ui-eeebe5,#eeebe5);--muted:var(--ui-6c665e,#6c665e);--line:var(--ui-ddd8d0,#ddd8d0)}
.webHome .startIntro{color:var(--ui-6c665e,#6c665e)}.webHome .startFooter{color:var(--ui-756f67,#756f67)}
/* Warm workspace, restrained action colour, readable drafting states. */
:root{--ink:var(--ui-536f7b,#536f7b);--text:var(--ui-3e4140,#3e4140);--paper:var(--ui-f9f7f2,#f9f7f2);--surface:var(--ui-fffefa,#fffefa);--secondary:var(--ui-eaf0f1,#eaf0f1);--muted:var(--ui-6d706b,#6d706b);--line:var(--ui-ddd9d1,#ddd9d1)}
.webHome .startButton{background:var(--ui-5b7884,#5b7884);border-color:var(--ui-5b7884,#5b7884);color:var(--ui-ffffff,#ffffff)}
.webHome .startButton:hover{background:var(--ui-4c6773,#4c6773)}
.webHome .startWordmark{color:var(--ui-536f7b,#536f7b)}.webHome .startSecondary{color:var(--ui-536f7b,#536f7b);background:var(--ui-fffefa,#fffefa);border-color:var(--ui-d9d5cc,#d9d5cc)}
.primary,button.primary{background:var(--ui-5b7884,#5b7884)!important;border-color:var(--ui-5b7884,#5b7884)!important;color:var(--ui-ffffff,#ffffff)!important}
.primary:hover{background:var(--ui-4c6773,#4c6773)!important}
#editorMain .toolbar button[aria-pressed=true],.enterWalk{background:var(--ui-5b7884,#5b7884);color:var(--ui-ffffff,#ffffff);border-color:var(--ui-5b7884,#5b7884)}
#editorMain .canvasTabs button[aria-pressed=true]{background:var(--ui-fffefa,#fffefa);color:var(--ui-4c6976,#4c6976)}
#wallDrawReadout{background:var(--ui-5b7884,#5b7884);color:var(--ui-ffffff,#ffffff)}
#wallMagnifier[data-snapped=true]{border-color:var(--ui-668692,#668692)}
#wallMagnifier[data-snapped=true] #magnifierLabel{color:var(--ui-44626f,#44626f);background:var(--ui-e1ebed,#e1ebed)}
#notice.error,.propertyFeedback.error{color:var(--ui-965d4f,#965d4f)}

/* Portable landscape home: balance the entire composition, keeping text/art intact. */
body.tabletLandscape[data-page=home] .webHome{padding-top:max(64px,env(safe-area-inset-top));gap:52px}
body.tabletLandscape[data-page=home] .startContent{width:min(1040px,100%);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,52px)}
body.tabletLandscape[data-page=home] .startText{width:fit-content;min-width:min(100%,400px);max-width:100%;justify-self:center}
body.phoneLandscape[data-page=home] .webHome{padding-top:max(54px,env(safe-area-inset-top));gap:32px}
body.phoneLandscape[data-page=home] .startContent{width:min(940px,100%);margin-inline:auto}
body.phoneLandscape[data-page=home] .startText{width:fit-content;min-width:min(100%,340px);max-width:100%;justify-self:center}
/* Centre the unchanged phone landscape composition in the whole viewport. */
body.phoneLandscape[data-page=home] .webHome{position:relative;min-height:100dvh}
body.phoneLandscape[data-page=home] .startContent{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(940px,calc(100% - max(6vw,env(safe-area-inset-left)) - max(6vw,env(safe-area-inset-right))));margin:0}
body.phoneLandscape[data-page=home] .startFooter{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - max(6vw,env(safe-area-inset-left)) - max(6vw,env(safe-area-inset-right)));margin:0}