/* GWATCH EXTRA EXPERIENCE V2 */
:root{--glow:rgba(216,182,91,.24);--cyan:rgba(92,188,255,.22)}
body:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 72%);
}
body:after{
  content:"";position:fixed;width:340px;height:340px;border-radius:50%;
  left:var(--mx,75%);top:var(--my,25%);transform:translate(-50%,-50%);
  pointer-events:none;z-index:-1;filter:blur(10px);
  background:radial-gradient(circle,rgba(216,182,91,.10),transparent 70%);
  transition:left .15s linear,top .15s linear;
}
.gw-header{box-shadow:0 12px 45px rgba(0,0,0,.22)}
.gw-header:after{content:"";position:absolute;left:0;bottom:-1px;width:var(--scroll-progress,0%);height:1px;background:linear-gradient(90deg,var(--gold),#fff)}
.hero{min-height:82vh}
.hero-inner:after{
  content:"";position:absolute;right:4%;top:5%;width:120px;height:120px;border:1px solid rgba(216,182,91,.12);
  border-radius:28px;transform:rotate(18deg);animation:extraShape 10s ease-in-out infinite alternate;z-index:-1
}
.hero-card{position:relative;overflow:hidden;transform-style:preserve-3d}
.hero-card:before{
  content:"";position:absolute;inset:-80%;background:conic-gradient(from 0deg,transparent,rgba(216,182,91,.16),transparent 18%);
  animation:sweep 9s linear infinite
}
.hero-card>*{position:relative;z-index:2}
.hero-card:after{
  content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-35px;top:-35px;
  background:radial-gradient(circle,rgba(216,182,91,.18),transparent 70%)
}
.card{position:relative;overflow:hidden}
.card:before{
  content:"";position:absolute;left:-100%;top:0;width:70%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);
  transform:skewX(-18deg);transition:left .7s ease
}
.card:hover:before{left:150%}
.card:hover{box-shadow:0 28px 80px rgba(0,0,0,.32),0 0 40px rgba(216,182,91,.05)}
.card h3{transition:transform .3s ease}.card:hover h3{transform:translateX(4px)}
.policy{position:relative;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.policy:before{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(216,182,91,.12),transparent 70%)}
.article section{
  padding:25px 26px;margin-bottom:14px;border:1px solid rgba(255,255,255,.06);
  border-radius:16px;background:linear-gradient(145deg,rgba(15,22,33,.72),rgba(8,13,20,.55));
  transition:transform .3s,border-color .3s,background .3s
}
.article section:hover{transform:translateX(5px);border-color:rgba(216,182,91,.22);background:linear-gradient(145deg,#111a28,#090e16)}
.article section h2{display:flex;align-items:center;gap:10px}
.article section h2:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--glow)}
.toc a{position:relative;overflow:hidden}.toc a:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--gold);transition:width .3s}.toc a:hover:after{width:100%}
.contact-card{position:relative;overflow:hidden;transition:.35s}.contact-card:hover{transform:translateY(-7px);border-color:rgba(216,182,91,.3)}
.contact-card:after{content:"↗";position:absolute;right:18px;top:18px;color:var(--gold);opacity:.5;font-size:18px}
.notice{box-shadow:0 20px 60px rgba(0,0,0,.16)}
.extra-marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080d15;padding:12px 0}
.extra-marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}
.extra-marquee-track span{font-size:9px;font-weight:900;letter-spacing:.18em;color:#7f8997;padding:0 28px;white-space:nowrap}
.extra-marquee-track b{color:var(--gold)}
.extra-cursor-dot{position:fixed;width:8px;height:8px;border-radius:50%;background:var(--gold);z-index:9999;pointer-events:none;opacity:0;transform:translate(-50%,-50%);box-shadow:0 0 20px var(--glow)}
.extra-top{position:fixed;right:18px;bottom:18px;z-index:80;width:42px;height:42px;border:1px solid #364151;border-radius:50%;background:rgba(12,18,27,.88);color:#fff;backdrop-filter:blur(12px);cursor:pointer;opacity:0;transform:translateY(12px);transition:.3s}
.extra-top.show{opacity:1;transform:none}
@keyframes sweep{to{transform:rotate(360deg)}}@keyframes extraShape{to{transform:rotate(45deg) translateY(18px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:700px){.extra-cursor-dot{display:none}.hero{min-height:70vh}.article section{padding:20px 18px}.extra-marquee-track span{padding:0 18px}}