/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

.gallery { display: flex; flex-wrap: wrap; margin: 0; }
.gallery-item {
  width: 33.333% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.gallery-item br { display: none; }            /* ignore the hard-coded row breaks */
.gallery-icon, .gallery-icon a, .gallery-icon img {
  margin: 0 !important;
  padding: 0 !important;
  display: block;
}
.gallery-icon img {
  width: 100%;
  height: auto;
  max-width: 100%;
  border: none !important;
}



.cbp-l-caption-desc, .pagenation, .mobileout {

    display: none;
}

.logo {
   width: 600px;
}

.top_header .left {
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
}


#zc-gallery-catalog {
     background-color: #fff; }

@media (max-width: 480px) {

    body .container {
        width: 100%;
        padding-left:10px;
padding-right:10px
    }


.logo {

    width: 110%;

}
    .top_header .left {
   width: 100%;
        padding: 0px 0px 0px 0px;
    }
.bwd-home .wrap {

    padding: 0 0px !important;

}

.bwd-home .wrap
Specificity: (0,2,0)
 {

    padding: 0 0px !important;

}


.bwd-how-hero {
    text-align: center;
    background: var(--bwd-light);
    border-bottom: 1px solid #eee;
    padding: 0px 0px; 
}

.top_header .left {
    float: left;
    width: 44%;
    padding: 0px 0px 0px 0px;
}

    #logo {
         margin-top: 0px; 
    }


#primary.site-content {

    padding: 0px 0px 0px 0px;
}

}

@media only screen and (min-width: 374px) and (max-width: 413px) {
    body .container {
        width: 355px;
        margin: auto;
    }
}



/* fonts enqueued by theme */

.bwd-home{
  --ink:#191512; --ink-soft:#4a423b; --cream:#FBF6EE; --cream-2:#F3EADB;
  --paper:#ffffff; --coral:#E8552E; --coral-deep:#C8421F; --teal:#15564F;
  --gold:#E0A33B; --line:rgba(25,21,18,.12);
  --shadow:0 18px 50px -18px rgba(25,21,18,.28); --shadow-soft:0 8px 30px -12px rgba(25,21,18,.18);
  --maxw:1180px; --r:18px;
  position:relative; background:transparent;
  font-family:'Hanken Grotesk',system-ui,sans-serif; color:var(--ink);
  line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
.bwd-home *{box-sizing:border-box;margin:0;padding:0}
.bwd-home .wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px;position:relative;z-index:1}
.bwd-home a{color:inherit;text-decoration:none}
.bwd-home h1,.bwd-home h2,.bwd-home h3{font-family:'Fraunces',Georgia,serif;font-weight:600;line-height:1.04;letter-spacing:-.015em}
.bwd-home .accent{color:var(--coral)}
.bwd-home .serif-i{font-style:italic;font-weight:500}
.bwd-home .brand{display:flex;align-items:center;gap:12px;font-family:'Fraunces',serif;font-weight:600;font-size:1.28rem;letter-spacing:-.02em}
.bwd-home .brand .mark{width:38px;height:38px;border-radius:11px;background:var(--ink);color:var(--cream);display:grid;place-items:center;font-size:1.05rem;flex:none;box-shadow:var(--shadow-soft)}
.bwd-home .brand .mark b{color:var(--coral)}
.bwd-home .brand small{display:block;font-family:'Hanken Grotesk',sans-serif;font-weight:500;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-top:-2px}
.bwd-home .btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:.95rem;padding:12px 20px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:.2s;white-space:nowrap}
.bwd-home .btn-primary{background:var(--coral);color:#fff;box-shadow:0 10px 24px -8px rgba(232,85,46,.6)}
.bwd-home .btn-primary:hover{background:var(--coral-deep);transform:translateY(-2px)}
.bwd-home .btn-ghost{border-color:var(--ink);color:var(--ink)}
.bwd-home .btn-ghost:hover{background:var(--ink);color:var(--cream)}
.bwd-home .btn-arrow{transition:transform .2s}
.bwd-home .btn:hover .btn-arrow{transform:translateX(3px)}

/* hero */
.bwd-home .hero{padding:0px 0 40px;position:relative}
.bwd-home .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--coral-deep);background:rgba(232,85,46,.1);border:1px solid rgba(232,85,46,.25);padding:7px 14px;border-radius:999px}
.bwd-home .hero h1{font-size:clamp(2.6rem,6.4vw,4.8rem);margin:24px 0 0;max-width:14ch}
.bwd-home .hero h1 .line{display:block;overflow:hidden}
.bwd-home .hero h1 .line>span{display:block;animation:bwdRise .9s cubic-bezier(.2,.7,.2,1) backwards}
@keyframes bwdRise{from{transform:translateY(105%)}to{transform:translateY(0)}}
.bwd-home .hero p.lead{font-size:clamp(1.05rem,1.8vw,1.32rem);color:var(--ink-soft);max-width:50ch;margin:26px 0 0;animation:bwdFade 1s .5s backwards}
@keyframes bwdFade{from{opacity:0;transform:translateY(12px)}to{opacity:1}}
.bwd-home .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;animation:bwdFade 1s .65s backwards}
.bwd-home .trust-strip{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:42px;padding-top:26px;border-top:1px solid var(--line);animation:bwdFade 1s .8s backwards}
.bwd-home .trust-strip div{display:flex;align-items:center;gap:9px;font-size:.9rem;font-weight:500;color:var(--ink-soft)}
.bwd-home .trust-strip svg{flex:none;color:var(--teal)}

