/*
Theme Name: Just Contently
Theme URI: https://justcontently.com
Description: Custom marketing theme for Just Contently — AI content marketing platform.
Version: 1.0.0
Author: ProData Media Group
Author URI: https://justcontently.com
License: Proprietary
Text Domain: justcontently
*/

/* JustContently — shared styles */
@keyframes jc-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes jc-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;overflow-x:hidden;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
::selection{background:#00C8E8;color:#0A0F1E}
img{max-width:100%}

/* ---- responsive ---- */
@media (max-width:1040px){
  [data-m="grid4"]{grid-template-columns:1fr 1fr!important}
}
@media (max-width:760px){
  h1{font-size:42px!important}
  [data-m="nav-links"],[data-m="nav-demo"]{display:none!important}
  [data-m="hero"]{flex-direction:column!important;gap:36px!important;padding:32px 20px 48px!important}
  [data-m="hero-text"]{max-width:100%!important;flex:1 1 auto!important;margin-right:0!important}
  [data-m="hero-cols"]{display:none!important}
  [data-m="grid3"],[data-m="grid4"]{grid-template-columns:1fr!important}
  [data-m="nav-burger"]{display:flex!important}
  [data-m="sec"]{padding-left:20px!important;padding-right:20px!important;padding-top:60px!important;padding-bottom:60px!important}
  [data-m="pad"]{padding-left:20px!important;padding-right:20px!important}
  [data-m="hubwrap"]{display:none!important}
}

/* ---- article body typography ---- */
.jc-body p{font-size:18px;line-height:1.75;color:#334155;margin:0 0 22px}
.jc-body h2{font-family:'DM Serif Display',serif;font-size:30px;line-height:1.18;letter-spacing:-.01em;color:#0A0F1E;margin:44px 0 16px}
.jc-body h3{font-size:20px;font-weight:700;color:#0A0F1E;margin:30px 0 10px}
.jc-body ul{margin:0 0 22px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.jc-body ul li{position:relative;padding-left:26px;font-size:18px;line-height:1.6;color:#334155}
.jc-body ul li::before{content:"\25C6";position:absolute;left:0;top:1px;color:#00C8E8;font-size:13px}
.jc-body strong{color:#0A0F1E}
@media (max-width:760px){
  .jc-body p,.jc-body ul li{font-size:17px!important}
}