.page-disclaimer .notice-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(20px,4vw,36px) 0 clamp(34px,6vw,72px);
  color:var(--paper);
  background:
    radial-gradient(circle at 84% 16%,rgba(0,217,245,.26),transparent 44%),
    radial-gradient(circle at 10% 92%,rgba(255,91,61,.16),transparent 46%),
    linear-gradient(142deg,var(--navy) 0%,var(--midnight) 58%,var(--navy) 100%);
}
.page-disclaimer .notice-hero::before{
  content:"";
  position:absolute;
  left:38%;
  right:-14%;
  bottom:-42%;
  height:78%;
  transform:rotate(-12deg);
  background:linear-gradient(90deg,transparent,rgba(0,217,245,.14) 46%,rgba(168,246,255,.05));
  pointer-events:none;
}
.page-disclaimer .notice-hero__inner{position:relative;z-index:1}

.page-disclaimer .notice-crumb{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 clamp(20px,3.4vw,34px);
  padding:0;
  list-style:none;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--mist);
}
.page-disclaimer .notice-crumb li{display:flex;align-items:center;gap:6px}
.page-disclaimer .notice-crumb li + li::before{content:"/";color:rgba(143,163,191,.6)}
.page-disclaimer .notice-crumb a{color:var(--ice);text-decoration:none;border-bottom:1px solid transparent}
.page-disclaimer .notice-crumb a:hover,
.page-disclaimer .notice-crumb a:focus-visible{border-bottom-color:var(--cyan)}

.page-disclaimer .notice-hero__grid{
  display:grid;
  gap:clamp(26px,4vw,48px);
  align-items:end;
}
.page-disclaimer .notice-kicker{
  display:inline-block;
  margin:0 0 16px;
  padding-left:12px;
  border-left:3px solid var(--orange);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--ice);
}
.page-disclaimer h1{
  margin:0 0 18px;
  max-width:22ch;
  font-family:var(--font-display);
  font-weight:200;
  font-size:clamp(34px,6.4vw,66px);
  line-height:1.04;
  letter-spacing:-.01em;
  color:var(--paper);
}
.page-disclaimer .notice-lede{
  margin:0;
  max-width:34em;
  font-size:clamp(16px,1.6vw,18px);
  line-height:1.85;
  color:var(--text-soft);
}
.page-disclaimer .notice-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.page-disclaimer .notice-hero__figure{
  margin:0;
  overflow:hidden;
  border:1px solid rgba(168,246,255,.22);
  border-radius:var(--radius);
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
  background:var(--midnight);
}
.page-disclaimer .notice-hero__figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
}
.page-disclaimer .notice-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:clamp(26px,4vw,40px) 0 0;
  padding:0;
  list-style:none;
}
.page-disclaimer .notice-hero__meta li{
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 14px;
  border:1px solid var(--line-dark);
  border-radius:999px;
  font-size:13px;
  color:var(--text-soft);
}
.page-disclaimer .notice-hero__meta span{
  font-family:var(--font-mono);
  font-size:13px;
  color:var(--cyan);
}

.page-disclaimer .notice-body{
  padding:clamp(30px,5vw,64px) 0 clamp(40px,6vw,84px);
  background:var(--paper);
}
.page-disclaimer .notice-layout{
  display:grid;
  gap:clamp(26px,4vw,52px);
  grid-template-areas:"toc" "body";
}

.page-disclaimer .clause-toc{
  grid-area:toc;
  padding:18px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--paper-blue);
}
.page-disclaimer .clause-toc__title{
  margin:0 0 12px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.12em;
  color:var(--cyan-deep);
}
.page-disclaimer .clause-toc ol{
  display:grid;
  gap:2px;
  margin:0;
  padding:0;
  list-style:none;
}
.page-disclaimer .clause-toc a{
  display:flex;
  align-items:baseline;
  gap:10px;
  min-height:44px;
  padding:9px 8px;
  border-radius:var(--radius-sm);
  font-size:14px;
  line-height:1.5;
  color:var(--ink);
  text-decoration:none;
  transition:background-color .2s var(--ease),color .2s var(--ease);
}
.page-disclaimer .clause-toc a span{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.04em;
  color:var(--cyan-deep);
}
.page-disclaimer .clause-toc a:hover,
.page-disclaimer .clause-toc a:focus-visible{
  background:#fff;
  color:var(--navy);
}
.page-disclaimer .clause-toc a:hover span,
.page-disclaimer .clause-toc a:focus-visible span{color:var(--orange)}

.page-disclaimer .notice-main{
  grid-area:body;
  max-width:700px;
}
.page-disclaimer .clause{
  padding-block:clamp(18px,2.6vw,30px);
}
.page-disclaimer .clause + .clause::before{
  content:"";
  display:block;
  width:88px;
  height:3px;
  margin-bottom:clamp(18px,2.6vw,28px);
  transform:skewX(-30deg);
  background:linear-gradient(90deg,var(--cyan),var(--orange));
}
.page-disclaimer .clause__head{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin-bottom:14px;
}
.page-disclaimer .clause__num{
  flex:none;
  padding:2px 8px;
  border:1px solid rgba(255,91,61,.42);
  border-radius:999px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--orange);
}
.page-disclaimer .clause h2{
  margin:0;
  font-family:var(--font-display);
  font-weight:500;
  font-size:clamp(21px,3vw,29px);
  line-height:1.25;
  color:var(--navy);
}
.page-disclaimer .clause__body p{
  margin:0 0 14px;
  font-size:17px;
  line-height:1.85;
  color:var(--ink);
}
.page-disclaimer .clause__body p:last-child{margin-bottom:0}
.page-disclaimer .inline-link{
  color:var(--cyan-deep);
  text-decoration:none;
  border-bottom:1px solid rgba(10,124,146,.35);
}
.page-disclaimer .inline-link:hover,
.page-disclaimer .inline-link:focus-visible{border-bottom-color:var(--orange)}

