body.dbs-redesign { --paper:#f8f6f0;--white:#fff;--ink:#242223;--red:#c92b2d;--muted:#686566;--line:#deded4;--ease:cubic-bezier(.22,.65,.25,1) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) * { box-sizing:border-box }
html:has(body.dbs-redesign) { scroll-behavior:smooth;scroll-padding-top:30px }
.dbs-redesign .dbs-home { margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.55 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) h1,
.dbs-redesign :where(.dbs-home, .dbs-navigation) h2,
.dbs-redesign :where(.dbs-home, .dbs-navigation) h3,
.dbs-redesign :where(.dbs-home, .dbs-navigation) p { margin:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) a { color:inherit;text-decoration:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) button,
.dbs-redesign :where(.dbs-home, .dbs-navigation) input,
.dbs-redesign :where(.dbs-home, .dbs-navigation) select,
.dbs-redesign :where(.dbs-home, .dbs-navigation) textarea { font:inherit;color:inherit }
.dbs-redesign :where(.dbs-home, .dbs-navigation) button { cursor:pointer;border:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) button,
.dbs-redesign :where(.dbs-home, .dbs-navigation) a { -webkit-tap-highlight-color:transparent }
.dbs-redesign :where(.dbs-home, .dbs-navigation) button { background:transparent }
.dbs-redesign :where(.dbs-home, .dbs-navigation) img { display:block;max-width:100%;height:auto }
.dbs-redesign :where(.dbs-home, .dbs-navigation) em { color:var(--red);font-style:normal }
.dbs-redesign :where(.dbs-home, .dbs-navigation) button:focus-visible,
.dbs-redesign :where(.dbs-home, .dbs-navigation) a:focus-visible,
.dbs-redesign :where(.dbs-home, .dbs-navigation) input:focus-visible,
.dbs-redesign :where(.dbs-home, .dbs-navigation) textarea:focus-visible,
.dbs-redesign :where(.dbs-home, .dbs-navigation) select:focus-visible,
.dbs-redesign :where(.dbs-home, .dbs-navigation) summary:focus-visible { outline:3px solid #2469ba;outline-offset:5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) [hidden] { display:none!important }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .demo-bar { font-size:13px;padding:6px 4%;background:#252324;color:#eee;display:flex;justify-content:space-between;letter-spacing:.3px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .demo-bar span { color:#bab8b8 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .topline { padding:11px 4%;display:flex;justify-content:space-between;font-size:14px;border-bottom:1px solid var(--line) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .topline>span:first-child { font-weight:700 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .topline button { font-size:14px;padding:0;text-decoration:underline;text-underline-offset:4px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .logo { width:210px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) nav { display:flex;gap:27px;align-items:center;font-size:15px;font-weight:600 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) nav button { padding:10px 0;font-size:15px;font-weight:600;display:flex;gap:8px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) nav a:hover,
.dbs-redesign :where(.dbs-home, .dbs-navigation) nav button:hover { color:var(--red) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .header-actions { display:flex;align-items:center;gap:18px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .icon-button { width:32px;height:40px;padding:6px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .icon-button img { width:22px;height:22px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .button { display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--red);color:#fff;padding:17px 25px;border-radius:5px;font-size:17px;font-weight:700;line-height:1.4;transition:background .2s,transform .2s }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .button:hover { background:#aa1d20;transform:translateY(-2px) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .button span { font-size:24px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .header-cta { font-size:15px;padding:13px 19px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mobile-menu { display:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu { position:absolute;left:4%;right:4%;top:93px;background:#fff;padding:32px;box-shadow:0 20px 35px #19181826;display:grid;grid-template-columns:repeat(3,1fr);gap:3px 25px;border:1px solid var(--line);border-radius:0 0 9px 9px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu button { padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu button:hover { color:var(--red);background:var(--paper) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero { display:grid;grid-template-columns:.91fr 1.09fr;gap:25px;padding:64px 4% 65px;min-height:670px;overflow:hidden }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-copy { align-self:center;position:relative;z-index:3 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .eyebrow { font-size:13px;letter-spacing:1.5px;font-weight:700;line-height:1.5;color:var(--muted) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-copy .eyebrow { font-size:13px;color:var(--red) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) h1 { font-size:clamp(58px,5.5vw,88px);line-height:1.03;letter-spacing:-3.8px;font-weight:800;margin:22px 0 27px;max-width:660px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) h1 em { white-space:nowrap }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-lead { font-size:20px;line-height:1.65;max-width:500px;color:#615d5e }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-buttons { display:flex;flex-wrap:wrap;gap:21px;align-items:center;margin:31px 0 28px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .underlink { display:inline-flex;align-items:center;gap:14px;font-size:16px;font-weight:700;border:0;background:transparent;padding:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .underlink:hover { color:var(--red) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-proof { display:flex;align-items:center;gap:19px;font-size:15px;color:#757172 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .origin { font-size:16px;line-height:1.2;color:#393737;padding-right:20px;border-right:1px solid #d0cece }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .origin strong { font-size:22px;letter-spacing:-.4px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-stage { position:relative;align-self:center;min-height:570px;isolation:isolate }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .scene-frame { position:absolute;left:0;right:0;top:81px;aspect-ratio:3/2;border:7px solid #fff;border-radius:5px;box-shadow:0 18px 40px #29251c24;overflow:hidden;transform:rotate(-2deg) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .scene-base,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-variant { width:100%;height:100%;object-fit:fill;position:absolute;inset:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-variant { opacity:0;clip-path:polygon(32.05% 11.3%,81.9% 24.2%,83.2% 52.9%,32.0% 46.4%);transition:opacity 1.3s var(--ease) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-variant.active { opacity:1 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .scene-caption { position:absolute;bottom:0;left:0;right:0;padding:18px 19px 15px;color:#fff;font-size:14px;font-weight:700;display:flex;justify-content:space-between;background:linear-gradient(transparent,#161415ad) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .floating-shot { position:absolute;z-index:3;width:185px;padding:6px 6px 0;background:#fff;box-shadow:0 12px 27px #32291b26;border-radius:4px;transition:transform .25s }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .floating-shot img { width:100%;aspect-ratio:1.5;object-fit:cover }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .floating-shot span { font-size:12px;font-weight:700;padding:8px 3px;display:block;text-align:left;line-height:1.4 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .shot-fence { top:-3px;right:0;transform:rotate(7deg) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .shot-fence:hover { transform:rotate(2deg) translateY(-4px) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .shot-event { bottom:30px;left:-17px;transform:rotate(-7deg);width:196px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .shot-event:hover { transform:rotate(-2deg) translateY(-4px) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-controls { position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:20px;padding:8px 0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-dots { display:flex;gap:9px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-dots button { width:24px;height:24px;padding:5px;border:1px solid transparent;border-radius:50%;position:relative }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-dots button:after { content:'';position:absolute;inset:6px;background:#bdbdb2;border-radius:50% }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-dots button.active { border-color:var(--red) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-dots button.active:after { background:var(--red) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .motion-toggle { color:#6b6768;font-size:13px;padding:5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .balloon-rain { position:absolute;inset:-20px 0 0;overflow:hidden;pointer-events:none;z-index:6 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .balloon-rain img { position:absolute;top:-260px;width:95px;opacity:0;animation:balloonDrop 16s linear infinite;left:35% }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .balloon-rain img:nth-child(2) { width:65px;left:73%;animation-delay:1.7s }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .balloon-rain img:nth-child(3) { width:50px;left:9%;animation-delay:3.6s }
@keyframes balloonDrop {
0%,3% {transform:translate(0,-20px) rotate(-8deg);opacity:0}
6% {opacity:.95}
35% {transform:translate(30px,900px) rotate(12deg);opacity:.95}
37%,100% {transform:translate(30px,900px);opacity:0}

}
.dbs-redesign :where(.dbs-home, .dbs-navigation) .motion-off .balloon-rain img { animation-play-state:paused }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust { padding:34px 4%;background:#282627;color:#fff;display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust>div { border-right:1px solid #555253;text-align:center;display:flex;flex-direction:column;justify-content:center }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust>div:last-child { border:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust strong { font-size:39px;line-height:1.15;letter-spacing:-1.3px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust>div:last-child strong { font-size:27px;letter-spacing:-.7px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust span { font-size:16px;color:#d0cdce;margin-top:7px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .section { padding:100px 4% }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .section-heading { display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .section-heading>p { font-size:18px;color:#736e6f;line-height:1.7;max-width:350px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) h2 { font-size:clamp(38px,4.1vw,62px);line-height:1.07;letter-spacing:-2px;margin-top:15px;font-weight:800 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .filter-row { display:flex;gap:9px;flex-wrap:wrap;margin:35px 0 30px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .filter { font-size:15px;padding:11px 18px;border:1px solid #cecbcc;border-radius:40px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .filter.active { background:var(--ink);color:#fff;border-color:var(--ink) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:23px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-card { text-align:left;padding:0;background:transparent;min-width:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-image { position:relative;aspect-ratio:1.35;overflow:hidden;border-radius:6px;background:#e8e5da }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-image>img { width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-card:hover .product-image>img { transform:scale(1.035) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-image>span { position:absolute;bottom:15px;right:15px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;font-size:25px;box-shadow:0 2px 8px #0001 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-card h3 { font-size:25px;letter-spacing:-.6px;line-height:1.2;margin-top:18px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-card>p { font-size:16px;color:#736e6f;margin:7px 0 10px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .image-note { font-size:13px;color:#7f7b7c;margin-top:25px;line-height:1.5 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .empty-state { padding:35px 0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .statement { padding:70px 4%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;background:#f0eee4 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .statement>p { font-size:clamp(30px,4.5vw,65px);line-height:1.08;letter-spacing:-2px;font-weight:800 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .statement>span { display:block;font-size:18px;color:#726d6e;margin-top:23px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:22px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card { position:relative;aspect-ratio:.76;padding:0;text-align:left;color:#fff;overflow:hidden;border-radius:7px;background:#353333 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card>img { position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform .6s var(--ease) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card:hover>img { transform:scale(1.035) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card>div { position:absolute;inset:0;padding:27px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(transparent 38%,#121011d9) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card span { font-size:12px;letter-spacing:1.4px;font-weight:700;color:#dddadb }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card h3 { font-size:34px;letter-spacing:-1px;line-height:1.08;margin:12px 0 23px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card b { font-size:15px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-picker { margin-top:40px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-picker h3 { font-size:23px;letter-spacing:-.5px;margin-bottom:18px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-picker>div { display:flex;flex-wrap:wrap;gap:10px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-picker button { border:1px solid #cecbcc;border-radius:40px;padding:10px 17px;font-size:15px;transition:color .2s,background .2s }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-picker button:hover,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-picker button.active { background:var(--ink);color:#fff }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-feature { margin-top:27px;background:#edece2;border-radius:7px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-feature>img { width:100%;height:350px;object-fit:cover }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-feature>div { padding:35px;align-self:center }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-feature h3 { font-size:34px;letter-spacing:-1px;line-height:1.15;margin:10px 0 15px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-feature p:not(.eyebrow) { font-size:17px;color:#706c6d;margin-bottom:22px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .close-feature { position:absolute;top:10px;right:10px;font-size:28px;width:36px;height:36px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-section { background:#282627;color:#f8f6ef;padding:95px 4%;overflow:hidden }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-heading { display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-heading .eyebrow { color:#b8b3b4 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-heading em { color:#e9b8a3 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-heading>p { font-size:20px;color:#bcb6b8;max-width:300px;line-height:1.65 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .design-modes { position:relative;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #6b6667;border-radius:8px;isolation:isolate;padding:6px;gap:6px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mode-indicator { position:absolute;inset:6px auto 6px 6px;width:calc((100% - 24px)/3);border-radius:5px;background:#f4f0e5;z-index:-1;transition:transform .65s var(--ease) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .design-modes button { display:flex;align-items:center;gap:17px;text-align:left;padding:23px 21px;border-radius:5px;color:#e7e5e5;transition:color .5s;font-size:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .design-modes button[aria-selected=true] { color:var(--ink) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .design-modes b { font-size:14px;opacity:.6;font-weight:400 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .design-modes strong { display:block;font-size:23px;line-height:1.2;letter-spacing:-.4px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .design-modes small { font-size:14px;display:block;margin-top:6px;opacity:.7 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mode-arrow { font-size:23px;margin-left:auto }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-caption { display:flex;align-items:flex-start;gap:25px;justify-content:space-between;margin:33px 0 23px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-caption strong { font-size:23px;letter-spacing:-.4px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-caption p { font-size:16px;color:#b9b4b5;margin-top:8px;max-width:800px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-section .motion-toggle { color:#c7c3c4;white-space:nowrap }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .real-designer { aspect-ratio:1440/690;position:relative;overflow:hidden;background:#e6e7e9;border-radius:7px;border:5px solid #d8d5d6;box-shadow:0 20px 50px #0004 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-frame { position:absolute;inset:0;width:100%;height:100%;opacity:0;object-fit:fill }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-frame.active { opacity:1 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .real-cursor { position:absolute;left:42%;top:65%;pointer-events:none;z-index:5;transition:left 1.1s var(--ease),top 1.1s var(--ease) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .real-cursor img { width:31px;height:31px;filter:drop-shadow(1px 1px 0 #fff) drop-shadow(-1px -1px 0 #fff) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .real-cursor>span { background:var(--red);color:#fff;padding:5px 9px;border-radius:3px;font-size:12px;margin-left:18px;white-space:nowrap }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .cursor-click { position:absolute;width:38px;height:38px;border:3px solid var(--red);border-radius:50%;opacity:0;z-index:4;pointer-events:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .cursor-click.flash { animation:clickPulse .7s ease-out }
@keyframes clickPulse {
0% {transform:scale(.2);opacity:1}
100% {transform:scale(1.5);opacity:0}

}
.dbs-redesign :where(.dbs-home, .dbs-navigation) .tour-bottom { display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:21px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .tour-steps { display:flex;gap:20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .tour-steps button { color:#bbb6b7;font-size:15px;padding:7px 0;border-bottom:2px solid transparent }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .tour-steps button.active { color:#fff;border-color:#d8b59e }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .tour-bottom>span { font-size:13px;color:#aaa4a6 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mode-action { margin-top:31px;display:flex;align-items:center;gap:27px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .button.light { background:#f5f0e4;color:#292728 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .button.light:hover { background:#e7dac1 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mode-action>p { font-size:14px;color:#b2acae;max-width:450px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-layout { display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;margin-top:42px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-image { position:relative;border-radius:7px;overflow:hidden;background:#e8e6dc }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-image>img { width:100%;aspect-ratio:1.05;object-fit:cover }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-image>button { position:absolute;left:22px;bottom:22px;background:#fff;padding:11px 17px;border-radius:4px;font-size:15px;box-shadow:0 2px 10px #0002 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-tabs { display:flex;gap:17px;border-bottom:1px solid var(--line);margin-bottom:28px;flex-wrap:wrap }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-tabs button { padding:12px 0;color:#888384;font-size:16px;border-bottom:3px solid transparent }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-tabs button[aria-selected=true] { color:var(--red);border-color:var(--red);font-weight:700 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-number { font-size:14px;color:var(--red);letter-spacing:1px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-content h3 { font-size:clamp(30px,3vw,43px);letter-spacing:-1px;line-height:1.1;margin:14px 0 23px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-content p { color:#706b6c;font-size:18px;line-height:1.7 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-content .detail-note { font-size:14px;line-height:1.6;margin-top:19px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .made-germany { display:flex;align-items:center;gap:30px;margin-top:34px;border-top:1px solid var(--line);padding-top:24px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .made-germany>span { font-size:23px;line-height:1.15;color:var(--ink) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .made-germany strong { font-size:35px;letter-spacing:-1px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .made-germany>p { font-size:15px;line-height:1.6 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .faq-section { display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;border-top:1px solid var(--line) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) details { border-bottom:1px solid var(--line) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) summary { padding:22px 35px 22px 0;font-size:18px;font-weight:600;cursor:pointer;list-style:none;position:relative }
.dbs-redesign :where(.dbs-home, .dbs-navigation) summary:after { content:'+';position:absolute;right:0;top:15px;font-size:30px;font-weight:400 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) details[open] summary:after { content:'−' }
.dbs-redesign :where(.dbs-home, .dbs-navigation) details p { font-size:17px;line-height:1.75;color:#6c6768;padding:0 20px 25px 0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .final-cta { position:relative;height:520px;overflow:hidden }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .final-cta>img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50% }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .final-cta>div { position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:55px 7%;background:linear-gradient(90deg,#141112e6,transparent 90%);color:#fff }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .final-cta .eyebrow { color:#dcd7d8;font-size:13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .final-cta h2 { font-size:70px;line-height:1;letter-spacing:-2.5px;margin:22px 0 31px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main { display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main img { width:210px;margin-bottom:22px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main p { font-size:16px;color:#746e70 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main>div { display:flex;flex-direction:column;align-items:flex-start;gap:13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main strong { font-size:18px;margin-bottom:5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main a,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main button { font-size:16px;color:#6d6769;padding:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main a:hover,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main button:hover { color:var(--red) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-bottom { border-top:1px solid var(--line);margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;font-size:13px;color:#847f80;gap:20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) dialog { border:1px solid #d3d0d1;border-radius:10px;background:var(--paper);padding:32px;color:var(--ink);max-height:94dvh;overflow:auto;box-shadow:0 25px 80px #0004 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) dialog::backdrop { background:#181616d9;backdrop-filter:blur(5px) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .close { position:absolute;top:13px;right:13px;width:40px;height:40px;font-size:31px;line-height:1;background:var(--paper);border-radius:50%;z-index:5 }
body.dbs-redesign:has(.dbs-home dialog[open]) { overflow:hidden }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-dialog { width:min(1200px,94vw);padding:40px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-dialog-layout { display:grid;grid-template-columns:1.05fr 1fr;gap:38px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-dialog-layout>div>img { width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-dialog-copy h2 { font-size:40px;margin:12px 30px 21px 0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-dialog-copy>p { font-size:17px;color:#716b6d }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-dialog-copy ul { font-size:16px;line-height:1.7;padding-left:21px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .planning-form { border-top:1px solid var(--line);margin-top:24px;padding-top:4px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) label { display:block;font-size:15px;font-weight:600;margin:15px 0 7px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) input,
.dbs-redesign :where(.dbs-home, .dbs-navigation) select,
.dbs-redesign :where(.dbs-home, .dbs-navigation) textarea { background:#fff;border:1px solid #c6c2c3;border-radius:4px;min-height:46px;padding:10px 12px;width:100%;font-size:16px;color:var(--ink) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) textarea { resize:vertical }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .dimensions { display:grid;grid-template-columns:1fr 1fr;gap:13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .planning-form .button { margin-top:23px;width:100%;font-size:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .form-note { font-size:13px!important;color:#8a8586!important;margin-top:12px;line-height:1.5 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .planning-form #plan-result,
.dbs-redesign :where(.dbs-home, .dbs-navigation) #ai-result { background:#e5e2e3;border:1px solid #c6bfc1;padding:18px;font-size:16px;margin-top:20px;border-radius:5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .small-dialog { max-width:680px;width:92%;padding:45px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .small-dialog h2 { font-size:42px;margin:14px 0 25px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .small-dialog>p { font-size:17px;color:#736d6f }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .search-input { display:flex;gap:10px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .search-input input { min-width:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .contact-link { display:block;font-size:22px;margin-top:15px;font-weight:700 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .image-dialog { width:min(1100px,94vw);padding:20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .image-dialog>img { width:100%;max-height:80dvh;object-fit:contain }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .image-dialog>p { font-size:15px;text-align:center;margin:15px 0 4px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .small-dialog>.button { margin-top:20px }
@media(min-width:1600px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .topline,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .section,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-section,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust { padding-left:max(4%,calc((100vw - 1480px)/2));padding-right:max(4%,calc((100vw - 1480px)/2)) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-stage { min-height:630px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .scene-frame { top:95px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .floating-shot { width:230px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .shot-event { width:240px;bottom:15px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero { min-height:760px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-controls { bottom:-15px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) h1 { font-size:88px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu { left:max(4%,calc((100vw - 1480px)/2));right:max(4%,calc((100vw - 1480px)/2)) }

}
@media(max-width:1150px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) nav { gap:16px;font-size:13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) nav button { font-size:13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .logo { width:180px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .header-cta { font-size:13px;padding:12px 15px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .header-actions { gap:9px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero { gap:16px;grid-template-columns:.95fr 1.05fr;padding-top:45px;padding-bottom:45px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-stage { min-height:490px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .scene-frame { top:78px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .floating-shot { width:150px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .floating-shot span { font-size:10px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .shot-event { width:160px;bottom:31px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-copy .eyebrow { font-size:11px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-lead { font-size:18px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-buttons .button { font-size:15px;padding:16px 18px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-buttons { gap:18px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .underlink { font-size:15px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) h1 { font-size:clamp(51px,5.6vw,66px);letter-spacing:-2.6px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-controls { gap:10px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .motion-toggle { font-size:12px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust strong { font-size:33px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust>div:last-child strong { font-size:23px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust span { font-size:14px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .section-heading { align-items:flex-start }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .section-heading>p { max-width:270px;font-size:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-grid { gap:25px 18px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-card h3 { font-size:22px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-card>p { font-size:15px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card>div { padding:22px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card h3 { font-size:28px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card b { font-size:13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .design-modes button { padding:20px 14px;gap:11px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .design-modes strong { font-size:20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .design-modes small { font-size:12px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mode-arrow { font-size:18px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-caption strong { font-size:20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-layout { gap:4% }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-tabs { gap:13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-tabs button { font-size:14px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-content p { font-size:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-content .detail-note { font-size:13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .made-germany { gap:17px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .made-germany>p { font-size:13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .tour-steps { gap:14px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .tour-steps button { font-size:13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .tour-bottom>span { font-size:11px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .balloon-rain img { width:75px }

}
@media(max-width:760px) {
.dbs-redesign .dbs-home { font-size:17px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .demo-bar { padding:6px 5%;font-size:11px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .demo-bar>span { font-size:10px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .topline { padding:10px 5%;font-size:11px;gap:12px;align-items:center }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .topline>span:nth-child(2) { font-size:10px;text-align:right;max-width:190px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .topline button { display:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .logo { width:158px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .header-cta { display:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .header-actions { gap:10px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mobile-menu { display:block }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .icon-button { width:29px;padding:4px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) nav { display:none;position:absolute;top:77px;left:0;right:0;background:var(--paper);box-shadow:0 15px 25px #0002;flex-direction:column;align-items:flex-start;gap:8px;padding:23px 6%;font-size:17px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) nav.open { display:flex }
.dbs-redesign :where(.dbs-home, .dbs-navigation) nav button { font-size:17px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) nav a,
.dbs-redesign :where(.dbs-home, .dbs-navigation) nav button { padding:9px 0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu { top:315px;left:5%;right:5%;grid-template-columns:1fr;max-height:50dvh;overflow:auto;padding:15px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu button { font-size:15px;padding:13px 5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero { display:flex;flex-direction:column;padding:35px 5% 27px;gap:31px;min-height:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-copy .eyebrow { font-size:11px;letter-spacing:1.1px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-copy { align-self:stretch }
.dbs-redesign :where(.dbs-home, .dbs-navigation) h1 { font-size:clamp(43px,9.6vw,67px);letter-spacing:-2px;margin:20px 0 22px;line-height:1.02 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-lead { font-size:17px;line-height:1.65;max-width:480px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-buttons { margin:24px 0 21px;gap:19px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-buttons .button { font-size:15px;padding:16px 18px;gap:15px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .underlink { font-size:14px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-proof { font-size:13px;gap:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .origin { font-size:14px;padding-right:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .origin strong { font-size:19px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-stage { min-height:380px;width:100%;max-width:570px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .scene-frame { top:55px;left:0;right:0;border-width:5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .floating-shot { width:123px;padding:4px 4px 0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .floating-shot span { font-size:9px;padding:6px 3px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .shot-fence { top:0;right:2px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .shot-event { width:137px;bottom:24px;left:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-controls { bottom:0;gap:8px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-dots { gap:5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-dots button { width:22px;height:22px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .motion-toggle { font-size:11px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .scene-caption { font-size:11px;padding:15px 13px 10px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .balloon-rain img { width:65px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .balloon-rain img:nth-child(2) { width:50px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .balloon-rain img:nth-child(3) { width:40px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust { padding:27px 5%;grid-template-columns:1fr 1fr;gap:23px 13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust>div:nth-child(2) { border:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust strong { font-size:31px;letter-spacing:-1px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust>div:last-child strong { font-size:20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust span { font-size:13px;margin-top:5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .section { padding:60px 5% }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .eyebrow { font-size:11px;letter-spacing:1.2px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .section-heading { display:block;margin-bottom:27px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) h2 { font-size:clamp(34px,8.5vw,49px);letter-spacing:-1.4px;line-height:1.1;margin-top:14px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .section-heading>p { font-size:16px;margin-top:22px;max-width:none;line-height:1.6 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .filter-row { gap:7px;margin:27px 0 25px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .filter { font-size:13px;padding:9px 13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-grid { grid-template-columns:1fr 1fr;gap:26px 12px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-image { aspect-ratio:1.02;border-radius:5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-image>span { width:31px;height:31px;right:9px;bottom:9px;font-size:21px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-card h3 { font-size:19px;letter-spacing:-.4px;line-height:1.15;margin-top:13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-card>p { font-size:13px;line-height:1.6;margin-top:7px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .image-note { font-size:12px;margin-top:23px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .statement { padding:45px 5% }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .statement>p { font-size:32px;letter-spacing:-1px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .statement>span { font-size:15px;margin-top:18px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-grid { grid-template-columns:1fr;gap:20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card { aspect-ratio:1.05 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card>img { object-position:50% 30% }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card>div { padding:25px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card span { font-size:11px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card h3 { font-size:34px;margin-bottom:20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card b { font-size:14px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-picker { margin-top:31px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-picker h3 { font-size:22px;line-height:1.25 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-picker button { font-size:13px;padding:9px 13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-picker>div { gap:8px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-feature { grid-template-columns:1fr }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-feature>img { height:245px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-feature>div { padding:25px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-feature h3 { font-size:30px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-feature p:not(.eyebrow) { font-size:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .close-feature { background:#fff;border-radius:50% }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-section { padding:60px 5% }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-heading { display:block;margin-bottom:28px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-heading>p { font-size:17px;max-width:none;margin-top:21px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .design-modes { padding:5px;gap:5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .design-modes button { padding:14px 9px;display:block;text-align:center;position:relative;min-height:98px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .design-modes b,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mode-arrow,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .design-modes small { display:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .design-modes strong { font-size:15px;line-height:1.2;letter-spacing:-.2px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mode-indicator { inset:5px auto 5px 5px;width:calc((100% - 20px)/3) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-caption { display:block;margin:25px 0 20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-caption strong { font-size:21px;line-height:1.3;display:block }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-caption p { font-size:15px;margin-top:10px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-caption .motion-toggle { margin-top:14px;padding-left:0;font-size:12px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .real-designer { width:165%;max-width:none;aspect-ratio:1440/690;transform-origin:left top;margin-left:-3%;border-width:3px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-frame { object-fit:fill }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .real-cursor img { width:23px;height:23px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .real-cursor>span { font-size:9px;padding:3px 5px;margin-left:12px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .tour-bottom { display:block;margin-top:18px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .tour-steps { gap:14px;flex-wrap:wrap }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .tour-steps button { font-size:12px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .tour-bottom>span { display:block;font-size:11px;margin-top:9px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mode-action { display:block;margin-top:25px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mode-action .button { font-size:15px;padding:15px 18px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mode-action>p { font-size:13px;margin-top:15px;max-width:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-layout { grid-template-columns:1fr;gap:30px;margin-top:28px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-image>img { aspect-ratio:1.1 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-image>button { font-size:14px;left:16px;bottom:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-tabs { gap:19px;margin-bottom:23px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-tabs button { font-size:14px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-content h3 { font-size:33px;letter-spacing:-1px;margin:12px 0 20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-content p { font-size:17px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-content .detail-note { font-size:13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .made-germany { gap:25px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .made-germany>span { font-size:22px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .made-germany strong { font-size:33px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .made-germany>p { font-size:14px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .faq-section { grid-template-columns:1fr;gap:25px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) summary { font-size:17px;padding:20px 30px 20px 0;line-height:1.45 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) details p { font-size:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .final-cta { height:430px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .final-cta>div { padding:38px 6%;background:linear-gradient(90deg,#151213e6,#15121344) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .final-cta .eyebrow { font-size:11px;max-width:310px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .final-cta h2 { font-size:58px;margin:22px 0 28px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .final-cta .button { font-size:15px;padding:15px 18px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main { grid-template-columns:1fr 1fr;gap:35px 20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main>div:first-child { grid-column:1/-1 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main img { width:180px;margin-bottom:7px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main p { font-size:15px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main strong { font-size:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main a,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main button { font-size:14px;text-align:left }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-bottom { display:block;font-size:11px;margin-top:32px;padding-top:21px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-bottom span { display:block;margin-top:7px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-dialog { padding:20px;width:95vw }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-dialog-layout { grid-template-columns:1fr;gap:22px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-dialog-layout>div>img { aspect-ratio:1.5 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-dialog .image-note { margin-top:9px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-dialog-copy h2 { font-size:33px;margin:12px 0 19px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-dialog-copy>p { font-size:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-dialog-copy ul { font-size:15px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .small-dialog { padding:35px 24px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .small-dialog h2 { font-size:34px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .small-dialog>p { font-size:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .search-input { flex-direction:column }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .contact-link { font-size:19px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .close { width:35px;height:35px;top:8px;right:8px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .image-dialog { padding:10px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .image-dialog>p { font-size:13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .planning-form .button { font-size:15px }

}
@media(prefers-reduced-motion:reduce) {
html:has(body.dbs-redesign) { scroll-behavior:auto }
.dbs-redesign :where(.dbs-home, .dbs-navigation) *,
.dbs-redesign :where(.dbs-home, .dbs-navigation) *:before,
.dbs-redesign :where(.dbs-home, .dbs-navigation) *:after { animation:none!important;transition:none!important }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .balloon-rain { display:none }

}
.dbs-redesign :where(.dbs-home, .dbs-navigation) .german-flag { display:inline-block;font-family:'Apple Color Emoji','Segoe UI Emoji',sans-serif;font-size:26px;line-height:1;margin-right:6px;vertical-align:middle }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:21px;margin:40px 0 65px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-card { padding:0;text-align:left }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-image { position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#e8e5da }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-image>img { width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-image>span { position:absolute;top:13px;right:13px;border-radius:30px;background:#fff;padding:7px 11px;font-size:12px;font-weight:700;box-shadow:0 4px 12px #0001;z-index:2 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-image:after { content:'';position:absolute;top:-50%;left:-75%;width:35%;height:200%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-24deg);pointer-events:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-card:hover .material-image:after,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-card:focus-visible .material-image:after { left:145%;transition:left .85s var(--ease) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-card:hover img { transform:scale(1.035) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-card h3 { font-size:22px;margin-top:16px;line-height:1.2;letter-spacing:-.4px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-card>p { font-size:15px;color:#787274;margin-top:7px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-feature.text-only { grid-template-columns:1fr }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-feature.text-only>div { padding:40px;max-width:750px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .tour-paused .real-cursor { transition:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .small-dialog button#ai-preview { margin-top:18px }
@media(max-width:760px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-grid { grid-template-columns:1fr 1fr;gap:25px 14px;margin:30px 0 45px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-card h3 { font-size:20px;margin-top:13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-card>p { font-size:14px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-image>span { font-size:10px;top:8px;right:8px;padding:6px 8px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .german-flag { font-size:23px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust>div:last-child strong { font-size:18px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust>div:last-child strong span { font-size:23px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-feature.text-only>div { padding:25px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .real-designer { width:100%;margin-left:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .real-cursor img { width:19px;height:19px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .real-cursor>span { font-size:7px;margin-left:8px }

}
@media(min-width:761px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) h1 { font-size:clamp(60px,6vw,92px) }

}
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust strong [role="img"] { font-size:27px;vertical-align:middle;margin-right:5px }
@media(max-width:760px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero { gap:20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-copy { display:contents }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-copy>.eyebrow { order:0;margin:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-copy>h1 { order:1;margin:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-stage { order:2;min-height:350px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-lead { order:3 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-buttons { order:4;margin:3px 0 2px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .hero-proof { order:5 }

}
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card>img { inset:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-image>img,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-image>img { position:absolute;inset:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .ai-badge { position:absolute!important;inset:auto 10px 10px auto!important;width:19px!important;height:19px!important;display:grid!important;place-items:center;border-radius:50%!important;background:#ffffffbc!important;box-shadow:0 1px 4px #0001!important;padding:3px!important;z-index:9;line-height:1;cursor:help;opacity:.72;letter-spacing:0!important }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .ai-badge>img { width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;position:static!important;transform:none!important;filter:none!important }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .ai-badge:hover { opacity:1 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-image>.card-arrow { top:15px;bottom:auto }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .scene-caption { padding-right:48px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-visual-image { position:relative }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-visual-image>img { width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mini-photos { position:relative;width:100%;aspect-ratio:1.5;overflow:hidden }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mini-photos>.mini-frame { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s var(--ease) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mini-photos>.mini-frame.active { opacity:1 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mini-photos>.ai-badge { width:14px!important;height:14px!important;right:5px!important;bottom:5px!important;padding:2px!important }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .floating-shot .ai-badge { display:grid!important }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .floating-shot .mini-caption { display:block }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card>.ai-badge { font-size:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card>div { inset:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-image>.ai-badge { top:auto!important }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-image>span:not(.ai-badge) { z-index:3 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-visual-image .ai-badge { width:20px!important;height:20px!important }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-section { scroll-margin-top:25px }
@media(max-width:760px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-visual-image>img { aspect-ratio:1.5 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .ai-badge { width:17px!important;height:17px!important;right:8px!important;bottom:8px!important }

}
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-section { display:grid;grid-template-columns:1fr 1.04fr;gap:30px;align-items:center;padding:75px 4% 65px;background:#eee9dd;border-top:1px solid #d9d4c5;overflow:hidden;scroll-margin-top:25px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy { position:relative;z-index:2;max-width:650px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy>.eyebrow { color:#6e6a6b }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy h2 { margin:21px 0 25px;letter-spacing:-2px;line-height:1.04 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy h2>span { display:block;font-size:clamp(30px,3.25vw,49px);font-weight:800 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy h2>strong { display:block;font-size:clamp(66px,7.6vw,112px);letter-spacing:-4px;color:var(--red);margin:5px 0 11px;line-height:.98 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy>p:not(.eyebrow) { font-size:19px;line-height:1.75;color:#686465;max-width:490px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy>.button { margin-top:28px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-steps { display:flex;gap:18px;flex-wrap:wrap;margin-top:27px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-steps>span { display:flex;gap:7px;align-items:center;font-size:12px;color:#8e888a }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-steps b { font-size:13px;font-weight:600;color:#696566 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-gallery { min-width:0;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-stage { position:relative;width:100%;height:490px;isolation:isolate;contain:layout;touch-action:pan-y }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-stage:before { content:'';position:absolute;left:8%;right:8%;top:19%;bottom:16%;border:1px solid #cfcdbb;border-radius:50%;transform:rotate(-14deg);z-index:-1;opacity:.55;pointer-events:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-stage:after { content:'';position:absolute;left:4%;right:4%;top:25%;bottom:22%;border:1px solid #d8d5c7;border-radius:50%;transform:rotate(14deg);z-index:-1;opacity:.55;pointer-events:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-card { position:absolute;left:50%;top:50%;width:clamp(145px,14.7vw,196px);max-width:36%;padding:6px 6px 0;border:1px solid #dfdfd4;background:#fff;border-radius:5px;box-shadow:0 13px 24px #2622232e;transform-origin:center;will-change:transform;backface-visibility:hidden;text-align:left;line-height:1.3 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-card:hover,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-card:focus-visible { outline:2px solid var(--red);outline-offset:4px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-photo { display:block;position:relative;width:100%;aspect-ratio:1.5;overflow:hidden;border-radius:2px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-photo>img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-photo .ai-badge { width:14px!important;height:14px!important;right:5px!important;bottom:5px!important;padding:2px!important }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-caption { display:flex;justify-content:space-between;align-items:center;gap:9px;padding:10px 5px;font-weight:700;font-size:14px;min-height:40px;color:#3f3b3c }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-caption>b { font-size:19px;font-weight:400 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-controls { display:flex;justify-content:center;align-items:center;gap:21px;padding:15px 0 0;position:relative;z-index:10 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-controls>button { padding:8px 12px;font-size:21px;color:#676163;border-radius:4px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-controls>button:hover { background:#dedfcc;color:var(--ink) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-controls>#orbit-pause { font-size:13px;min-width:165px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-stage.is-stepping .orbit-card { transition:transform .65s var(--ease) }
@media(min-width:1600px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-section { padding-left:max(4%,calc((100vw - 1480px)/2));padding-right:max(4%,calc((100vw - 1480px)/2));gap:60px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-stage { height:550px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-card { width:210px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy h2>strong { font-size:112px }

}
@media(max-width:1050px) and (min-width:761px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-section { gap:20px;padding-top:65px;padding-bottom:60px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy h2>span { font-size:32px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy h2>strong { font-size:76px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy>p:not(.eyebrow) { font-size:17px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-stage { height:430px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-card { width:155px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-caption { font-size:12px;padding:8px 3px;min-height:35px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-steps { gap:12px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-steps b { font-size:12px }

}
@media(max-width:760px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-section { display:flex;flex-direction:column;gap:25px;padding:50px 5% 35px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy { width:100% }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy>.eyebrow { font-size:11px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy h2 { margin:17px 0 23px;letter-spacing:-1px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy h2>span { font-size:clamp(28px,8vw,39px) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy h2>strong { font-size:clamp(66px,19vw,92px);letter-spacing:-3px;margin:5px 0 10px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy>p:not(.eyebrow) { font-size:17px;line-height:1.65;max-width:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-copy>.button { font-size:15px;margin-top:24px;padding:16px 18px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-steps { gap:11px;margin-top:22px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-steps>span { font-size:10px;gap:5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .quickstart-steps b { font-size:11px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-gallery { width:100%;max-width:520px;align-self:center }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-stage { height:360px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-card { width:clamp(112px,35vw,160px);max-width:39%;padding:4px 4px 0;box-shadow:0 9px 17px #2622232b }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-caption { font-size:11px;min-height:31px;padding:7px 3px;gap:3px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-caption>b { font-size:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-controls { gap:14px;padding-top:5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-controls>#orbit-pause { font-size:12px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-controls>button { font-size:20px;padding:7px 10px }

}
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-card:hover,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .orbit-card:focus-visible { z-index:150!important }
body.dbs-redesign { --ink:#29272b;--muted:#747078;--line:#dfdadd;--panel:#29272b }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-section { background:var(--panel) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .demo-bar { background:#262428 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust>div { border-right-color:#5a5259 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-heading .eyebrow,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-heading>p,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-caption p { color:#c9bfc4 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .design-modes { border-color:#70666e }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .design-modes button { color:#f0e9ec }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .design-modes button[aria-selected=true] { color:var(--ink) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .designer-section .motion-toggle,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .tour-steps button,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .tour-bottom>span,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mode-action>p { color:#cfc3ca }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-strip { margin-top:42px;padding:26px 0 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-label strong { display:block;font-size:17px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-label>span { display:block;font-size:14px;color:var(--muted);margin-top:5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-methods { display:flex;flex-wrap:wrap;gap:12px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-method { display:flex;align-items:center;justify-content:center;gap:11px;min-width:134px;height:56px;border:1px solid #ded9dc;border-radius:7px;background:#fff;padding:12px 19px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-method img { width:27px;height:27px;object-fit:contain }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-method strong { font-size:18px;letter-spacing:-.3px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-paypal { color:#003087 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-stripe { color:#635bff }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-stripe strong { font-size:21px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-prepay img { width:24px;height:24px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-strip+.footer-bottom { margin-top:26px }
@media(max-width:760px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-strip { display:block;margin-top:32px;padding-top:24px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-label strong { font-size:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-label>span { font-size:13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-methods { margin-top:18px;gap:8px;display:grid;grid-template-columns:repeat(3,1fr) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-method { min-width:0;height:51px;gap:6px;padding:10px 9px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-method img { width:20px;height:20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-method strong { font-size:15px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-stripe strong { font-size:17px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-prepay img { width:19px;height:19px }

}
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-menu-all { grid-column:1/-1;font-size:17px;font-weight:700;padding:8px 12px 18px;color:var(--red);border-bottom:1px solid var(--line);margin-bottom:8px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-grid { grid-template-columns:repeat(3,1fr) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-zoom-tools { margin-top:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-zoom-tools>button { display:inline-flex;gap:13px;align-items:center;border:1px solid #c9c2c7;border-radius:5px;padding:11px 16px;font-size:15px;font-weight:700;background:#fff }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-zoom-tools>button[aria-pressed=true] { background:var(--ink);color:#fff;border-color:var(--ink) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-zoom-tools>button>span { font-size:22px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-zoom-tools>p { font-size:13px;color:var(--muted);margin-top:9px;line-height:1.6 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .product-visual-image.zoom-enabled { cursor:zoom-in;touch-action:pan-y }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-lens { position:absolute;z-index:15;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:50%;box-shadow:0 3px 16px #29272b66,0 0 0 1px #514751;pointer-events:none;background-repeat:no-repeat;background-color:#eee }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-tabs { column-gap:19px;row-gap:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-tabs button { font-size:15px }
@media(max-width:760px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-grid { grid-template-columns:1fr 1fr }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-menu-all { font-size:15px;padding:12px 5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-zoom-tools>button { font-size:14px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .material-zoom-tools>p { font-size:12px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-tabs { gap:0 18px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .detail-tabs button { font-size:13px }

}
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card { aspect-ratio:auto;display:flex;flex-direction:column;isolation:isolate;background:#29272b;overflow:hidden }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-photo { position:relative;display:block;width:100%;aspect-ratio:3/2;overflow:hidden;padding:0!important }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-photo>img { width:100%;height:100%;object-fit:contain;display:block;transform:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card>div { position:static;inset:auto;flex:1;padding:25px 27px 29px;background:#29272b }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card:hover .occasion-photo>img { transform:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card h3 { font-size:clamp(26px,2.3vw,36px);margin:12px 0 22px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card>div>span { color:#e4b7a5 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-photo>.ai-badge { bottom:10px!important;top:auto!important }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-strip { flex-wrap:wrap }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-provider { width:100%;font-size:12px;color:var(--muted);text-align:right;margin-top:-15px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-cards { gap:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .card-brands { display:flex;align-items:center;gap:10px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .card-brands img { width:42px;height:28px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .card-brands img:first-child { filter:invert(13%) sepia(69%) saturate(2358%) hue-rotate(215deg) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .card-brands img:last-child { width:31px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-cards strong { font-size:16px }
@media(max-width:760px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card { aspect-ratio:auto }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card>div { padding:23px 25px 27px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .occasion-card h3 { font-size:32px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-methods { grid-template-columns:1fr 1fr }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-cards { grid-column:1/-1 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-provider { margin-top:12px;text-align:left }

}
.dbs-redesign :where(.dbs-home, .dbs-navigation) .contact-rail { position:fixed;right:18px;bottom:max(24px,env(safe-area-inset-bottom));z-index:45;display:flex;flex-direction:column;align-items:center;gap:11px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-action { width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;padding:0;box-shadow:0 4px 17px #29272b26;border:1px solid #ffffff80;transition:transform .2s,box-shadow .2s }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-action:hover { transform:translateY(-3px);box-shadow:0 7px 21px #29272b33 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-action>svg,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-action>img { width:25px;height:25px;flex-shrink:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-top { background:#fff;color:#29272b;width:46px;height:46px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-whatsapp { background:#128c4a;color:white }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-whatsapp>img { width:28px;height:28px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-meet { background:#c92b2d;color:#fff;flex-direction:column;gap:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-meet>svg { width:23px;height:23px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-meet>small { font-size:10px;line-height:1.15;font-weight:700;letter-spacing:.2px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-tooltip { position:absolute;right:calc(100% + 12px);top:50%;transform:translate(6px,-50%);padding:9px 13px;background:#29272b;color:#fff;font-size:13px;line-height:1.4;font-weight:600;white-space:nowrap;border-radius:6px;box-shadow:0 4px 14px #29272b22;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-action:hover .rail-tooltip,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-action:focus-visible .rail-tooltip { opacity:1;visibility:visible;transform:translate(0,-50%) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .meet-whatsapp { margin-top:25px;font-size:15px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .contact-rail:has(~dialog[open]) { visibility:hidden }
@media(max-width:760px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .contact-rail { right:10px;bottom:max(15px,env(safe-area-inset-bottom));gap:8px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-action { width:46px;height:46px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-top { width:40px;height:40px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-action>svg,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-action>img { width:23px;height:23px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-meet>svg { width:20px;height:20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-meet>small { font-size:9px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-tooltip { font-size:11px;right:calc(100% + 9px);padding:8px 10px }

}
@media(prefers-reduced-motion:reduce) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-action,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .rail-tooltip { transition:none }

}
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust .slot-number { display:flex;align-items:center;justify-content:center;white-space:nowrap;min-height:1.15em }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .trust .slot-number span { font:inherit;color:inherit;margin:0;line-height:1;letter-spacing:inherit }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .slot-number .slot-visual { display:inline-flex;align-items:center;white-space:pre }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .slot-number .slot-reel { display:inline-block;height:1em;width:.57em;position:relative;overflow:hidden;vertical-align:middle;letter-spacing:0;font-variant-numeric:tabular-nums }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .slot-number .slot-strip { display:flex;flex-direction:column;transform:translateY(var(--slot-end));backface-visibility:hidden }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .slot-number .slot-digit { display:block;height:1em;min-height:1em;flex:0 0 1em;text-align:center }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .slot-number .slot-prefix { margin-right:.05em!important }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .slot-number .slot-mark { display:inline-block }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .slot-number[data-slot-state="running"] .slot-strip { will-change:transform,filter }
@media(prefers-reduced-motion:reduce) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .slot-number .slot-strip { filter:none!important }

}
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-methods { justify-content:flex-end }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-wallet { min-width:116px;gap:2px;flex-direction:column;padding:7px 17px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-wallet>img { width:67px;height:27px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-wallet>small { font-size:10px;color:var(--muted);line-height:1 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-provider { line-height:1.6 }
@media(max-width:760px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-wallet { min-width:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-wallet>img { width:65px;height:25px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-provider { font-size:11px }

}
@media(min-width:761px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-strip { display:grid;grid-template-columns:200px 1fr;padding-right:65px;gap:15px 20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-method { min-width:118px;padding:10px 14px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-cards { min-width:210px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-wallet { min-width:116px;padding:7px 10px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-wallet>img { width:80px;height:31px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-methods { gap:9px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-provider { grid-column:2;margin-top:0 }

}
@media(max-width:760px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .payment-wallet>img { width:78px;height:28px }

}
.dbs-redesign :where(.dbs-home, .dbs-navigation) .platform-credit { display:flex;justify-content:center;padding:30px 65px 4px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .selenny-footer-brand { display:inline-flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;isolation:isolate }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .selenny-brand-icon { position:relative;display:block;width:44px;height:44px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .selenny-brand-glow { position:absolute;inset:-16px;border-radius:50%;background:radial-gradient(circle,#c92b2d47 0%,#c92b2d14 50%,transparent 70%);filter:blur(10px);animation:selennyBrandGlow 3s ease-in-out infinite alternate;pointer-events:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .selenny-brand-shell { display:block;position:relative;width:44px;height:44px;padding:1.5px;border-radius:12px;background:linear-gradient(135deg,#ffffff80,#ffffff19,#ffffff40);box-shadow:0 4px 16px #0000002e,0 0 30px #c92b2d21 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .selenny-brand-face { display:flex;position:relative;align-items:center;justify-content:center;overflow:hidden;height:100%;width:100%;border-radius:10px;background:linear-gradient(135deg,#df6061,#c92b2d,#8d1e20);box-shadow:inset 0 1.5px 2px #ffffff2e,inset 0 -1.5px 3px #00000038 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .selenny-brand-face:before { content:'';position:absolute;left:2px;right:2px;top:0;height:45%;border-radius:9px 9px 0 0;background:linear-gradient(#ffffff40,#ffffff0f,transparent) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .selenny-brand-letter { position:relative;z-index:1;color:#fff;font-size:22px;font-weight:800;line-height:1;text-shadow:0 1px 6px #00000059,0 0 14px #ffffff1f }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .selenny-brand-shine { position:absolute;top:-50%;left:-80%;width:60%;height:200%;background:linear-gradient(100deg,transparent 20%,#ffffff66 50%,transparent 80%);transform:skewX(-20deg);animation:selennyBrandShine 4s 1s infinite;pointer-events:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .selenny-brand-name { font-size:13px;font-weight:700;letter-spacing:-.2px;color:var(--ink);line-height:1.4 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .selenny-brand-name>sup { font-size:8px;vertical-align:super;margin-left:1px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .selenny-brand-name>span { color:var(--muted);font-weight:500;margin-left:3px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .selenny-footer-brand:hover .selenny-brand-shell { box-shadow:0 5px 20px #00000026,0 0 30px #c92b2d40 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .selenny-footer-brand.motion-paused * { animation-play-state:paused!important }
@keyframes selennyBrandGlow {
from {opacity:.3;transform:scale(1)}
to {opacity:.7;transform:scale(1.1)}

}
@keyframes selennyBrandShine {
0% {left:-80%}
25%,100% {left:130%}

}
@media(max-width:760px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .platform-credit { padding-top:27px;padding-bottom:8px }

}
@media(prefers-reduced-motion:reduce) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .selenny-brand-glow,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .selenny-brand-shine { animation:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .selenny-brand-shine { display:none }

}
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main { grid-template-columns:1.2fr .9fr 1.05fr 1fr;gap:35px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-legal .withdrawal-button { display:inline-flex;align-items:center;justify-content:center;gap:9px;width:fit-content;max-width:100%;padding:11px 15px;margin-top:9px;border:1px solid #bd3b3d;border-radius:5px;color:#a62527;background:#fff;font-size:14px;font-weight:700;line-height:1.4;text-align:left;transition:background .2s,color .2s }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .withdrawal-button>svg { width:18px;height:18px;flex-shrink:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-legal .withdrawal-button:hover { background:var(--red);color:#fff }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-legal .withdrawal-button:focus-visible { outline-offset:4px }
@media(max-width:1000px) and (min-width:761px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main { grid-template-columns:1.15fr 1fr;gap:35px 50px }

}
@media(max-width:760px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main { grid-template-columns:1fr 1fr;gap:30px 20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-main>div:first-child { grid-column:1/-1 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-legal { grid-column:1/-1;padding-top:23px;border-top:1px solid var(--line) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .footer-legal .withdrawal-button { font-size:15px;padding:12px 17px;margin-top:12px }

}
html:has(body.dbs-redesign) { scrollbar-gutter:stable }
body.dbs-redesign.dbs-menu-open { overflow:hidden }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-backdrop { position:fixed;inset:var(--menu-top,170px) 0 0;z-index:50;background:#e8e5e073;backdrop-filter:blur(9px) saturate(.72);-webkit-backdrop-filter:blur(9px) saturate(.72);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s;border:0;border-radius:0;padding:0 }
.dbs-redesign.dbs-menu-open .dbs-home .menu-backdrop { opacity:1;visibility:visible;pointer-events:auto }
.dbs-redesign.dbs-menu-open .dbs-home .contact-rail { opacity:0;visibility:hidden;pointer-events:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) nav>button>span { transition:transform .2s }
.dbs-redesign :where(.dbs-home, .dbs-navigation) nav>button[aria-expanded=true] { color:var(--red) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) nav>button[aria-expanded=true]>span { transform:rotate(180deg) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu { display:block;top:calc(100% - 1px);padding:27px 30px 26px;background:#fdfcf9f7;border:1px solid #e6dfdc;border-top:2px solid #c92b2d;border-radius:0 0 16px 16px;box-shadow:0 24px 50px #29272b24;max-height:min(590px,calc(100dvh - var(--menu-top,170px) - 18px));overflow:auto;overscroll-behavior:contain;animation:menuReveal .24s var(--ease);transform-origin:50% 0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-intro { display:flex;justify-content:space-between;align-items:center;gap:25px;padding:0 0 21px;margin-bottom:21px;border-bottom:1px solid #e5dfdc }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-intro .eyebrow { color:var(--red);font-size:10px;letter-spacing:1.4px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-intro h2 { font-size:24px;line-height:1.15;letter-spacing:-.7px;margin:7px 0 0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-overview { display:inline-flex;align-items:center;gap:14px;font-size:13px;font-weight:700;white-space:nowrap;padding:10px 0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-overview:hover { color:var(--red) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-overview>span { font-size:20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-groups { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group { min-width:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-image { position:relative;overflow:hidden;border-radius:8px;height:105px;background:#e8e1dc }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-image>img { width:100%;height:100%;object-fit:cover;object-position:center 38%;transition:transform .5s var(--ease) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group:hover .menu-group-image>img { transform:scale(1.035) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-image>.ai-badge { width:14px!important;height:14px!important;right:7px!important;bottom:7px!important;padding:2px!important }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-heading { padding:16px 9px 12px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-heading h3 { font-size:19px;letter-spacing:-.45px;line-height:1.2 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-heading p { font-size:12px;color:var(--muted);margin-top:5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item { display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 9px;border:0;border-radius:6px;font-size:14px;line-height:1.3;font-weight:500;transition:background .15s,color .15s }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item>span:last-child { font-size:17px;color:#a8a0a0;transition:transform .18s,color .18s }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item:hover,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item:focus-visible { background:#f2e6e2;color:#ae2427 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item:hover>span:last-child { color:var(--red);transform:translate(2px,-2px) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item:focus-visible { outline-offset:1px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-group-items { display:grid;gap:2px }
@keyframes menuReveal {
from {opacity:0;transform:translateY(-8px) scaleY(.98)}
to {opacity:1;transform:none}

}
@media(min-width:1600px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu { left:max(4%,calc((100vw - 1480px)/2));right:max(4%,calc((100vw - 1480px)/2)) }

}
@media(max-width:1000px) and (min-width:761px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu { padding:23px 20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-groups { gap:14px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-intro h2 { font-size:21px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-heading h3 { font-size:17px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item { font-size:12px;padding:10px 6px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-image { height:83px }

}
@media(max-width:760px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu { top:calc(100% + 236px);left:5%;right:5%;padding:19px 16px;border-radius:10px;max-height:calc(100dvh - var(--menu-top,170px) - 251px);border-top-width:2px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-intro { display:block;padding-bottom:14px;margin-bottom:17px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-intro h2 { font-size:21px;letter-spacing:-.5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-intro .eyebrow { font-size:9px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-overview { font-size:12px;padding:11px 0 0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-groups { grid-template-columns:1fr;gap:22px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-image { height:100px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-heading { padding:13px 5px 9px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-heading h3 { font-size:18px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-heading p { font-size:12px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item { font-size:14px;padding:12px 5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-backdrop { backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px) }

}
@media(prefers-reduced-motion:reduce) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu { animation:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-backdrop,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-image>img,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item>span:last-child,
.dbs-redesign :where(.dbs-home, .dbs-navigation) nav>button>span { transition:none }

}
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-group-image { height:auto;aspect-ratio:3/2 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-group-image>img { object-fit:contain;object-position:center;transform:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-group:hover .menu-group-image>img { transform:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item { padding-top:8px;padding-bottom:8px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item>span:last-child { line-height:1 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-heading { padding-top:13px;padding-bottom:9px }
@media(min-width:761px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu { padding:22px 28px 23px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-intro { padding-bottom:16px;margin-bottom:19px;gap:20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-intro h2 { font-size:22px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-groups { gap:24px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group { display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);column-gap:16px;row-gap:16px;align-content:start }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-group-image { width:100%;max-width:225px;align-self:start }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-heading { padding:0;align-self:center }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-heading h3 { font-size:18px;line-height:1.2 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-heading p { font-size:12px;line-height:1.45;margin-top:7px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-group-items { grid-column:1/-1;gap:2px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item { font-size:14px;line-height:1.25;padding:9px 8px }


}
@media(min-width:761px) and (max-width:1050px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu { padding:19px 20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-groups { gap:17px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:11px;row-gap:13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-heading h3 { font-size:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-heading p { font-size:11px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item { font-size:13px;padding:9px 5px }


}
@media(min-width:761px) and (max-height:650px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu { padding:14px 20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-intro { padding-bottom:12px;margin-bottom:13px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-intro h2 { font-size:20px;line-height:1.15;margin-top:5px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-intro .eyebrow { font-size:9px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group { grid-template-columns:114px minmax(0,1fr);column-gap:12px;row-gap:11px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-group-image { max-width:114px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-heading h3 { font-size:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-group-heading p { display:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item { font-size:13px;padding:7px 5px;line-height:1.25 }


}
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item { justify-content:flex-start;gap:10px;border-bottom:1px solid #eee7e3;border-radius:10px;padding:7px 6px;text-align:left }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-link-icon { width:24px;height:24px;flex:0 0 24px;border-radius:50%;display:grid;place-items:center;background:#f1e9e5;color:#8f4b4c;transition:background .18s,color .18s }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-link-icon>svg { width:15px;height:15px;display:block }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item>.menu-link-label { font:inherit;line-height:1.25;color:inherit;transform:none;transition:none;flex:1;min-width:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item:hover,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item:focus-visible { background:#f4e8e4;border-bottom-color:transparent;color:#972427 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item:hover>.menu-link-icon,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item:focus-visible>.menu-link-icon { background:var(--red);color:#fff }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item:hover>.menu-link-label { color:inherit;transform:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item>span:last-child { font-size:inherit;line-height:1.25;color:inherit;transform:none }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item:hover>span:last-child { transform:none;color:inherit }
@media(max-width:760px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item { padding:10px 6px;gap:11px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-link-icon { width:27px;height:27px;flex-basis:27px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-link-icon>svg { width:16px;height:16px }

}
@media(min-width:761px) and (max-height:650px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-item { padding:6px 5px;gap:8px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .mega-menu .menu-link-icon { width:22px;height:22px;flex-basis:22px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .menu-link-icon>svg { width:14px;height:14px }

}
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge { border-top:1px solid var(--line) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge .section-heading { align-items:end;gap:35px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge h2 { font-size:clamp(30px,3.1vw,51px);line-height:1.13;letter-spacing:-1.6px;overflow-wrap:break-word }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge .section-heading>p { min-width:230px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge-intro { max-width:1000px;margin:35px 0 42px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge-intro h3 { font-size:23px;margin-bottom:15px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge-intro p { font-size:18px;line-height:1.8;color:var(--muted) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-topic-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 55px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-topic { position:relative;border-top:1px solid var(--line);padding:28px 0 31px 48px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-topic-number { position:absolute;left:0;top:31px;font-size:13px;color:var(--red);letter-spacing:1px;font-weight:700 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-topic h3 { font-size:22px;letter-spacing:-.5px;line-height:1.3;margin-bottom:16px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-topic p { font-size:17px;line-height:1.8;color:var(--muted) }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge-action { display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--line);padding-top:30px;margin-top:10px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge-action>p { font-size:21px;font-weight:700 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .faq-intro { font-size:18px;line-height:1.75;color:var(--muted);max-width:330px;margin:24px 0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .faq-preview-note { font-size:13px!important;line-height:1.7;color:var(--muted);margin-top:25px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .faq-section details p { max-width:760px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .faq-section summary { line-height:1.45 }
@media(max-width:760px) {
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .faq-section { padding-right:66px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge .section-heading { display:block }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge .section-heading>p { margin-top:22px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge h2 { font-size:clamp(28px,7.5vw,37px);letter-spacing:-1px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge-intro { margin:28px 0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge-intro h3 { font-size:21px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge-intro p,
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-topic p { font-size:16px;line-height:1.8 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-topic-grid { grid-template-columns:1fr;gap:0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-topic { padding:24px 0 26px 35px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-topic-number { top:27px;font-size:12px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-topic h3 { font-size:20px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge-action { align-items:start;flex-direction:column }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .home-knowledge-action>p { font-size:19px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .faq-intro { max-width:none;font-size:16px;margin:20px 0 }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .faq-section>.faq-answers { margin-top:22px }
.dbs-redesign :where(.dbs-home, .dbs-navigation) .faq-section summary { font-size:17px }

}


/* The homepage uses the storefront's native search, account and cart controls. */
body.dbs-redesign {
    --dbs-topbar: 42px;
    --dbs-mainbar: 94px;
    --header-height: calc(var(--dbs-topbar) + var(--dbs-mainbar));
    padding-top: var(--header-height) !important;
    background: #f8f6f0 !important;
}

html:has(body.dbs-redesign) {
    scroll-padding-top: 152px;
}

.dbs-redesign .sel-header {
    height: var(--header-height) !important;
    padding-top: var(--dbs-topbar);
    background: #f8f6f0 !important;
    color: #29272b;
    border-bottom: 1px solid #deded4;
    z-index: 60 !important;
}

.dbs-redesign .sel-header > div.max-w-\[1200px\] {
    max-width: 1480px !important;
}

.dbs-redesign .sel-header .sel-header-logo {
    max-height: none;
    width: clamp(140px, 15vw, 210px);
    height: auto;
}

.dbs-topline {
    position: absolute;
    inset: 0 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 14px;
    min-height: var(--dbs-topbar);
    padding: 6px max(4%, calc((100vw - 1480px)/2));
    color: #29272b;
    border-bottom: 1px solid #deded4;
    font: 600 13px/1.3 Arial, sans-serif;
}

.dbs-topline > a {
    justify-self: end;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.dbs-navigation { display: none; }

.dbs-redesign .dbs-navigation .dbs-main-nav {
    gap: clamp(12px, 1.7vw, 28px);
    white-space: nowrap;
    color: #29272b;
    font-family: Arial, sans-serif;
}

.dbs-redesign .dbs-navigation .mega-menu {
    z-index: 100;
    color: #29272b;
    white-space: normal;
}

.dbs-redesign .dbs-navigation .mega-menu button {
    font-family: Arial, sans-serif;
}

.dbs-menu-shortcuts,
.dbs-catalog-links,
.dbs-product-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    align-items: center;
}

.dbs-menu-shortcuts {
    border-top: 1px solid #e6dfdc;
    margin-top: 16px;
    padding-top: 14px;
    font-size: 14px;
    font-weight: 700;
}

.dbs-menu-shortcuts a:hover,
.dbs-catalog-links a:hover,
.dbs-topline a:hover { color: #b72024; }

.dbs-catalog-links { margin-top: 28px; font-weight: 700; }
.dbs-catalog-links a { text-decoration: underline; text-underline-offset: 4px; }
.dbs-product-actions { margin-top: 22px; }

.dbs-header-cta {
    display: none;
    background: #c92b2d;
    color: white !important;
    padding: 12px 16px;
    margin-left: 9px;
    border-radius: 5px;
    font: 700 14px/1.3 Arial, sans-serif;
    white-space: nowrap;
}

.dbs-header-cta:hover { background: #a51c20; }

.dbs-mobile-shortcuts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    padding-bottom: 16px;
}

.dbs-mobile-shortcuts a {
    display: block;
    color: #29272b;
    background: #f8f6f0;
    padding: 8px;
    border-radius: 5px;
    font-weight: 700;
}

.dbs-redesign .dbs-home img { height: auto; }
.dbs-redesign .dbs-home :is(.scene-base,.hero-variant,.mini-frame,.designer-frame) { height: 100%; }
.dbs-redesign .dbs-home .hero-copy { min-width: 0; }
.dbs-redesign .dbs-home .contact-rail { bottom: max(72px, env(safe-area-inset-bottom)); }
.dbs-redesign .dbs-home .rail-action { min-width: 44px; min-height: 44px; }
.dbs-redesign .dbs-home .contact-rail:has(~ dialog[open]) { visibility: hidden; }

@media (min-width: 1024px) {
    .dbs-navigation { display: block; }
}
@media (min-width: 1200px) {
    .dbs-header-cta { display: inline-block; }
}
@media (max-width: 1023px) {
    body.dbs-redesign { --dbs-mainbar: 76px; --dbs-topbar: 45px; }
    .dbs-topline { grid-template-columns: auto 1fr; font-size: 11px; }
    .dbs-topline > span:nth-child(2) { text-align: right; }
    .dbs-topline > a { display: none; }
}
@media (max-width: 760px) {
    .dbs-redesign .dbs-home .contact-rail { bottom: max(83px, env(safe-area-inset-bottom)); }
}

.dbs-redesign .sel-header .apple-nav-icon,
.dbs-redesign .sel-header #sel-hamburger-btn {
    color: #29272b !important;
}

.dbs-redesign main.flex-1 {
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
}
.dbs-redesign > .whatsapp-btn,
.dbs-redesign #sel-scroll-top {
    display: none !important;
}

.dbs-redesign:has(.dbs-home dialog[open]) #dbs-floating .contact-rail {
    visibility: hidden;
}

@media (min-width: 1024px) {
    .dbs-redesign .dbs-home .hero-stage {
        display: flex;
        flex-direction: column;
    }
    .dbs-redesign .dbs-home .scene-frame {
        position: relative;
        inset: auto;
        margin-top: 81px;
    }
    .dbs-redesign .dbs-home .hero-controls {
        position: relative;
        inset: auto;
        align-self: flex-end;
        margin-top: 18px;
    }
}

.dbs-redesign .dbs-home .hero-controls {
    margin-inline-end: 52px;
}

/* Keep the homepage palette independent of the storefront theme's text colors. */
body.dbs-redesign {
    --muted: #5f5a60;
}

.dbs-redesign :is(.dbs-home, .dbs-navigation) :is(h1, h2, h3, h4) {
    color: inherit;
}

.dbs-redesign .dbs-topline > a {
    color: #a51c20;
}

.dbs-redesign .dbs-home :is(
    .hero-proof,
    .image-note,
    .occasion-feature p:not(.eyebrow),
    .material-card > p,
    .detail-tabs button:not([aria-selected=true]),
    .quickstart-copy > .eyebrow,
    .quickstart-steps > span,
    .home-knowledge-action > p
) {
    color: var(--muted);
}

.dbs-redesign .dbs-home .scene-caption {
    background: linear-gradient(transparent, #161415cc 31%, #161415e6);
}

.dbs-redesign .dbs-home .design-modes b {
    opacity: .8;
}

.dbs-redesign .dbs-home #image-dialog p {
    color: var(--muted);
}

@media (min-width: 1024px) {
    .dbs-redesign .dbs-home .designer-caption .motion-toggle {
        margin-inline-end: 46px;
    }
}

.dbs-redesign .dbs-home .statement > p {
    color: var(--ink);
}

.dbs-redesign .dbs-home .statement > span {
    color: var(--muted);
}

.dbs-redesign :is(.sel-header, .apple-footer) .logo-light {
    display: inline-block;
}

.dbs-redesign :is(.sel-header, .apple-footer) .logo-dark {
    display: none;
}

@media (max-width: 760px) {
    .dbs-redesign .dbs-home .design-modes {
        margin-inline-end: 42px;
    }
}

.dbs-redesign .dbs-home dialog:modal {
    position: fixed;
    inset: 0;
    height: fit-content;
    margin: auto;
}

.dbs-redesign .dbs-registration {
    position: absolute;
    z-index: 2;
    inset: 13px;
    pointer-events: none;
    border: solid transparent;
    border-width: 2px;
    background:
        linear-gradient(#fff, #fff) left top / 23px 2px,
        linear-gradient(#fff, #fff) left top / 2px 23px,
        linear-gradient(#fff, #fff) right top / 23px 2px,
        linear-gradient(#fff, #fff) right top / 2px 23px;
    background-repeat: no-repeat;
    filter: drop-shadow(0 1px 2px #000a);
    animation: dbs-register 6.5s ease-in-out infinite;
}

@keyframes dbs-register {
    0%, 75%, 100% { opacity: 0; transform: scale(1.025); }
    15%, 35% { opacity: .95; transform: scale(1); }
    55% { opacity: .25; }
}

.dbs-redesign .motion-off .dbs-registration {
    animation-play-state: paused;
    opacity: 0;
}

.dbs-redesign .dbs-motion {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: clamp(24px, 6vw, 88px);
    align-items: center;
    padding: 72px max(4%, calc((100vw - 1480px) / 2));
    background: #eee9dd;
}

.dbs-redesign .dbs-motion-copy h2 {
    max-width: 14ch;
    margin: 12px 0 18px;
    font-size: clamp(38px, 4.25vw, 66px);
}

.dbs-redesign .dbs-motion-copy > p:not(.eyebrow) {
    max-width: 32ch;
    color: #585653;
}

.dbs-redesign .dbs-motion-copy a {
    margin-top: 22px;
}

.dbs-redesign .dbs-motion-card {
    --dbs-motion-duration: 9.6s;
    overflow: hidden;
    border-radius: 10px;
    background: #211f21;
    color: #fff;
    box-shadow: 0 14px 35px #30242625;
}

.dbs-redesign .dbs-motion-stage {
    display: grid;
    position: relative;
    min-height: 218px;
    aspect-ratio: 2 / 1;
    place-items: center;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 52% 24%, #553b3d, transparent 67%),
        radial-gradient(circle, #ffffff16 1px, transparent 1.4px) 0 0 / 15px 15px,
        #292629;
}

.dbs-redesign .dbs-print-guide {
    position: absolute;
    inset: 16% 12%;
    border: 1px dashed #f0ddc97f;
    border-radius: 2px;
    opacity: .5;
}

.dbs-redesign .dbs-print-banner {
    position: relative;
    width: 67%;
    aspect-ratio: 2.4 / 1;
    overflow: hidden;
    border: 1px solid #f1d6ca80;
    border-radius: 3px;
    background: #e7dfcf;
    box-shadow: 0 17px 30px #1009099c;
    transform: rotate(-3deg);
}

.dbs-redesign .dbs-print-ink {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(153deg, transparent 65%, #801719 66% 72%, #e24036 73%),
        linear-gradient(130deg, #df3734, #ad1f25);
}

.dbs-redesign .dbs-print-type {
    position: absolute;
    inset: 17% auto auto 10%;
    color: #fff3df;
    font-size: clamp(24px, 4.2vw, 68px);
    font-weight: 900;
    line-height: .86;
    letter-spacing: -.045em;
}

.dbs-redesign .dbs-print-seam {
    position: absolute;
    inset: 7%;
    border: 1px dashed #fff3df98;
}

.dbs-redesign .dbs-print-eyelets {
    position: absolute;
    inset: 5% 3%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    justify-items: center;
    pointer-events: none;
}

.dbs-redesign .dbs-print-eyelets i {
    width: clamp(6px, .85vw, 13px);
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid #f7f3e5;
    background: radial-gradient(circle, #201616 0 33%, #c8bdad 37% 56%, #f5f2e9 59% 72%, #665952 78%);
    box-shadow: 0 1px 3px #291010b0;
}

.dbs-redesign .dbs-print-eyelets i:nth-child(3n+1) { justify-self: start; }
.dbs-redesign .dbs-print-eyelets i:nth-child(3n) { justify-self: end; }
.dbs-redesign .dbs-print-eyelets i:nth-child(n+4) { align-self: end; }

.dbs-redesign .dbs-print-scan {
    position: absolute;
    top: 19%;
    bottom: 19%;
    left: 18%;
    width: 5px;
    opacity: 0;
    background: #ffe4c8;
    box-shadow: 0 0 24px 9px #ff8e6c80;
    transform: rotate(-3deg);
    pointer-events: none;
}

.dbs-redesign .dbs-motion-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 18px;
    border-top: 1px solid #fff2;
}

.dbs-redesign .dbs-motion-phases {
    display: flex;
    gap: 9px 19px;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #f9eadc;
    font-size: 13px;
    font-weight: 700;
}

.dbs-redesign .dbs-motion-phases li::before {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 6px;
    border-radius: 50%;
    background: #ff8a80;
    vertical-align: 2px;
    content: '';
}

.dbs-redesign .dbs-motion-control {
    min-height: 38px;
    padding: 6px 10px;
    border: 1px solid #ffffff45;
    border-radius: 5px;
    color: #fff;
    white-space: nowrap;
    font-size: 12px;
}

.dbs-redesign .dbs-motion-control:hover {
    background: #ffffff20;
}

.dbs-redesign .dbs-motion-progress {
    height: 3px;
    background: #ffffff20;
}

.dbs-redesign .dbs-motion-progress > span {
    display: block;
    width: 100%;
    height: 100%;
    background: #f46c65;
    transform-origin: left;
}

.dbs-redesign .dbs-motion-card[data-animated] .dbs-print-ink {
    animation: dbs-ink var(--dbs-motion-duration) ease-in-out infinite both;
}

.dbs-redesign .dbs-motion-card[data-animated] .dbs-print-type {
    animation: dbs-motif var(--dbs-motion-duration) ease-in-out infinite both;
}

.dbs-redesign .dbs-motion-card[data-animated] .dbs-print-seam,
.dbs-redesign .dbs-motion-card[data-animated] .dbs-print-eyelets {
    animation: dbs-finishing var(--dbs-motion-duration) ease-in-out infinite both;
}

.dbs-redesign .dbs-motion-card[data-animated] .dbs-print-scan {
    animation: dbs-scan var(--dbs-motion-duration) ease-in-out infinite both;
}

.dbs-redesign .dbs-motion-card[data-animated] .dbs-motion-progress > span {
    animation: dbs-progress var(--dbs-motion-duration) linear infinite;
}

.dbs-redesign .dbs-motion-card[data-animated]:not([data-running]) :is(
    .dbs-print-ink, .dbs-print-type, .dbs-print-seam, .dbs-print-eyelets, .dbs-print-scan, .dbs-motion-progress > span
) {
    animation-play-state: paused;
}

@keyframes dbs-ink {
    0%, 16% { clip-path: inset(0 100% 0 0); }
    46%, 100% { clip-path: inset(0); }
}
@keyframes dbs-motif {
    0%, 8% { opacity: 0; transform: translateY(9px); color: #541d22; }
    20%, 38% { opacity: 1; transform: translateY(0); color: #541d22; }
    51%, 100% { opacity: 1; transform: translateY(0); color: #fff3df; }
}
@keyframes dbs-finishing {
    0%, 53% { opacity: 0; }
    69%, 100% { opacity: 1; }
}
@keyframes dbs-scan {
    0%, 15% { opacity: 0; left: 18%; }
    22% { opacity: .75; }
    44% { opacity: .7; }
    50%, 100% { opacity: 0; left: 84%; }
}
@keyframes dbs-progress {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

@media (max-width: 760px) {
    .dbs-redesign .dbs-motion {
        grid-template-columns: 1fr;
        padding: 48px 5%;
    }
    .dbs-redesign .dbs-motion-toolbar { padding: 10px 46px 10px 10px; }
    .dbs-redesign .dbs-motion-phases { gap: 5px 8px; font-size: 11px; }
    .dbs-redesign .dbs-motion-stage { min-height: 190px; }
}

@media (prefers-reduced-motion: reduce) {
    .dbs-redesign .dbs-registration { display: none; }
}
.sel-hero-light {
    position: absolute;
    z-index: 2;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.sel-hero-light::after {
    position: absolute;
    inset: 0 auto 0 0;
    width: 52%;
    content: '';
    opacity: 0;
    background: linear-gradient(103deg, transparent 11%, #ffd8a624 43%, #fff2d44d 50%, #ffe7bc20 57%, transparent 87%);
    transform: translateX(-130%);
}

.sel-hero-light[data-active]::after {
    animation: sel-hero-light-sweep var(--sel-hero-period, 7s) cubic-bezier(.35, .05, .37, 1) infinite;
}

@keyframes sel-hero-light-sweep {
    0%, 12% { opacity: 0; transform: translateX(-130%); }
    23% { opacity: 1; }
    57% { opacity: .8; }
    74%, 100% { opacity: 0; transform: translateX(215%); }
}

@media (prefers-reduced-motion: reduce) {
    .sel-hero-light[data-active]::after { animation: none; }
}
.dbs-redesign .dbs-home .dbs-hero {
    display: grid;
    grid-template-columns: minmax(320px, 30%) minmax(0, 1fr);
    background: #211d1d;
    color: #fff8ec;
}

.dbs-redesign .dbs-home .dbs-hero-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    padding: clamp(28px, 4.2vw, 80px) clamp(24px, 3.25vw, 70px);
}

.dbs-redesign .dbs-home .dbs-hero-copy .eyebrow {
    color: #f5c1a7;
    font-size: 11px;
    line-height: 1.4;
}

.dbs-redesign .dbs-home .dbs-hero-copy h1 {
    margin: .28em 0 .32em;
    font-size: clamp(36px, 3.45vw, 84px);
    line-height: .99;
    letter-spacing: -.057em;
    color: #fff8ec;
}

.dbs-redesign .dbs-home .dbs-hero-copy h1 em {
    color: #f5c1a7;
}

.dbs-redesign .dbs-home .dbs-hero-lead {
    max-width: 28ch;
    color: #e1d6d0;
    font-size: clamp(15px, 1.18vw, 19px);
    line-height: 1.5;
}

.dbs-redesign .dbs-home .dbs-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 20px;
    align-items: center;
    margin-top: 26px;
}

.dbs-redesign .dbs-home .dbs-hero-actions .button {
    background: #b72427;
    color: #fff;
    font-size: 15px;
    gap: 13px;
    padding: 13px 17px;
}

.dbs-redesign .dbs-home .dbs-hero-actions .button:hover {
    background: #9d1d20;
}

.dbs-redesign .dbs-home .dbs-hero-actions .underlink {
    color: #fff8ec;
    font-size: 14px;
}

.dbs-redesign .dbs-home .dbs-hero-stage {
    --sel-hero-period: 7s;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.dbs-redesign .dbs-home .dbs-hero-media {
    position: relative;
    aspect-ratio: 2 / 1;
    isolation: isolate;
    overflow: hidden;
    background: #3c302b;
}

.dbs-redesign .dbs-home .dbs-hero-frame {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .9s ease;
}

.dbs-redesign .dbs-home .dbs-hero-frame.is-current {
    z-index: 1;
    opacity: 1;
}

.dbs-redesign .dbs-home .dbs-hero-photo {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dbs-redesign .dbs-home .dbs-hero-sweep {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    clip-path: polygon(28% 24%, 97% 24%, 97% 74%, 28% 74%);
    mix-blend-mode: screen;
}

.dbs-redesign .dbs-home .dbs-hero-sweep-event {
    clip-path: polygon(35% 28%, 96% 30%, 97% 74%, 33% 74%);
}

.dbs-redesign .dbs-home .dbs-hero-sweep-club {
    clip-path: polygon(11.5% 31.5%, 90.8% 36.3%, 91% 74.8%, 11.5% 79.5%);
}

.dbs-redesign .dbs-home .dbs-hero-sweep-construction {
    clip-path: polygon(13% 22.5%, 91.4% 22.5%, 91.4% 76.8%, 13% 76.8%);
}

.dbs-redesign .dbs-home .dbs-hero-stage[data-manual-sweep] .sel-hero-light[data-active]::after {
    animation-duration: 3s;
    animation-delay: -.4s;
    animation-iteration-count: 1;
}

.dbs-redesign .dbs-home .dbs-hero-provenance {
    position: absolute;
    right: 15px;
    bottom: 12px;
    z-index: 3;
    display: grid;
    place-items: center;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #fff8ece8;
}

.dbs-redesign .dbs-home .dbs-hero-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px 20px;
    padding: 0 max(66px, 5vw) 0 18px;
    background: #2a2424;
}

.dbs-redesign .dbs-home .dbs-hero-selector {
    display: flex;
    gap: 14px;
}

.dbs-redesign .dbs-home .dbs-hero-controls button {
    min-height: 44px;
    white-space: nowrap;
    padding: 9px 3px;
    font-size: 13px;
    font-weight: 700;
    color: #e2d5cf;
}

.dbs-redesign .dbs-home .dbs-hero-selector button {
    border-bottom: 2px solid transparent;
}

.dbs-redesign .dbs-home .dbs-hero-selector button[aria-pressed="true"] {
    color: #fff8ec;
    border-color: #f5b28e;
}

.dbs-redesign .dbs-home .dbs-hero-controls button:hover {
    color: #fff8ec;
}

.dbs-redesign .dbs-home .dbs-hero-progress {
    height: 3px;
    background: #4f4140;
}

.dbs-redesign .dbs-home .dbs-hero-progress > span {
    display: block;
    width: 100%;
    height: 100%;
    background: #f5b28e;
    transform: scaleX(0);
    transform-origin: left;
}

.dbs-redesign .dbs-home .dbs-hero-stage[data-running] .dbs-hero-progress > span {
    animation: dbs-hero-progress var(--sel-hero-period) linear infinite;
}

@keyframes dbs-hero-progress {
    to { transform: scaleX(1); }
}

@media (max-width: 1080px) {
    .dbs-redesign .dbs-home .dbs-hero { grid-template-columns: 1fr; }
    .dbs-redesign .dbs-home .dbs-hero-copy { padding: 27px max(20px, 5vw) 25px; }
    .dbs-redesign .dbs-home .dbs-hero-copy h1 { font-size: clamp(37px, 6.6vw, 60px); }
    .dbs-redesign .dbs-home .dbs-hero-actions { margin-top: 19px; }
    .dbs-redesign .dbs-home .dbs-hero-controls { padding-left: max(17px, 5vw); }
}

@media (max-width: 580px) {
    .dbs-redesign .dbs-home .dbs-hero-controls {
        flex-wrap: wrap;
        gap: 0;
    }

    .dbs-redesign .dbs-home .dbs-hero-selector {
        flex-wrap: wrap;
        gap: 0 11px;
    }
}

@media (max-width: 385px) {
    .dbs-redesign .dbs-home .dbs-hero-actions { gap: 10px 16px; }
}

@media (prefers-reduced-motion: reduce) {
    .dbs-redesign .dbs-home .dbs-hero-frame { transition: none; }
}