.soboy-case{--accent:#2d5142}.soboy-case .brand-mark{color:#2d5142}.soboy-case .btn-primary:hover{background:#233f34;border-color:#233f34}.soboy-case .case-hero h1{font-size:clamp(65px,11vw,150px)}.playground{background:#e7ebdb;padding:70px 0;scroll-margin-top:20px}.playground-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px);align-items:center;gap:65px}.playground-copy .section-index{display:block}.playground-copy h2{font-size:clamp(36px,4.4vw,62px);line-height:1.12;color:#283b35}.playground-copy h2 em{color:#a25734}.playground-copy>p{font-size:15px;line-height:1.9;color:#536153;max-width:420px;margin-top:26px}.try-steps{list-style:none;margin:35px 0;padding:0;max-width:430px}.try-steps li{border-top:1px solid #c7cfba;padding:17px 0;font-size:13px;display:flex;gap:20px}.try-steps li span{font-size:10px;color:#6b7963;padding-top:3px}.demo-note{border-left:2px solid #6f8664;padding-left:18px;margin-top:34px;max-width:380px}.demo-note>span{font-size:9px;letter-spacing:.1em;color:#486440}.demo-note p{font-size:11px;color:#657260;line-height:1.8;margin-top:9px}.phone-stage{min-width:0}.phone-shell{width:100%;max-width:402px;margin:auto;border:7px solid #243b31;border-radius:36px;overflow:hidden;box-shadow:0 25px 65px #29422b26;background:#f6f4ed;height:790px}.phone-shell iframe{display:block;width:100%;height:100%;border:0}.phone-caption{font-size:10px;color:#657260;text-align:center;margin:18px 0 0;line-height:1.7}.soboy-solution{background:#2d5142;color:#f6f4ed}.soboy-solution .section-index{color:#cfdfbf}.soboy-solution .flow-line{border-color:#6d836a}.soboy-case .case-intro .btn{white-space:nowrap}.soboy-case .system-board-case{background:#edede3}@media(max-width:900px){.playground-grid{grid-template-columns:1fr;gap:36px}.playground-copy{max-width:640px}.playground-copy>p{max-width:550px}.try-steps{max-width:550px}.phone-shell{height:760px}.demo-note{max-width:550px}.playground{padding:50px 0}}@media(max-width:440px){.phone-shell{border-width:4px;border-radius:25px;height:740px}.playground-grid{gap:28px}.playground .wrap{width:calc(100% - 20px)}.playground-copy{padding:0 8px}.playground-copy h2{font-size:35px}.playground-copy>p{font-size:14px}.soboy-case .case-intro .btn{justify-self:start}.phone-caption{font-size:9px}}

/* Travel reference visual direction */
.playground{background:#e5e7e5}.phone-shell{border-color:#fff;box-shadow:0 25px 65px #163c3526}.soboy-case{--accent:#174e48}.playground-copy h2 em{color:#246b60}.soboy-solution{background:#174e48}.demo-note{border-color:#65a16e}