:root{--void:#08090b;--deep:#0e1116;--bone:#e6e9ed;--mist:#a8b2be;--frame:#3f4632;--line:#2b333f;--gold:#eda83b;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--void);color:var(--bone);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:7px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{color:white;font-weight:500}h1,h2{letter-spacing:-.065em;line-height:1.06}h2{font-size:clamp(36px,4.35vw,68px)}h2 span{color:var(--mist)}.section-wrap{padding-left:max(5.5vw,24px);padding-right:max(5.5vw,24px)}.eyebrow{font-size:12px;letter-spacing:.19em;line-height:1.5;font-weight:600;color:#bec5cd}.header{position:absolute;z-index:20;top:0;left:0;width:100%;height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;background:var(--void);border-bottom:1px solid #ffffff0d}.brand{display:block;width:210px;flex:none}.brand img{width:100%;height:auto}.header nav{display:flex;align-items:center;gap:34px;font-size:14px}.header nav>a{transition:color .2s}.header nav>a:hover{color:var(--gold)}.nav-contact{border:1px solid #646955;padding:10px 22px;border-radius:3px;margin-left:10px}.menu-toggle{display:none}.skip{position:fixed;top:-80px;left:20px;background:white;color:black;padding:10px;z-index:100}.skip:focus{top:10px}.journey{height:230svh;position:relative}.stage{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden;background:#08090b}.hero-visual{position:absolute;inset:0 0 0 18%;display:flex;align-items:center;transform-origin:70% 53%;will-change:transform,opacity}.headset{width:100%;height:100%;object-fit:contain;object-position:center;opacity:.8;transform:translate(15%,3%) scale(1.2)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08090b 0%,#08090bf2 22%,#08090b55 58%,transparent 100%),linear-gradient(0deg,#08090b 0%,transparent 22%);pointer-events:none}.hero-copy{position:absolute;left:5.5vw;top:50%;transform:translateY(-42%);width:80%;z-index:3;will-change:opacity,transform}.hero-copy h1{font-size:clamp(56px,6.65vw,110px);margin:25px 0 28px;max-width:1100px}.hero-copy h1 span{color:#e6e9ed}.hero-description{font-size:18px;line-height:1.7;color:#b8c0ca;max-width:530px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 24px;font-size:14px;font-weight:600;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--gold);color:#08090b}.primary:hover{background:#ffd79a}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:14px;border-bottom:1px solid #5e6551;padding-bottom:6px;transition:color .2s}.text-link:hover{color:#ffd79a}.hero-footer{position:absolute;bottom:30px;left:5.5vw;right:5.5vw;z-index:4;display:flex;align-items:center;gap:30px;font-size:12px;color:var(--mist)}.scroll-cue{display:flex;align-items:center;gap:15px}.scroll-line{width:1px;height:32px;background:var(--gold)}.hero-note{margin-left:auto;font-size:12px;letter-spacing:.13em}.motion-toggle{background:transparent;border:0;border-bottom:1px solid var(--line);padding:6px 0;color:var(--mist);font-size:12px}.world{position:absolute;inset:0;opacity:0;will-change:opacity}.world video{width:100%;height:100%;object-fit:cover}.world:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08090bcc,transparent 80%)}.world-copy{position:absolute;z-index:3;top:50%;left:5.5vw;transform:translateY(-35%);opacity:0;pointer-events:none}.world-copy h2{font-size:clamp(50px,6.5vw,105px);margin:25px 0}.world-copy>p:last-child{font-size:20px;color:var(--bone)}.intro{padding-top:105px;padding-bottom:100px}.section-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:38px;border-bottom:1px solid var(--frame)}.blueroom-logo{width:215px;height:auto}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;padding-top:60px}.intro-grid>div{max-width:510px}.intro-grid p{color:var(--mist);font-size:17px}.intro-grid .lead{font-size:23px;color:var(--bone);line-height:1.45;margin:3px 0 16px}.intro-grid .text-link{margin-top:27px}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:78px;gap:40px}.principles>div{border-top:1px solid var(--line);padding-top:22px}.principle-number{font-size:12px;color:#a3aa95;letter-spacing:.15em}.principles h3{font-size:28px;letter-spacing:-.04em;margin:15px 0 8px}.principles p{font-size:15px;color:var(--mist);max-width:280px}.experience{padding-top:30px}.experience-header{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.experience-header h2{margin-top:16px;font-size:clamp(38px,4vw,64px)}.experience-header>p{font-size:16px;color:var(--mist)}.comparison{position:relative;height:660px;max-height:72vw;min-height:310px;width:100%;overflow:hidden;background:var(--deep)}.comparison-base,.comparison-overlay img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}.comparison-overlay{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08090b88,transparent 30%,transparent 70%,#08090b66);pointer-events:none}.view-label{position:absolute;top:30px;font-size:12px;letter-spacing:.12em;padding:9px 12px;background:#08090bd9;z-index:2;color:#fff}.room-label{left:5.5vw}.scenario-label{right:5.5vw}.comparison-handle{position:absolute;left:var(--split);top:0;bottom:0;width:1px;background:#fff;z-index:3;pointer-events:none}.comparison-handle span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:55px;height:55px;display:grid;place-items:center;background:#fff;border-radius:50%;color:#08090b;font-size:22px;box-shadow:0 2px 20px #0005}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;z-index:5;touch-action:pan-y}.comparison:focus-within{outline:2px solid var(--gold);outline-offset:4px}.drag-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:3;color:#fff;font-size:12px;letter-spacing:.17em}.image-caption{padding-top:20px;display:flex;justify-content:space-between;gap:24px;color:var(--mist);font-size:12px}.image-caption a{text-decoration:underline;text-underline-offset:5px}.applications{padding-top:125px;padding-bottom:110px}.applications-heading h2{margin-top:23px}.application-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:60px}.application-tab{display:flex;align-items:center;gap:25px;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);color:var(--mist);padding:25px 0;font-size:24px;letter-spacing:-.025em;transition:color .2s,padding .2s}.application-tab:last-child{border-bottom:1px solid var(--line)}.application-tab>span:first-child{font-size:12px;color:#a8af9c;letter-spacing:.1em}.application-tab>span:last-child{margin-left:auto;opacity:0;transition:opacity .2s}.application-tab.active{color:white;padding-left:14px;border-top-color:#7a7f5c}.application-tab.active>span:last-child{opacity:1}.application-tab:hover{color:white}.application-panel{padding:5px 0;display:flex;flex-direction:column;align-items:start;justify-content:center}.application-panel h3{font-size:clamp(30px,3vw,46px);letter-spacing:-.045em;line-height:1.15;margin:21px 0}.application-panel>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:480px;color:var(--mist)}.application-panel .text-link{margin-top:26px}.panel-detail{font-size:12px;color:#a3aa95;letter-spacing:.08em;margin-top:30px}.partnerships{padding-top:100px;padding-bottom:0;background:var(--deep);border-top:1px solid var(--frame)}.partnership-heading h2{margin-top:30px;font-size:clamp(40px,5.1vw,78px)}.partnership-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:55px}.partnership-bottom>p{font-size:23px;line-height:1.55;max-width:600px}.partnership-bottom>div{color:var(--mist);font-size:17px;max-width:510px}.partnership-bottom .text-link{margin-top:25px;color:var(--bone)}.sectors{display:flex;justify-content:space-between;padding:33px 0;margin-top:70px;border-top:1px solid var(--frame);font-size:14px;color:var(--mist);letter-spacing:.04em}.contact{padding-top:125px;padding-bottom:110px;text-align:center}.contact h2{font-size:clamp(40px,4.8vw,74px);margin:26px 0}.contact>p:not(.eyebrow){font-size:17px;color:var(--mist)}.contact .button{margin-top:32px}.contact .phone{display:block;margin-top:20px;font-size:18px;letter-spacing:.08em}.contact .contact-note{font-size:13px!important;margin-top:8px}.footer{padding-top:35px;padding-bottom:35px;border-top:1px solid var(--frame);display:flex;align-items:center;gap:32px;font-size:12px;color:var(--mist)}.footer .brand{width:180px}.footer>p{font-size:13px}.footer>span{margin-left:auto}.footer>a:last-child{white-space:nowrap}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.js-motion .reveal.visible{opacity:1;transform:none}.reduced .journey{height:100svh;min-height:720px}.reduced .stage{position:relative}.reduced .world,.reduced .world-copy{display:none}.reduced .hero-copy{opacity:1!important}.reduced .hero-visual{opacity:1!important;transform:none!important}.reduced .reveal{opacity:1;transform:none}
@media(max-width:1000px){.header nav{gap:20px}.brand{width:185px}.hero-copy h1{font-size:8vw}.intro-grid{gap:45px}.intro-grid h2{font-size:4.8vw}.hero-actions{gap:20px}.footer>p{display:none}.application-layout{gap:6vw}.application-tab{font-size:21px;gap:16px}}
@media(max-width:700px){.header{height:88px;padding:0 24px}.header .brand{width:180px}.menu-toggle{display:flex;align-items:center;gap:15px;background:none;color:var(--bone);border:1px solid var(--line);padding:8px 11px;font-size:14px;border-radius:3px}.menu-toggle span{font-size:20px;line-height:1}.header nav{display:none;position:absolute;top:87px;left:0;right:0;background:#0e1116;padding:20px 24px 28px;border-bottom:1px solid var(--frame);flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav>a{padding:13px 0;font-size:16px}.header .nav-contact{margin:10px 0 0;text-align:center}.journey{height:200svh}.stage{min-height:740px}.hero-copy{left:24px;right:24px;width:auto;top:42%;transform:translateY(-34%)}.hero-copy h1{font-size:clamp(44px,9.5vw,67px);line-height:1.08;margin:20px 0 24px;letter-spacing:-.06em}.hero-copy .eyebrow{font-size:12px;letter-spacing:.1em}.hero-description{font-size:16px;line-height:1.65;max-width:310px}.hero-actions{margin-top:28px;gap:21px;flex-direction:column;align-items:start}.button{min-height:49px;padding:12px 21px}.hero-visual{inset:0 -20% 0 -10%;align-items:end}.headset{height:60%;transform:translate(14%,18%) scale(1.25);opacity:.6;object-fit:contain}.hero-shade{background:linear-gradient(180deg,#08090b 0%,#08090b40 45%,#08090b00 65%,#08090bd9 100%)}.hero-footer{left:24px;right:24px;bottom:23px;gap:15px}.hero-note{display:none}.motion-toggle{margin-left:auto}.world-copy{left:24px;right:24px}.world-copy h2{font-size:14vw}.world-copy>p:last-child{font-size:17px}.intro{padding-top:65px;padding-bottom:65px}.section-top{align-items:center;gap:20px;padding-bottom:28px}.section-top .eyebrow{font-size:12px;max-width:140px}.blueroom-logo{width:145px}.intro-grid{grid-template-columns:1fr;gap:28px;padding-top:35px}.intro-grid h2{font-size:clamp(35px,8.7vw,55px)}.intro-grid .lead{font-size:21px}.intro-grid p{font-size:16px}.principles{grid-template-columns:1fr;gap:25px;margin-top:45px}.principles>div{display:grid;grid-template-columns:35px 1fr;gap:0 15px;padding-top:20px}.principle-number{grid-row:1/3;padding-top:7px}.principles h3{margin:0 0 6px;font-size:24px}.principles p{grid-column:2;max-width:none;font-size:15px}.experience{padding-top:15px}.experience-header{display:block;margin-bottom:25px}.experience-header h2{font-size:37px}.experience-header>p{margin-top:18px;font-size:16px}.comparison{height:420px;min-height:420px;max-height:none}.comparison-base,.comparison-overlay img{object-position:48% center}.view-label{top:18px;font-size:12px;letter-spacing:0;padding:6px 9px;max-width:44%}.room-label{left:12px}.scenario-label{right:12px}.comparison-handle span{width:43px;height:43px;font-size:19px}.image-caption{flex-direction:column;gap:10px;font-size:12px}.applications{padding-top:75px;padding-bottom:70px}.applications-heading h2{font-size:38px;line-height:1.13}.application-layout{grid-template-columns:1fr;gap:40px;margin-top:35px}.application-tab{padding:19px 0;font-size:21px}.application-panel h3{font-size:35px}.application-panel>p:not(.eyebrow){font-size:16px}.partnerships{padding-top:65px}.partnership-heading h2{font-size:40px;line-height:1.13}.partnership-bottom{grid-template-columns:1fr;gap:28px;margin-top:35px}.partnership-bottom>p{font-size:21px}.partnership-bottom>div{font-size:16px}.sectors{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;font-size:14px}.contact{padding-top:80px;padding-bottom:70px}.contact h2{font-size:40px;line-height:1.14}.contact>p:not(.eyebrow){font-size:16px}.contact br{display:none}.contact h2 br{display:block}.footer{flex-wrap:wrap;gap:25px 20px;padding-top:30px;padding-bottom:30px}.footer .brand{width:180px;flex-basis:180px}.footer>span{margin-left:0;order:3;font-size:12px;width:100%}.footer>a:last-child{margin-left:auto;font-size:12px}.reduced .journey{min-height:740px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.journey{height:100svh;min-height:740px}.stage{position:relative}.world,.world-copy{display:none}.reveal{opacity:1!important;transform:none!important}}
/* Lens flight: keep the optical center tied to the source image at every viewport. */
.journey{height:300svh}.stage{height:100svh;min-height:660px;isolation:isolate}
.hero-visual{inset:0;display:block;z-index:1;transform-origin:0 0;will-change:transform,opacity}
.headset{position:absolute;left:34%;top:50%;width:112%;height:auto;max-width:none;object-fit:initial;opacity:1;transform:translateY(-50%)}
.hero-shade{z-index:3;will-change:opacity}.hero-copy{z-index:4}.hero-footer{z-index:6}
.world{z-index:2;background:var(--void);clip-path:none;will-change:opacity}
.overhead-room{height:100%;width:100%;object-fit:cover;object-position:50% 48%;transform-origin:50% 50%;will-change:transform}
.world:after{background:linear-gradient(0deg,#08090be6 0%,#08090b55 22%,transparent 45%)}
.world-copy{z-index:5;top:auto;bottom:115px;left:5.5vw;transform:none;visibility:hidden;pointer-events:auto;max-width:460px}
.world-copy h2{font-size:clamp(34px,3.7vw,57px);margin:14px 0 12px;letter-spacing:-.045em}
.world-copy>p:last-of-type{font-size:16px}.world-copy .text-link{margin-top:18px}
.inside-room .hero-note{visibility:hidden}.inside-room .scroll-cue{opacity:.6}
.reduced .journey{height:100svh;min-height:720px}.reduced .hero-shade{opacity:1!important}.reduced .world,.reduced .world-copy{display:none}
@media(max-width:700px){
 .journey{height:285svh}.stage{min-height:740px}
 .hero-visual{inset:0}.headset{left:4.9%;top:72%;width:140%;height:auto;opacity:1;transform:translateY(-50%)}
 .world{background:#08090b}.overhead-room{object-fit:contain;object-position:center;transform-origin:center}
 .world:after{background:linear-gradient(0deg,#08090b 0%,#08090b99 19%,transparent 40%)}
 .world-copy{left:24px;right:24px;bottom:105px;max-width:none}.world-copy h2{font-size:clamp(32px,8.5vw,36px);line-height:1.12;margin:12px 0 16px}
 .world-copy>p:last-of-type{font-size:15px}.world-copy .text-link{margin-top:12px}.world-copy .eyebrow{font-size:12px}
}
@media(max-height:650px) and (min-width:701px){.stage{min-height:580px}.world-copy{bottom:85px}.world-copy h2{font-size:36px}.hero-copy h1{font-size:60px}.hero-copy{top:50%}.hero-description{font-size:16px}.hero-actions{margin-top:20px}}
/* Keep the expanded navigation comfortable on smaller desktop screens. */
@media(min-width:701px) and (max-width:1100px){.header .brand{width:160px}.header nav{gap:16px;font-size:13px}.header .nav-contact{margin-left:0;padding:9px 12px}}

.comparison{--split:50%}

/* Keep the mobile promise distinct and let its supporting sentence wrap naturally. */
@media(max-width:700px){
 .hero-description{max-width:100%;line-height:1.55}
 .hero-description .hero-promise{display:block;margin-bottom:12px;color:var(--bone);font-size:18px;font-weight:500;line-height:1.4}
 .hero-promise>span{display:block}
 .hero-description .hero-support{display:block;max-width:34ch;text-wrap:pretty}
 .hero-description-break,.hero-description .desktop-break{display:none}
}

/* Partnership markets */
.market-section{padding-top:100px;padding-bottom:70px;overflow:hidden}
.market-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end}
.market-intro h2{margin:24px 0 0;font-size:clamp(40px,4.8vw,72px)}
.market-intro h2 span{color:var(--mist)}
.market-summary{max-width:480px;margin:0 0 5px;color:var(--mist);font-size:clamp(18px,1.55vw,22px);line-height:1.6}
.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:52px}
.market-reveal{min-width:0}
.js-motion .market-reveal{transition-delay:calc(var(--market-order)*90ms)}
.market-card{position:relative;isolation:isolate;display:flex;flex-direction:column;height:100%;min-height:330px;padding:28px 24px;box-sizing:border-box;border:1px solid var(--line);background:linear-gradient(145deg,#171d24,#0c1015);text-decoration:none;color:var(--bone);overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.market-card:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(330px circle at var(--pointer-x,50%) var(--pointer-y,20%),rgba(237,168,59,.15),transparent 75%);opacity:0;transition:opacity .35s}
.market-card:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:2px;background:var(--gold);transform:scaleX(.13);transform-origin:left;transition:transform .45s ease}
.market-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:44px}
.market-number{font-size:12px;letter-spacing:.15em;color:var(--mist)}
.market-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font-size:21px;color:var(--gold);transition:transform .35s,border-color .35s}
.market-card h3{font-size:clamp(23px,2vw,30px);font-weight:500;letter-spacing:-.035em;line-height:1.15;margin:0 0 18px}
.market-card p{font-size:15px;line-height:1.65;color:var(--mist);margin:0 0 30px}
.market-action{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;font-size:13px;font-weight:600;color:var(--bone)}
.market-action span{color:var(--gold)}
.market-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-color:var(--gold)}
.market-card:focus-visible:before{opacity:1}
.market-card:focus-visible:after{transform:scaleX(1)}
.market-card:active{border-color:var(--gold);background:#20221f}
.market-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}
.market-footer p{font-size:18px;line-height:1.5;margin:0}
.market-footer p span{display:block;color:var(--mist);font-size:15px;margin-top:6px}
.market-footer .text-link{flex-shrink:0}
@media(hover:hover) and (pointer:fine){
.market-card:hover{transform:translateY(-6px);border-color:#8e7144;box-shadow:0 18px 45px #0004}
.market-card:hover:before{opacity:1}
.market-card:hover:after{transform:scaleX(1)}
.market-card:hover .market-arrow{transform:translate(2px,-2px);border-color:var(--gold)}
}
@media(max-width:1050px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-card{min-height:295px}.market-top{margin-bottom:28px}}
@media(max-width:700px){
.market-section{padding-top:65px;padding-bottom:48px}
.market-intro{grid-template-columns:1fr;gap:25px}.market-intro h2{font-size:42px}
.market-summary{font-size:18px}.market-grid{grid-template-columns:1fr;margin-top:32px;gap:14px}
.market-card{min-height:0;padding:24px}.market-card h3{font-size:28px}.market-card p{max-width:38ch;margin-bottom:26px}
.market-top{margin-bottom:24px}.market-action{font-size:14px}
.market-footer{align-items:flex-start;flex-direction:column;gap:20px}
.js-motion .market-reveal{transition-delay:0ms}
}
.reduced .market-card,.reduced .market-card *,.reduced .market-card:before,.reduced .market-card:after{transition:none!important;transform:none!important}
.reduced .market-card:before{display:none}
@media(prefers-reduced-motion:reduce){.market-card,.market-card:hover .market-arrow,.market-card:after{transform:none!important}.market-card:before{display:none}}

.market-reveal:nth-child(1){--market-order:0}.market-reveal:nth-child(2){--market-order:1}.market-reveal:nth-child(3){--market-order:2}.market-reveal:nth-child(4){--market-order:3}

/* A neutral black bridge between the headset and full-frame room. */
.stage{background:#000}

/* Match the selected application row to its description. */
.application-tab{padding-left:18px;padding-right:18px;border-left:3px solid transparent;transition:color .2s,background-color .2s,border-color .2s}
.application-tab.active{padding-left:18px;background:rgba(237,168,59,.11);border-left-color:var(--gold);border-top-color:rgba(237,168,59,.35)}
.application-tab.active>span:first-child,.application-tab.active>span:last-child{color:var(--gold)}
.application-tab:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.application-panel{padding:28px 30px;border-left:3px solid var(--gold);background:linear-gradient(110deg,rgba(237,168,59,.09),rgba(237,168,59,.025))}
.application-panel .application-selection{display:block;color:var(--gold);font-size:13px;font-weight:600;letter-spacing:.04em;margin-bottom:22px}
@media(max-width:700px){.application-tab,.application-tab.active{padding-left:14px;padding-right:14px}.application-panel{padding:24px 22px}}

/* Keep the flagship label and BlueRoom mark together as one centered lockup. */
.intro .section-top{flex-direction:column;justify-content:center;align-items:center;gap:16px;text-align:center}
.intro .section-top .eyebrow{margin:0;max-width:none}
.intro .blueroom-logo{width:300px;max-width:100%;height:auto}
@media(max-width:700px){.intro .section-top{gap:10px}.intro .blueroom-logo{width:220px}}

/* Headers scroll away (108px desktop / 88px mobile), so anchors need only
   visual breathing room, not a sticky-header allowance. Keep this on targets
   so native links, cross-page fragments and scrollIntoView share one offset.
   Section padding remains part of the layout; do not add root scroll-padding. */
:root{--anchor-offset:24px}
:where(main[id],main [id]){scroll-margin-top:var(--anchor-offset)}
@media(max-width:700px){:root{--anchor-offset:16px}}
/* Honor the site's motion control for native anchor navigation too. */
html:has(body.reduced){scroll-behavior:auto}

/* Vector navigation cues stay monochrome on iOS instead of becoming emoji. */
.nav-icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.125em}

/* Direct sales contact remains readable and tappable at narrow widths. */
.sales-email{color:var(--gold);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}
.contact .sales-email{display:table;margin:8px auto 0;padding:8px 0;font-size:17px}
.briefing-footer{flex-wrap:wrap}

.demo-location{margin:30px auto 0;padding-top:24px;border-top:1px solid var(--line);max-width:380px}
.demo-location address{font-style:normal;margin:12px 0;color:var(--mist);font-size:16px}
.demo-location>.demo-request{display:inline-block;padding:8px 0;color:var(--gold);font-size:14px;text-decoration:underline;text-underline-offset:4px}

/* Preserve the street/city line break even in the compact contact section. */
.contact .demo-location address br{display:initial}
.demo-location address{line-height:1.75;margin:16px 0 20px}