/* SiteLaunch — shared styles for content pages (about, contact, legal) */
:root{
  --ink:#0f2440;
  --muted:#516074;
  --blue:#1f6dff;
  --blue-d:#1559d6;
  --sky:#8ec8f5;
  --line:#dbe6f7;
  --radius:20px;
  --max:1160px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{color:var(--ink);background:#c9deff;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  display:flex;flex-direction:column;min-height:100vh}

/* cloudy sky background */
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(40% 40% at 10% 6%, rgba(31,109,255,.42), transparent 64%),
    radial-gradient(38% 40% at 92% 4%, rgba(96,168,240,.6), transparent 62%),
    radial-gradient(42% 44% at 4% 52%, rgba(96,168,240,.5), transparent 64%),
    radial-gradient(40% 44% at 96% 74%, rgba(31,109,255,.32), transparent 64%),
    radial-gradient(40% 40% at 22% 94%, rgba(96,168,240,.48), transparent 64%),
    linear-gradient(180deg,#c4dcff 0%, #dcebff 42%, #cfe1ff 72%, #d7e6ff 100%)}
body::after{content:"";position:fixed;inset:-12%;z-index:0;pointer-events:none;
  background:
    radial-gradient(24% 16% at 24% 22%, rgba(230,241,255,.8), transparent 62%),
    radial-gradient(22% 14% at 72% 30%, rgba(214,233,255,.72), transparent 62%),
    radial-gradient(24% 16% at 46% 70%, rgba(230,241,255,.64), transparent 62%),
    radial-gradient(20% 14% at 86% 60%, rgba(214,233,255,.6), transparent 62%);
  animation:drift 42s ease-in-out infinite alternate}
@keyframes drift{from{transform:translateY(0)}to{transform:translateY(-22px)}}

.wrap{position:relative;z-index:1;max-width:var(--max);margin:0 auto;padding:0 24px}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--blue-d)}

/* header */
.topbar{position:sticky;top:0;z-index:20;background:rgba(230,240,255,.72);
  backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.6)}
.topbar .inner{max-width:var(--max);margin:0 auto;padding:34px 24px 26px;display:flex;align-items:center;justify-content:center}
.topbar .btn{display:none}
.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:28px;letter-spacing:.2px;color:var(--ink)}
.logo .mark{width:42px;height:42px;flex:0 0 auto}
.logo b{color:var(--ink)} .logo span{color:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(180deg,var(--blue) 0%,var(--blue-d) 100%);
  color:#fff;font-weight:700;font-size:14px;padding:10px 16px;border-radius:999px;
  box-shadow:0 10px 26px -8px rgba(31,109,255,.6);transition:transform .15s ease}
.btn:hover{transform:translateY(-1px);color:#fff}

/* content pages — single centered column, footer pinned to bottom */
/* main.wrap beats the .wrap class on specificity so the vertical padding actually applies */
main.wrap{position:relative;z-index:1;padding:72px 24px 72px;flex:1 0 auto;display:flex;flex-direction:column}
.side{display:none}            /* sidebar removed — nav lives in the footer */
.page{display:block;margin:auto 0}   /* centers when there's room, top-aligns (with gap) when tall */
.doc{max-width:860px;margin:0 auto;
  background:
    radial-gradient(60% 30% at 100% 0%, rgba(142,200,245,.28), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(234,243,255,.86));
  backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.85);
  border-radius:var(--radius);padding:46px 48px;
  box-shadow:0 34px 64px -30px rgba(31,109,255,.5)}
.doc .eyebrow{display:none}
.doc h1{font-size:34px;line-height:1.18;font-weight:800;letter-spacing:-.5px;padding-bottom:3px;
  background:linear-gradient(92deg,#0f2440 0%,#1f6dff 70%);-webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent}
.doc .updated{color:var(--muted);font-size:13.5px;margin-top:10px}
.doc h2{font-size:21px;font-weight:800;margin:34px 0 10px;color:var(--ink)}
.doc p{color:#3c4a5e;font-size:16px;margin:13px 0}
.doc ul{margin:13px 0 13px 22px;color:#3c4a5e;font-size:16px}
.doc li{margin:7px 0}
.doc strong{color:var(--ink)}
.doc .back{display:inline-block;margin-top:30px;font-weight:700}

/* footer */
footer{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.6);margin-top:40px;padding:30px 0 46px;
  text-align:center;color:var(--muted);font-size:12.5px;background:rgba(233,242,255,.5);backdrop-filter:blur(8px)}
.legal{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:14px;font-size:12.5px}
.brandline{color:var(--muted)}
.brandline span{color:var(--blue)}

@media(min-width:880px){ .doc h1{font-size:40px} }
@media(max-width:560px){ .doc{padding:32px 24px} }