/* ========== ?箇??蔭 ========== */
	*{margin:0;padding:0;box-sizing:border-box}
	html,body{margin:0;padding:0}
	body>*:first-child{margin-top:0;padding-top:0}

	/* 霈 */
	:root{ --topbar-h:73px; --cardw:774px; --peek:90px; }
	@media (max-width:768px){ :root{ --topbar-h:90px; } }
	@media (max-width:1200px){ :root{ --peek:70px } }
	@media (max-width:768px){  :root{ --peek:0px } }

	/* ?????雿?憟劂???臭??? */
	body{
	  background:#000 url(https://www.dell.com/community/assets/community/687062f5-603c-4f5f-ab9d-31aa7cacb376/1-24cb2467-5597-4c38-8c57-759820b853ae-46728356.jpg)
			   center top/cover no-repeat fixed;
	  color:#fff; font-family:sans-serif;
	  padding-top:0;
	}

	/* ?扳??券? */
	section,[id]{ scroll-margin-top:12px; }

	/* ==================== Topbar嚗????餌??餃?銝??臬?嚗??寞?摮? ==================== */
	/* 閬??€?????航??class嚗? .is-fixed / .is-visible嚗?*/
	header.topbar, .topbar,
	header.topbar.is-fixed, .topbar.is-fixed,
	header.topbar.is-visible, .topbar.is-visible{
	  position:relative;
	  height:var(--topbar-h);
	  z-index:9999;
	  display:flex; align-items:center; justify-content:center;
	  gap:36px;
	  padding:0 20px;

	  /* ??摨?+ ?餌?瞍詨惜嚗??楝敺?????嚗?*/
	  background:
		linear-gradient(180deg, rgba(8,20,28,0.82), rgba(8,20,28,0.32)),
		url("https://www.dell.com/community/assets/community/687062f5-603c-4f5f-ab9d-31aa7cacb376/Acleanbackgroundofclearbluesky-978d8596-ec5f-4a25-837f-e2a9d4f8e099-967562883.jpg") center/cover no-repeat !important;

	  background-blend-mode:normal !important;
	  mix-blend-mode:normal !important;
	  filter:none !important; -webkit-filter:none !important;
	  backdrop-filter:saturate(1.15) blur(12px) !important;
	  -webkit-backdrop-filter:saturate(1.15) blur(12px) !important;

	  /* 蝝啣?蝺????啣蔣嚗釭??銝???*/
	  border-bottom:1px solid rgba(255,255,255,.08);
	  box-shadow: 0 6px 18px rgba(0,0,0,.28);
	  isolation:isolate;
	}

	/* ???脫?撅?*/
	header.topbar::after {
	  content:"";
	  position:absolute; inset:0;
	  background: url("https://www.dell.com/community/assets/community/687062f5-603c-4f5f-ab9d-31aa7cacb376/7-029fbbb2-f804-49e2-930b-391249bb8bdb-52275186.png") repeat-x;
	  background-size: contain;
	  animation: moveClouds 60s linear infinite;
	  opacity: 0.45; /* ?批??摨?*/
	  pointer-events:none;
	  z-index:1; /* ?刻??臭?嚗?摮? */
	}

	@keyframes moveClouds {
	  from { background-position: 0 0; }
	  to   { background-position: 100% 0; }
	}

	/* ???€???惜嚗??寞?嚗?摰?瘜??踹?蝝???嚗?*/
	header.topbar .fire-tiling, .topbar .fire-tiling,
	header.topbar #leaves,      .topbar #leaves{
	  display:none !important;
	}

	/* 摮重?亙葆瘛瑁銋?銋暹楊嚗??孵???憿嚗?*/
	header.topbar *, .topbar *{ mix-blend-mode:normal !important; }

	/* 撠汗嚗???????靽?嚗??嫣???摮見撘? */
	.navbar-img{
	  position:relative; z-index:2; /* 蝣箔????券撅支???*/
	  display:flex; align-items:center; gap:28px;
	}
	.navbar-img a{
	  display:inline-flex; align-items:center; justify-content:center;
	  text-decoration:none;
	}
	.navbar-img a img{
	  height:32px; object-fit:contain; display:block;
	  filter: drop-shadow(0 1px 2px rgba(0,0,0,.9));
	  transition: transform .18s ease, filter .18s ease, opacity .18s ease;
	}
	.navbar-img a:hover img{
	  transform: translateY(-1px) scale(1.05);
	  filter:
		drop-shadow(0 0 6px rgba(56,225,255,.60))
		drop-shadow(0 0 10px rgba(106,88,255,.30))
		brightness(1.06);
	}

	/* ????舀?摮??見撘?靽??身摰? */
	.topbar a{
	  color:#eaf6ff; font-weight:800; letter-spacing:.04em;
	  text-shadow: 0 2px 0 rgba(0,0,0,.85), 0 0 6px rgba(0,0,0,.55);
	  transition: transform .18s ease, color .18s ease, text-shadow .18s ease;
	}
	.topbar a:hover{
	  color:#bff3ff;
	  text-shadow: 0 2px 0 rgba(0,0,0,.85),
			 0 0 10px rgba(56,225,255,.85),
			 0 0 18px rgba(106,88,255,.65);
	  transform: translateY(-1px);
	}

	/* ??嚗??????摩嚗?*/
	@media (max-width:767.98px){
	  .navbar-img{ gap:24px; }
	  .navbar-img a img{ display:none; }
	  .navbar-img a::after{
		content:attr(data-label);
		color:#eaf6ff; font-weight:800; font-size:18px; letter-spacing:.06em;
		text-shadow:0 2px 0 rgba(0,0,0,.9), 0 0 8px rgba(0,0,0,.5);
		transition:transform .16s ease, text-shadow .16s ease, opacity .16s ease;
	  }
	  .navbar-img a:hover::after{
		text-shadow:0 2px 0 rgba(0,0,0,.9),
			  0 0 10px rgba(56,225,255,.85),
			  0 0 16px rgba(106,88,255,.55);
		transform:translateY(-1px) scale(1.04);
	  }
	}

	/* ==================== Hero 敶梁??€ ==================== */
	.video-container{ position:relative; width:100%; margin-top:0; overflow:hidden; }
	@media (min-width:768px){
	  .video-container{
		width:100vw; height:calc(250vh - var(--topbar-h));
		margin:0; margin-left:calc(50% - 50vw); overflow:hidden;
	  }
	  .video-container video{
		position:absolute; inset:0; width:100%; height:100%;
		object-fit:cover; object-position:center; display:block;
	  }
	}
	@media (max-width:767.98px){
	  .video-container{
		width:100% !important; margin:0 !important;
		height:100dvh !important; min-height:100dvh !important;
	  }
	  .video-container video{
		width:100% !important; height:100% !important;
		object-fit:cover; object-position:center; display:block;
	  }
	}

	/* ==================== CTA嚗?頧????? ==================== */
	.cta-button{
	  position:absolute; left:50%; transform:translateX(-50%);
	  bottom:10px; z-index:1000; display:block;
	  width:clamp(200px, 42vw, 420px);
	  padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important;
	  border-radius:16px; overflow:hidden;

	  /* ???啣?嚗?賊?????*/
	  animation: cta-glow 1.6s ease-in-out infinite;
	}

	.cta-anim{ position:relative; width:100%; aspect-ratio:1/1; }
	.layer{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; will-change:transform; }
	.label{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:90%; height:auto; }

	/* ??? */
	.spin-cw{ animation:spin-cw linear infinite; }
	.spin-ccw{ animation:spin-ccw linear infinite; }
	.fast{ animation-duration:4s; } .medium{ animation-duration:6s; } .slow{ animation-duration:8s; } .slower{ animation-duration:12s; }

	@keyframes spin-cw{ to{ transform:rotate(360deg); } }
	@keyframes spin-ccw{ to{ transform:rotate(-360deg); } }

	/* ???澆???? */
	@keyframes cta-glow {
	  0%, 100% {
		filter: drop-shadow(0 0 4px rgba(30,195,255,0.6));
		transform: translateX(-50%) scale(1);
	  }
	  50% {
		filter: drop-shadow(0 0 14px rgba(30,195,255,1));
		transform: translateX(-50%) scale(1.05);
	  }
	}



	/* ==================== 頛芣嚗wiper嚗?==================== */
	.glider-contain{
	  position:relative; max-width:2400px; margin:0 auto;
	  padding:28px var(--peek); overflow:hidden;
	}
	#glider1{ --arrow-size:48px; --arrow-gap:16px; --cardw-actual:min(var(--cardw), 100%); }
	.glider-prev,.glider-next{
	  position:absolute; top:50%; transform:translateY(-50%);
	  width:48px; height:48px; background:transparent; border:0;
	  z-index:9; display:flex; align-items:center; justify-content:center; pointer-events:auto; cursor:pointer;
	}
	.glider-prev{ left:6px; } .glider-next{ right:6px; }
	.glider-prev img,.glider-next img{ width:100%; height:100%; object-fit:contain; pointer-events:none; }
	.arrow-left{ transform:rotate(180deg); }

	@media (min-width:768px){
	  .glider-prev,.glider-next{ top:50%; transform:translateY(-50%); width:var(--arrow-size); height:var(--arrow-size); left:auto; right:auto; }
	  .glider-prev{ left:calc(50% - (var(--cardw-actual)/2) - var(--arrow-gap) - var(--arrow-size)); }
	  .glider-next{ left:calc(50% + (var(--cardw-actual)/2) + var(--arrow-gap)); }
	}
	@media (max-width:767.98px){
	  .glider-prev{ left:6px; }
	  .glider-next{ right:6px; }
	}

	/* Swiper 摰孵 */
	#glider1.swiper{ width:100%; max-width:1200px; margin:0 auto; overflow:visible; }
	#glider1 .swiper-wrapper{ align-items:center; overflow:visible; }

	/* ?∠?撖?*/
	#glider1 .swiper-slide{
	  width:min(var(--cardw), 100%);
	  display:flex; align-items:center; justify-content:center;
	  position:relative; z-index:1;
	}
	#glider1 .swiper-slide-prev, #glider1 .swiper-slide-next{ z-index:3; }
	#glider1 .swiper-slide-active{ z-index:6; }

	/* ????嚗?瘨遙雿??脫蕪?∴? */
	#glider1 .swiper-slide img{
	  width:100%; height:auto; border-radius:14px; object-fit:cover; display:block;
	  box-shadow:0 10px 24px rgba(0,0,0,.35);
	  transition:transform .28s ease, filter .28s ease, opacity .28s ease;
	  transform-origin:center bottom;
	  filter:brightness(.40) saturate(.85); opacity:.82; transform:scale(.92);
	}
	#glider1 .swiper-slide-prev img, #glider1 .swiper-slide-next img{
	  filter:brightness(.52) saturate(.9); opacity:.9; transform:scale(.96);
	}
	#glider1 .swiper-slide-active img{
	  filter:none !important; opacity:1 !important; transform:scale(1.10) !important;
	}

	/* ??嚗撘菟皛?*/
	@media (max-width:767.98px){
	  .glider-contain{ padding:16px 0; }
	  #glider1 .swiper-slide{ width:100vw !important; }
	  #glider1 .swiper-slide img{
		width:100vw !important; height:auto !important;
		filter:none !important; opacity:1 !important; transform:none !important;
		transform-origin:center center !important;
	  }
	}

	/* ==================== Lightbox ==================== */
	.lightbox{ position:fixed; inset:0; display:none; place-items:center; background:rgba(0,0,0,.8); z-index:99999; padding:2vw; }
	.lightbox.open{ display:grid; }
	.lightbox img{ max-width:96vw; max-height:96vh; width:auto; height:auto; border-radius:14px; box-shadow:0 20px 60px rgba(0,0,0,.6); }

	/* ==================== ?嗡??澈 ==================== */
	.full-width-img{ width:100% }
	.full-width-img img{ width:180vw; max-width:100%; height:auto; display:block }

	.anchor-offset{ position:relative; top:-80px; visibility:hidden; height:0 }

	.hero{ position:relative; margin-top:0; }
	.hero video{ width:100%; height:auto; display:block; }

	/* ==================== Footer嚗?????蝝嚗??? ==================== */
	.landing-footer{
	  width:100%;
	  background:#1e1416; /* 雿??嚗?蝝?*/
	  padding:80px 16px 100px;
	  position:relative; overflow:hidden;
	}
	.landing-footer .wrap{
	  max-width:1500px; min-height:600px; margin:0 auto;
	  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:28px
	}
	.lf-icon{ width:108px; height:108px; border-radius:20px; object-fit:cover; box-shadow:0 6px 18px rgba(0,0,0,.35) }
	.lf-btns{ display:flex; gap:22px; flex-wrap:wrap; justify-content:center }
	.lf-legal{ max-width:760px; text-align:center; color:rgba(255,255,255,.7); line-height:1.8; font-size:14px; margin-top:10px }
	.lf-copy{ text-align:center; color:rgba(255,255,255,.65); margin-top:14px; font-size:13px }

	@media (max-width:767.98px){
	  .landing-footer{
		padding:24px 16px 32px;
	  }
	  .landing-footer .wrap{
		min-height:0;
		justify-content:flex-start;
		gap:16px;
	  }
	  .lf-legal{
		margin-top:0;
	  }
	}


/* layout fix: align mobile CTA with verified 腥傳奇 placement */
@media (max-width:767.98px){
  .video-container{
    overflow:visible !important;
  }
  #download-btn-hero.cta-button{
    display:block !important;
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:clamp(6px, 2vw, 16px) !important;
    transform:translate(-50%, 25%) !important;
    width:clamp(260px, 72vw, 360px) !important;
    z-index:20 !important;
  }
}