.buyer-journey{padding:105px 0;background:#eef4f5;color:#103046}
.buyer-heading{display:grid;grid-template-columns:1fr .62fr;align-items:end;gap:55px;margin-bottom:37px}
.buyer-heading h2{font-size:clamp(39px,4.3vw,65px);line-height:1.08;font-weight:600;margin:17px 0 0;max-width:800px}
.buyer-heading>p{font-size:14px;color:#526b78;margin:0}
.buyer-shell{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.62fr);gap:20px;align-items:stretch}
.buyer-scene{position:relative;min-height:650px;border-radius:19px;overflow:hidden;background:#122d42;isolation:isolate;box-shadow:0 25px 50px #123d5825}
.buyer-scene-art{position:absolute;inset:0;background:url('/homepage-oct20-v1/workstation-preview/global-showcase/assets/presentation-suite.png') right top/200% 200% no-repeat;transform:scale(1.04)}
.buyer-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#09243b7d,transparent 27%,transparent 60%,#051e32c9);pointer-events:none;z-index:0}
.buyer-scene-tag{position:absolute;top:22px;left:24px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.11em;text-shadow:0 1px 7px #001;z-index:1}
.thought{position:absolute;z-index:2;max-width:185px;padding:12px 15px;border:1px solid #ffffffd9;border-radius:18px 18px 18px 3px;background:#fffffff2;color:#113449;box-shadow:0 8px 30px #071e3970;font:700 12px/1.35 Arial,sans-serif;text-align:left;cursor:pointer;animation:buyer-glow 4s ease-in-out infinite}
.thought:hover,.thought:focus-visible,.thought[aria-pressed=true]{background:#d8f4fb;border-color:#0e6689;box-shadow:0 0 0 3px #c6ecf9,0 10px 30px #071e3970}
.thought-one{top:26%;right:10%;animation-delay:-1s}.thought-two{top:57%;left:7%;animation-delay:-2.1s}.thought-three{top:73%;right:11%;animation-delay:-3s}
.buyer-scene-controls{position:absolute;z-index:2;inset:auto 18px 18px;display:flex;align-items:center;gap:11px;color:#e8f5f9;font-size:10px;line-height:1.4}
.buyer-scene-controls button{border:1px solid #b2d6e1;border-radius:50px;background:#08283bb8;color:#fff;font:800 10px Arial,sans-serif;padding:8px 11px;white-space:nowrap;cursor:pointer}
.buyer-scene-controls button:hover,.buyer-scene-controls button:focus-visible{background:#195d7d}
.buyer-scene.is-paused .thought{animation-play-state:paused}
@keyframes buyer-glow{50%{box-shadow:0 8px 30px #071e3970,0 0 0 5px #d8f4fb88}}
.buyer-phone-column{display:flex;flex-direction:column;gap:17px;min-width:0}
.buyer-phone{background:#081c2c;border:7px solid #092438;border-radius:34px;box-shadow:0 22px 50px #0b334b30;overflow:hidden;min-height:545px;display:flex;flex-direction:column}
.buyer-phone-top{position:relative;background:#0d324b;color:#f5fafb;padding:31px 20px 16px;display:flex;align-items:baseline;gap:10px}
.buyer-phone-camera{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:57px;height:8px;border-radius:20px;background:#031521}
.buyer-phone-top strong{font-size:18px;letter-spacing:-.08em}.buyer-phone-top strong span{color:#80dbf7}.buyer-phone-top small{font-size:8px;letter-spacing:.1em;color:#b7d7e3;font-weight:900}
.buyer-phone-content{display:flex;flex-direction:column;flex:1;padding:19px;background:#f6faf9;color:#17384c}
.buyer-phone-context{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#266e89;margin:0}
.buyer-phone-intro{font-size:12px;color:#5b7380;margin:12px 0 22px}
.buyer-chat{display:flex;flex-direction:column;gap:10px;min-height:170px}.buyer-chat p{font-size:12px;line-height:1.55;margin:0;padding:11px 13px;max-width:93%;border-radius:13px}
.chat-buyer{align-self:flex-end;background:#dcecf0;color:#183c4f;border-bottom-right-radius:3px!important}.chat-temrik{align-self:flex-start;background:#fff;border:1px solid #dae8ea;color:#234356;border-bottom-left-radius:3px!important;box-shadow:0 5px 15px #174a5d0a}
.buyer-ask{margin-top:auto;padding-top:23px}.buyer-ask label{display:block;font-size:10px;font-weight:900;color:#345e72;margin-bottom:7px}.buyer-ask>div{display:flex;border:1px solid #b5d0d8;border-radius:9px;background:#fff;overflow:hidden}.buyer-ask input{min-width:0;width:100%;border:0;background:transparent;padding:12px 10px;font:12px Arial,sans-serif;color:#12354c}.buyer-ask button{border:0;background:#176f99;color:#fff;padding:0 13px;font:800 11px Arial,sans-serif;cursor:pointer}.buyer-ask button:hover,.buyer-ask button:focus-visible{background:#07547e}.buyer-phone-cue{font-size:9px;color:#657e89;margin:11px 0 0}
.buyer-next{display:grid;gap:8px;background:#d9eaf0;border:1px solid #bed9e2;border-radius:13px;padding:19px;color:#1d4357}.buyer-next span{font-size:9px;letter-spacing:.1em;font-weight:900;color:#176c8b}.buyer-next p{font-size:12px;margin:0;color:#486675}.buyer-next button{justify-self:start;border:0;background:none;color:#075e84;font:900 12px Arial,sans-serif;padding:3px 0;cursor:pointer}.buyer-next button:hover{text-decoration:underline}
.buyer-offer{margin-top:24px;padding:27px 30px;background:#fff;border:1px solid #bdd5dc;border-radius:17px;box-shadow:0 16px 35px #124b5b12}.buyer-offer[hidden],.buyer-offer-result[hidden]{display:none}.buyer-offer-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.buyer-offer-heading span{font-size:10px;font-weight:900;letter-spacing:.1em;color:#166a89}.buyer-offer-heading h3{font-size:27px;margin:7px 0}.buyer-offer-heading p{font-size:12px;color:#5c7480;margin:0}.buyer-offer-heading>button{border:1px solid #bfd7df;background:#f4fafb;color:#174059;border-radius:7px;padding:8px 10px;font:800 11px Arial,sans-serif;cursor:pointer;white-space:nowrap}.buyer-offer-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:23px 0}.buyer-offer-fields label{font-size:12px;font-weight:800;color:#14394d}.buyer-offer-fields small{display:block;color:#6a818a;font-size:10px;font-weight:400;margin:3px 0 8px}.buyer-offer-fields input,.buyer-offer-fields select{width:100%;padding:11px;border:1px solid #b6d0d9;border-radius:8px;background:#fff;color:#173b51;font:13px Arial,sans-serif}.buyer-offer form>button{border:0;border-radius:8px;background:#176f99;color:#fff;padding:12px 16px;font:900 12px Arial,sans-serif;cursor:pointer}.buyer-offer-result{margin-top:22px;background:#e7f5f4;border-left:4px solid #1d7894;padding:17px}.buyer-offer-result strong{font-size:13px}.buyer-offer-result p{font-size:12px;color:#3b5968;margin:7px 0 0}
.buyer-provenance{font-size:10px;color:#637e88;margin:17px 0 0}
:root[data-theme=dark] .buyer-journey{background:#0a2435;color:#eff8fa}:root[data-theme=dark] .buyer-heading>p,:root[data-theme=dark] .buyer-provenance{color:#bad0d9}:root[data-theme=dark] .buyer-next{background:#163e52;border-color:#315e70;color:#e9f6f9}:root[data-theme=dark] .buyer-next span{color:#9fe5fa}:root[data-theme=dark] .buyer-next p{color:#c0d8e0}:root[data-theme=dark] .buyer-next button{color:#9fe5fa}:root[data-theme=dark] .buyer-offer{background:#11354a;border-color:#416878;color:#f0f8fa}:root[data-theme=dark] .buyer-offer-heading p,:root[data-theme=dark] .buyer-offer-fields small{color:#bed4dd}:root[data-theme=dark] .buyer-offer-fields label{color:#f0f8fa}:root[data-theme=dark] .buyer-offer-result{background:#183f4f;color:#f0f8fa}:root[data-theme=dark] .buyer-offer-result p{color:#c5dce4}
@media(max-width:950px){.buyer-shell{grid-template-columns:1fr}.buyer-scene{min-height:550px}.buyer-phone-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);align-items:start}}
@media(max-width:700px){.buyer-journey{padding:64px 0}.buyer-heading{grid-template-columns:1fr;gap:14px;margin-bottom:23px}.buyer-heading h2{font-size:clamp(34px,9vw,49px)}.buyer-heading>p{font-size:12px}.buyer-scene{min-height:470px}.buyer-scene-art{background-size:200% 200%;background-position:right top}.buyer-scene-tag{font-size:8px;top:15px;left:14px}.thought{max-width:155px;padding:9px 11px;font-size:10px}.thought-one{top:22%;right:3%}.thought-two{top:48%;left:3%}.thought-three{top:69%;right:4%}.buyer-scene-controls{inset:auto 12px 12px;font-size:9px}.buyer-phone-column{display:flex}.buyer-phone{min-height:470px}.buyer-offer{padding:21px 17px}.buyer-offer-heading h3{font-size:23px}.buyer-offer-fields{grid-template-columns:1fr}.buyer-provenance{font-size:9px}}
@media(prefers-reduced-motion:reduce){.thought{animation:none}.buyer-scene-controls button{display:none}}
body[data-theme=dark] .buyer-journey{background:#0a2435;color:#eff8fa}
body[data-theme=dark] .buyer-heading>p,body[data-theme=dark] .buyer-provenance{color:#bad0d9}
body[data-theme=dark] .buyer-next{background:#163e52;border-color:#315e70;color:#e9f6f9}
body[data-theme=dark] .buyer-next span,body[data-theme=dark] .buyer-next button{color:#9fe5fa}
body[data-theme=dark] .buyer-next p{color:#c0d8e0}
body[data-theme=dark] .buyer-offer{background:#11354a;border-color:#416878;color:#f0f8fa}
body[data-theme=dark] .buyer-offer-heading p,body[data-theme=dark] .buyer-offer-fields small{color:#bed4dd}
body[data-theme=dark] .buyer-offer-fields label{color:#f0f8fa}
body[data-theme=dark] .buyer-offer-result{background:#183f4f;color:#f0f8fa}
body[data-theme=dark] .buyer-offer-result p{color:#c5dce4}
.buyer-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
