
@font-face{
  font-family:"ZT Gatha";
  src:local("ZT Gatha SemiBold"),local("ZT Gatha"),
      url("assets/fonts/ZTGatha-SemiBold.ttf") format("truetype");
  font-weight:600;font-style:normal;font-display:swap;
}
:root{
  --black:#050506;
  --paper:#f5f3ee;
  --ink:#0a0a0c;
  --red:#f54857;
  --violet:#6357ff;
  --green:#08bd8d;
  --cyan:#11b9e7;
  --policy-accent:var(--violet);
  --display:"ZT Gatha","Arial Black","Helvetica Neue",Arial,sans-serif;
  --body:"ZT Gatha","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.6}
body.privacy-menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
::selection{background:var(--violet);color:#fff}

.privacy-header{position:sticky;z-index:40;top:0;height:80px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(5,5,6,.96);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px)}
.privacy-lockup img{width:clamp(260px,27vw,365px);max-height:46px;object-fit:contain;object-position:left}
.privacy-nav{display:flex;align-items:center;gap:23px;color:#fff;font-size:12px}
.privacy-nav a{color:rgba(255,255,255,.62)}
.privacy-nav a:hover,.privacy-nav a[aria-current="page"]{color:#fff}
.privacy-back{padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px}
.privacy-menu-button{display:none;width:42px;height:42px;border:0;background:none;color:#fff}
.privacy-menu-button span{display:block;height:2px;margin:6px;background:#fff;transition:.25s}
.privacy-menu-button[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.privacy-menu-button[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.privacy-mobile-menu{position:fixed;z-index:35;inset:80px 0 0;padding:28px 6vw 42px;display:flex;flex-direction:column;background:var(--black);color:#fff;opacity:0;visibility:hidden;pointer-events:none;transition:.3s}
.privacy-mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}
.privacy-mobile-menu a{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.13);font-size:31px}
.privacy-mobile-menu .privacy-back{margin-top:auto;align-self:flex-start;font-size:12px}

.privacy-hero,.policy-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--black);color:#fff}
.privacy-hero{min-height:610px;padding:100px 6vw 82px;display:flex;align-items:flex-end}
.privacy-hero__copy{position:relative;z-index:2;max-width:950px}
.privacy-hero__logo{width:clamp(420px,49vw,700px);margin-bottom:42px}
.privacy-hero h1{margin:0 0 20px;font-size:clamp(58px,8vw,125px);line-height:.84;letter-spacing:-.06em}
.privacy-hero p{max-width:620px;margin:0;color:rgba(255,255,255,.62);font-size:17px}

.privacy-index{padding:100px 6vw 115px}
.privacy-index__intro{display:grid;grid-template-columns:.35fr 1.65fr;gap:6vw;margin-bottom:62px}
.privacy-index__intro span{font-size:12px;color:rgba(10,10,12,.46)}
.privacy-index__intro h2{max-width:980px;margin:0;font-size:clamp(43px,6vw,92px);line-height:.9;letter-spacing:-.05em}
.policy-list{border-top:1px solid rgba(10,10,12,.18)}
.policy-row{--row-accent:var(--violet);position:relative;display:grid;grid-template-columns:.8fr 1.2fr auto;gap:5vw;align-items:center;padding:30px 0;border-bottom:1px solid rgba(10,10,12,.18);transition:padding .3s,background .3s}
.policy-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--row-accent);opacity:0;transform:scaleY(.2);transition:.3s}
.policy-row:hover{padding-left:22px;background:linear-gradient(90deg,color-mix(in srgb,var(--row-accent) 8%,transparent),transparent 60%)}
.policy-row:hover::before{opacity:1;transform:scaleY(1)}
.policy-row--red{--row-accent:var(--red)}.policy-row--violet{--row-accent:var(--violet)}.policy-row--green{--row-accent:var(--green)}.policy-row--cyan{--row-accent:var(--cyan)}
.policy-row__title{font-size:clamp(24px,3vw,42px);line-height:1}
.policy-row__desc{color:rgba(10,10,12,.62);font-size:14px}
.policy-row__arrow{font-size:20px}

.privacy-request{padding:85px 6vw;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end;background:var(--black);color:#fff}
.privacy-request span{font-size:12px;color:rgba(255,255,255,.48)}
.privacy-request h2{max-width:900px;margin:23px 0 0;font-size:clamp(42px,6vw,88px);line-height:.9;letter-spacing:-.05em}
.privacy-request>a{justify-self:end;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.45);font-size:12px}

.policy-hero{min-height:500px;padding:100px 6vw 72px;display:flex;align-items:flex-end}
.policy-hero>div:not(.liquid-butterfly){position:relative;z-index:2;max-width:1050px}
.policy-hero span{font-size:11px;color:rgba(255,255,255,.48)}
.policy-hero h1{margin:45px 0 20px;font-size:clamp(60px,9vw,140px);line-height:.82;letter-spacing:-.065em}
.policy-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.62);font-size:17px}
.policy-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:7vw;padding:75px 6vw 115px}
.policy-toc{position:sticky;top:108px;align-self:start}
.policy-toc>span{display:block;margin-bottom:16px;color:rgba(10,10,12,.42);font-size:11px}
.policy-toc a{display:block;padding:9px 0;border-top:1px solid rgba(10,10,12,.13);font-size:12px}
.policy-toc a:hover{color:var(--policy-accent)}
.policy-document{max-width:900px}
.policy-note{margin-bottom:45px;padding:18px 20px;border-left:4px solid var(--policy-accent);background:#fff;color:rgba(10,10,12,.64);font-size:13px}
.policy-document>section{scroll-margin-top:110px;padding-bottom:44px;margin-bottom:44px;border-bottom:1px solid rgba(10,10,12,.15)}
.policy-document>section>span{font-size:11px;color:var(--policy-accent)}
.policy-document h2{margin:13px 0 18px;font-size:clamp(31px,4vw,54px);line-height:.98;letter-spacing:-.035em}
.policy-document h3{margin:29px 0 9px;font-size:22px}
.policy-document p,.policy-document li{color:rgba(10,10,12,.67)}
.policy-document ul{padding-left:18px}
.policy-contact{padding:30px;background:var(--black);color:#fff;border-bottom:5px solid var(--policy-accent)}
.policy-contact h2{margin:0 0 13px;font-size:38px}
.policy-contact p{color:rgba(255,255,255,.6)}
.policy-contact a{display:inline-block;margin-top:10px;border-bottom:1px solid var(--policy-accent)}

.liquid-butterfly{position:absolute;z-index:1;top:50%;right:-8vw;width:min(64vw,900px);aspect-ratio:1;transform:translateY(-50%);pointer-events:none;opacity:0;transition:opacity 1.1s,transform 1.3s}
.liquid-butterfly--left{right:auto;left:-15vw}
[data-glass].glass-visible .liquid-butterfly{opacity:.66;transform:translateY(-50%) scale(1.02)}
.liquid-butterfly__color,.liquid-butterfly__glass,.liquid-butterfly__light{position:absolute;inset:0;mask:url("assets/hvn-butterfly-color.png") center/contain no-repeat;-webkit-mask:url("assets/hvn-butterfly-color.png") center/contain no-repeat}
.liquid-butterfly__color{background:radial-gradient(circle at 20% 20%,rgba(245,72,87,.86),transparent 30%),radial-gradient(circle at 80% 20%,rgba(99,87,255,.88),transparent 30%),radial-gradient(circle at 25% 80%,rgba(8,189,141,.78),transparent 30%),radial-gradient(circle at 80% 80%,rgba(17,185,231,.84),transparent 30%);filter:blur(25px);opacity:.43}
.liquid-butterfly__glass{background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(255,255,255,.08) 28%,rgba(255,255,255,.03) 52%,rgba(255,255,255,.22) 76%,rgba(255,255,255,.06));backdrop-filter:blur(18px) saturate(1.55);-webkit-backdrop-filter:blur(18px) saturate(1.55)}
.liquid-butterfly__light{background:linear-gradient(112deg,transparent 25%,rgba(255,255,255,.78) 43%,rgba(255,255,255,.07) 55%,transparent 70%);background-size:220% 100%;background-position:-140% 0;mix-blend-mode:screen;animation:privacySweep 8s ease-in-out infinite}
.liquid-butterfly>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.27;filter:drop-shadow(0 0 2px rgba(255,255,255,.9)) drop-shadow(0 0 30px rgba(99,87,255,.22))}
@keyframes privacySweep{0%,58%{background-position:-140% 0}80%,100%{background-position:150% 0}}

