.smart-journey{height:700svh;position:relative;background:#e5e4db;color:#302f27;font-family:system-ui,sans-serif}
.sj-stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#e6e2d8}
#sjCanvas,.sj-poster,.sj-wash{position:absolute;inset:0;width:100%;height:100%;display:block}
.sj-poster{background:#e6e2d8 url('mastra-exterior-concept-v1.png') center/cover;z-index:-1}
.sj-wash{pointer-events:none;background:linear-gradient(180deg,#f4f1e5d9 0%,#f4f1e580 14%,transparent 32%,transparent 65%,#f4f1e5c9 86%,#f4f1e5ed);z-index:1}
.sj-head{position:absolute;z-index:2;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:26px 38px}
.sj-head>a:first-child{color:#34382e;text-decoration:none;font-size:16px;font-weight:750;letter-spacing:.12em}.sj-head small{display:block;font-size:8px;font-weight:500;letter-spacing:.14em;margin-top:7px}
.sj-head .sj-link{font-size:12px;color:#34382e;text-decoration:none;border:1px solid #756b4e60;border-radius:99px;padding:10px 14px;background:#f4f1e570}
.sj-copy{position:absolute;z-index:2;top:112px;left:38px;max-width:660px;pointer-events:none}
.sj-kicker{font-size:10px;font-weight:650;letter-spacing:.16em;margin:0 0 14px;color:#6b634e}.sj-copy h1{font-size:clamp(30px,4.2vw,60px);line-height:1.06;font-weight:550;letter-spacing:-.045em;margin:0;color:#31372c}.sj-sub{font-size:13px;line-height:1.65;color:#555642;margin:14px 0 0;max-width:400px}
.sj-bottom{position:absolute;z-index:2;inset:auto 38px 22px;max-width:760px}
.sj-track{height:2px;width:190px;background:#b2ab9840;margin-bottom:17px;overflow:hidden}.sj-track span{display:block;height:100%;width:100%;background:#867444;transform-origin:left;transform:scaleX(0)}
.sj-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px}.sj-actions button{border:0;border-radius:99px;padding:13px 20px;background:#384232;color:#f4f1e5;font:600 12px system-ui,sans-serif;cursor:pointer}.sj-actions a{color:#4e5545;text-decoration:none;font-size:11px;padding:10px 0}
.sj-actions [hidden],.sj-modes[hidden],.sj-loading[hidden]{display:none!important}
.sj-bottom p{margin:11px 0 7px;font-size:11px;line-height:1.5;color:#525a48}.sj-bottom>small{font-size:9px;line-height:1.5;color:#626451;display:block;max-width:600px}
.sj-modes{position:absolute;z-index:3;right:38px;bottom:160px;max-width:320px;border:1px solid #d0cbb9;background:#f3efdfef;border-radius:16px;padding:16px;box-shadow:0 12px 32px #42493617}.sj-modes>span{font-size:9px;letter-spacing:.1em;color:#6d6d52}.sj-modes>div{display:flex;gap:8px;margin:12px 0}.sj-modes button{font:550 11px system-ui,sans-serif;border:1px solid #b8bea6;border-radius:8px;background:#fdf7e9;color:#384232;padding:11px;cursor:pointer}.sj-modes button[aria-pressed=true]{background:#dfe6cf;border-color:#899977}.sj-modes small{font-size:9px;line-height:1.65;color:#686d58;display:block}
.sj-loading{position:absolute;z-index:5;inset:0;display:grid;place-items:center;background:#eee9daed;font-size:13px;color:#5c624f}
.smart-journey button:focus-visible,.smart-journey a:focus-visible{outline:3px solid #99764d;outline-offset:4px}
@media(max-width:650px){.sj-head{padding:24px 20px}.sj-head>a:first-child{font-size:12px}.sj-head .sj-link{font-size:10px;padding:9px 11px}.sj-copy{left:20px;right:20px;top:111px}.sj-copy h1{font-size:33px;max-width:360px}.sj-kicker{font-size:9px}.sj-sub{font-size:11px;max-width:300px;margin-top:10px}.sj-bottom{left:20px;right:20px;bottom:20px}.sj-actions{gap:10px}.sj-actions button{padding:13px 16px}.sj-actions a{font-size:10px}.sj-modes{right:20px;bottom:164px;padding:13px;max-width:290px}.sj-modes button{padding:10px}.sj-bottom>small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.smart-journey *{scroll-behavior:auto!important}}

@media(max-width:650px){.sj-interior .sj-copy{top:98px}.sj-interior .sj-copy h1{font-size:23px;line-height:1.25}.sj-interior .sj-sub{display:none}}

.sj-interior .sj-copy{top:91px}.sj-interior .sj-kicker{margin-bottom:8px}.sj-interior .sj-copy h1{font-size:clamp(20px,2.8vw,38px)}