/* zeefti.com home page: the company's front door (15 Nov 2026).
   Neutral on purpose. The two panels below it each wear their own product's look, so a visitor can tell at a glance
   which side is entertainment and which is business. Loaded after styles.css, on index.html only. */

body.company{background:#F3F4F6;color:#16181D}
.company .site-header,.company .site-footer{background:#16181D}
.company h1,.company h2,.company h3{font-family:var(--body);color:#16181D;letter-spacing:-.01em}
.company a{color:#16181D}
.company #nav-links.open{border-color:#16181D}
.company #nav-links.open a{color:#16181D}

.intro{padding:3.5rem 0 2rem;text-align:center}
.intro h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}
.intro p{font-size:1.15rem;color:#4A4F5A;max-width:46ch;margin:0 auto}

.doors{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch}
.door{display:flex;flex-direction:column;border-radius:20px;padding:1.75rem;min-width:0}
.door .kind{font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin:0 0 1.25rem}
.door .name{margin:0 0 .9rem}
.door p.what{margin:0 0 1.5rem;font-size:1.05rem;flex:1}
.door .go{align-self:flex-start;display:inline-block;font-weight:700;text-decoration:none}
.door .go:hover{text-decoration:none;filter:brightness(1.05)}
.door .more{margin:.9rem 0 0;font-size:.92rem}

/* Digital entertainment: the game's own lavender, purple hairline and rounded type */
.door.ent{background:linear-gradient(180deg,#F2ECFC 0%,#DED0F4 100%);border:1.5px solid #8C4DCC;box-shadow:0 5px 14px rgba(46,5,128,.18);color:#1E1B2E}
.door.ent .kind{color:#5B2A86;font-family:var(--display)}
.door.ent .name img{display:block;width:min(300px,100%);height:auto}
.door.ent .art{display:block;height:150px;width:auto;margin:0 auto 1rem}
.door.ent .go{color:#fff;padding:.7rem 1.4rem;border-radius:999px;font-family:var(--display);
  background:linear-gradient(180deg,#B678F2 0%,#8C4DCC 55%,#7A3DBE 100%);box-shadow:0 3px 0 #5B2A86,0 6px 12px rgba(46,5,128,.25)}
.door.ent .more a{color:#5B2A86}

/* Business: getnAImed's own paper background, dark ink and amber button */
.door.biz{background:#F4F2EE;border:1px solid #D9D3C8;color:#1D2A33}
.door.biz .kind{color:#5B6770}
.door.biz .name{font-size:2.1rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#1D2A33}
.door.biz .name span{color:#D9822B}
.door.biz .points{list-style:none;margin:0 0 1.5rem;padding:0;border-top:1px solid #D9D3C8}
.door.biz .points li{padding:.55rem 0;border-bottom:1px solid #D9D3C8;font-size:.98rem}
.door.biz p.what{flex:0 0 auto;margin-bottom:1rem}
.door.biz .spacer{flex:1}
.door.biz .go{background:#E8A33D;color:#1D2A33;padding:.7rem 1.3rem;border-radius:6px}
.door.biz .more{color:#5B6770}

.about{padding:2.5rem 0 0}
.about .facts{background:#fff;border:1px solid #DDE0E6;border-radius:16px;padding:1.25rem 1.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.about .facts div{min-width:0}
.about .facts b{display:block;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#6B7280;font-weight:700;margin-bottom:.15rem}

.company .section-head p{color:#4A4F5A}
.company .contact-form{background:#fff;border:1px solid #DDE0E6;box-shadow:none;border-radius:16px}
.company .contact-form label{color:#16181D}
.company .contact-form input,.company .contact-form textarea{border:1px solid #C9CED6;border-radius:8px}
.company .contact-form input:focus,.company .contact-form textarea:focus{border-color:#16181D;box-shadow:0 0 0 3px rgba(22,24,29,.12)}
.company .btn-primary{background:#16181D;box-shadow:none;text-shadow:none;border-radius:8px}

.company .footer-grid{align-items:flex-start}
.footer-groups{display:flex;gap:2.5rem;flex-wrap:wrap}
.footer-groups h4{font-family:var(--body);color:#fff;font-size:.85rem;opacity:.7;margin:0 0 .4rem}   /* never upper-cased: getnAImed is spelt that way */
.footer-groups ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem;flex-wrap:wrap}

@media (max-width:900px){
  .intro{padding:2.25rem 0 1.5rem}
  .intro h1{font-size:2rem}
  .doors{grid-template-columns:1fr}
  .about .facts{grid-template-columns:1fr}
}