.page-disclaimer .clause-note{
  padding:14px 16px;
  border-left:3px solid var(--orange);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  background:var(--paper-blue);
  font-size:15px !important;
  line-height:1.75 !important;
}

.page-disclaimer .cycle{
  display:grid;
  gap:10px;
  grid-template-columns:1fr;
  margin:18px 0 20px;
}
.page-disclaimer .cycle div{
  padding:13px 15px;
  border-radius:var(--radius-sm);
  background:linear-gradient(160deg,var(--paper-blue),#eef4fb);
  border:1px solid var(--line);
}
.page-disclaimer .cycle strong{
  display:block;
  margin-bottom:5px;
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:500;
  letter-spacing:.1em;
  color:var(--cyan-deep);
}
.page-disclaimer .cycle span{
  font-size:14px;
  line-height:1.65;
  color:var(--ink);
}

.page-disclaimer .devices{
  display:grid;
  gap:12px;
  grid-template-columns:1fr;
  margin:18px 0 20px;
}
.page-disclaimer .devices article{
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
}
.page-disclaimer .devices h3{
  margin:0 0 6px;
  font-family:var(--font-display);
  font-size:15px;
  font-weight:500;
  letter-spacing:.02em;
  color:var(--navy);
}
.page-disclaimer .devices p{
  margin:0;
  font-size:14px !important;
  line-height:1.7 !important;
  color:var(--ink);
}

.page-disclaimer .clause--reach{
  position:relative;
  overflow:hidden;
  margin-top:clamp(18px,3vw,30px);
  padding:clamp(20px,3.2vw,34px);
  border-radius:var(--radius);
  background:
    radial-gradient(circle at 92% 8%,rgba(0,217,245,.28),transparent 48%),
    linear-gradient(150deg,var(--navy),var(--midnight));
}
.page-disclaimer .clause--reach::before{display:none}
.page-disclaimer .clause--reach h2{color:var(--paper)}
.page-disclaimer .clause--reach .clause__num{
  border-color:rgba(255,91,61,.7);
  color:var(--coral);
}
.page-disclaimer .clause--reach .clause__body p{
  color:var(--text-soft);
  font-size:16px;
}
.page-disclaimer .reach__mail{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:6px 16px;
  margin-top:20px !important;
}
.page-disclaimer .reach__mail a{
  font-family:var(--font-mono);
  font-size:clamp(15px,2vw,19px);
  color:var(--ice);
  text-decoration:none;
  border-bottom:1px solid rgba(168,246,255,.4);
  word-break:break-all;
}
.page-disclaimer .reach__mail a:hover,
.page-disclaimer .reach__mail a:focus-visible{
  color:#fff;
  border-bottom-color:var(--orange);
}
.page-disclaimer .reach__mail span{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--mist);
}
.page-disclaimer .reach__links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px;
}

.page-disclaimer .also{
  display:grid;
  gap:14px;
  margin-top:clamp(30px,5vw,56px);
  padding-top:clamp(20px,3vw,30px);
  border-top:1px solid var(--line);
}
.page-disclaimer .also__title{
  margin:0;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.12em;
  color:var(--cyan-deep);
}
.page-disclaimer .also__list{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.page-disclaimer .also__list a{
  display:block;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  font-size:14px;
  line-height:1.65;
  color:var(--ink);
  text-decoration:none;
  background:var(--paper-blue);
  transition:transform .2s var(--ease),border-color .2s var(--ease);
}
.page-disclaimer .also__list a:hover,
.page-disclaimer .also__list a:focus-visible{
  transform:translateY(-2px);
  border-color:var(--cyan);
}
.page-disclaimer .also__list span{
  display:block;
  margin-bottom:2px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--cyan-deep);
}
.page-disclaimer .also__top{
  justify-self:start;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--orange);
  text-decoration:none;
  border-bottom:1px solid rgba(255,91,61,.4);
  padding-bottom:2px;
}

@media (min-width:600px){
  .page-disclaimer .cycle{grid-template-columns:repeat(3,1fr)}
  .page-disclaimer .devices{grid-template-columns:repeat(3,1fr)}
  .page-disclaimer .also__list{grid-template-columns:repeat(3,1fr)}
}

@media (min-width:900px){
  .page-disclaimer .notice-hero__grid{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  }
}

@media (min-width:960px){
  .page-disclaimer .notice-layout{
    grid-template-columns:minmax(0,1fr) 226px;
    grid-template-areas:"body toc";
    align-items:start;
  }
  .page-disclaimer .clause-toc{
    position:sticky;
    top:92px;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-disclaimer .clause-toc a,
  .page-disclaimer .also__list a{transition:none}
  .page-disclaimer .also__list a:hover{transform:none}
}
