/* ============ TOKENS ============ */
  :root{
    --bg-dark:#0A0C0F;
    --bg-dark-2:#12151A;
    --bg-light:#F4F5EF;
    --bg-blue:#2E42FA;
    --bg-blue-deep:#1E2CBE;
    --green:#9196FF;
    --green-deep:#6469FF;
    --ink:#0B0D10;
    --paper:#F4F5EF;
    --muted-dark:#8B929B;
    --muted-light:#5B6168;
    --white:#FFFFFF;
    --line-dark:rgba(255,255,255,0.10);
    --line-light:rgba(11,13,16,0.10);
    --display:'Chakra Petch', sans-serif;
    --body:'IBM Plex Sans', sans-serif;
    --mono:'IBM Plex Mono', monospace;
  }

  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:var(--body);
    background:var(--bg-dark);
    color:var(--white);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img{display:block; max-width:100%;}
  a{color:inherit; text-decoration:none;}
  button{font:inherit; cursor:pointer; background:none; border:none; color:inherit;}
  ul{list-style:none;}
  .wrap{max-width:1160px; margin:0 auto; padding:0 24px;}

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}
  }

  .eyebrow{
    font-family:var(--display);
    font-size:1.3rem;
    font-weight:700;
    letter-spacing:0.02em;
    text-transform:uppercase;
    color:var(--green);
    display:flex;
    align-items:center;
    gap:12px;
  }
  .eyebrow-icon{
    width:18px; height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.2;
    stroke-linejoin:miter;
    stroke-linecap:square;
    filter:drop-shadow(0 0 5px currentColor);
    flex:none;
  }
  .eyebrow-icon circle{fill:currentColor; stroke:none;}
  .eyebrow.on-light{color:var(--green-deep);}

  /* ============ REVEAL ============ */
  .reveal{opacity:0; transform:translateY(28px); transition:opacity 0.8s ease, transform 0.8s ease;}
  .reveal.in{opacity:1; transform:translateY(0);}

  /* ============ HEADER ============ */
  .site-header{
    position:fixed; top:0; left:0; right:0;
    z-index:60;
    display:flex; align-items:center; justify-content:space-between;
    padding:20px 24px;
    background:linear-gradient(to bottom, rgba(10,12,15,0.85), rgba(10,12,15,0));
    backdrop-filter:blur(2px);
    transition:background 0.35s ease, box-shadow 0.35s ease, backdrop-filter 0.35s ease;
  }
  .site-header.scrolled{
    background:rgba(10,12,15,0.86);
    backdrop-filter:blur(14px);
    box-shadow:0 1px 0 var(--line-dark);
  }
  .logo{
    font-family:var(--display);
    font-weight:700;
    font-size:1.45rem;
    letter-spacing:0.01em;
    display:flex; align-items:center; gap:8px;
  }


  .menu-btn{
    width:46px; height:46px;
    border-radius:12px;
    background:rgba(255,255,255,0.06);
    border:1px solid var(--line-dark);
    display:flex; align-items:center; justify-content:center;
    position:relative;
    transition:background 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  }
  .menu-btn:hover{
    background:rgba(145,150,255,0.10);
    border-color:rgba(145,150,255,0.4);
    box-shadow:0 0 22px -4px var(--green);
  }
  .menu-btn .bars{width:18px; height:12px; position:relative;}
  .menu-btn .bars span{
    position:absolute; left:0; width:100%; height:2px; border-radius:2px;
    background:var(--white);
    transition:transform 0.32s cubic-bezier(.65,0,.35,1), opacity 0.2s ease, background 0.25s ease;
  }
  .menu-btn .bars span:nth-child(1){top:0;}
  .menu-btn .bars span:nth-child(2){top:10px; width:70%;}
  .menu-btn:hover .bars span{background:var(--green);}
  body.menu-open .menu-btn .bars span:nth-child(1){transform:translateY(5px) rotate(45deg);}
  body.menu-open .menu-btn .bars span:nth-child(2){transform:translateY(-5px) rotate(-45deg); width:100%;}

  /* ============ MENU OVERLAY (top-half panel) ============ */
  .menu-backdrop{
    position:fixed; inset:0; z-index:50;
    background:rgba(0,0,0,0.5);
    opacity:0; pointer-events:none;
    transition:opacity 0.35s ease;
  }
  body.menu-open .menu-backdrop{opacity:1; pointer-events:auto;}

  .menu-panel{
    position:fixed; top:0; left:0; right:0; z-index:55;
    background:#0D0F13;
    border-bottom:1px solid var(--line-dark);
    transform:translateY(-100%);
    transition:transform 0.5s cubic-bezier(.65,0,.35,1);
    max-height:min(760px, 92svh);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    display:flex; flex-direction:column;
  }
  body.menu-open .menu-panel{transform:translateY(0);}

  .menu-panel-inner{
    padding:20px 24px 28px;
    display:flex; flex-direction:column;
    min-height:100%;
  }
  .menu-top-row{
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom:clamp(20px,5vh,44px);
  }
  .menu-close{
    width:46px; height:46px; border-radius:12px;
    border:1px solid var(--line-dark);
    display:flex; align-items:center; justify-content:center;
    transition:border-color 0.25s ease, background 0.25s ease;
  }
  .menu-close:hover{border-color:rgba(145,150,255,0.4); background:rgba(145,150,255,0.1);}
  .menu-close svg{width:16px; height:16px;}

  .menu-nav{
    display:flex; flex-direction:column; gap:2px;
    flex:1;
  }
  .menu-nav li{border-top:1px solid var(--line-dark);}
  .menu-nav li:last-child{border-bottom:1px solid var(--line-dark);}
  .menu-nav a{
    width:100%;
    display:flex; align-items:center; justify-content:space-between;
    padding:26px 4px;
    font-family:var(--display);
    font-weight:600;
    font-size:clamp(1.4rem,4vw,2.1rem);
    letter-spacing:-0.01em;
    color:var(--white);
    text-align:left;
    transition:color 0.2s ease, padding-left 0.25s ease;
  }
  .menu-nav a .idx{
    font-family:var(--mono); font-size:0.75rem; color:var(--muted-dark);
    font-weight:500;
  }
  .menu-nav a:hover{color:var(--green); padding-left:12px;}
  .menu-nav a:hover .idx{color:var(--green);}

  .menu-foot{
    display:flex; align-items:center; justify-content:flex-end;
    margin-top:24px;
    padding-top:0;
    font-family:var(--mono);
    font-size:0.72rem;
    color:var(--muted-dark);
    letter-spacing:0.04em;
  }
  .menu-foot a{transition:color 0.2s ease;}
  .menu-foot a:hover{color:var(--green);}

  /* ============ HERO ============ */
  .hero{
    position:relative;
    min-height:100svh;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    text-align:center;
    padding:140px 24px 100px;
    background:var(--bg-dark);
    overflow:hidden;
  }
  .hero-stars{
    position:absolute; inset:0;
    z-index:1;
    pointer-events:none;
  }
  .hero-stars .star{
    position:absolute;
    border-radius:50%;
    box-shadow:0 0 5px 1px rgba(145,150,255,0.42);
    filter:blur(1.1px);
    animation-name:star-life;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
  }
  @keyframes star-life{
    0%{opacity:0; transform:translate(0,0) scale(0.6);}
    14%{opacity:0.75;}
    50%{opacity:0.85; transform:translate(var(--dx1), var(--dy1)) scale(1.1);}
    86%{opacity:0.25;}
    100%{opacity:0; transform:translate(var(--dx2), var(--dy2)) scale(0.7);}
  }
  .hero-content{position:relative; z-index:2; max-width:880px;}
  .hero .eyebrow{justify-content:center; margin-bottom:22px;}
  .hero h1{
    font-family:var(--display);
    font-weight:700;
    font-size:clamp(2.2rem, 5.4vw, 4.4rem);
    line-height:1.08;
    letter-spacing:-0.005em;
    color:var(--white);
  }
  .hero-thanks{
    margin-top:26px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-family:var(--mono);
    font-weight:500;
    font-size:clamp(0.85rem,1.4vw,1rem);
    letter-spacing:0.06em;
    color:var(--green);
  }
  .hero-thanks .cursor{
    width:8px; height:1.1em;
    background:var(--green);
    box-shadow:0 0 10px 2px rgba(145,150,255,0.6);
    animation:blink 1.1s steps(1) infinite;
  }
  @keyframes blink{0%,49%{opacity:1;} 50%,100%{opacity:0;}}
  .scroll-cue{
    position:absolute; bottom:34px; left:50%; transform:translateX(-50%);
    display:flex; flex-direction:column; align-items:center; gap:8px;
    font-family:var(--mono); font-size:0.68rem; letter-spacing:0.14em;
    color:var(--muted-dark); text-transform:uppercase;
  }
  .scroll-cue svg{animation:bob 2s ease-in-out infinite;}
  @keyframes bob{0%,100%{transform:translateY(0);} 50%{transform:translateY(6px);}}

  /* ============ GAME SHOWCASE ============ */
  .showcase{
    background:var(--bg-light);
    color:var(--ink);
    padding:44px 24px 100px;
    text-align:center;
    position:relative;
  }
  .showcase .eyebrow{justify-content:center; margin-bottom:34px;}
  .games-title{
    font-size:2.6rem;
    justify-content:center;
    width:100%;
  }
  .icon-frame{
    width:172px; height:172px;
    margin:0 auto 26px;
    border-radius:38px;
    overflow:hidden;
    box-shadow:0 28px 56px -18px rgba(11,13,16,0.35), 0 0 0 1px var(--line-light);
    position:relative;
  }
  .icon-frame img{width:100%; height:100%; object-fit:cover;}
  .icon-frame::after{
    content:"";
    position:absolute; inset:0;
    border-radius:38px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,0.25);
  }
  .games-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px 64px;
    max-width:1080px;
    margin:0 auto;
  }
  .game-card{padding-top:20px;}
  @media (max-width:900px){
    .games-grid{grid-template-columns:1fr; gap:72px; max-width:440px;}
  }
  .showcase h2{
    font-family:var(--display);
    font-weight:700;
    font-size:clamp(1.7rem,3.2vw,2.2rem);
    letter-spacing:0;
  }
  .showcase .tagline{
    margin:16px auto 0;
    max-width:420px;
    color:var(--muted-light);
    font-size:1.05rem;
    line-height:1.55;
  }
  .store-badges{
    display:flex; gap:10px; justify-content:center; flex-wrap:wrap;
    margin:28px 0 0;
  }
  .badge{
    display:flex; align-items:center; gap:9px;
    background:var(--ink);
    color:var(--white);
    padding:10px 18px 10px 14px;
    border-radius:12px;
    transition:transform 0.2s ease, box-shadow 0.2s ease;
  }
  .badge:hover{transform:translateY(-3px); box-shadow:0 14px 28px -12px rgba(11,13,16,0.45);}
  .badge svg{width:20px; height:20px; flex:none;}
  .badge .b-txt{text-align:left; line-height:1.15;}
  .badge .b-small{display:block; font-size:0.62rem; color:#B9BEC4; font-family:var(--mono); letter-spacing:0.04em;}
  .badge .b-big{display:block; font-family:var(--display); font-weight:600; font-size:0.96rem;}

  /* ============ ABOUT ============ */
  .about{
    background:var(--bg-dark);
    padding:130px 24px;
  }
  .about-inner{max-width:1160px; margin:0 auto;}
  .about h1, .about h2{
    font-family:var(--display);
    font-weight:700;
    font-size:clamp(2.1rem,4.6vw,3.3rem);
    letter-spacing:-0.005em;
    margin-top:20px;
  }
  .about p.lede{
    margin-top:24px;
    max-width:640px;
    font-size:1.08rem;
    line-height:1.65;
    color:var(--muted-dark);
  }
  .about p.lede + p.lede{margin-top:18px;}
  .stat-grid{
    margin-top:72px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1px;
    background:var(--line-dark);
    border:1px solid var(--line-dark);
    border-radius:18px;
    overflow:hidden;
  }
  .stat{
    background:var(--bg-dark);
    padding:34px 24px;
  }
  .stat .num{
    font-family:var(--display);
    font-weight:700;
    font-size:clamp(1.8rem,3.4vw,2.6rem);
    color:var(--white);
  }
  .stat .lbl{
    margin-top:8px;
    font-family:var(--mono);
    font-size:0.72rem;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:var(--muted-dark);
  }
  @media (max-width:820px){
    .stat-grid{grid-template-columns:repeat(2,1fr);}
  }

  /* ============ CAREERS ============ */
  .careers{
    background:linear-gradient(180deg, var(--bg-blue), var(--bg-blue-deep));
    color:var(--white);
    padding:130px 24px;
    position:relative;
    overflow:hidden;
  }
  .careers-inner{
    max-width:1160px; margin:0 auto;
    display:grid;
    grid-template-columns:1.05fr 0.95fr;
    gap:40px;
    align-items:center;
  }
  .careers h1, .careers h2{
    font-family:var(--display);
    font-weight:700;
    font-size:clamp(2.4rem,6vw,3.8rem);
    letter-spacing:0;
    margin-top:18px;
  }
  .careers p{
    margin-top:20px;
    max-width:440px;
    font-size:1.05rem;
    color:rgba(255,255,255,0.82);
    line-height:1.6;
  }
  .careers-btn{
    display:inline-flex; align-items:center; gap:10px;
    margin-top:34px;
    background:var(--white);
    color:var(--ink);
    font-family:var(--display);
    font-weight:600;
    font-size:0.98rem;
    padding:15px 26px;
    border-radius:12px;
    transition:transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  }
  .careers-btn:hover{transform:translateY(-3px); box-shadow:0 16px 30px -12px rgba(0,0,0,0.35); background:var(--green);}
  .careers-art{display:flex; align-items:center; justify-content:center;}
  .careers-art svg{width:100%; max-width:340px; height:auto;}
  @media (max-width:900px){
    .careers-inner{grid-template-columns:1fr; text-align:center;}
    .careers p{margin-left:auto; margin-right:auto;}
    .careers-art{order:-1; margin-bottom:10px;}
    .careers-art svg{max-width:220px;}
  }

  /* ============ SUPPORT STRIP ============ */
  .support{
    background:var(--bg-dark-2);
    border-top:1px solid var(--line-dark);
    padding:70px 24px;
  }
  .support-inner{
    max-width:1160px; margin:0 auto;
    display:flex; align-items:center; justify-content:space-between; gap:24px;
    flex-wrap:wrap;
  }
  .support h2{
    font-family:var(--display); font-weight:700;
    font-size:clamp(1.3rem,2.6vw,1.7rem);
  }
  .support p{color:var(--muted-dark); margin-top:8px; max-width:420px;}
  .support-btn{
    display:inline-flex; align-items:center; gap:10px;
    border:1px solid var(--line-dark);
    padding:14px 22px;
    border-radius:12px;
    font-weight:600;
    transition:border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
    flex:none;
  }
  .support-btn:hover{border-color:rgba(145,150,255,0.5); background:rgba(145,150,255,0.08); color:var(--green);}

  /* ============ FOOTER ============ */
  .site-footer{
    background:var(--bg-dark);
    padding:80px 24px 40px;
    text-align:center;
  }
  .footer-logo{
    display:inline-flex; flex-direction:column; align-items:center; gap:4px;
  }
  .footer-logo .fl-main{
    font-family:var(--display); font-weight:700; font-size:1.8rem; color:var(--white);
  }
  .footer-logo .fl-sub{
    font-family:var(--display); font-weight:700; font-size:0.95rem;
    letter-spacing:0.24em; text-transform:uppercase; color:var(--green);
  }

  .footer-nav{
    display:flex; justify-content:center; gap:36px; flex-wrap:wrap;
    margin-top:44px;
    font-family:var(--display); font-weight:600; font-size:0.95rem;
    letter-spacing:0.02em; text-transform:uppercase;
  }
  .footer-nav a{color:var(--muted-dark); transition:color 0.2s ease;}
  .footer-nav a:hover{color:var(--green);}
  .footer-social{
    display:flex; justify-content:center; gap:14px;
    margin-top:44px;
  }
  .footer-social button, .footer-social a{
    width:42px; height:42px; border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    border:1px solid var(--line-dark);
    transition:border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
  }
  .footer-social button svg, .footer-social a svg{width:18px; height:18px;}
  .footer-social button:hover, .footer-social a:hover{border-color:rgba(145,150,255,0.5); background:rgba(145,150,255,0.08); transform:translateY(-2px);}
  .footer-divider{max-width:1160px; margin:48px auto 0; border-top:1px solid var(--line-dark);}
  .footer-legal{
    display:flex; justify-content:center; gap:28px; flex-wrap:wrap;
    margin-top:32px;
    font-size:0.85rem; color:var(--muted-dark);
  }
  .footer-legal a{transition:color 0.2s ease;}
  .footer-legal a:hover{color:var(--white);}
  .footer-copy{margin-top:28px; font-family:var(--mono); font-size:0.72rem; color:var(--muted-dark); letter-spacing:0.04em;}

  :focus-visible{outline:2px solid var(--green); outline-offset:3px;}


  /* ============ STANDALONE PAGE TOP SPACING ============ */
  .page-top{padding-top:160px;}

  /* ============ SUPPORT PAGE ============ */
  .support-page{
    background:var(--bg-dark);
    padding:160px 24px 130px;
  }
  .support-page-inner{max-width:1160px; margin:0 auto;}
  .support-page-inner h1{
    font-family:var(--display);
    font-weight:700;
    font-size:clamp(2.1rem,4.6vw,3.3rem);
    letter-spacing:-0.005em;
  }
  .support-page-inner p.lede{
    margin-top:24px;
    max-width:560px;
    font-size:1.08rem;
    line-height:1.65;
    color:var(--muted-dark);
  }
  .support-page-inner .support-btn{
    display:inline-flex;
    margin-top:32px;
  }
  .faq-grid{
    margin-top:64px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1px;
    background:var(--line-dark);
    border:1px solid var(--line-dark);
    border-radius:18px;
    overflow:hidden;
  }
  .faq-item{background:var(--bg-dark); padding:32px;}
  .faq-item h2{
    font-family:var(--display);
    font-weight:700;
    font-size:1.1rem;
    margin-bottom:10px;
  }
  .faq-item p{color:var(--muted-dark); font-size:0.95rem; line-height:1.6;}
  @media (max-width:820px){
    .faq-grid{grid-template-columns:1fr;}
  }

  /* ============ LEGAL PAGES ============ */
  .legal-page{
    background:var(--bg-dark);
    padding:160px 24px 120px;
  }
  .legal-inner{max-width:760px; margin:0 auto;}
  .legal-inner .eyebrow{margin-bottom:20px;}
  .legal-inner h1{
    font-family:var(--display);
    font-weight:700;
    font-size:clamp(2rem,4.4vw,2.8rem);
    letter-spacing:-0.005em;
  }
  .legal-updated{
    margin-top:14px;
    font-family:var(--mono);
    font-size:0.82rem;
    color:var(--muted-dark);
  }
  .legal-effective{
    margin-top:6px;
    font-family:var(--mono);
    font-size:0.82rem;
    color:var(--green);
  }
  .legal-inner h2{
    font-family:var(--display);
    font-weight:700;
    font-size:1.3rem;
    margin-top:48px;
    margin-bottom:14px;
  }
  .legal-inner p{
    color:var(--muted-dark);
    font-size:1rem;
    line-height:1.7;
    margin-top:14px;
  }
  .legal-inner ul{
    margin-top:14px;
    padding-left:22px;
    list-style:disc;
  }
  .legal-inner li{
    color:var(--muted-dark);
    font-size:1rem;
    line-height:1.7;
    margin-top:8px;
  }
  .legal-inner a.inline-link{
    color:var(--green);
    text-decoration:underline;
  }
  .legal-note{
    margin-top:56px;
    padding:20px 22px;
    border:1px solid var(--line-dark);
    border-radius:14px;
    background:var(--bg-dark-2);
  }
  .legal-note p{margin-top:0; font-size:0.9rem;}

  /* ============ LEGAL PAGES: EXTRA ELEMENTS ============ */
  .legal-inner h3{
    font-family:var(--display);
    font-weight:700;
    font-size:1.05rem;
    margin-top:28px;
    margin-bottom:8px;
    color:var(--white);
  }
  .legal-inner ol{margin-top:14px; padding-left:22px; list-style:decimal;}
  .legal-inner ol li{color:var(--muted-dark); font-size:1rem; line-height:1.7; margin-top:8px;}
  .legal-crossrefs{
    margin-top:28px;
    display:flex; flex-wrap:wrap; gap:10px;
  }
  .legal-crossrefs a{
    font-family:var(--mono);
    font-size:0.82rem;
    color:var(--green);
    border:1px solid var(--line-dark);
    border-radius:10px;
    padding:8px 14px;
    transition:border-color 0.2s ease, background 0.2s ease;
  }
  .legal-crossrefs a:hover{border-color:rgba(145,150,255,0.5); background:rgba(145,150,255,0.08);}
  .legal-back{
    display:inline-block;
    margin-bottom:24px;
    font-family:var(--mono);
    font-size:0.82rem;
    color:var(--muted-dark);
  }
  .legal-back:hover{color:var(--green);}
  .legal-inner table{
    margin-top:20px;
    width:100%;
    border-collapse:collapse;
    border:1px solid var(--line-dark);
    border-radius:12px;
    overflow:hidden;
  }
  .legal-inner th, .legal-inner td{
    border:1px solid var(--line-dark);
    padding:12px 14px;
    text-align:left;
    font-size:0.88rem;
    color:var(--muted-dark);
    vertical-align:top;
  }
  .legal-inner th{
    font-family:var(--display);
    color:var(--white);
    font-weight:600;
    background:var(--bg-dark-2);
  }

  /* ============ ACCESSIBILITY: SKIP LINK ============ */
  .skip-link{
    position:absolute;
    top:-100px;
    left:12px;
    z-index:100;
    background:var(--green);
    color:var(--ink);
    font-family:var(--display);
    font-weight:700;
    font-size:0.9rem;
    padding:12px 20px;
    border-radius:10px;
    transition:top 0.2s ease;
  }
  .skip-link:focus{
    top:12px;
  }

  /* ============ OPEN ROLES (CAREERS) ============ */
  .openings{
    background:var(--bg-dark);
    padding:130px 24px;
  }
  .openings-inner{max-width:1160px; margin:0 auto;}
  .openings-inner h2{
    font-family:var(--display);
    font-weight:700;
    font-size:clamp(2.1rem,4.6vw,3rem);
    letter-spacing:-0.005em;
    margin-top:20px;
  }
  .openings-inner > p.reveal{
    margin-top:20px;
    max-width:560px;
    color:var(--muted-dark);
    font-size:1.05rem;
    line-height:1.6;
  }
  .job-grid{
    margin-top:56px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px;
  }
  .job-card{
    background:var(--bg-dark-2);
    border:1px solid var(--line-dark);
    border-radius:20px;
    padding:32px;
    display:flex;
    flex-direction:column;
  }
  .job-card h3{
    font-family:var(--display);
    font-weight:700;
    font-size:1.35rem;
  }
  .job-tags{
    display:flex; flex-wrap:wrap; gap:8px;
    margin-top:14px;
  }
  .job-tags span{
    font-family:var(--mono);
    font-size:0.7rem;
    text-transform:uppercase;
    letter-spacing:0.05em;
    color:var(--green);
    border:1px solid var(--line-dark);
    border-radius:8px;
    padding:5px 10px;
  }
  .job-card p{
    margin-top:18px;
    color:var(--muted-dark);
    font-size:0.95rem;
    line-height:1.65;
  }
  .job-card .job-reqs{
    margin-top:14px;
    padding-left:18px;
    list-style:disc;
  }
  .job-card .job-reqs li{
    color:var(--muted-dark);
    font-size:0.92rem;
    line-height:1.6;
    margin-top:6px;
  }
  .job-apply{
    margin-top:24px;
    display:inline-flex; align-items:center; gap:8px;
    align-self:flex-start;
    color:var(--ink);
    background:var(--green);
    font-family:var(--display);
    font-weight:600;
    font-size:0.9rem;
    padding:12px 20px;
    border-radius:11px;
    transition:transform 0.2s ease, box-shadow 0.2s ease;
  }
  .job-apply:hover{transform:translateY(-2px); box-shadow:0 12px 24px -10px rgba(145,150,255,0.5);}
  @media (max-width:820px){
    .job-grid{grid-template-columns:1fr;}
  }