#design-lab .comparison{height:470px;border-radius:24px;box-shadow:0 20px 60px -35px #203d3166}
#design-lab .compare-base{background:#fff}#design-lab .compare-bold{background:#213d31}
.lab-mode{display:flex;gap:8px;margin:24px 0 18px}.lab-mode button{border:1px solid #213d3126;background:transparent;color:#213d31;border-radius:30px;padding:12px 18px;font:600 14px inherit;cursor:pointer;min-height:44px}.lab-mode button[aria-pressed=true]{background:#213d31;color:#e2fa8b;border-color:#213d31}.lab-mode button:focus-visible{outline:3px solid #8b9f45;outline-offset:3px}
.lab-site{height:100%;padding:28px 34px;display:flex;flex-direction:column;overflow:hidden}
.lab-site-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;flex:none;padding-bottom:18px;border-bottom:1px solid #ffffff28}.lab-site-nav>b{font:700 25px "Space Grotesk",sans-serif;letter-spacing:4px;line-height:1.1}.lab-site-nav>b span{display:block;font-size:7px;letter-spacing:2px;margin-top:5px}.lab-site-nav>span{font-size:10px;opacity:.65}
.lab-site-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}
.lab-site-copy{position:relative;z-index:1}.lab-site-kicker{font-size:11px;letter-spacing:.5px}.lab-site-copy>strong{display:block;font-size:clamp(36px,4.6vw,64px);line-height:1.06;letter-spacing:-2px;margin:14px 0}.lab-site-copy em{font-style:normal;color:#d8edaa}.lab-site-copy p{font-size:13px;line-height:1.7;max-width:250px}.lab-site-cta{display:inline-block;margin-top:18px;padding:12px 17px;border-radius:7px;background:#dfedb0;color:#243c31;font-size:12px;font-weight:700}
.lab-site-footer{display:flex;justify-content:space-between;gap:10px;padding-top:16px;border-top:1px solid #ffffff26;font-size:10px}
.lab-room{position:relative;height:260px;background:linear-gradient(110deg,#c6bda8,#e8dec9 58%,#c4b79b);border-radius:110px 110px 12px 12px;overflow:hidden;box-shadow:0 15px 25px #0b231c55;direction:ltr}
.room-window{position:absolute;left:14%;top:12%;width:48%;height:61%;border-radius:80px 80px 0 0;background:linear-gradient(125deg,#eef3dc,#c7d3b1);border:10px solid #b2a58b;box-shadow:15px 10px 22px #796e5140}.room-window:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;background:#b2a58b}.room-sun{position:absolute;left:50%;top:55%;width:90%;height:80%;background:#fff5d74d;transform:rotate(-40deg)}
.room-plinth{position:absolute;width:55%;height:22%;left:28%;bottom:12%;border-radius:50% 50% 5px 5px;background:linear-gradient(90deg,#9c8a6b,#e2d6bb 50%,#b2a180);box-shadow:8px 18px 12px #6b614329}
.room-vase{position:absolute;left:48%;bottom:33%;width:20%;height:29%;border-radius:32% 32% 42% 42%;background:linear-gradient(90deg,#885e46,#c89b76 55%,#9e7053);box-shadow:10px 4px 12px #66544333}.room-vase:before{content:"";position:absolute;width:56%;height:20%;background:#86634d;border-radius:50%;top:-7%;left:22%;border:4px solid #bf9775}
.room-caption{position:absolute;bottom:10px;left:12px;font:500 7px "Space Grotesk",sans-serif;letter-spacing:2px;color:#574e3d}
.lab-site-before{color:#686d70;padding:28px 34px;background:#fff}.lab-site-before .lab-site-nav{border-color:#ddd}.lab-site-before .lab-site-nav>b{font-size:19px;letter-spacing:0}.lab-site-before .lab-site-copy>strong{font-size:34px;letter-spacing:0;line-height:1.35;font-weight:500}.lab-site-before .lab-site-copy em{color:inherit}.lab-site-before .lab-site-cta{background:#eceef0;color:#767b80;border-radius:2px;font-weight:400}.lab-site-before .lab-room{height:180px;border-radius:2px;filter:grayscale(.65);box-shadow:none;transform:scale(.88)}.lab-site-before .lab-site-footer{border-color:#ddd;color:#8e9295}
.lab-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px}.lab-insights>div{border-top:1px solid #213d3128;padding-top:17px}.lab-insights span{display:block;color:#8d6652;font-size:11px}.lab-insights strong{display:block;margin:7px 0;font-size:20px}.lab-insights p{font-size:13px;line-height:1.7;color:#696e64;margin:0}
@media(max-width:767px){#design-lab .comparison{height:535px;border-radius:20px}.lab-mode{gap:5px}.lab-mode button{padding:10px 8px;font-size:11px;flex:1}.lab-site,.lab-site-before{padding:20px}.lab-site-nav{padding-bottom:12px}.lab-site-nav>b{font-size:21px}.lab-site-nav>span{font-size:8px;max-width:80px}.lab-site-body{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:17px 0;justify-content:space-between}.lab-site-copy>strong{font-size:40px;margin:8px 0;letter-spacing:-1.5px}.lab-site-copy p{font-size:11px;max-width:240px;margin:0}.lab-site-kicker{font-size:9px}.lab-site-cta{font-size:11px;margin-top:12px;padding:10px 14px}.lab-room{height:165px;flex-shrink:0;border-radius:65px 65px 8px 8px;width:100%;max-width:260px;align-self:center}.lab-site-footer{font-size:8px;gap:6px;padding-top:10px}.lab-site-before .lab-site-copy>strong{font-size:30px}.lab-site-before .lab-room{height:165px;transform:scale(.8)}.lab-insights{gap:12px;grid-template-columns:1fr}.lab-insights>div{display:grid;grid-template-columns:75px 1fr;gap:4px 10px;padding-top:12px}.lab-insights span{grid-row:1/3;padding-top:3px}.lab-insights strong{font-size:17px;margin:0}.lab-insights p{font-size:12px}.lab-foot{flex-direction:column;gap:4px}.comparison-line>span{width:42px;height:42px}}
@media(prefers-reduced-motion:no-preference){#design-lab .lab-site-after .room-sun{animation:lab-light 9s ease-in-out infinite alternate}.motion-paused #design-lab .room-sun,.comparison.scene-dormant .room-sun{animation-play-state:paused!important}@keyframes lab-light{from{opacity:.35;transform:rotate(-40deg) translateX(-8px)}to{opacity:.9;transform:rotate(-40deg) translateX(8px)}}}