/* Paras Labs — shared site styles */

:root{
  --violet:#6C4CE0; --cyan:#22D3EE; --coral:#FF6B6B;
  --bg:#FFFFFF; --bg-2:#F6F5FB; --panel:#FFFFFF;
  --ink:#12101B; --ink-2:#524E63; --ink-3:#8A869B;
  --rule:#E9E7F3; --rule-2:#F1F0F8;
  --shadow:0 1px 2px rgba(18,16,27,.04),0 10px 30px -16px rgba(18,16,27,.18);
  --shadow-lg:0 2px 6px rgba(18,16,27,.06),0 30px 60px -28px rgba(108,76,224,.35);
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#0B0A12; --bg-2:#111020; --panel:#15132399;
    --ink:#F1EFFA; --ink-2:#ADA9C4; --ink-3:#7C7893;
    --rule:#26233A; --rule-2:#1C1A2C;
    --shadow:0 1px 2px rgba(0,0,0,.5),0 10px 30px -16px rgba(0,0,0,.8);
    --shadow-lg:0 2px 6px rgba(0,0,0,.5),0 30px 60px -28px rgba(108,76,224,.5);
  }
  .panel{background:#15132a}
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);
     font:16px/1.6 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
     -webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.ic{flex:none;vertical-align:-3px}

h1,h2,h3{font-family:"Space Grotesk",-apple-system,sans-serif;letter-spacing:-.02em;
         text-wrap:balance;margin:0}
code,.mono{font-family:"JetBrains Mono",monospace}

/* --------------------------------------------------------------------- nav */
header.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);
           background:color-mix(in srgb,var(--bg) 84%,transparent);border-bottom:1px solid var(--rule)}
header.nav .in{display:flex;align-items:center;gap:26px;height:66px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;font-size:17px;
      font-family:"Space Grotesk",sans-serif}
.logo img{flex:none;border-radius:8px}
header.nav nav{display:flex;gap:24px;font-size:14.5px;font-weight:600;color:var(--ink-2)}
header.nav nav a:hover{color:var(--ink)}
header.nav .right{margin-left:auto;display:flex;align-items:center;gap:12px}

.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:11px;padding:12px 20px;
     font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;
     background:linear-gradient(135deg,var(--violet),var(--cyan));color:#fff;
     box-shadow:0 6px 18px -8px rgba(108,76,224,.7)}
.btn:hover{filter:brightness(1.08)}
.btn.sm{padding:9px 15px;font-size:13.5px;border-radius:9px}
.btn.lg{padding:15px 26px;font-size:16px;border-radius:13px}
.btn.ghost{background:var(--panel);color:var(--ink);border:1px solid var(--rule);box-shadow:var(--shadow)}
.btn.ghost:hover{background:var(--bg-2);filter:none}

/* -------------------------------------------------------------- layout */
section.band{padding:84px 0}
section.band.tint{background:var(--bg-2)}
.eyebrow{display:inline-flex;align-items:center;gap:7px;font:700 11.5px "JetBrains Mono",monospace;
         letter-spacing:.14em;text-transform:uppercase;color:var(--violet);
         background:color-mix(in srgb,var(--violet) 10%,transparent);
         padding:6px 12px;border-radius:20px;margin:0 0 18px}
h1{font-size:clamp(2.4rem,5.4vw,3.9rem);line-height:1.04;letter-spacing:-.03em;font-weight:700;margin:0 0 20px}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.12;letter-spacing:-.025em;font-weight:700;margin:0 0 14px}
h3{font-size:19px;font-weight:700;letter-spacing:-.015em;margin:0 0 8px}
p{margin:0 0 16px;color:var(--ink-2)}
.lead{font-size:19px;line-height:1.55;color:var(--ink-2);max-width:62ch}
.center{text-align:center}
.center .lead{margin-left:auto;margin-right:auto}
.grad{background:linear-gradient(120deg,var(--violet),var(--cyan) 60%,var(--coral));
      -webkit-background-clip:text;background-clip:text;color:transparent}

.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

.card{background:var(--panel);border:1px solid var(--rule);border-radius:18px;padding:28px;
      box-shadow:var(--shadow)}
.card:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--violet) 30%,var(--rule))}
.card .tag{display:inline-flex;font:700 10.5px "JetBrains Mono",monospace;letter-spacing:.1em;
           text-transform:uppercase;color:var(--violet);
           background:color-mix(in srgb,var(--violet) 12%,transparent);
           padding:5px 10px;border-radius:6px;margin:0 0 14px}
.card p:last-child{margin-bottom:0}

/* ------------------------------------------------------------------ footer */
footer.site{border-top:1px solid var(--rule);padding:52px 0 40px;background:var(--bg-2)}
footer.site .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}
footer.site h4{font:700 11.5px "JetBrains Mono",monospace;letter-spacing:.13em;text-transform:uppercase;
               color:var(--ink-3);margin:0 0 14px}
footer.site a{display:block;font-size:14.5px;color:var(--ink-2);margin:0 0 9px}
footer.site a:hover{color:var(--ink)}
footer.site .base{margin-top:38px;padding-top:22px;border-top:1px solid var(--rule);
                  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
                  font-size:13.5px;color:var(--ink-3)}
:focus-visible{outline:2px solid var(--violet);outline-offset:3px}

/* ------------------------------------------------------------------- legal */
.legal-back{font-size:13.5px;font-weight:600;color:var(--ink-3)}
.legal-back:hover{color:var(--violet)}
.legal-updated{font:600 12px "JetBrains Mono",monospace;color:var(--ink-3);margin:0 0 32px}
.legal-body h2{font-size:19px;margin:38px 0 12px}
.legal-body h2:first-child{margin-top:0}
.legal-body p{font-size:14.5px;line-height:1.75;color:var(--ink-2);margin:0 0 14px}
.legal-body ul{margin:0 0 14px;padding-left:22px}
.legal-body li{font-size:14.5px;line-height:1.7;color:var(--ink-2);margin:0 0 8px}
.legal-body a{color:var(--violet);text-decoration:underline;
              text-decoration-color:color-mix(in srgb,var(--violet) 40%,transparent)}

@media (max-width:820px){
  header.nav nav{display:none}
  section.band{padding:58px 0}
  footer.site .cols{grid-template-columns:1fr 1fr}
}