.terms-page { min-height: 70vh; }
.terms-hero { position: relative; overflow: hidden; padding: 92px 0 82px;
  background: linear-gradient(180deg, var(--sky-tint), var(--bg)); border-bottom: 1px solid var(--line); }
.terms-hero-in { position: relative; z-index: 1; text-align: center; }
.terms-hero .eyebrow { display: inline-block; margin-bottom: 18px; }
.terms-hero h1 { max-width: 920px; margin: 0 auto 18px; color: var(--ink); font-family: 'Unbounded', sans-serif;
  font-size: clamp(34px, 5vw, 62px); font-weight: 500; line-height: 1.08; letter-spacing: -.03em; }
.terms-hero p { max-width: 650px; margin: 0 auto; color: var(--muted); font-size: 17px; }
.terms-date { display: inline-flex; margin-top: 24px; padding: 7px 13px; color: var(--sky-deep);
  background: rgba(255,255,255,.8); border: 1px solid var(--sky-soft); border-radius: 999px;
  font-size: 12px; font-weight: 700; }
.terms-orb { position: absolute; border-radius: 50%; filter: blur(12px); opacity: .7; pointer-events: none; }
.terms-orb.one { width: 270px; height: 270px; top: -110px; right: 8%;
  background: radial-gradient(circle, rgba(98,192,255,.5), transparent 68%); }
.terms-orb.two { width: 220px; height: 220px; bottom: -110px; left: 6%;
  background: radial-gradient(circle, rgba(127,227,255,.45), transparent 68%); }

.terms-layout { display: grid; grid-template-columns: 230px minmax(0, 760px); justify-content: center;
  gap: 52px; padding-top: 72px; padding-bottom: 96px; }
.terms-nav { position: sticky; top: 98px; align-self: start; display: flex; flex-direction: column;
  gap: 3px; padding: 18px; background: var(--tint); border: 1px solid var(--line); border-radius: 18px; }
.terms-nav strong { margin: 0 10px 10px; color: var(--ink); font-family: 'Unbounded', sans-serif; font-size: 13px; }
.terms-nav a { padding: 9px 10px; border-radius: 10px; color: var(--muted); font-size: 13px; font-weight: 600;
  transition: color .2s, background .2s; }
.terms-nav a:hover { color: var(--sky-deep); background: #fff; }
.terms-doc { min-width: 0; }
.terms-highlight { margin-bottom: 42px; padding: 26px 28px; background: linear-gradient(135deg, var(--sky-tint), #fff);
  border: 1px solid var(--sky-soft); border-radius: 20px; box-shadow: var(--shadow-sm); }
.terms-highlight span { display: inline-block; margin-bottom: 8px; color: var(--sky-deep); font-size: 11px;
  font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.terms-highlight p { color: var(--ink); font-size: 15px; font-weight: 650; line-height: 1.75; }
.terms-doc section { scroll-margin-top: 100px; padding: 0 0 34px; margin-bottom: 34px; border-bottom: 1px solid var(--line); }
.terms-doc section:last-child { border-bottom: 0; margin-bottom: 0; }
.terms-doc h2 { margin-bottom: 14px; color: var(--ink); font-family: 'Unbounded', sans-serif;
  font-size: 20px; font-weight: 550; letter-spacing: -.01em; }
.terms-doc p { color: var(--text); font-size: 14px; line-height: 1.85; }
.terms-doc p + p { margin-top: 14px; }
.terms-contact { margin-top: 20px; }

@media (max-width: 940px) {
  .terms-hero { padding: 72px 0 62px; }
  .terms-layout { grid-template-columns: 1fr; gap: 28px; padding-top: 48px; }
  .terms-nav { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .terms-nav strong { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .terms-hero { padding: 54px 0 48px; }
  .terms-hero p { font-size: 15px; }
  .terms-layout { padding-top: 34px; padding-bottom: 64px; }
  .terms-nav { grid-template-columns: 1fr; }
  .terms-highlight { padding: 22px 20px; margin-bottom: 34px; }
  .terms-doc h2 { font-size: 18px; }
}