/* ================================================================
   Jarvity landing page — light, soft, playful.
   Overrides the dark corporate theme for this page only (body.jar).
   ================================================================ */
body.jar{
  background:linear-gradient(180deg,#FFFDF6 0%,#F0E7DB 100%);
  color:#594D47;
}
body.jar .aurora,body.jar .grain{display:none}

/* header goes light here too */
body.jar header{background:rgba(255,253,246,.85);border-bottom:1px solid #E8DFD2}
body.jar .logo{color:#594D47}
body.jar .logo .dot{background:#E7C480;box-shadow:0 0 10px #E7C480}
body.jar .nav .links a{color:#9A8C7E}
body.jar .nav .links a:hover{color:#594D47}
body.jar .langsel summary{color:#9A8C7E;border-color:#E8DFD2;background:rgba(255,255,255,.6)}
body.jar .langsel summary:hover{color:#594D47;border-color:#CDBFA9}
body.jar .langsel .menu{background:#fff;border-color:#E8DFD2;box-shadow:0 16px 40px rgba(0,0,0,.10)}
body.jar .langsel .menu a{color:#9A8C7E}
body.jar .langsel .menu a:hover{background:#F6F0E6;color:#594D47}
body.jar .langsel .menu a.on{color:#C79A3E}

.jarmain{max-width:1000px;margin:0 auto;padding:0 22px}
.jarmain section{border-bottom:none;padding:64px 0}

/* hero */
.jhero{text-align:center;padding:56px 0 30px !important}
.jicon{width:132px;height:132px;border-radius:32px;margin:0 auto 24px;
  box-shadow:0 16px 40px rgba(0,0,0,.10)}
.jhero h1{font-size:clamp(42px,8vw,76px);font-weight:900;color:#594D47;letter-spacing:-.02em}
.jtag{font-size:clamp(15px,2.4vw,20px);color:#9A8C7E;margin:14px 0 30px}
.jbanner{border-radius:24px;margin-top:44px;box-shadow:0 18px 44px rgba(0,0,0,.09)}

.jbtn{display:inline-block;padding:15px 38px;border-radius:999px;font-weight:800;font-size:16px;
  background:#594D47;color:#FFFDF6;transition:.2s;margin:4px}
.jbtn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(89,77,71,.28)}
.jbtn.ghost{background:transparent;color:#594D47;border:2px solid #594D47}
.jbtn.ghost:hover{background:rgba(89,77,71,.06);box-shadow:none}

.jsec h2{font-size:clamp(23px,3.4vw,34px);font-weight:900;color:#594D47;
  margin-bottom:30px;text-align:center;border:none}

/* how to play */
.steps{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.step{background:rgba(255,255,255,.72);border:1px solid #EDE4D6;border-radius:22px;padding:26px;
  text-align:center;transition:transform .2s}
.step:hover{transform:translateY(-4px)}
.stepno{width:40px;height:40px;border-radius:50%;background:#E7C480;color:#fff;font-weight:900;
  display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:17px}
.step h3{color:#594D47;font-size:17px;margin-bottom:8px}
.step p{color:#9A8C7E;font-size:14px;margin:0}

/* features */
.feats{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.feat{background:rgba(255,255,255,.72);border:1px solid #EDE4D6;border-radius:22px;padding:26px}
.ficon{font-size:30px;margin-bottom:12px}
.feat h3{color:#594D47;font-size:17px;margin-bottom:8px}
.feat p{color:#9A8C7E;font-size:14px;margin:0}

/* spec table */
.jtable{background:rgba(255,255,255,.6);border-radius:18px;overflow:hidden}
.jtable th,.jtable td{border-bottom:1px solid #EDE4D6;padding:16px 20px;font-size:15px}
.jtable th{color:#9A8C7E;background:rgba(255,255,255,.5);width:32%}
.jtable td{color:#594D47}
.jtable tr:last-child th,.jtable tr:last-child td{border-bottom:none}

.jcta{text-align:center}
.jcta p{color:#9A8C7E}

/* footer on the light page */
body.jar footer{border-top:1px solid #E8DFD2}
body.jar .fin .col h4{color:#B3A597}
body.jar .fin .col a{color:#9A8C7E}
body.jar .fin .col a:hover{color:#594D47}
body.jar .copy{color:#B3A597;border-top:1px solid #E8DFD2}

@media(max-width:640px){
  .jarmain section{padding:44px 0}
  .jtable th,.jtable td{display:block;width:100%}
  .jtable th{border-bottom:none;padding-bottom:4px}
  .jtable td{padding-top:0}
}

/* Pre-release status. Mirrors Aria's .achip so both product pages read the
   same way, in Jarvity's warm palette instead of the dark studio one. */
.jsoon{
  display:inline-flex;align-items:center;gap:9px;
  padding:12px 26px;border-radius:999px;
  background:rgba(231,196,128,.16);border:1px solid rgba(199,154,62,.45);
  color:#7a6023;font-weight:800;font-size:15px;letter-spacing:.02em;
}
.jsoon::before{
  content:"";width:9px;height:9px;border-radius:50%;background:#E7C480;
  box-shadow:0 0 0 0 rgba(231,196,128,.7);animation:jpulse 2.2s ease-out infinite;
}
@keyframes jpulse{70%{box-shadow:0 0 0 10px rgba(231,196,128,0)}100%{box-shadow:0 0 0 0 rgba(231,196,128,0)}}
.jsoonnote{color:#9A8C7E;font-size:14px;margin-top:14px;max-width:520px;
  margin-left:auto;margin-right:auto}
@media(prefers-reduced-motion:reduce){.jsoon::before{animation:none}}