.privacy-footer{padding:58px 6vw 26px;background:var(--black);color:#fff;border-top:1px solid rgba(255,255,255,.12)}
.privacy-footer>img{width:clamp(280px,31vw,410px)}
.privacy-footer nav{display:flex;flex-wrap:wrap;gap:18px;margin-top:35px;color:rgba(255,255,255,.6);font-size:11px}
.privacy-footer nav a:hover{color:#fff}
.privacy-footer>div{margin-top:42px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;color:rgba(255,255,255,.36);font-size:10px}

@media(max-width:900px){
  .privacy-nav{display:none}
  .privacy-menu-button{display:block}
  .privacy-index__intro,.privacy-request,.policy-layout{grid-template-columns:1fr}
  .privacy-request>a{justify-self:start}
  .policy-toc{position:relative;top:auto}
}
@media(max-width:650px){
  .privacy-header{height:70px;padding:0 5.5vw}
  .privacy-lockup img{width:220px;max-height:34px}
  .privacy-mobile-menu{inset:70px 0 0}
  .privacy-hero,.policy-hero{min-height:560px;padding:80px 5.5vw 60px}
  .privacy-hero__logo{width:min(88vw,490px);margin-bottom:34px}
  .privacy-hero h1{font-size:16vw}
  .privacy-index,.policy-layout{padding:75px 5.5vw 90px}
  .privacy-index__intro h2{font-size:13vw}
  .policy-row{grid-template-columns:1fr auto;gap:15px}
  .policy-row__desc{grid-column:1/-1}
  .privacy-request{padding:72px 5.5vw}
  .privacy-request h2{font-size:13vw}
  .policy-hero h1{font-size:16vw}
  .liquid-butterfly{width:min(110vw,600px);right:-48vw}
  [data-glass].glass-visible .liquid-butterfly{opacity:.42}
  .privacy-footer{padding:50px 5.5vw 24px}
  .privacy-footer>img{width:260px}
  .privacy-footer>div{flex-direction:column;gap:6px}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* v10 privacy — more color, still calm */
@font-face{
  font-family:"ZT Gatha";
  src:local("ZT Gatha SemiBold"),local("ZT Gatha"),
      url("assets/fonts/ZTGatha-SemiBold.ttf") format("truetype");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
.page-color-rail{
  position:fixed;
  z-index:80;
  left:0;top:0;bottom:0;width:4px;
  display:grid;grid-template-rows:repeat(4,1fr);
  pointer-events:none;
}
.page-color-rail span:nth-child(1){background:var(--red)}
.page-color-rail span:nth-child(2){background:var(--violet)}
.page-color-rail span:nth-child(3){background:var(--green)}
.page-color-rail span:nth-child(4){background:var(--cyan)}
.page-color-rail::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to bottom,transparent,rgba(255,255,255,.92),transparent);
  transform:translateY(-120%);
  animation:privacyRailSweep 7s ease-in-out infinite;
}
@keyframes privacyRailSweep{0%,62%{transform:translateY(-120%)}82%,100%{transform:translateY(120%)}}

.privacy-header{
  box-shadow:0 14px 42px rgba(0,0,0,.24);
}
.privacy-header::after{
  content:"";
  position:absolute;left:4vw;right:4vw;bottom:0;height:1px;
  background:linear-gradient(90deg,var(--red),var(--violet),var(--green),var(--cyan));
  opacity:.5;
}
.privacy-hero{
  background:
    radial-gradient(circle at 10% 20%,rgba(245,72,87,.11),transparent 25%),
    radial-gradient(circle at 90% 20%,rgba(99,87,255,.12),transparent 27%),
    radial-gradient(circle at 18% 90%,rgba(8,189,141,.08),transparent 27%),
    radial-gradient(circle at 86% 90%,rgba(17,185,231,.10),transparent 26%),
    var(--black);
}
.privacy-hero__logo{
  filter:drop-shadow(0 0 30px rgba(255,255,255,.06));
}
.privacy-hero h1{
  color:transparent;
  background:linear-gradient(90deg,#fff 0 30%,var(--red) 45%,var(--violet) 60%,var(--green) 76%,var(--cyan));
  -webkit-background-clip:text;
  background-clip:text;
}
.privacy-index--colorwash{
  background:
    radial-gradient(circle at 8% 10%,rgba(245,72,87,.10),transparent 25%),
    radial-gradient(circle at 92% 10%,rgba(99,87,255,.09),transparent 27%),
    radial-gradient(circle at 22% 100%,rgba(8,189,141,.08),transparent 26%),
    radial-gradient(circle at 82% 100%,rgba(17,185,231,.09),transparent 26%),
    var(--paper);
}
.policy-row{
  transition:padding .3s,background .3s,transform .3s;
}
.policy-row:hover{
  transform:translateX(5px);
}
.policy-row__title{
  transition:color .3s;
}
.policy-row:hover .policy-row__title{color:var(--row-accent)}
.privacy-request--gradient{
  background:
    radial-gradient(circle at 15% 80%,rgba(245,72,87,.15),transparent 28%),
    radial-gradient(circle at 45% 100%,rgba(99,87,255,.16),transparent 29%),
    radial-gradient(circle at 75% 100%,rgba(8,189,141,.13),transparent 28%),
    radial-gradient(circle at 100% 85%,rgba(17,185,231,.14),transparent 28%),
    var(--black);
}
.privacy-request>a{
  position:relative;
}
.privacy-request>a::after{
  content:"";
  position:absolute;left:0;right:0;bottom:-5px;height:2px;
  background:linear-gradient(90deg,var(--red),var(--violet),var(--green),var(--cyan));
  transform:scaleX(.35);transform-origin:left;transition:.3s;
}
.privacy-request>a:hover::after{transform:scaleX(1)}
.policy-hero{
  background:
    radial-gradient(circle at 12% 18%,rgba(245,72,87,.10),transparent 25%),
    radial-gradient(circle at 88% 18%,rgba(99,87,255,.11),transparent 27%),
    radial-gradient(circle at 15% 92%,rgba(8,189,141,.08),transparent 27%),
    radial-gradient(circle at 86% 90%,rgba(17,185,231,.09),transparent 25%),
    var(--black);
}
.policy-document>section{
  position:relative;
  transition:padding .3s,background .3s;
}
.policy-document>section::before{
  content:"";
  position:absolute;left:0;top:0;bottom:44px;width:3px;
  background:linear-gradient(var(--red),var(--violet),var(--green),var(--cyan));
  opacity:0;transform:scaleY(.2);transition:.3s;
}
.policy-document>section:hover{
  padding-left:18px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--policy-accent) 6%,transparent),transparent 75%);
}
.policy-document>section:hover::before{opacity:1;transform:scaleY(1)}

.text-animate{
  opacity:0;
  transform:translateY(28px);
  filter:blur(7px);
}
.text-animate.is-text-visible{
  animation:privacyTextReveal .9s cubic-bezier(.16,.82,.2,1) both;
}
@keyframes privacyTextReveal{
  to{opacity:1;transform:none;filter:none}
}

@media(max-width:650px){
  .page-color-rail{width:3px}
}
@media(prefers-reduced-motion:reduce){
  .page-color-rail::after{animation:none!important}
  .text-animate{opacity:1!important;transform:none!important;filter:none!important}
}
