.roomers-case .phone-stage{min-height: 690px; display: grid; place-items: center; position: relative; isolation: isolate; perspective: 1200px;}
.roomers-case .phone-stage:before{content: ""; position: absolute; width: 105%; aspect-ratio: 1; border-radius: 50%; border: 1px solid #eeece620; z-index: -1;}
.roomers-case .phone-stage:after{content: ""; position: absolute; width: 82%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle,#716d4b3b,transparent 68%); z-index: -1;}
.roomers-case .phone{width: 310px; background: #131512; border: 1px solid #55584d; padding: 7px; border-radius: 48px; box-shadow: 20px 35px 65px #0009,inset 1px 0 0 #b8b9aa75; transform: rotate(-7deg) rotateY(14deg); transition: transform .8s var(--ease); position: relative;}
.roomers-case .phone:before{content: ""; position: absolute; width: 3px; height: 44px; left: -3px; top: 148px; border-radius: 2px; background: #717365;}
.roomers-case .phone:after{content: ""; position: absolute; width: 3px; height: 65px; right: -3px; top: 175px; border-radius: 2px; background: #62655a;}
.roomers-case .phone-stage:hover .phone{transform: rotate(-2deg) rotateY(0);}
.roomers-case .phone-screen{background: #fafaf7; color: #171914; border: 1px solid #000; border-radius: 40px; overflow: hidden;}
.roomers-case .phone-status{display: flex; align-items: center; justify-content: space-between; padding: 13px 21px 10px; font: 11px Manrope,Arial,sans-serif; position: relative; height: 39px;}
.roomers-case .phone-status:after{content: ""; width: 83px; height: 23px; background: #121410; border-radius: 20px; position: absolute; left: 50%; top: 7px; transform: translateX(-50%);}
.roomers-case .phone-status svg{width: 30px; height: 11px; fill: currentColor;}
.roomers-case .ig-head{display: flex; align-items: center; justify-content: space-between; padding: 12px 17px; font-size: 14px;}
.roomers-case .ig-head b{font-weight: 700;}
.roomers-case .ig-head span{font-size: 20px;}
.roomers-case .ig-profile{padding: 13px 17px 18px; display: grid; grid-template-columns: 58px 1fr; gap: 15px; align-items: center;}
.roomers-case .ig-avatar{border: 1px solid #cbcbbf; border-radius: 50%; aspect-ratio: 1; display: grid; place-items: center; font: 21px Georgia,serif; color: #444b32;}
.roomers-case .ig-profile strong{font-size: 13px; display: block; margin-bottom: 5px;}
.roomers-case .ig-profile p{font-size: 11px; line-height: 1.55; color: #6c6f62;}
.roomers-case .ig-tabs{display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #deded4; font-size: 11px; text-align: center;}
.roomers-case .ig-tabs span{padding: 12px 3px;}
.roomers-case .ig-tabs span:first-child{border-bottom: 1px solid #1b1d17;}
.roomers-case .ig-tabs span:last-child{color: #7f8278;}
.roomers-case .ig-grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 2px; background: #f4f3ed;}
.roomers-case .ig-grid button{background: #34382c; border: 0; padding: 0; position: relative; aspect-ratio: 4/5; overflow: hidden;}
.roomers-case .ig-grid button:hover img{transform: scale(1.08);}
.roomers-case .ig-grid img{transition: transform .5s;}
.roomers-case .ig-grid button:focus-visible{outline-offset: -3px; z-index: 1;}
.roomers-case .ig-grid .reel:after{content: "▷"; position: absolute; top: 7px; right: 7px; font-size: 16px; color: white; filter: drop-shadow(0 1px 2px #000);}
.roomers-case .phone-bottom{height: 53px; display: flex; align-items: center; justify-content: space-around; padding-bottom: 10px; position: relative;}
.roomers-case .phone-bottom:after{content: ""; width: 90px; height: 4px; border-radius: 4px; background: #1a1c15; position: absolute; bottom: 8px;}
.roomers-case .phone-bottom svg{width: 19px; height: 19px; stroke: #25281d; fill: none; stroke-width: 1.4;}
.roomers-case .phone-caption{position: absolute; bottom: -2px; text-align: center; color: #9eaa93; font-size: 11px; letter-spacing: .05em;}
.roomers-case .menu-visual{position: relative; isolation: isolate; min-height: 650px; display: grid; place-items: center; background: #d6d4c6; overflow: hidden;}
.roomers-case .menu-visual:before{content: "MENU"; position: absolute; top: 28px; left: 25px; font-size: clamp(70px,12vw,190px); letter-spacing: -.08em; line-height: 1; color: #bbbcae; z-index: -1;}
.roomers-case .menu-visual:after{content: "DİJİTAL / MASA DENEYİMİ"; position: absolute; bottom: 25px; left: 25px; font-size: 11px; letter-spacing: .1em; color: #6b705a;}
.roomers-case .sample-badge{font-size: 11px; border: 1px solid #575e4c; padding: 9px 13px; border-radius: 24px; white-space: nowrap; color: #bcc7a9;}
.roomers-case .sample-badge:before{content: ""; display: inline-block; width: 6px; height: 6px; background: #c3d794; border-radius: 50%; margin-right: 8px;}
.roomers-case .results-board{margin-top: 65px; display: grid; grid-template-columns: .65fr 1.35fr; gap: 7%; align-items: start;}
.roomers-case .metric-main .overline{font-size: 12px; color: #b6bcac;}
.roomers-case .metric-value{font-family: Manrope,Arial,sans-serif; font-size: clamp(100px,13vw,180px); font-weight: 400; line-height: 1.2; letter-spacing: -.09em; display: block; font-variant-numeric: tabular-nums; min-width: 2ch;}
.roomers-case .metric-main>p{font-size: 14px; color: #9da78f;}
.roomers-case .metric-change{display: flex; align-items: center; gap: 14px; margin-top: 30px; color: #c3d794;}
.roomers-case .metric-change>span{display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #67764d; font-size: 22px;}
.roomers-case .metric-change strong{font-family: Manrope,Arial,sans-serif; font-weight: 400; font-size: 30px; letter-spacing: -.04em; min-width: 100px;}
.roomers-case .metric-change small{color: #a9b39c; font-size: 12px;}
.roomers-case .chart-panel{min-width: 0; border-top: 1px solid #464c3c; padding-top: 18px;}
.roomers-case .chart-top{display: flex; justify-content: space-between; align-items: center; gap: 15px; font-size: 11px; color: #afb9a0;}
.roomers-case .chart-controls{display: flex; gap: 8px;}
.roomers-case .chart-controls button{border: 1px solid #4c5541; color: #d4dfc3; background: none; border-radius: 50%; height: 38px; width: 38px; display: grid; place-items: center;}
.roomers-case .chart-controls button:hover{background: #ffffff12;}
.roomers-case .chart-controls svg{width: 15px; height: 15px;}
.roomers-case .growth-chart{width: 100%; height: auto; overflow: visible; display: block; margin: 15px 0 0;}
.roomers-case .chart-axis{stroke: #3f4835; stroke-width: 1;}
.roomers-case .chart-curve{fill: none; stroke: #c3d794; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: calc(1 - var(--chart-progress,0));}
.roomers-case .chart-area{fill: url(#area-fill); clip-path: inset(0 calc((1 - var(--chart-progress,0))*100%) 0 0);}
.roomers-case .chart-dot{fill: #c3d794; stroke: #1a1c18; stroke-width: 5;}
.roomers-case .chart-text{fill: #dce5ce; font: 18px Manrope,Arial,sans-serif;}
.roomers-case .chart-label{fill: #9da98b; font: 12px FourSans,Arial,sans-serif;}
.roomers-case .chart-point-end{opacity: var(--end-opacity,0);}
.roomers-case .chart-ends{display: flex; justify-content: space-between; border-top: 1px solid #464c3c; padding-top: 18px; gap: 20px;}
.roomers-case .chart-ends>div{display: grid; gap: 5px;}
.roomers-case .chart-ends>div:last-child{text-align: right;}
.roomers-case .chart-ends b{font: 26px Manrope,Arial,sans-serif; font-weight: 400;}
.roomers-case .chart-ends span{color: #9da98b; font-size: 11px;}
.roomers-case .visually-hidden{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;}
.roomers-case .lightbox{position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: 30px; background: #141610f7; border: 0; color: #eeece6; z-index: 80; overflow: hidden;}
.roomers-case .lightbox[open]{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.roomers-case .lightbox::backdrop{background: #141610;}
.roomers-case .lightbox figure{display: flex; flex-direction: column; align-items: center; max-width: 100%; height: 100%; padding-block: 30px 55px; gap: 17px;}
.roomers-case .lightbox img{max-width: min(1100px,90vw); width: auto; min-height: 0; max-height: calc(100dvh - 160px); height: 100%; object-fit: contain;}
.roomers-case .lightbox figcaption{font-size: 12px; text-align: center; max-width: 550px; line-height: 1.6; color: #bcc3af;}
.roomers-case .lightbox-close{position: absolute; right: 22px; top: 20px; background: #ffffff10; color: white; border: 1px solid #ffffff40; border-radius: 25px; display: flex; gap: 10px; align-items: center; padding: 11px 16px; min-height: 44px;}
.roomers-case .lightbox-arrow{position: absolute; top: 50%; background: #181c14aa; color: white; border: 1px solid #ffffff40; border-radius: 50%; width: 44px; height: 44px; display: grid; place-items: center;}
.roomers-case .lightbox-prev{left: 20px;}
.roomers-case .lightbox-next{right: 20px;}
.roomers-case .lightbox-counter{position: absolute; bottom: 25px; font-size: 12px; color: #b9c2aa;}
.roomers-case .lightbox-open{overflow: hidden;}
@media (min-width:1600px){.roomers-case .phone{width: 340px;}
.roomers-case .phone-stage{min-height: 750px;}
}
@media (max-width:1000px){.roomers-case .phone-stage{min-height: 640px;}
.roomers-case .phone{width: 275px;}
.roomers-case .menu-visual{min-height: 580px;}
.roomers-case .results-board{grid-template-columns: .7fr 1.3fr; gap: 4%;}
.roomers-case .metric-change{gap: 9px;}
.roomers-case .metric-change strong{font-size: 27px;}
}
@media (max-width:720px){.roomers-case .phone-stage{order: 1; min-height: 635px; width: 100%; max-width: 500px;}
.roomers-case .phone{width: 288px; transform: rotate(-5deg) rotateY(8deg);}
.roomers-case .phone-caption{bottom: -8px;}
.roomers-case .menu-visual{min-height: 600px;}
.roomers-case .menu-visual:before{font-size: 25vw;}
.roomers-case .results-board{grid-template-columns: 1fr; margin-top: 40px; gap: 40px;}
.roomers-case .metric-main{display: grid; grid-template-columns: 1fr 1fr; align-items: center;}
.roomers-case .metric-main .overline{grid-column: 1/-1;}
.roomers-case .metric-value{font-size: 110px; grid-column: 1; grid-row: 2;}
.roomers-case .metric-main>p{grid-column: 1; font-size: 12px;}
.roomers-case .metric-change{grid-column: 2; grid-row: 2; justify-self: end; margin: 0; gap: 10px; flex-wrap: wrap; max-width: 160px;}
.roomers-case .metric-change strong{font-size: 28px; min-width: 90px;}
.roomers-case .metric-change small{margin-left: 50px; margin-top: -5px;}
.roomers-case .chart-text{font-size: 19px;}
.roomers-case .chart-label{font-size: 13px;}
.roomers-case .lightbox{padding: 16px;}
.roomers-case .lightbox img{max-width: 95vw; max-height: calc(100dvh - 190px);}
.roomers-case .lightbox-arrow{top: auto; bottom: 18px;}
.roomers-case .lightbox-close{right: 16px; top: 16px;}
.roomers-case .lightbox figure{padding-top: 55px;}
}
@media (prefers-reduced-motion:reduce){.roomers-case .phone,.roomers-case .phone-stage:hover .phone{transform: none;}
}
.roomers-case .phone-stage{min-height: 660px;}
.roomers-case .phone-stage:before{border: 0; background: radial-gradient(ellipse,#766c5b25,transparent 68%); border-radius: 0; width: 125%;}
.roomers-case .phone-stage:after{background: radial-gradient(ellipse,#c3a48c1f,transparent 65%);}
.roomers-case .phone{width: 294px; padding: 8px; border: 2px solid #656460; border-radius: 47px; background: linear-gradient(110deg,#7d7c76 0%,#242522 3%,#080909 48%,#4a4a45 97%,#a5a299); box-shadow: inset 2px 0 1px #d2d0c388,inset -2px 0 2px #000,16px 26px 36px #0007,2px 3px 1px #b6b4a12b; transform: rotate(-6deg) rotateY(10deg);}
.roomers-case .phone:before{left: -5px; top: 142px; height: 51px; box-shadow: 0 -62px 0 -1px #88877e;}
.roomers-case .phone:after{right: -5px; background: #88877e;}
.roomers-case .phone-screen{background: #080909; color: #f5f5f1; border-radius: 36px; border: 1px solid #000; box-shadow: inset 0 0 0 2px #090a09;}
.roomers-case .phone-status{height: 39px; color: #fff;}
.roomers-case .phone-status:after{background: #000; border: 1px solid #151615;}
.roomers-case .ig-head{font-family: Manrope,Arial,sans-serif; font-size: 14px; padding: 12px 15px;}
.roomers-case .ig-head span{font-size: 19px; color: #d8dad3;}
.roomers-case .ig-profile{grid-template-columns: 55px 1fr; padding: 12px 15px 19px; gap: 13px;}
.roomers-case .ig-avatar{border: 2px solid #bc8160; box-shadow: 0 0 0 3px #080909,inset 0 0 0 2px #080909; background: #bcb3a0; color: #292b20; font-family: Georgia,serif; font-size: 27px;}
.roomers-case .ig-profile p{color: #a2a49b; font-size: 10px;}
.roomers-case .ig-profile strong{font-size: 12px;}
.roomers-case .ig-tabs{border-top-color: #282a26; grid-template-columns: repeat(3,1fr); height: 41px;}
.roomers-case .ig-tabs span{display: grid; place-items: center; padding: 10px;}
.roomers-case .ig-tabs span:first-child{border-bottom-color: #efefea;}
.roomers-case .ig-tabs span:last-child{color: #b3b4ad;}
.roomers-case .ig-tabs svg{width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5;}
.roomers-case .ig-grid{background: #080909; gap: 2px;}
.roomers-case .phone-bottom{background: #080909; height: 53px;}
.roomers-case .phone-bottom svg{stroke: #e5e7de; width: 18px; height: 18px;}
.roomers-case .phone-bottom:after{background: #d4d6cd; height: 4px;}
.roomers-case .phone-caption{position: absolute; right: 0; bottom: 4%; border: 1px solid #c6c5b15c; border-radius: 30px; background: #f1efe9; color: #25271f; font-size: 12px; letter-spacing: 0; padding: 12px 17px; box-shadow: 0 8px 22px #0003; transform: rotate(-4deg); pointer-events: none;}
.roomers-case .menu-visual{min-height: 615px; background: #ded7c7; transition: background 1.3s; position: relative;}
.roomers-case .menu-visual:before{content: 'DAY'; color: #c3bba8; font-size: clamp(110px,12vw,190px); transition: color 1.3s;}
.roomers-case .menu-visual:after{content: 'AYNI MASA. İKİ AYRI ATMOSFER.'; color: #817966; font-size: 10px;}
.roomers-case .menu-visual[data-period=night]{background: #322724;}
.roomers-case .menu-visual[data-period=night]:before{content: 'NIGHT'; color: #624839; font-size: clamp(85px,9vw,140px);}
.roomers-case .menu-visual[data-period=night]:after{color: #b79e85;}
.roomers-case .menu-demo{width: 245px; height: 505px; border: 7px solid #22231f; border-radius: 34px; background: #fbf5e9; box-shadow: 20px 25px 35px #33291e40; overflow: hidden; position: relative; transform: rotate(5deg); color: #352e23; transition: background 1.3s,color 1.3s;}
.roomers-case .menu-demo:before{content: ''; position: absolute; z-index: 3; left: 50%; top: 6px; transform: translateX(-50%); width: 66px; height: 15px; border-radius: 10px; background: #161713;}
.roomers-case .demo-hero{height: 230px; position: relative; color: #fff; overflow: hidden;}
.roomers-case .demo-hero:after{content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,#18130fc9,transparent 70%); pointer-events: none;}
.roomers-case .demo-hero>img{position: absolute; inset: 0; object-fit: cover; transition: opacity 1.2s;}
.roomers-case .demo-night{opacity: 0;}
.roomers-case .demo-top{position: absolute; top: 26px; left: 14px; right: 14px; z-index: 1; display: flex; justify-content: space-between; font-size: 8px; letter-spacing: .14em;}
.roomers-case .demo-brand{position: absolute; left: 20px; right: 20px; bottom: 40px; z-index: 1; display: grid; place-items: center;}
.roomers-case .demo-brand img{position: absolute; width: 100%; height: 40px; object-fit: contain; filter: brightness(0) invert(1); transition: opacity 1.2s;}
.roomers-case .demo-brand .night-logo{opacity: 0;}
.roomers-case .demo-hero>small{position: absolute; left: 15px; right: 15px; bottom: 13px; text-align: center; z-index: 1; font: 8px/1.5 Georgia,serif; letter-spacing: .1em;}
.roomers-case .demo-body{padding: 13px;}
.roomers-case .demo-mode-tabs{display: flex; gap: 5px;}
.roomers-case .demo-mode-tabs span{flex: 1; text-align: center; padding: 9px 4px; border: 1px solid #d7cbb7; border-radius: 12px; font-size: 8px; transition: background 1.3s,border-color 1.3s;}
.roomers-case .demo-mode-tabs span:first-child{background: #d9bc81; color: #fff;}
.roomers-case .demo-body h3{font: 20px/1.2 Georgia,serif; margin-top: 18px; letter-spacing: -.04em;}
.roomers-case .demo-product{display: flex; gap: 10px; align-items: center; margin-top: 12px; background: #fff8; border-radius: 12px; padding: 7px; transition: background 1.3s;}
.roomers-case .demo-product img{width: 53px; height: 58px; border-radius: 7px; flex: none;}
.roomers-case .demo-product strong{font: 13px Georgia,serif;}
.roomers-case .demo-product p{font-size: 8px; line-height: 1.6; margin-top: 5px; opacity: .65;}
.roomers-case .demo-search{border: 1px solid #ddd0b9; border-radius: 20px; padding: 10px 12px; font-size: 9px; margin-top: 14px; opacity: .75; transition: border-color 1.3s;}
.roomers-case .demo-time{position: absolute; right: 24px; top: 24px; font-size: 12px; letter-spacing: .05em; border: 1px solid #b6aa93; padding: 9px 12px; border-radius: 30px; color: #79705c; transition: color 1.3s,border-color 1.3s;}
.roomers-case .menu-visual[data-period=night] .menu-demo{background: #241b17; color: #f9e8cf;}
.roomers-case .menu-visual[data-period=night] .demo-night,.roomers-case .menu-visual[data-period=night] .night-logo{opacity: 1;}
.roomers-case .menu-visual[data-period=night] .demo-day,.roomers-case .menu-visual[data-period=night] .day-logo{opacity: 0;}
.roomers-case .menu-visual[data-period=night] .demo-mode-tabs span{border-color: #654b39;}
.roomers-case .menu-visual[data-period=night] .demo-mode-tabs span:first-child{background: none; color: inherit;}
.roomers-case .menu-visual[data-period=night] .demo-mode-tabs span:last-child{background: #946a46; color: white;}
.roomers-case .menu-visual[data-period=night] .demo-product{background: #ffffff09;}
.roomers-case .menu-visual[data-period=night] .demo-search{border-color: #654b39;}
.roomers-case .menu-visual[data-period=night] .demo-time{color: #f3d6b0; border-color: #7a5d44;}
.roomers-case .menu-period-controls{display: flex; gap: 7px; margin-top: 25px; flex-wrap: wrap;}
.roomers-case .menu-period-controls button{border: 1px solid #bcb4a4; background: none; color: #6b6050; border-radius: 24px; padding: 11px 15px; font-size: 12px; min-height: 44px;}
.roomers-case .menu-period-controls button[aria-pressed=true]{background: #25231e; border-color: #25231e; color: var(--paper);}
.roomers-case .menu-period-controls button:hover{border-color: #25231e;}
.roomers-case .sample-badge:before{width: 4px; height: 4px; background: #a3a98f;}
.roomers-case .results-board{display: block; margin: 0; background: #23261f; border: 1px solid #464d3b; padding: 22px 25px; max-width: 600px; border-radius: 0;}
.roomers-case .chart-panel{border: 0; padding: 0;}
.roomers-case .chart-top{font-size: 10px; color: #b0ba9f;}
.roomers-case .chart-controls button{width: 31px; height: 31px;}
.roomers-case .metric-main{display: flex; align-items: end; justify-content: space-between; gap: 15px; margin: 10px 0 0;}
.roomers-case .metric-value{font-size: 70px; line-height: 1.12; min-width: 0; font-weight: 300; letter-spacing: -.075em;}
.roomers-case .metric-change{display: block; text-align: right; margin: 0 0 7px; color: #d1dfad;}
.roomers-case .metric-change>span{display: none;}
.roomers-case .metric-change strong{font-size: 25px; display: block; min-width: 0;}
.roomers-case .metric-change small{font-size: 10px; color: #a5ad97; margin: 5px 0 0; display: block;}
.roomers-case .growth-chart{margin: 5px 0 0; max-height: 205px;}
.roomers-case .chart-curve{stroke-width: 3.5; stroke: #c7d6a3;}
.roomers-case .chart-area{fill: url(#area-fill);}
.roomers-case .chart-dot{fill: #d5e5b2; stroke: #23261f; stroke-width: 4;}
.roomers-case .chart-axis{stroke: #3f4736; stroke-dasharray: 3 6;}
.roomers-case .chart-ends{padding-top: 14px; border-color: #444c39;}
.roomers-case .chart-ends b{font-size: 21px;}
.roomers-case .chart-ends span{font-size: 10px;}
.roomers-case .lightbox{background: #11130e35; backdrop-filter: blur(24px) saturate(.8); -webkit-backdrop-filter: blur(24px) saturate(.8);}
.roomers-case .lightbox::backdrop{background: #11130e35; backdrop-filter: blur(24px) saturate(.8); -webkit-backdrop-filter: blur(24px) saturate(.8);}
.roomers-case .lightbox:modal{background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none;}
.roomers-case .lightbox img{filter: drop-shadow(0 18px 45px #0006);}
.roomers-case .lightbox figcaption{color: #fff; background: #16171180; padding: 7px 12px; border-radius: 20px;}
.roomers-case .lightbox-close,.roomers-case .lightbox-arrow{background: #191b1885; backdrop-filter: blur(8px);}
.roomers-case .lightbox-counter{background: #16171180; padding: 7px 13px; border-radius: 20px; color: #fff;}
@media (max-width:1000px){.roomers-case .phone{width: 270px;}
.roomers-case .phone-stage{min-height: 620px;}
.roomers-case .phone-caption{right: -10px; bottom: 0;}
.roomers-case .results-board{padding: 20px;}
}
@media (max-width:720px){.roomers-case .phone-stage{width: 100%; min-height: 640px; max-width: 430px; order: 1;}
.roomers-case .phone{width: 286px;}
.roomers-case .phone-caption{right: 2%; bottom: 12px;}
.roomers-case .menu-visual{min-height: 590px;}
.roomers-case .menu-demo{width: 240px; height: 505px;}
.roomers-case .menu-visual:before{font-size: 31vw;}
.roomers-case .menu-visual[data-period=night]:before{font-size: 24vw;}
.roomers-case .results-board{padding: 20px; width: 100%; max-width: 500px;}
.roomers-case .metric-main{display: flex;}
.roomers-case .metric-change{max-width: none; display: block; margin-bottom: 6px; justify-self: auto;}
.roomers-case .metric-change strong{font-size: 25px;}
.roomers-case .metric-change small{margin: 5px 0 0;}
.roomers-case .metric-value{font-size: 68px;}
.roomers-case .growth-chart{max-height: 190px;}
.roomers-case .lightbox{backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);}
}
@media (prefers-reduced-motion:reduce){.roomers-case .menu-demo,.roomers-case .menu-visual,.roomers-case .demo-hero>img,.roomers-case .demo-brand img{transition: none !important;}
}

.roomers-case .roomers-hero.hero{isolation:isolate;width:100%;max-width:none}.roomers-case .hero-still{position:absolute;inset:0;z-index:0;width:100%;height:100%;padding:0;border:0;background:#302723}.roomers-case .hero-still img{width:100%;height:100%;object-fit:cover;object-position:50% 43%}.roomers-case .roomers-hero video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:50% 43%;opacity:0;transition:opacity .6s;pointer-events:none}.roomers-case .roomers-hero video.is-ready{opacity:1}.roomers-case .roomers-hero:after{pointer-events:none}.roomers-case .roomers-hero-stamp{pointer-events:none}.roomers-case .phone-stage{min-height:590px;max-width:390px;margin-top:25px}.roomers-case .phone{width:260px}.roomers-case .phone-screen img{display:block;width:100%;height:100%;object-fit:cover}.roomers-case .roomers-editorial{padding-block:90px}.roomers-case .roomers-editorial-aside{min-width:0}.roomers-case .touch-image .works-photo{position:absolute;inset:0;border:0;padding:0;width:100%;height:100%;background:none;cursor:zoom-in}.roomers-case .works-photo img{width:100%;height:100%;object-fit:cover;display:block}.roomers-case .touch-image>span{pointer-events:none}.roomers-case .qr-composition{min-height:640px;display:flex;flex-direction:column;justify-content:center;gap:24px}.roomers-case .menu-visual:after{bottom:20px;font-size:10px}.roomers-case .menu-period-controls{position:relative;z-index:2;margin:0 12px 20px}.roomers-case .menu-period-controls button{background:#f6f0e2;color:#352e23;border-color:#d6cab3}.roomers-case .menu-period-controls button[aria-pressed=true]{background:#25231e;color:#f3ebd9;border-color:#8c7961}.roomers-case .menu-demo{flex:none}.roomers-case .roomers-measure{grid-template-columns:.9fr 1.1fr;gap:8%;padding:75px 8%}.roomers-case .measure-heading h2{font-size:clamp(43px,5vw,70px)}.roomers-case .measure-heading .sample-badge{display:block;margin-top:20px}.roomers-case .results-board{padding:20px;max-width:560px;margin:0}.roomers-case .metric-main{display:flex;align-items:end;justify-content:space-between}.roomers-case .metric-change{display:block;margin:0 0 5px;text-align:right}.roomers-case .metric-change strong{display:block;font-size:26px;font-weight:400}.roomers-case .metric-change small{font-size:11px;color:#a5ad97}.roomers-case .chart-top span{font-size:10px}.roomers-case .growth-chart{height:auto;max-height:205px;width:100%}.roomers-case .lightbox img{width:auto;height:100%;object-fit:contain}.roomers-case .menu-link{display:inline-flex;gap:25px;border-bottom:1px solid #aaa18f;padding-bottom:9px;margin-top:23px;font-size:13px}.roomers-case .works-photo:focus-visible,.roomers-case button:focus-visible{outline:2px solid #c5503f;outline-offset:4px}.roomers-case .ig-grid button{cursor:zoom-in}.roomers-case .ig-grid img{width:100%;height:100%;object-fit:cover}body.works-image-open{overflow:hidden}
@media(max-width:760px){.roomers-case .roomers-editorial{padding:65px 6%}.roomers-case .phone-stage{margin:30px auto;min-height:590px}.roomers-case .phone-caption{right:0;bottom:10px}.roomers-case .roomers-measure{grid-template-columns:1fr;gap:32px;padding:65px 6%}.roomers-case .measure-heading h2{font-size:49px}.roomers-case .qr-composition{height:auto;min-height:650px}.roomers-case .roomers-hero video,.roomers-case .hero-still img{object-position:50% 45%}.roomers-case .results-board{width:100%;max-width:560px}}
/* v1.9: actual profile screens and restrained device motion */
.roomers-case .roomers-editorial{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:6%;align-items:center}.roomers-case .roomers-editorial-aside{position:relative}.roomers-case .dual-phones{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,30px);margin:38px auto 14px;width:100%;max-width:610px}.roomers-case .dual-phones .phone-stage{min-height:0;max-width:260px;width:calc(50% - 15px);margin:0;perspective:1100px;position:relative;padding:0 0 34px;display:block}.roomers-case .dual-phones .phone-stage:before,.roomers-case .dual-phones .phone-stage:after{display:none}.roomers-case .dual-phones .phone{box-sizing:border-box;position:relative;width:100%;padding:7px;border-radius:38px;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:none;box-shadow:inset 1px 0 1px #b4b3a9,8px 14px 24px #0003;will-change:transform}.roomers-case .dual-phones .phone-screen{aspect-ratio:9/19.5;min-height:0;border-radius:29px;overflow:hidden;display:flex;flex-direction:column}.roomers-case .dual-phones .phone-status{flex:none;height:29px;padding:0 18px;font-size:9px}.roomers-case .dual-phones .phone-status:after{height:14px;width:65px;top:6px}.roomers-case .dual-phones .ig-head{font-size:11px;gap:8px;padding:8px 11px;flex:none}.roomers-case .phone-scroll{overflow:auto;flex:1;min-height:0;scrollbar-width:none;overscroll-behavior:contain}.roomers-case .phone-scroll::-webkit-scrollbar{display:none}.roomers-case .phone-scroll button{border:0;padding:0;display:block;background:#000;width:100%;cursor:zoom-in}.roomers-case .phone-scroll img{height:auto;object-fit:contain;display:block;width:100%}.roomers-case .phone-home{height:17px;flex:none;position:relative}.roomers-case .phone-home:after{content:'';position:absolute;bottom:5px;left:30%;right:30%;height:3px;border-radius:3px;background:#eee}.roomers-case .dual-phones .phone-caption{bottom:0;left:0;right:0;text-align:center;background:none;border:0;box-shadow:none;padding:0;transform:none;font-size:10px;letter-spacing:.02em;white-space:nowrap}.roomers-case .phone-inspect{display:block;text-align:center;font-size:11px;opacity:.7}.roomers-case .menu-demo{padding:0;width:246px;height:auto;aspect-ratio:9/19.5;position:relative;cursor:zoom-in;transform:rotate(2deg)}.roomers-case .menu-demo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity 1.1s}.roomers-case .menu-demo:before{display:none}.roomers-case .roomers-system{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;padding:80px 8%;align-items:start}.roomers-case .roomers-system-head{display:block;max-width:430px}.roomers-case .roomers-system-head h2{font-size:clamp(42px,5vw,68px);line-height:1.05;margin:24px 0}.roomers-case .roomers-system-head h2 em{font-family:Georgia,serif;font-weight:400}.roomers-case .roomers-system-head p{font-size:14px;line-height:1.8}.roomers-case .roomers-journey{list-style:none;padding:0;margin:0;display:block}.roomers-case .roomers-journey li{position:relative;border-top:1px solid #a9a796;padding:24px 0 28px 34px}.roomers-case .roomers-journey li:before{content:'';position:absolute;left:1px;top:30px;width:8px;height:8px;background:#5e6650;border-radius:50%;outline:5px solid var(--paper,#eeeae0)}.roomers-case .roomers-journey li:not(:last-child):after{content:'';position:absolute;width:1px;background:#a9a796;left:5px;top:43px;bottom:-18px}.roomers-case .roomers-journey li>span{font-size:10px;letter-spacing:.08em;color:#676a5d}.roomers-case .roomers-journey h3{font:400 clamp(23px,2.7vw,34px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin:12px 0}.roomers-case .roomers-journey p{font-size:13px;line-height:1.75;max-width:45ch;margin:0}.roomers-case .roomers-next-links{display:flex;justify-content:space-between;gap:20px;margin:0 8%;padding:32px 0 50px;border-top:1px solid #b2b3a5}.roomers-case .roomers-next-links a{font-size:13px;min-height:44px;display:flex;align-items:center;border-bottom:1px solid currentColor}.roomers-case .chart-controls{display:none}@media(max-width:1050px){.roomers-case .roomers-editorial{grid-template-columns:1.2fr .8fr;gap:4%;padding-inline:5%}.roomers-case .dual-phones{gap:14px}.roomers-case .dual-phones .phone-stage{width:calc(50% - 7px)}.roomers-case .dual-phones .phone{padding:5px;border-radius:29px}.roomers-case .dual-phones .phone-screen{border-radius:23px}}@media(max-width:760px){.roomers-case .roomers-editorial{grid-template-columns:1fr;padding:60px 6%;gap:35px}.roomers-case .dual-phones{max-width:520px;gap:18px}.roomers-case .dual-phones .phone-stage{width:calc(50% - 9px);max-width:240px;min-height:0}.roomers-case .roomers-system{grid-template-columns:1fr;gap:35px;padding:60px 6%}.roomers-case .roomers-system-head{max-width:none}.roomers-case .roomers-next-links{margin-inline:6%}}@media(max-width:400px){.roomers-case .dual-phones{gap:12px}.roomers-case .dual-phones .ig-head{font-size:9px;padding:7px}.roomers-case .dual-phones .phone-status{height:25px;padding:0 11px;font-size:8px}.roomers-case .dual-phones .phone-caption{font-size:9px}}@media(prefers-reduced-motion:reduce){.roomers-case .dual-phones .phone{transform:none!important}.roomers-case .menu-demo>img{transition:none}}
.roomers-case .dual-phones .phone-stage:hover .phone{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:none}
@media(prefers-reduced-motion:reduce){.roomers-case .dual-phones .phone-stage:hover .phone{transform:none!important}}