/* AI band */
.bwd-home .band{background:var(--ink);color:var(--cream);border-radius:28px;padding:54px 40px;margin:40px 0;position:relative;overflow:hidden}
.bwd-home .band::after{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(232,85,46,.45),transparent 65%)}
.bwd-home .band .tag{color:var(--gold);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}
.bwd-home .band h2{font-size:clamp(1.8rem,3.6vw,2.8rem);margin:14px 0 0;max-width:20ch;color:var(--cream)}
.bwd-home .band p{color:rgba(251,246,238,.78);max-width:60ch;margin-top:18px;font-size:1.06rem;position:relative}
.bwd-home .band-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:38px;position:relative}
.bwd-home .band-grid .stat b{font-family:'Fraunces',serif;font-size:2.4rem;color:#fff;display:block;line-height:1}
.bwd-home .band-grid .stat span{color:rgba(251,246,238,.7);font-size:.92rem}

/* section heads */
.bwd-home .sec{padding:50px 0}
.bwd-home .sec-head{max-width:60ch}
.bwd-home .sec-head .eyebrow.t{background:rgba(21,86,79,.1);border-color:rgba(21,86,79,.25);color:var(--teal)}
.bwd-home .sec-head h2{font-size:clamp(2rem,4vw,3rem);margin:18px 0 0}
.bwd-home .sec-head p{color:var(--ink-soft);font-size:1.08rem;margin-top:14px}

/* services */
.bwd-home .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.bwd-home .card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:26px;transition:.25s;position:relative;overflow:hidden;display:block}
.bwd-home .card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.bwd-home .card .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--cream-2);color:var(--coral-deep);margin-bottom:16px}
.bwd-home .card.feature{background:linear-gradient(150deg,var(--teal),#0f413c);color:var(--cream)}
.bwd-home .card.feature .ic{background:rgba(255,255,255,.14);color:var(--gold)}
.bwd-home .card.feature h3,.bwd-home .card.feature p{color:var(--cream)}
.bwd-home .card.feature .more{color:var(--gold)}
.bwd-home .card h3{font-size:1.28rem;margin-bottom:8px}
.bwd-home .card p{color:var(--ink-soft);font-size:.96rem}
.bwd-home .card .more{margin-top:14px;font-weight:600;font-size:.9rem;color:var(--coral-deep);display:inline-flex;gap:6px;align-items:center}
.bwd-home .badge-new{position:absolute;top:16px;right:16px;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--gold);color:var(--ink);padding:4px 9px;border-radius:999px}

/* copy-a-site */
.bwd-home .feature-row{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:46px;margin-top:18px;position:relative;overflow:hidden}
.bwd-home .feature-row .mock{background:var(--cream);border-radius:16px;border:1px solid var(--line);padding:18px;box-shadow:var(--shadow-soft)}
.bwd-home .mock .bar{display:flex;gap:6px;margin-bottom:14px}
.bwd-home .mock .bar i{width:11px;height:11px;border-radius:50%;background:var(--line);display:block}
.bwd-home .mock .row-line{height:11px;border-radius:6px;background:var(--cream-2);margin:9px 0}
.bwd-home .mock .row-line.w70{width:70%}.bwd-home .mock .row-line.w40{width:40%}.bwd-home .mock .row-line.w90{width:90%}
.bwd-home .mock .mock-arrow{text-align:center;color:var(--coral);font-size:1.6rem;margin:6px 0}
.bwd-home .mock .after{border:1.5px solid var(--coral);background:#fff}
.bwd-home .mock .after .row-line{background:rgba(232,85,46,.18)}

/* why us */
.bwd-home .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.bwd-home .why{padding:24px;border-radius:var(--r);background:var(--cream-2)}
.bwd-home .why b{font-family:'Fraunces',serif;font-size:1.15rem;display:block;margin-bottom:6px}
.bwd-home .why p{font-size:.92rem;color:var(--ink-soft)}

/* pricing */
.bwd-home .price-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.bwd-home .price{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:30px;text-align:center;position:relative}
.bwd-home .price.hot{border:2px solid var(--coral);box-shadow:var(--shadow)}
.bwd-home .price .pop{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--coral);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 14px;border-radius:999px}
.bwd-home .price h4{font-family:'Hanken Grotesk',sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;color:var(--ink-soft)}
.bwd-home .price .amt{font-family:'Fraunces',serif;font-size:2.7rem;margin:10px 0 4px}
.bwd-home .price .amt small{font-size:1rem;color:var(--ink-soft);font-weight:500}
.bwd-home .price ul{list-style:none;text-align:left;margin:18px 0;display:flex;flex-direction:column;gap:8px}
.bwd-home .price li{font-size:.92rem;display:flex;gap:9px;color:var(--ink-soft)}
.bwd-home .price li svg{flex:none;color:var(--teal);margin-top:3px}

/* final cta */
.bwd-home .final{background:linear-gradient(150deg,var(--coral),var(--coral-deep));color:#fff;border-radius:28px;padding:60px 44px;text-align:center;position:relative;overflow:hidden}
.bwd-home .final::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 50% -20%,rgba(255,255,255,.18),transparent)}
.bwd-home .final h2{color:#fff;font-size:clamp(2rem,4.4vw,3.2rem);position:relative}
.bwd-home .final p{color:rgba(255,255,255,.9);max-width:46ch;margin:16px auto 0;position:relative;font-size:1.1rem}
.bwd-home .final .hero-cta{justify-content:center;position:relative}
.bwd-home .final .btn-primary{background:#fff;color:var(--coral-deep)}
.bwd-home .final .btn-primary:hover{background:var(--ink);color:#fff}
.bwd-home .final .btn-ghost{border-color:rgba(255,255,255,.7);color:#fff}
.bwd-home .final .btn-ghost:hover{background:#fff;color:var(--coral-deep)}

/* optional footer */
.bwd-home .bwd-footer{background:var(--ink);color:rgba(251,246,238,.75);margin-top:50px;padding:54px 0 28px;border-radius:28px 28px 0 0}
.bwd-home .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.bwd-home .bwd-footer h5{color:var(--cream);font-family:'Hanken Grotesk',sans-serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.bwd-home .bwd-footer a{display:block;padding:5px 0;font-size:.92rem;transition:.15s}
.bwd-home .bwd-footer a:hover{color:var(--gold)}
.bwd-home .foot-brand .brand{color:var(--cream);margin-bottom:12px}
.bwd-home .foot-brand p{font-size:.92rem;max-width:34ch}
.bwd-home .foot-bottom{border-top:1px solid rgba(251,246,238,.14);margin-top:36px;padding-top:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.84rem}
.bwd-home .foot-bottom a{display:inline}

/* responsive */
@media(max-width:900px){
  .bwd-home .band-grid,.bwd-home .svc-grid,.bwd-home .why-grid,.bwd-home .price-row{grid-template-columns:1fr 1fr}
  .bwd-home .feature-row{grid-template-columns:1fr;padding:30px}
  .bwd-home .foot-grid{grid-template-columns:1fr 1fr}
  .bwd-home .band{padding:40px 26px}
}
@media(max-width:560px){
  .bwd-home .band-grid,.bwd-home .svc-grid,.bwd-home .why-grid,.bwd-home .price-row,.bwd-home .foot-grid{grid-template-columns:1fr}
  .bwd-home .hero{padding:34px 0 24px}
}






        :root {
            --primary-blue: #0056b3;
            --ai-gradient: linear-gradient(135deg, #0056b3 0%, #00d4ff 100%);
            --dark-text: #222;
            --light-gray: #f9f9f9;
        }

        .ai-container {
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            line-height: 1.7;
            color: #444;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        /* Hero Section - User Text Placed Here */
        .ai-hero {
            background: var(--ai-gradient);
            color: white;
            padding: 60px 40px;
            border-radius: 15px;
            text-align: center;
            margin-bottom: 40px;
        }

        .ai-hero h1 {
            font-size: 2.8rem;
            margin-bottom: 25px;
            font-weight: 800;
        }

        .ai-hero p {
            font-size: 1.25rem;
            max-width: 900px;
            margin: 0 auto 20px;
            line-height: 1.6;
        }

        .ai-hero .sub-text {
            font-size: 1.1rem;
            opacity: 0.95;
            background: rgba(0,0,0,0.1);
            padding: 20px;
            border-radius: 10px;
            margin-top: 20px;
        }

        /* Image Styling */
        .featured-image-container {
            text-align: center;
            margin-bottom: 50px;
        }

        .featured-image-container img {
            max-width: 100%;
            height: auto;
            border-radius: 20px;
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        }

        /* Service Cards */
        .service-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
            margin: 50px 0;
        }

        .service-card {
            background: white;
            padding: 35px;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            border-bottom: 4px solid var(--primary-blue);
            transition: transform 0.3s ease;
        }

        .service-card:hover {
            transform: translateY(-5px);
        }

        .service-card h3 {
            color: var(--primary-blue);
            margin-top: 0;
            font-size: 1.5rem;
        }

        /* Process Section */
        .process-section {
            background: var(--light-gray);
            padding: 50px 30px;
            border-radius: 15px;
            text-align: center;
        }

        .steps-container {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 30px;
        }

        .step {
            flex: 1;
            min-width: 200px;
        }

        .step-number {
            font-size: 2.5rem;
            font-weight: 900;
            color: #ddd;
            display: block;
        }

        /* CTA Button */
        .ai-btn {
            background: var(--primary-blue);
            color: white !important;
            padding: 18px 35px;
            text-decoration: none;
            font-weight: bold;
            border-radius: 8px;
            display: inline-block;
            margin-top: 20px;
            transition: 0.3s;
        }

        .ai-btn:hover {
            background: #004494;
            box-shadow: 0 5px 15px rgba(0,86,179,0.3);
        }

        @media (max-width: 768px) {
            .ai-hero h1 { font-size: 2rem; }
            .ai-hero p { font-size: 1.1rem; }
        }