.jd-btn {
    display: inline-block;
    background: #d80019;
    color: #fff !important;
    padding: 12px 22px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: .3s;
}
.jd-btn:hover{
    background:#000;
    color:#fff;
}


.jd-section-title{
    font-size:46px;
    margin-bottom:35px;
}

.jd-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
    gap:30px;
}

.jd-card {
    border: 1px solid #ddd;
    border-radius: 16px;
    background: #fff;
    padding: 30px 15px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.jd-badge{
    position:absolute;
    top:-14px;
    left:22px;
    background: #f6e6c2;
    color: #333;
    font-size:12px;
    text-transform:uppercase;
    font-weight:700;
    padding:6px 14px;
    border-radius:30px;
}

.jd-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.jd-head h3{
    margin:0;
    font-size:22px;
}

.jd-price{
    font-size:32px;
    font-weight:700;
}

.jd-features{
    list-style:none;
    padding:0;
    margin:0 0 30px;
}

.jd-features li{
    margin-bottom:16px;
    padding-left:28px;
    position:relative;
    color:#444;
}

.jd-features li:before{
    content:"✓";
    position:absolute;
    left:0;
    color:#3d7656;
    font-weight:bold;
}
.jd-card .jd-btn {
    display: block;
    width: 100%;
    justify-self: end;
    margin-top: auto;
    text-align: center;
}

.jd-business-section {
    margin-top: 70px;
    padding-top: 60px;
    border-top: 1px solid #dfe5e0;
}

.jd-business-intro {
    max-width: 760px;
    margin: 0 auto 38px;
    text-align: center;
}

.jd-business-intro .jd-section-title {
    margin-bottom: 12px;
}

.jd-business-intro p {
    margin: 0;
    color: #666;
    font-size: 17px;
    line-height: 1.6;
}

.jd-business-card {
    border-top: 4px solid var(--e-global-color-accent, #d80019);
}

.jd-business-card .jd-head {
    display: block;
    margin-bottom: 14px;
}

.jd-business-card .jd-head h3 {
    min-height: 54px;
    margin-bottom: 12px;
}

.jd-business-card .jd-price {
    color: #102c55;
}

.jd-business-description {
    margin: 0 0 26px;
    color: #555;
    line-height: 1.6;
}

.jd-community-section{
    margin-top:90px;
    padding-top:70px;
    border-top:1px solid #dfe5e0;
}

.jd-community-intro{
    max-width:760px;
    margin:0 auto 38px;
    text-align:center;
}

.jd-community-intro .jd-section-title{
    margin-bottom:12px;
}

.jd-community-intro p{
    margin:0;
    color:#666;
    font-size:17px;
    line-height:1.6;
}

.jd-community-section .jd-card{
    border-top:4px solid #000;
}

.jd-community-section .jd-card-featured{
    border:2px solid #efc15c;
}

.jd-community-section .jd-card-featured .jd-badge{
    left:50%;
    transform:translateX(-50%);
    background:#f6d88d;
    white-space:nowrap;
}

.jd-community-section .jd-head{
    display:block;
    text-align:center;
}

.jd-community-section .jd-head h3{
    min-height:68px;
    color:#000;
    font-size:22px;
    text-transform:uppercase;
}

.jd-monthly-price{
    display:flex;
    align-items:baseline;
    justify-content:center;
    gap:8px;
    margin-top:14px;
    padding-bottom:22px;
    border-bottom:1px solid #ddd;
    color:#102c55;
}

.jd-monthly-amount{
    font-size:52px;
    font-weight:700;
    line-height:1;
}

.jd-price-period{
    color:#102c55;
    font-size:16px;
    font-weight:600;
}

.jd-annual-row{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:14px;
    min-height:74px;
    padding-top:20px;
}

.jd-annual-price{
    display:flex;
    align-items:baseline;
    gap:5px;
    color:#102c55;
}

.jd-annual-amount{
    font-size:29px;
    font-weight:700;
}

.jd-savings-badge{
    display:inline-block;
    padding:7px 14px;
    border-radius:999px;
    background:#f6e6c2;
    color:#222;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
}

.jd-billing-note{
    margin:22px 0 0;
    color:#666;
    font-size:14px;
    text-align:center;
}
@media(max-width:768px){

.jd-hero h1{
    font-size:40px;
}

.jd-section-title{
    font-size:34px;
}

.jd-monthly-amount{
    font-size:44px;
}

}
    :root {
      /* Coastal palette — tweak to match brand exactly */
      --navy:#1a365d; --teal:#2c7a7b; --sand:#f6e6c2; --coral:#f56565; --ink:#2d3748; --muted:#718096; --bg:#ffffff;
      --maxw:1120px; --radius:16px; --shadow:0 6px 20px rgba(0,0,0,.06);
    }
    html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}
    .wrap{max-width:var(--maxw);margin:0 auto;padding:24px}
    .chip{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--sand);color:var(--navy);font-weight:600;font-size:14px}
    .hero{background:linear-gradient(180deg,#ffffff, #f9fbff);} 
    .hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
    .hero h1{font-size:40px;line-height:1.1;margin:12px 0 8px;color:var(--navy)}
    .hero p{font-size:18px;color:var(--muted);margin:0 0 10px}
    .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
    .btn{appearance:none;border:none;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}
    .btn-primary{background:var( --e-global-color-accent );color:#fff !important}
    .btn-outline{background:#fff;color:var( --e-global-color-accent );border:2px solid var( --e-global-color-accent )}
    .badge{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:14px;margin-top:8px}
    .logo{width:180px;height:auto;object-fit:contain}
    .hero-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}

    /* Stats */
    .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}
    .stat{background:#fff;border-radius:14px;padding:18px;box-shadow:var(--shadow)}
    .stat h3{margin:0;color:var(--navy);font-size:28px}
    .stat p{margin:6px 0 0;color:var(--muted);font-size:14px}

    /* Sections */
    section{padding:28px 0;}
    h2{color:var(--navy);font-size:28px;margin:0 0 12px}
    .lead{color:var(--muted);margin:0 0 18px}

    /* Cards grid */
    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .card{background:#fff;border-radius:14px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
    .card .media{background-color:#fcf8f0;height:160px;display:flex;align-items:center;justify-content:center;color:#64748b;font-weight:600}
    .card .body{padding:16px;background:#fff;}
    .tag{display:inline-block;font-size:12px;font-weight:700;color:#fff !important;background:var(--coral);padding:6px 10px;border-radius:999px}
    .meta{margin-top:8px;color:var(--muted);font-size:14px}
    .bg{background-size: contain; 
            background-position: center; 
            background-repeat: no-repeat; 
                min-height: 300px;
         }
    /* Newsletter & Website */
    .two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .mock{background:#f1f5f9;border-radius:12px;height:140px;display:flex;align-items:center;justify-content:center;color:#64748b;font-weight:600}

    /* Bundles */
    .list{display:grid;gap:12px}
    .list-item{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:16px}
    .list-item h3{margin:0 0 6px;font-size:18px;color:var(--navy)}
    .list-item p{margin:0;color:var(--muted)}

    /* Next steps */
    .steps{display:grid;gap:10px;margin-top:8px}
    .step{background:#fff;border-radius:12px;padding:12px 14px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:flex-start}
    .step-num{background:var(--teal);color:#fff;min-width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800}
    
    /* Footer */
    .footer{background:var(--navy);color:#cbd5e1;padding:22px 0;margin-top:24px; margin-bottom: 2px;}
    .footer .wrap{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
    .foot-links{display:flex;gap:12px;flex-wrap:wrap}
    .foot-links a{color:#e2e8f0;text-decoration:none}

    /* Responsive */
    @media (max-width: 960px){
      .hero-inner{grid-template-columns:1fr}
      .stats{grid-template-columns:repeat(2,1fr)}
      .grid{grid-template-columns:1fr 1fr}
      .two-col{grid-template-columns:1fr}
    }
    @media (max-width: 560px){
      .stats{grid-template-columns:1fr}
      .grid{grid-template-columns:1fr}
      .hero h1{font-size:32px}
    }

.hero-card-copy {
    margin: 10px 0 0;
    color: var(--muted);
}