.blg-banner{position:relative;overflow:hidden;background:#000 url("../../images/art/plans-banner.webp") no-repeat center/cover;color:#fff;height:498px;display:flex;align-items:center;margin-bottom:100px;padding:100px 0}
.blg-banner.is-live{background-image:none}
.blg-banner__wave{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.blg-banner .container{position:relative;z-index:1;width:100%}
.blg-banner-text{font-size:14px;line-height:21px;letter-spacing:1.4px;font-weight:700;text-transform:uppercase;text-align:center;margin:0 0 16px}
.blg-banner-h1{font-size:48px;font-weight:500;line-height:55px;text-align:center;margin:0}
.blg-banner-sub{font-size:18px;line-height:28px;color:#ddd;text-align:center;max-width:680px;margin:16px auto 0}
.prc-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.prc-models,.prc-group,.prc-form-sec{padding:0 0 100px}
.prc-group,.prc-form-sec{overflow-x:clip}
.blg-small-title{display:block;font-size:18px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding-bottom:8px;background:linear-gradient(153.53deg,#3567DB 2.54%,rgba(66,52,219,.65) 101.34%);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Section heads */
.prc-sec-title{font-size:40px;line-height:48px;font-weight:500;color:#fff;max-width:860px;margin:0 0 16px}
.prc-sec-intro{font-size:18px;line-height:28px;color:#a7b1bf;max-width:760px;margin:0 0 40px}
.prc-sec-intro a{color:#8fb0f0;text-decoration:underline}
/* Engagement models */
.prc-model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none}
.prc-num{font-size:13px;line-height:18px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600;color:#8fb0f0}
.prc-quote{display:grid;grid-template-columns:5fr 7fr;gap:48px;margin-top:32px;padding:32px;border:1px solid #2a313c;border-radius:16px;background:#0b0d11}
.prc-quote h3{font-size:24px;line-height:32px;font-weight:500;color:#fff;margin:0 0 12px}
.prc-quote p{font-size:16px;line-height:26px;color:#a7b1bf}
.prc-quote p+p{margin-top:12px}
.prc-quote strong{color:#fff;font-weight:600}
.prc-quote a{color:#8fb0f0;text-decoration:underline}
.prc-steps{display:flex;flex-direction:column;gap:12px}
.prc-steps li{position:relative;padding-left:22px;font-size:16px;line-height:25px;color:#c7cfdc}
.prc-steps li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:#5b87e3}
/* Service groups */
.blg-latest-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.prc-feature{margin-bottom:48px}
.blg-thumb{display:block;overflow:hidden;border-radius:16px}
.blg-thumb img{display:block;width:100%;height:auto;transition:transform .6s var(--ease-out,ease)}
.blg-thumb:hover img,.blg-card:hover .blg-thumb img{transform:scale(1.06)}
.blg-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.blg-badge{background:#4D4D4D;color:#fff;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:300}
.blg-meta-line{height:1px;width:32px;background:#9BA5B9}
.blg-date{display:block;font-size:12px;line-height:19px;color:#999}
.blg-latest-title{font-size:32px;line-height:42px;font-weight:400;margin:0 0 24px}
.blg-latest-title a,.blg-title a{color:#ddd;text-decoration:none;transition:color .3s}
.blg-latest-title a{color:#fff}
.blg-latest-title a:hover,.blg-title a:hover{color:var(--accent,#3567DB)}
.blg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blg-body{padding-top:16px}
.blg-body .blg-date{margin-bottom:8px}
.blg-title{font-size:21px;line-height:27px;font-weight:500;margin:0 0 8px}
.blg-desc{font-size:16px;line-height:24px;color:#999;margin:0}
.prc-card{display:flex;flex-direction:column}
.prc-card .blg-thumb img{aspect-ratio:16/9;object-fit:cover}
.prc-card .blg-body{flex:1;display:flex;flex-direction:column}
.prc-card .prc-plans{margin-bottom:20px}
.prc-card .prc-cta{margin-top:auto}
@media (min-width:992px){.prc-card:last-child:nth-child(3n+1){grid-column:2}}
/* Plans inside each service */
.prc-plans{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.prc-plans--stack{grid-template-columns:1fr;gap:12px;margin-top:16px}
.prc-plan{display:flex;flex-direction:column;gap:6px;padding:24px;border:1px solid #2a313c;border-radius:16px;background:#0b0d11;transition:border-color .3s,transform .4s var(--ease-out,ease)}
.prc-plan:hover{border-color:rgba(53,103,219,.6);transform:translateY(-4px)}
.prc-name{margin:0;font-size:24px;line-height:32px;font-weight:600;background:linear-gradient(153.53deg,#3567DB 2.54%,rgba(66,52,219,.65) 101.34%);-webkit-background-clip:text;background-clip:text;color:transparent;width:fit-content}
.prc-basis{margin:0 0 6px;font-size:12px;line-height:19px;letter-spacing:.6px;text-transform:uppercase;color:#9BA5B9}
.prc-plan .blg-desc{font-size:15px;line-height:23px;flex:1}
.prc-cta{align-self:flex-start;margin-top:20px;padding:10px 20px;font-size:15px}
.prc-plans--stack .prc-plan{padding:20px}
.prc-plans--stack .prc-name{font-size:21px;line-height:28px}
/* Form */
.prc-form-row{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start}
.prc-contact{margin-top:24px;display:flex;flex-direction:column;gap:10px}
.prc-contact a{color:#8fb0f0;font-size:16px}
.prc-contact a:hover{text-decoration:underline}
.prc-form{padding:32px;border:1px solid #2a313c;border-radius:16px;background:#0b0d11}
.prc-form textarea.form-field{resize:vertical;min-height:130px;display:block}
.prc-form select.form-field{appearance:auto}
.prc-form .submit-btn{transition:filter .3s}
.prc-form .submit-btn:hover{filter:brightness(1.12)}
@media (max-width:1199px){.blg-latest-title{font-size:24px;line-height:35px}}
@media (max-width:991px){.blg-latest-row{grid-template-columns:1fr}.blg-grid{grid-template-columns:repeat(2,1fr)}.blg-banner-h1{font-size:40px;line-height:50px}.prc-form-row{grid-template-columns:1fr;gap:32px}.prc-model-grid{grid-template-columns:1fr}.prc-quote{grid-template-columns:1fr;gap:24px}.prc-sec-title{font-size:32px;line-height:40px}}
@media (max-width:767px){.blg-grid{grid-template-columns:1fr}.blg-banner{height:auto;min-height:320px;margin-bottom:40px;padding:80px 0}.blg-banner-h1{font-size:32px;line-height:40px}.prc-models,.prc-group,.prc-form-sec{padding-bottom:50px}.blg-small-title{text-align:left}.prc-plans{grid-template-columns:1fr}.prc-name{font-size:22px;line-height:30px}.prc-form,.prc-quote{padding:20px}.prc-sec-title{font-size:28px;line-height:36px}.prc-sec-intro{font-size:16px;line-height:26px;margin-bottom:28px}.prc-feature{margin-bottom:32px}}
@media (max-height: 500px) and (orientation: landscape){.blg-banner{height:auto;min-height:0;padding:56px 0;margin-bottom:48px}}
/* ===== LIGHT THEME (.theme-light) ===== */
/* Dot-wave banner is light too: soft white surface, dark copy; models + core offers on the light page, growth services on a white band, form back on the light page. */
.theme-light .blg-banner{background:radial-gradient(ellipse at 50% 40%,#ffffff 0%,#f3f6fc 55%,#eef2fa 100%);color:#0e1525}
.theme-light .blg-banner-text{color:var(--accent)}
.theme-light .blg-banner-h1{color:#0e1525}
.theme-light .blg-banner-sub{color:#5b6577}
.theme-light .prc-group--growth{padding-top:100px;background:#fff;border-block:1px solid #e1e6ef;margin-bottom:100px}
.theme-light .prc-group--growth .prc-plan{background:#f5f7fb;box-shadow:none}
@media (max-width:767px){.theme-light .prc-group--growth{padding-top:50px;margin-bottom:50px}}
.theme-light .blg-small-title{background-image:linear-gradient(153.53deg,#3567DB 2.54%,#4234db 101.34%)}
.theme-light .prc-sec-title,.theme-light .prc-quote h3,.theme-light .prc-quote strong{color:#0e1525}
.theme-light .prc-sec-intro,.theme-light .prc-quote p{color:#5b6577}
.theme-light .prc-steps li{color:#2b3445}
.theme-light .prc-steps li::before{background:var(--accent)}
.theme-light .prc-num,.theme-light .prc-sec-intro a,.theme-light .prc-quote a,.theme-light .prc-contact a{color:#2559d2}
.theme-light .prc-quote{background:#fff;border-color:#e1e6ef;box-shadow:0 10px 30px -12px rgba(14,21,37,.12)}
.theme-light .blg-badge{background:rgba(53,103,219,.1);color:#2559d2;font-weight:500}
.theme-light .blg-meta-line{background:#c3c9d4}
.theme-light .blg-date{color:#5b6577}
.theme-light .blg-latest-title a,.theme-light .blg-latest-title{color:#0e1525}
.theme-light .blg-title a{color:#0e1525}
.theme-light .blg-latest-title a:hover,.theme-light .blg-title a:hover{color:var(--accent)}
.theme-light .blg-desc{color:#5b6577}
.theme-light .blg-thumb{box-shadow:0 10px 30px -12px rgba(14,21,37,.18)}
.theme-light .prc-plan{background:#fff;border-color:#e1e6ef;box-shadow:0 10px 30px -12px rgba(14,21,37,.12)}
.theme-light .prc-plan:hover{border-color:rgba(53,103,219,.55);box-shadow:0 18px 38px -14px rgba(53,103,219,.28)}
.theme-light .prc-name{background-image:linear-gradient(153.53deg,#3567DB 2.54%,#4234db 101.34%)}
.theme-light .prc-basis{color:#6b7588}
.theme-light .prc-form{background:#fff;border-color:#e1e6ef;box-shadow:0 10px 30px -12px rgba(14,21,37,.12)}
.theme-light .prc-form select.form-field{color:var(--text)}
.theme-light .prc-form select.form-field option{background:#fff;color:#0e1525}