.bj-journey{padding:clamp(80px,8vw,124px) 0;background:radial-gradient(circle at 8% 10%,#fff8e8,transparent 38%),#f7f5ef;color:#272826}
.bj-heading{max-width:890px;margin-bottom:34px}
.bj-heading .eyebrow{color:#8f752b}
.bj-heading h2{max-width:840px;margin:17px 0 18px;font-size:clamp(38px,4.3vw,64px);line-height:1.12}
.bj-heading h2 em{color:#454741}
body:not(.admin-mode) #app .bj-heading p{max-width:760px;color:#585951;font-size:17px;font-weight:400;line-height:1.62}
.bj-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:22px;align-items:stretch}
.bj-stage{--cursor-x:73%;--cursor-y:76%;overflow:hidden;border:9px solid #282a28;border-radius:21px;background:#272a28;box-shadow:0 25px 60px #26251f35}
.bj-stage[data-step="1"]{--cursor-x:79%;--cursor-y:78%}
.bj-stage[data-step="2"]{--cursor-x:78%;--cursor-y:76%}
.bj-stage[data-step="3"]{--cursor-x:78%;--cursor-y:79%}
.bj-stage[data-step="4"]{--cursor-x:58%;--cursor-y:61%}
.bj-browserbar{height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid #ffffff29;color:#e2ded2;font-size:10px;letter-spacing:.03em}
.bj-browserbar .bj-dots{color:#e4c85b;letter-spacing:.13em}
.bj-browserbar b{color:#e4c85b;font-size:9px;letter-spacing:.13em}
.bj-screen{position:relative;min-height:420px;overflow:hidden;background:#faf8f2;color:#262825}
.bj-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#fff8df88,transparent 50%);pointer-events:none}
.bj-scene{position:relative;z-index:1;min-height:420px;padding:31px 34px;animation:bj-scene-in .6s ease both}
.bj-scene[hidden]{display:none!important}
.bj-scene-kicker{color:#9c7b29;font-size:10px;font-weight:800;letter-spacing:.16em}
.bj-scene h3{margin:12px 0 23px;font:italic 400 clamp(27px,3vw,44px)/1.1 Georgia,serif;letter-spacing:-.025em;color:#292a26}
.bj-date-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(190px,.85fr);gap:17px}
.bj-calendar,.bj-selection,.bj-apartment,.bj-fields>div,.bj-check-grid>div{border:1px solid #d7d0c1;border-radius:9px;background:#fffefa;box-shadow:0 4px 15px #30271a0b}
.bj-calendar{padding:18px}
.bj-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;color:#292a26;font-size:14px}
.bj-calendar-head span{color:#92752d;font-size:20px}
.bj-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.bj-calendar-grid small,.bj-calendar-grid span{display:grid;place-items:center;aspect-ratio:1.05;border-radius:6px;font-size:11px}
.bj-calendar-grid small{color:#9c9b92}
.bj-calendar-grid span{background:#f3f1eb;color:#55564f}
.bj-calendar-grid span.is-selected{background:#ffdc4a;color:#2a281e;font-weight:700}
.bj-selection{display:flex;flex-direction:column;gap:5px;padding:18px}
.bj-selection>span{margin-top:3px;color:#9c7c2b;font-size:9px;font-weight:800;letter-spacing:.12em}
.bj-selection>strong{font-size:13px;font-weight:600}
.bj-selection>b,.bj-scene-action,.bj-apartment i{display:block;margin-top:auto;padding:13px 12px;border-radius:7px;background:#ffda43;color:#24241f;font-size:12px;font-weight:700;font-style:normal;text-align:center}
.bj-apartment{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;min-height:268px}
.bj-apartment img{width:100%;height:100%;object-fit:cover}
.bj-apartment>div{display:flex;flex-direction:column;padding:25px 22px}
.bj-apartment span,.bj-apartment small{color:#95772f;font-size:9px;font-weight:700;letter-spacing:.11em}
.bj-apartment strong{margin:14px 0;font:italic 400 clamp(21px,2.3vw,33px)/1.1 Georgia,serif}
body:not(.admin-mode) #app .bj-apartment p{margin:0 0 15px;color:#68675f;font-size:12px;font-weight:400}
.bj-apartment b{margin:5px 0 12px;font-size:24px}
.bj-fields,.bj-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bj-fields>div,.bj-check-grid>div{display:flex;flex-direction:column;gap:10px;padding:17px}
.bj-fields span,.bj-check-grid span{color:#92752f;font-size:9px;font-weight:800;letter-spacing:.11em}
.bj-fields strong,.bj-check-grid strong{font-size:14px;font-weight:600}
.bj-scene-details .bj-scene-action,.bj-scene-check .bj-scene-action{max-width:300px;margin:22px 0 0 auto}
body:not(.admin-mode) #app .bj-scene-check p{max-width:580px;margin:14px 0 0;color:#77746a;font-size:12px;font-weight:400}
.bj-scene-done{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.bj-done-icon{display:grid;place-items:center;width:80px;height:80px;margin-bottom:20px;border-radius:50%;background:#ffda43;color:#292b27;font-size:43px}
.bj-scene-done h3{max-width:520px;margin:14px 0}
body:not(.admin-mode) #app .bj-scene-done p{max-width:510px;color:#66665f;font-size:15px;font-weight:400}
.bj-scene-done>span{margin-top:17px;color:#9a7b2d;font-size:11px;font-weight:700;letter-spacing:.08em}
.bj-cursor{position:absolute;z-index:5;left:var(--cursor-x);top:var(--cursor-y);width:36px;height:44px;filter:drop-shadow(0 3px 5px #0006);transition:left .85s cubic-bezier(.2,.7,.15,1),top .85s cubic-bezier(.2,.7,.15,1);pointer-events:none}
.bj-cursor:after{content:"";position:absolute;left:0;top:0;width:22px;height:22px;border:2px solid #e9c840;border-radius:50%;animation:bj-click 3.3s ease-out infinite;pointer-events:none}
.bj-reduced .bj-cursor{display:none}
.bj-guide{display:flex;flex-direction:column;padding:clamp(25px,3vw,40px);border:1px solid #ffffff45;border-radius:20px;background:radial-gradient(circle at 100% 0,#4b401f,#242624 50%);box-shadow:inset 1px 1px #ffffff20;color:#f7f4ea}
.bj-guide-kicker{display:flex;justify-content:space-between;gap:15px;color:#ead16b;font-size:10px;font-weight:800;letter-spacing:.14em}
.bj-guide-kicker b{white-space:nowrap}
.bj-guide h3{margin:35px 0 12px;color:#fff;font-size:clamp(26px,2.8vw,38px);font-weight:500;line-height:1.15}
body:not(.admin-mode) #app .bj-guide p{min-height:57px;margin:0 0 24px;color:#d6d2c6;font-size:14px;font-weight:400;line-height:1.55}
.bj-steps{display:grid;gap:7px;margin-top:auto}
.bj-steps button{display:flex;align-items:center;gap:13px;width:100%;padding:10px 12px;border:1px solid #ffffff30;border-radius:9px;background:#ffffff09;color:#d3d1c7;cursor:pointer;text-align:left;font:700 12px Inter,Arial,sans-serif}
.bj-steps button span{font-weight:500}
.bj-steps button[aria-current="step"]{border-color:#ffda43;background:#ffda43;color:#24241f;box-shadow:0 8px 20px #e7bb3329}
.bj-controls{display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}
.bj-controls button{padding:11px 14px;border:1px solid #ffffff61;border-radius:99px;background:transparent;color:#f6f3e8;cursor:pointer;font:700 11px Inter,Arial,sans-serif}
.bj-controls button:last-child{background:#ffda43;border-color:#ffda43;color:#24241f}
.bj-guide>small{display:block;margin-top:18px;color:#b9b7ae;font-size:10px;line-height:1.5}
.bj-savings{padding:clamp(80px,8vw,125px) 0;background:radial-gradient(circle at 80% 10%,#433c1f,#191b1a 46%);color:#f9f6ed}
.bj-savings-head{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:end}
.bj-savings-head .eyebrow{color:#efd467}
.bj-savings-head h2{max-width:800px;margin:18px 0 0;color:#fff;font-size:clamp(38px,4.4vw,65px);line-height:1.12}
.bj-savings-head h2 em{color:#ffda43!important}
body:not(.admin-mode) #app .bj-savings-head p{max-width:470px;color:#dad5c8;font-size:16px;font-weight:400;line-height:1.6}
.bj-assumptions{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:36px 0 24px;padding:22px 28px;border:1px solid #ffffff2c;border-radius:14px;background:#ffffff0b}
.bj-assumptions label{display:grid;grid-template-columns:1fr auto;gap:12px;color:#e2dfd3;font-size:13px;font-weight:600}
.bj-assumptions output{color:#ffdf59;font-size:18px;font-weight:700;white-space:nowrap}
.bj-assumptions input{grid-column:1/-1;width:100%;accent-color:#ffda43;cursor:pointer}
.bj-fee-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.bj-fee-card{display:flex;flex-direction:column;min-height:365px;padding:clamp(22px,2.4vw,32px);border:1px solid #ffffff3c;border-radius:19px;background:linear-gradient(150deg,#393c39,#252726);box-shadow:inset 1px 1px #ffffff1d,0 18px 40px #0b0d0c38}
.bj-savings.is-visible .bj-fee-card{animation:bj-rise .7s ease both}
.bj-savings.is-visible .bj-fee-card:nth-child(2){animation-delay:.13s}
.bj-savings.is-visible .bj-fee-card:nth-child(3){animation-delay:.25s}
.bj-fee-top{display:flex;justify-content:space-between;align-items:baseline;gap:9px}
.bj-fee-top>span{font-size:19px;font-weight:600;letter-spacing:-.015em}
.bj-fee-top small{color:#e9cd64;font-size:9px;font-weight:700;letter-spacing:.09em;white-space:nowrap}
.bj-fee-rate{display:flex;flex-direction:column;gap:2px;margin:29px 0 23px}
.bj-fee-rate strong{color:#ffdf69;font-size:clamp(54px,5.5vw,78px);font-weight:600;line-height:1;letter-spacing:-.06em}
.bj-fee-rate span{color:#c6c5bd;font-size:12px}
.bj-fee-money{display:flex;flex-direction:column;gap:5px;padding-top:17px;border-top:1px solid #ffffff32}
.bj-fee-money small{color:#e6d18b;font-size:9px;font-weight:700;letter-spacing:.1em}
.bj-fee-money strong{font-size:clamp(29px,3.25vw,47px);font-weight:600;line-height:1.1;white-space:nowrap}
.bj-fee-year{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:22px;color:#d8d4c8;font-size:13px}
.bj-fee-year b{color:#ffdd55;font-size:clamp(24px,2.65vw,37px);font-weight:600;line-height:1.15;white-space:nowrap}
.bj-fee-year span{font-size:11px}
.bj-fee-direct{background:linear-gradient(145deg,#f5d34b,#dfb82a);border-color:#ffe47e;color:#282820}
.bj-fee-direct .bj-fee-top small,.bj-fee-direct .bj-fee-rate strong{color:#2c2b26}
.bj-fee-direct .bj-fee-rate span{color:#535043}
body:not(.admin-mode) #app .bj-fee-direct p{margin:0 0 24px;color:#454236;font-size:14px;font-weight:400;line-height:1.55}
.bj-fee-direct .btn{margin-top:auto;background:#252724;color:#fce585;box-shadow:none}
body:not(.admin-mode) #app .bj-savings-note{max-width:1120px;margin:26px 0 0;color:#c6c1b5;font-size:11px;font-weight:400;line-height:1.6}
.bj-savings-note a{display:inline-block;margin-left:13px;color:#ffdc58;text-decoration:underline;text-underline-offset:3px}
@keyframes bj-scene-in{from{opacity:.35;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes bj-click{0%,65%{opacity:0;transform:scale(.4)}77%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(2.2)}}
@keyframes bj-rise{from{opacity:.55;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.bj-layout{grid-template-columns:1fr}.bj-guide{min-height:0}.bj-steps{grid-template-columns:repeat(5,1fr)}.bj-steps button{flex-direction:column;align-items:flex-start}.bj-savings-head{grid-template-columns:1fr;gap:10px}.bj-fee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bj-fee-direct{grid-column:1/-1;min-height:260px}}
@media(max-width:720px){.bj-journey,.bj-savings{padding:70px 0}.bj-heading h2,.bj-savings-head h2{font-size:clamp(37px,7vw,51px)}.bj-stage{border-width:6px}.bj-screen,.bj-scene{min-height:410px}.bj-scene{padding:24px}.bj-date-layout{grid-template-columns:1.15fr .85fr;gap:9px}.bj-calendar{padding:10px}.bj-calendar-grid{gap:2px}.bj-calendar-grid small,.bj-calendar-grid span{font-size:9px}.bj-selection{padding:10px}.bj-selection>strong{font-size:11px}.bj-selection>b{font-size:10px}.bj-steps{grid-template-columns:repeat(5,1fr)}.bj-steps button{padding:7px 5px;align-items:center;font-size:11px}.bj-steps button span{display:none}.bj-fee-grid{grid-template-columns:1fr}.bj-fee-direct{grid-column:auto;min-height:300px}.bj-assumptions{grid-template-columns:1fr}.bj-fee-card{min-height:330px}}
@media(max-width:480px){.bj-screen,.bj-scene{min-height:395px}.bj-scene{padding:22px 16px}.bj-scene h3{font-size:28px;margin-bottom:15px}.bj-calendar-grid small,.bj-calendar-grid span{font-size:8px}.bj-date-layout{grid-template-columns:1fr 115px;gap:7px}.bj-selection>span{font-size:7px}.bj-selection>strong{font-size:9px}.bj-selection>b{padding:8px 4px;font-size:8px}.bj-apartment{grid-template-columns:1fr;min-height:0}.bj-apartment img{height:145px}.bj-apartment>div{padding:13px}.bj-apartment strong{margin:6px 0;font-size:23px}.bj-apartment b{margin:2px 0 5px;font-size:19px}.bj-apartment i{padding:8px;font-size:10px}.bj-fields,.bj-check-grid{gap:7px}.bj-fields>div,.bj-check-grid>div{padding:11px}.bj-fields span,.bj-check-grid span{font-size:7px}.bj-fields strong,.bj-check-grid strong{font-size:11px}.bj-cursor svg{width:25px;height:32px}.bj-guide{padding:24px}.bj-guide h3{margin-top:20px}.bj-assumptions{padding:18px}.bj-assumptions label{font-size:12px}.bj-fee-top>span{font-size:18px}.bj-savings-note a{margin:8px 12px 0 0}}
@media(prefers-reduced-motion:reduce){.bj-scene,.bj-cursor:after,.bj-savings.is-visible .bj-fee-card{animation:none!important}.bj-cursor{transition:none!important}}