/* Display Box homepage. Prefix dbxhm- */
.dbxhm{font-family:Montserrat,Arial,sans-serif;color:#EDEDF4}
.dbxhm *{box-sizing:border-box}
.dbxhm a{color:inherit;text-decoration:none}
.dbxhm a:focus-visible,.dbxhm button:focus-visible{outline:3px solid #23DAF7;outline-offset:3px}
.dbxhm-wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.dbxhm-sec{padding-top:96px}
.dbxhm-h1,.dbxhm h1{font:400 46px/1.08 Michroma,Arial,sans-serif;color:#fff;margin:0;letter-spacing:.02em}
.dbxhm-h2{font:400 34px/1.15 Michroma,Arial,sans-serif;color:#fff;margin:0}
.dbxhm-sub{margin:12px 0 0;font-size:16px;line-height:1.6;color:#A9ACC4;max-width:40em}
.dbxhm-kick{display:block;margin:0 0 16px;font:800 12px/1.3 Montserrat,Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;background:linear-gradient(120deg,#00FFF5,#23DAF7 20%,#9729FE 60%,#FE32A6);-webkit-background-clip:text;background-clip:text;color:transparent}
.dbxhm-btns{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.dbxhm-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;font-size:14px;font-weight:800;letter-spacing:.04em}
.dbxhm-btn.is-w{background:#fff;color:#12131F}
.dbxhm-btn.is-o{border:2px solid #fff;color:#fff}.dbxhm-btn.is-o:hover{border-color:#23DAF7}
/* hero */
.dbxhm-hero{padding-top:30px}
.dbxhm-slide{display:grid;grid-template-columns:minmax(420px,560px) minmax(0,1fr);gap:clamp(40px,5vw,96px);align-items:center;min-height:640px}
.dbxhm-wall,.dbxhm-fpic{max-width:1060px;width:100%;justify-self:end}
.dbxhm-slide[hidden]{display:none}
.dbxhm-lead{margin:24px 0 32px;font-size:18px;line-height:1.6;color:#C9CBDC}
.dbxhm-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #262A42;padding-top:20px;margin:36px 0 0}
.dbxhm-facts div+div{border-left:1px solid #262A42;padding-left:16px}
.dbxhm-facts dt{font:400 17px Michroma,Arial,sans-serif;background:linear-gradient(120deg,#00FFF5,#23DAF7 20%,#9729FE 60%,#FE32A6);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.dbxhm-facts dd{margin:4px 0 0;font-size:13px;color:#A9ACC4;line-height:1.4}
.dbxhm-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px;border:1px solid #23263E;border-radius:18px}
.dbxhm-tl{display:block;aspect-ratio:6/6.3;border-radius:12px;overflow:hidden;background:#0E1124}
.dbxhm-tl img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.dbxhm-tl:hover img{transform:scale(1.04)}
.dbxhm-wd{grid-column:1/-1;display:flex;align-items:center;gap:18px;padding:10px 18px 10px 10px;border-radius:14px;border:2px solid transparent;background:linear-gradient(90deg,#1F2A55,#1A1B33) padding-box,linear-gradient(120deg,#00FFF5,#23DAF7,#9729FE,#FE32A6) border-box}
.dbxhm-wd img{width:150px;height:84px;object-fit:cover;border-radius:10px}
.dbxhm-wd>span:not(.dbxhm-go){display:flex;flex-direction:column;gap:4px}
.dbxhm-wd small{display:flex;gap:8px;align-items:center;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#23DAF7}
.dbxhm-wd small i{font-style:normal;padding:3px 8px;border-radius:999px;background:linear-gradient(120deg,#9729FE,#FE32A6);color:#fff;font-size:10px;letter-spacing:.12em}
.dbxhm-wd b{font:400 17px Michroma,Arial,sans-serif;color:#fff}
.dbxhm-go{margin-left:auto;padding:11px 18px;border-radius:999px;background:linear-gradient(120deg,#00FFF5,#23DAF7 25%,#9729FE 65%,#FE32A6);color:#12131F;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.dbxhm-fpic{border-radius:22px;overflow:hidden;border:1px solid #262A48;aspect-ratio:3/2}
.dbxhm-fpic img{width:100%;height:100%;object-fit:cover;display:block}
.dbxhm-ctl{display:flex;align-items:center;gap:14px;margin-top:8px}
.dbxhm-arr{all:unset;cursor:pointer;width:44px;height:44px;border-radius:50%;border:1px solid #33375A;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}
.dbxhm-arr:hover{border-color:#23DAF7}
.dbxhm-dots{display:flex;gap:8px}
.dbxhm-dots button{all:unset;cursor:pointer;height:6px;width:22px;border-radius:6px;background:#33375A}
.dbxhm-dots button.is-on{width:44px;background:linear-gradient(90deg,#23DAF7,#9729FE)}
.dbxhm-strip{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:26px;margin-top:26px;padding:14px 26px 14px 14px;border-radius:18px;background:radial-gradient(ellipse 60% 140% at 85% 50%,rgba(151,41,254,.30),rgba(0,0,0,0) 70%),linear-gradient(90deg,#1B2048,#16182A);border:1px solid #2A2F5C}
.dbxhm-strip img{width:180px;height:110px;object-fit:cover;border-radius:12px}
.dbxhm-strip b{display:block;font:400 20px Michroma,Arial,sans-serif;color:#fff}
.dbxhm-strip .dbxhm-kick{margin:0 0 6px}
/* collections */
.dbxhm-bento{display:grid;grid-template-columns:1.05fr 1fr 1fr;grid-template-rows:clamp(300px,19vw,380px) clamp(300px,19vw,380px);gap:20px;margin-top:40px}
.dbxhm-col{position:relative;display:block;border-radius:22px;overflow:hidden;border:1px solid #262A48;background:#0B0D18}
.dbxhm-col:hover{border-color:#5FB4FF}
.dbxhm-col0{grid-row:span 2}.dbxhm-col1{grid-column:span 2}
.dbxhm-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform .5s}
.dbxhm-col:hover .dbxhm-bg{transform:scale(1.04)}
.dbxhm-col.is-logo{background:radial-gradient(ellipse 70% 45% at 50% 40%,rgba(151,41,254,.30),rgba(0,0,0,0) 70%),linear-gradient(180deg,#1B2048,#0E0F1C)}
.dbxhm-logo{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:72%;height:auto}
.dbxhm-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,10,20,0) 38%,rgba(9,10,20,.94))}
.dbxhm-col1 .dbxhm-shade{background:linear-gradient(90deg,rgba(9,10,20,.85),rgba(9,10,20,0) 40%)}
.dbxhm-tx{position:absolute;left:26px;right:26px;bottom:24px;display:flex;flex-direction:column;gap:6px}
.dbxhm-col1 .dbxhm-tx{right:auto;max-width:34%}
.dbxhm-tx b{font:400 22px Michroma,Arial,sans-serif;color:#fff}
.dbxhm-tx span{font-size:14px;color:#C9CBDC;line-height:1.5}
.dbxhm-tx i,.dbxhm-more{font-style:normal;margin-top:6px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#23DAF7}
/* find the case */
.dbxhm-find{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:start}
.dbxhm-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.dbxhm-pill{all:unset;cursor:pointer;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:#1E1F2C;border:1px solid #33375A;font-size:14.5px;font-weight:600;color:#fff}
.dbxhm-pill:hover{border-color:#9729FE}
.dbxhm-pill.is-on{background:linear-gradient(120deg,#00FFF5,#23DAF7 20%,#9729FE 60%,#FE32A6);color:#12131F;border-color:transparent;font-weight:800}
.dbxhm-rec{position:relative;border-radius:22px;background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(151,41,254,.18),rgba(0,0,0,0) 70%),#171827;border:1px solid #2A2D45;overflow:hidden}
.dbxhm-rec:before{content:"";display:block;height:3px;background:linear-gradient(90deg,#00FFF5,#23DAF7 20%,#9729FE 60%,#FE32A6)}
.dbxhm-recb{padding:36px 38px}
.dbxhm-for{margin:0 0 8px;font-size:13.5px;color:#A9ACC4}
.dbxhm-recb h3{margin:0;font:400 30px Michroma,Arial,sans-serif;color:#fff}
.dbxhm-why{margin:14px 0 24px;font-size:16px;line-height:1.6;color:#C9CBDC}
.dbxhm-specs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;padding:0;list-style:none}
.dbxhm-specs li{padding:8px 14px;border-radius:999px;background:#1E1F2C;border:1px solid #33375A;font-size:13px;font-weight:600;color:#D9DAE8}
.dbxhm-alt{font-size:14px;font-weight:700;color:#fff;border-bottom:2px solid #23DAF7;padding-bottom:2px}
/* new arrivals */
.dbxhm-nhead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.dbxhm-tabs{display:flex;gap:8px;flex-wrap:wrap}
.dbxhm-tabs button{all:unset;cursor:pointer;min-height:38px;padding:0 16px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid #33375A;font-size:13px;font-weight:700;color:#C9CBDC}
.dbxhm-tabs button.is-on{background:#fff;color:#12131F;border-color:#fff}
.dbxhm-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:28px}
.dbxhm-card{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:#181A2C;border:1px solid #23263E}
.dbxhm-card:hover{border-color:#5FB4FF}
.dbxhm-card[hidden]{display:none}
.dbxhm-pic{position:relative;display:block;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse 60% 55% at 50% 60%,rgba(80,170,255,.14),rgba(0,0,0,0) 70%),#07080D}
.dbxhm-img{width:100%;height:100%;object-fit:cover;display:block}
.dbxhm-img.is-fit{object-fit:contain;padding:12px}
.dbxhm-st{position:absolute;left:10px;top:10px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em}
.dbxhm-st.is-po{background:rgba(151,41,254,.88);color:#fff}
.dbxhm-st.is-in{background:#2E9E6A;color:#fff}
.dbxhm-br{font-size:11.5px;font-weight:800;letter-spacing:.06em;color:#8C90AE;text-transform:uppercase}
.dbxhm-nm{font-size:14.5px;font-weight:700;color:#fff;line-height:1.35;min-height:39px}
.dbxhm-pr{font-size:17px;font-weight:800;color:#fff}
.dbxhm-none{color:#A9ACC4}
/* trustpilot */
.dbxhm-tp{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:18px 26px;border-radius:18px;background:#171827;border:1px solid #2A2D45}
.dbxhm-tps{display:flex;flex-direction:column;gap:8px;min-width:210px;font-size:14px;color:#9EA1BC}
.dbxhm-tps b{color:#fff}
.dbxhm-stars{display:inline-flex;gap:3px}
.dbxhm-stars i{width:22px;height:22px;background:#00B67A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 3l2.6 5.6 6 .6-4.5 4 1.3 6L12 16l-5.4 3.2 1.3-6-4.5-4 6-.6z'/%3E%3C/svg%3E") center/15px no-repeat}
.dbxhm-qs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dbxhm-qs span{display:flex;flex-direction:column;gap:4px;padding-left:18px;border-left:1px solid #2E3354;font-size:13.5px;line-height:1.45;color:#D9DAE8}
.dbxhm-qs small{font-size:12px;color:#8C90AE}
.dbxhm-more{white-space:nowrap}
/* seo */
.dbxhm-seo{max-width:1000px;margin:0 auto;text-align:center;font-size:14.5px;line-height:1.8;color:#9EA1BC}
.dbxhm-seo summary{cursor:pointer;list-style:none;font:400 18px Michroma,Arial,sans-serif;color:#fff}
.dbxhm-seo summary::-webkit-details-marker{display:none}
.dbxhm-seo summary span{color:#23DAF7}
.dbxhm-seo h2,.dbxhm-seo h3{font:400 18px Michroma,Arial,sans-serif;color:#fff;margin:28px 0 8px}
.dbxhm-seo a{color:#23DAF7}
/* tablet + mobile */
@media (max-width:1100px){.dbxhm-slide{grid-template-columns:1fr;min-height:0;gap:30px}.dbxhm-cards{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){
	.dbxhm-wrap{padding:0 18px}.dbxhm-sec{padding-top:56px}
	.dbxhm h1,.dbxhm-h1{font-size:27px;line-height:1.18}.dbxhm-h2{font-size:23px;line-height:1.2}
	.dbxhm-kick{font-size:10.5px;margin-bottom:12px}
	.dbxhm-lead{font-size:15px;margin:14px 0 20px}
	.dbxhm-facts{display:none}
	.dbxhm-hero .dbxhm-copy{order:0}
	.dbxhm-wall{gap:6px;padding:0;border:0}.dbxhm-tl{border-radius:10px}
	.dbxhm-wd{padding:8px 12px 8px 8px;gap:12px}.dbxhm-wd img{width:78px;height:52px}.dbxhm-wd b{font-size:13px}.dbxhm-go{display:none}
	.dbxhm-hero .dbxhm-btns{flex-direction:column;align-items:stretch}
	.dbxhm-slide#dbxhm-s1{display:flex;flex-direction:column}
	.dbxhm-ctl{justify-content:center}.dbxhm-arr{display:none}
	.dbxhm-strip{grid-template-columns:96px 1fr;gap:14px;padding:10px}.dbxhm-strip img{width:96px;height:64px}.dbxhm-strip .dbxhm-btn{display:none}.dbxhm-strip b{font-size:14px}
	.dbxhm-bento{grid-template-columns:1fr;grid-template-rows:none;gap:10px;margin-top:20px}
	.dbxhm-col{grid-row:auto!important;grid-column:auto!important}
	.dbxhm-col0{aspect-ratio:4/4.4}.dbxhm-col1{aspect-ratio:2/1.15}.dbxhm-col2,.dbxhm-col3{aspect-ratio:760/600}
	.dbxhm-col1 .dbxhm-tx{max-width:none;right:16px}.dbxhm-col1 .dbxhm-shade{background:linear-gradient(180deg,rgba(9,10,20,0) 45%,rgba(9,10,20,.94))}
	.dbxhm-tx{left:16px;right:16px;bottom:14px}.dbxhm-tx b{font-size:17px}.dbxhm-tx span{font-size:12.5px}.dbxhm-tx i{font-size:11px}
	.dbxhm-find{grid-template-columns:1fr;gap:14px}.dbxhm-pills{margin-top:18px;gap:8px}.dbxhm-pill{min-height:40px;font-size:13.5px;padding:0 14px}
	.dbxhm-recb{padding:22px 20px}.dbxhm-recb h3{font-size:22px}.dbxhm-why{font-size:14.5px}
	.dbxhm-recb .dbxhm-btns{flex-direction:column;align-items:stretch;text-align:center}
	.dbxhm-cards{display:flex;overflow-x:auto;gap:10px;margin:14px -18px 0;padding:0 18px 6px;scrollbar-width:none}
	.dbxhm-cards::-webkit-scrollbar{display:none}
	.dbxhm-card{flex:none;width:170px;padding:10px}.dbxhm-nm{font-size:13px}.dbxhm-pr{font-size:15.5px}
	.dbxhm-tp{grid-template-columns:1fr;gap:14px;padding:14px 16px}.dbxhm-qs{grid-template-columns:1fr}.dbxhm-qs span:nth-child(n+2){display:none}
}
@media (prefers-reduced-motion:reduce){.dbxhm *{transition:none!important}}