.hero-conversation { position:absolute; z-index:6; left:3%; top:28%; max-width:220px; padding:17px; border:1px solid color-mix(in srgb, var(--dibzz-stage-accent) 40.00%, transparent); border-radius:20px; background:#000e; color:#fff; box-shadow:0 16px 45px #0008; transform:rotate(-4deg); pointer-events:none; }
.hero-conversation span { color:var(--dibzz-stage-accent); font-size:11px; letter-spacing:.1em; font-weight:800; }
.hero-conversation p { font-size:17px; margin:8px 0 15px; }
.hero-conversation b { display:block; padding:10px; border-radius:12px; background:var(--dibzz-stage-accent); color:#000; font-size:13px; }
.journey-experience { display:grid; grid-template-columns: .9fr 1.1fr; gap:70px; align-items:start; }
.journey-device { position:sticky; top:105px; width:min(100%,350px); margin:auto; padding:17px; border:2px solid #666; border-radius:42px; background:#080808; box-shadow:0 0 70px color-mix(in srgb, var(--dibzz-stage-accent) 4.71%, transparent); }
.journey-device-top { padding:10px 10px 22px; font-weight:800; font-size:25px; color:var(--dibzz-stage-accent); }
.journey-device-top span { float:right; margin-top:10px; font-size:9px; color:#aaa; }
.journey-demo-screen { min-height:395px; padding:24px 17px; border-radius:22px; background:#000; color:#fff; overflow:hidden; }
.demo-eyebrow { font-size:11px; color:var(--dibzz-stage-accent); letter-spacing:.1em; font-weight:800; }
.demo-seal { display:grid; place-items:center; width:86px; height:86px; margin:28px auto; border-radius:50%; background:var(--dibzz-stage-accent); color:#000; font-size:45px; }
.journey-demo-screen h3 { font-size:30px; line-height:1.1; margin:20px 0 14px; letter-spacing:-.04em; }
.journey-demo-screen p { color:#aaa; font-size:15px; }
.journey-demo-screen ul { list-style:none; padding:0; font-size:14px; }
.journey-demo-screen li { padding:11px 0; border-bottom:1px solid #ffffff20; }
.journey-demo-controls { display:flex; justify-content:space-between; align-items:center; padding-top:15px; color:var(--dibzz-stage-accent); font-size:12px; }
.journey-demo-controls button { width:42px; height:42px; border:1px solid color-mix(in srgb, var(--dibzz-stage-accent) 33.33%, transparent); border-radius:50%; background:#000; color:var(--dibzz-stage-accent); cursor:pointer; }
.journey-live-preview { position:relative; height:360px; border-radius:14px; overflow:hidden; }
.journey-live-preview video { width:100%; height:100%; object-fit:cover; }
.journey-live-preview > span { position:absolute; top:12px; left:12px; background:#000; padding:6px 10px; color:var(--dibzz-stage-accent); border-radius:20px; font-size:12px; }
.journey-live-preview > div { position:absolute; bottom:0; padding:35px 15px 20px; width:100%; background:linear-gradient(transparent,#000); }
.demo-product-photo { width:100%; height:150px; object-fit:cover; object-position:center 40%; margin-top:15px; border-radius:15px; }
.demo-price { display:block; font-size:23px; margin-top:12px; }
.demo-yellow-bar { background:var(--dibzz-stage-accent); color:#000; border-radius:12px; padding:13px; margin-top:18px; text-align:center; font-weight:800; font-size:14px; }
.journey-demo-screen small { display:block; margin-top:10px; color:#aaa; font-size:11px; }
.demo-support-pair { display:flex; align-items:center; justify-content:space-between; margin:55px 0; gap:10px; color:var(--dibzz-stage-accent); }
.demo-support-pair span { padding:17px 12px; border:1px solid color-mix(in srgb, var(--dibzz-stage-accent) 40.00%, transparent); border-radius:14px; }
.journey-experience .journey-path { padding:0; }
.journey-experience .journey-line,.journey-experience .journey-dot,.journey-experience .journey-art,.journey-experience .journey-card::before { display:none; }
.journey-experience .journey-card { width:100%; margin:0; border:0; border-bottom:1px solid #ffffff30; border-radius:0; box-shadow:none; background:#000; transform:none; }
.journey-experience .journey-copy { padding:40px 12px; min-height:300px; }
.journey-experience .journey-card.is-demo-active { border-bottom-color:var(--dibzz-stage-accent); }
.journey-experience .journey-card.is-demo-active .journey-count { background:var(--dibzz-stage-accent); color:#000; }
.journey-dock { display:none; }
.pillar-visual { height:330px; margin:20px 0 30px; border-radius:22px; overflow:hidden; }
.pillar-film { height:100%; position:relative; }
.pillar-film video { width:100%; height:100%; object-fit:cover; object-position:center 35%; }
.pillar-film span { position:absolute; bottom:0; left:0; right:0; padding:13px; color:var(--dibzz-stage-accent); background:#000b; font-size:10px; font-weight:800; }
.pillar-verified { display:flex; height:100%; flex-direction:column; justify-content:center; align-items:center; text-align:center; border:1px solid color-mix(in srgb, var(--dibzz-stage-accent) 20.00%, transparent); border-radius:18px; }
.pillar-verified > span { width:58px; height:58px; border-radius:50%; background:var(--dibzz-stage-accent); color:#000; font-size:35px; }
.pillar-verified b { margin:15px 0; font-size:20px; line-height:1.2; }
.pillar-verified small { color:var(--dibzz-stage-accent); font-size:9px; letter-spacing:.1em; }
.pillar-fair { height:100%; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; gap:15px; background:var(--dibzz-stage-accent); color:#000; text-align:center; }
.pillar-fair span { border:1px solid #0005; padding:13px; border-radius:12px; font-size:12px; font-weight:800; }
.pillar-fair b { align-self:center; font-size:25px; }
.pillar-fair p { width:100%; color:#000; font-size:23px; font-weight:700; line-height:1.15; margin-top:12px; }
.principle-cards { gap:0 60px; }
.principle-cards article { position:relative; border:0; border-top:1px solid #ffffff40; border-radius:0; padding:35px 0; }
.principle-number { display:block; font-size:72px; line-height:1; font-weight:500; color:var(--dibzz-stage-accent); letter-spacing:-.07em; margin-bottom:25px; }
.principle-cards h3 { margin-top:24px; }
.seller-photo-card:not(.seller-brand-card) { border-radius:8px 8px 28px 28px; }
.seller-photo-card img { filter:none; object-fit:cover; }
.journey-art img, .journey-card:hover .journey-art img { filter:none; transform:none; }
.journey-art img { object-position:center 40%; }
.art-live img { object-position:center 30%; }
.art-dibzz img { object-position:center 55%; }
.seller-photo-card:nth-child(2) img, .seller-photo-card:nth-child(6) img { object-position:center; }
.seller-photo-card:nth-child(1) img { object-position:50% 30%; }
.seller-photo-card:nth-child(2) img { object-position:40% 35%; }
.seller-photo-card:nth-child(3) img { object-position:50% 25%; }
.seller-photo-card:nth-child(8) img { object-position:38% 30%; }
.seller-type { background:#000b; color:var(--dibzz-stage-accent); border:1px solid color-mix(in srgb, var(--dibzz-stage-accent) 40.00%, transparent); backdrop-filter:blur(8px); }
.seller-photo-card .seller-card-copy { border-top:1px solid #ffffff60; padding-top:18px; }
@media(max-width:1000px) { .journey-experience { gap:30px; } .hero-conversation { left:0; top:20%; max-width:180px; } }
@media(max-width:760px) {
 .journey-experience { grid-template-columns:1fr; }
 .journey-device { position:relative; top:auto; width:min(100%,340px); }
 .journey-experience .journey-copy { min-height:0; padding:28px 0; }
 .hero-conversation { top:18%; left:3%; max-width:175px; padding:13px; }
 .hero-conversation p { font-size:14px; }
 .pillar-visual { height:330px; }
 .principle-cards { gap:0 28px; }
 .principle-number { font-size:58px; }
}
.pillar-story { position:relative; height:100%; isolation:isolate; background:#000; }
.pillar-story > img,.pillar-story > video { width:100%; height:100%; object-fit:cover; object-position:center 35%; }
.pillar-story::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,#0002 25%,#000e 100%); z-index:0; pointer-events:none; }
.pillar-live-badge { position:absolute; top:14px; left:14px; z-index:1; background:#000d; border:1px solid color-mix(in srgb, var(--dibzz-stage-accent) 46.67%, transparent); border-radius:30px; padding:8px 11px; color:var(--dibzz-stage-accent); font-size:9px; font-weight:800; letter-spacing:.06em; }
.pillar-story-overlay { position:absolute; left:17px; right:17px; bottom:20px; z-index:1; }
.pillar-story-overlay > small { font-size:8px; letter-spacing:.1em; color:#ddd; display:block; line-height:1.5; }
.pillar-story-overlay > strong { display:block; color:var(--dibzz-stage-accent); font-size:20px; line-height:1.15; margin-top:14px; letter-spacing:-.035em; }
.pillar-bubble { padding:12px; background:#000a; border:1px solid #ffffff66; border-radius:14px 14px 14px 3px; backdrop-filter:blur(8px); font-size:12px; line-height:1.45; margin-top:10px; color:#fff; }
.pillar-bubble b { color:var(--dibzz-stage-accent); margin-left:5px; }
.pillar-trust-check { display:flex; gap:10px; align-items:center; margin-bottom:13px; }
.pillar-trust-check > b { background:var(--dibzz-stage-accent); color:#000; width:32px; height:32px; display:grid; place-items:center; border-radius:50%; flex-shrink:0; }
.pillar-trust-check > span { color:#fff; font-size:17px; font-weight:700; line-height:1.2; }
.pillar-trust-check small { display:block; font-size:10px; color:#ddd; font-weight:400; margin-top:7px; }
.pillar-deal-scene { position:relative; height:100%; background:#000; border:1px solid #ffffff35; border-radius:22px; overflow:hidden; }
.pillar-deal-photo { height:155px; position:relative; overflow:hidden; }.pillar-deal-photo img { width:100%; height:100%; object-fit:cover; object-position:center 48%; }
.pillar-deal-photo > span { position:absolute; inset:auto 0 0; padding:22px 14px 12px; background:linear-gradient(transparent,#000); color:#fff; font-size:8px; letter-spacing:.09em; }
.pillar-deal-receipt { margin:-3px 12px 0; position:relative; padding:15px; background:var(--dibzz-stage-accent); color:#000; border-radius:12px; }
.pillar-deal-receipt > small { font-size:8px; font-weight:800; letter-spacing:.045em; }.pillar-deal-receipt > div { display:flex; justify-content:space-between; gap:8px; padding-top:10px; font-size:11px; }
.pillar-deal-receipt footer { margin-top:12px; padding-top:10px; border-top:1px dashed #0006; font-size:12px; line-height:1.4; }
@media(min-width:761px) and (max-width:1050px) { .pillar-grid { grid-template-columns:1fr; }.pillar { display:grid; grid-template-columns:1fr 1fr; column-gap:28px; }.pillar > span { grid-column:1/-1; }.pillar-visual { grid-column:1; grid-row:2/4; }.pillar h3 { align-self:end; }.pillar p { grid-column:2; } }
@media(max-width:760px) { .pillar-grid { grid-template-columns:1fr; }.pillar-visual { height:360px; }.pillar-deal-photo { height:180px; } }