/* Chief Nest site shell: shared by about, team, faq subpages.
   Brand hues only: navy #01055e, blue #217bff, cyan #2fd4fb, deep #102dc2, mint #34eac6, violet #8138ea */
*{box-sizing:border-box}
body{margin:0; background:#01043f; color:#c5ccf2;
  font-family:"Space Grotesk",-apple-system,"Segoe UI",sans-serif; font-size:17px; line-height:1.6}
img.wmimg{height:20px; width:auto; display:block}

nav{position:fixed; inset:0 0 auto 0; z-index:50; display:flex; align-items:center; gap:12px;
  padding:18px 28px; background:linear-gradient(#01043f 60%,transparent)}
nav img.bird{height:30px; width:auto}   /* cropped glyph, so this is the real bird height */
nav .links{margin-left:auto; display:flex; gap:26px; align-items:center}
nav .links a{color:#c5ccf2; text-decoration:none; font-size:14px; font-weight:500}
nav .links a:hover{color:#fff}
nav .links a:not(.cta){position:relative}
nav .links a:not(.cta)::after{content:""; position:absolute; left:0; right:100%; bottom:-4px;
  height:2px; background:#2fd4fb; transition:right .18s ease}
nav .links a:not(.cta):hover::after{right:0}
nav a.cta{background:#217bff; color:#fff; text-decoration:none; font-weight:600;
  font-size:14px; padding:10px 20px; border-radius:100px;
  transition:transform .15s ease, filter .15s ease}
nav a.cta:hover{transform:translateY(-2px); filter:brightness(1.08)}
@media (max-width:640px){nav .links a:not(.cta){display:none}}

.page{max-width:1120px; margin:0 auto; padding:130px 24px 90px}
.k{font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:#2fd4fb}
h1{font-size:clamp(36px,5.4vw,62px); font-weight:600; letter-spacing:-.035em; line-height:1.03;
  color:#fff; margin:14px 0 18px; text-wrap:balance}
h1 em{font-style:normal; color:#2fd4fb}
.deck{font-size:18px; color:#aab4ee; max-width:56ch; margin:0}

footer{border-top:1px solid #1b2380; padding:30px 28px; display:flex; flex-wrap:wrap; gap:12px 30px;
  align-items:center; font-size:13px; color:#7076ab; max-width:1120px; margin:0 auto}
footer .tag{margin-left:auto}
footer a{color:#7076ab; text-decoration:none}
footer a:hover{color:#c5ccf2}
footer .legal{flex-basis:100%; font-size:12.5px; color:#5c6396}
footer .legal a{color:#7076ab}
/* Phone: stack the footer in one left-aligned column. The auto margin that pushes
   the tagline right on desktop leaves it stranded mid-row once things wrap. */
@media (max-width:760px){
  footer{flex-direction:column; align-items:flex-start; gap:10px; padding:28px 22px 34px;
    text-align:left}
  footer .tag{margin-left:0}
  footer .legal{flex-basis:auto; line-height:1.65}
}

/* texture: film grain + top glow */
body::after{content:""; position:fixed; inset:0; pointer-events:none; z-index:90; opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}
.page{position:relative}
body{position:relative}
body::before{content:""; position:absolute; inset:0 0 auto 0; height:620px; pointer-events:none; z-index:-1;
  background:radial-gradient(700px 360px at 72% 0, rgba(16,45,194,.18), rgba(16,45,194,.08) 40%, transparent 75%)}
.page>*{position:relative}

:focus-visible{outline:2px solid #2fd4fb; outline-offset:3px; border-radius:4px}
@media (prefers-reduced-motion:reduce){*{transition:none!important; animation:none!important}}

/* long-form content (privacy, terms, fallback pages) */
.doc{max-width:72ch; margin-top:40px}
.doc h2{font-size:22px; font-weight:600; color:#fff; letter-spacing:-.02em; margin:38px 0 10px}
.doc p{color:#aab4ee; font-size:16.5px; margin:0 0 14px}
.doc ul{list-style:none; margin:0 0 16px; padding:0; display:flex; flex-direction:column; gap:8px; color:#aab4ee; font-size:16px}
.doc li{padding-left:22px; position:relative}
.doc li::before{content:""; position:absolute; left:0; top:.55em; width:9px; height:8px; background:#217bff;
  -webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 85'%3E%3Cpath d='M0 0H100V28H28V85H0Z'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 85'%3E%3Cpath d='M0 0H100V28H28V85H0Z'/%3E%3C/svg%3E") no-repeat center/contain}
.doc a{color:#5c9bff; text-decoration:none}
.doc a:hover{text-decoration:underline}
.updated{font-size:13px; color:#5c6396; margin-top:14px}