/* Web Solutions Design Library 1.0.0 — styles scoped to reusable Gutenberg patterns. */
.wsdl{--wsdl-navy:var(--ws-navy,#082d56);--wsdl-blue:var(--ws-blue,#1764f5);--wsdl-ink:#112b46;--wsdl-muted:#50647b;--wsdl-line:#dae5f3;--wsdl-soft:#f4f8fd;--wsdl-body-desktop:16px;--wsdl-body-mobile:16px;--wsdl-heading-desktop:43px;--wsdl-heading-mobile:30px;--wsdl-hero-desktop:58px;--wsdl-hero-mobile:35px;--wsdl-spacing-desktop:66px;--wsdl-spacing-mobile:44px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--wsdl-ink);font-size:var(--wsdl-body-desktop);line-height:1.7;margin:0!important;max-width:none!important;width:100%;box-sizing:border-box}
.wsdl *, .wsdl *:before,.wsdl *:after{box-sizing:border-box}
.wsdl-section{padding:var(--wsdl-spacing-desktop) max(20px,calc((100% - 1160px)/2))!important}
.ws-main .wsdl h1,.ws-main .wsdl h2,.ws-main .wsdl h3,.wsdl h1,.wsdl h2,.wsdl h3{font-family:inherit;letter-spacing:-.035em;font-weight:700;line-height:1.15;color:var(--wsdl-ink);margin:0 0 17px;max-width:none}
.ws-main .wsdl h1,.wsdl h1{font-size:var(--wsdl-hero-desktop)}
.ws-main .wsdl h2,.wsdl h2{font-size:var(--wsdl-heading-desktop)}
.ws-main .wsdl h3,.wsdl h3{font-size:21px;letter-spacing:-.018em;margin:0 0 9px}
.ws-main .wsdl p,.wsdl p{font-size:var(--wsdl-body-desktop);line-height:1.7;color:var(--wsdl-muted);font-weight:400;margin:0 0 15px}
.ws-main .wsdl p.wsdl-kicker,.wsdl p.wsdl-kicker{color:var(--wsdl-blue);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:15px}
.wsdl p.wsdl-lead{max-width:780px;margin:0 0 25px;font-size:calc(var(--wsdl-body-desktop) + 1px)}
.wsdl .wp-block-columns{display:flex;gap:19px;align-items:stretch;margin:24px 0 0!important;flex-wrap:nowrap}
.wsdl .wp-block-columns>.wp-block-column{min-width:0;flex:1}
.wsdl .wp-block-columns .wp-block-columns{margin-top:10px!important}
.wsdl .wp-block-buttons{gap:11px;display:flex;flex-wrap:wrap;margin-top:23px}
.wsdl .wp-block-button{margin:0}
.wsdl .wp-block-button__link,.wsdl .wp-element-button{padding:14px 23px;min-height:48px;border-radius:11px!important;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;font:700 14px/1.25 Inter,"Segoe UI",Arial,sans-serif;transition:transform .2s,background .2s,box-shadow .2s}
.wsdl .wsdl-btn-primary .wp-block-button__link{color:#fff!important;background:var(--wsdl-blue)!important;box-shadow:0 9px 22px rgba(23,100,245,.16)}
.wsdl .wsdl-btn-primary .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 12px 23px rgba(23,100,245,.26)}
.wsdl .wsdl-btn-outline .wp-block-button__link{background:#fff!important;color:var(--wsdl-navy)!important;border:1px solid #bdd2e8}
.wsdl .wsdl-btn-text .wp-block-button__link{padding:10px 0;background:none!important;color:var(--wsdl-blue)!important;box-shadow:none}
.wsdl a:focus-visible,.wsdl button:focus-visible,.wsdl summary:focus-visible{outline:3px solid #88baff;outline-offset:4px}
.wsdl-hero{background:radial-gradient(ellipse at 80% 16%,rgba(52,132,238,.23),transparent 46%),linear-gradient(135deg,#071b36,#0b3562);padding-top:77px!important;padding-bottom:79px!important;position:relative;overflow:hidden}
.wsdl-hero:after{content:"";pointer-events:none;position:absolute;width:320px;height:320px;border-radius:50%;right:-85px;top:-150px;border:1px solid rgba(255,255,255,.1)}
.ws-main .wsdl-hero h1,.wsdl-hero h1{color:#fff!important;max-width:870px}
.ws-main .wsdl-hero p,.wsdl-hero p{color:#d8e6f8!important;max-width:750px}
.ws-main .wsdl-hero p.wsdl-kicker,.wsdl-hero p.wsdl-kicker{color:#8cbaff!important}
.wsdl-hero .wsdl-btn-outline .wp-block-button__link{background:transparent!important;color:#fff!important;border:1px solid #7396bf}
.wsdl-intro{background:#fff}
.wsdl-service-grid{background:var(--wsdl-soft)}
.wsdl-service-card,.wsdl-benefit-card,.wsdl-price-card,.wsdl-portfolio-card,.wsdl-step-card,.wsdl-split-panel{background:#fff;border:1px solid var(--wsdl-line);border-radius:18px;box-shadow:0 10px 25px rgba(12,55,100,.045);height:100%;padding:25px;transition:transform .2s,box-shadow .2s}
.wsdl-service-card:hover,.wsdl-portfolio-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(12,55,100,.08)}
.wsdl-service-card:before{content:"";display:block;height:48px;width:48px;margin:0 0 19px;border:1px solid #d0e2fa;border-radius:13px;background-color:#eaf3ff;background-image:var(--wsdl-icon);background-repeat:no-repeat;background-position:center;background-size:27px}
.wsdl-service-card--web{--wsdl-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231765e9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='14' rx='2'/%3E%3Cpath d='M8 21h8M12 18v3M3 9h18'/%3E%3C/svg%3E")}
.wsdl-service-card--seo{--wsdl-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231765e9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.2 15.2 21 21M8 11l2 2 4-4'/%3E%3C/svg%3E")}
.wsdl-service-card--ads{--wsdl-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231765e9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V11M10 19V6M16 19v-9M22 19V3'/%3E%3Cpath d='M2 21h20'/%3E%3C/svg%3E")}
.wsdl-service-card--care{--wsdl-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231765e9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 8 4v6c0 5-3.2 8.2-8 10-4.8-1.8-8-5-8-10V6z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
.wsdl-service-card--app{--wsdl-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231765e9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='18' rx='3'/%3E%3Cpath d='M2 9h20m-15 7 3-3m-3-3 3 3m7-3-3 6'/%3E%3C/svg%3E")}
.wsdl-service-card--link{--wsdl-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231765e9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13.5a5 5 0 0 0 7.1 0l2.3-2.3a5 5 0 0 0-7.1-7.1L11 5.4M14 10.5a5 5 0 0 0-7.1 0l-2.3 2.3a5 5 0 0 0 7.1 7.1l1.2-1.2'/%3E%3C/svg%3E")}
.wsdl p.wsdl-card-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#2765b1;margin-bottom:10px;font-weight:700}
.wsdl p.wsdl-card-description{font-size:calc(var(--wsdl-body-desktop) - 1px);margin-bottom:7px}
.wsdl-service-card .wp-block-buttons{margin-top:10px}
.wsdl-benefits{background:#fff}
.wsdl-benefit-card{border-top:3px solid #2e83f3}
.wsdl-process{background:#f4f8fe}
.wsdl-step-card{background:#fff;box-shadow:none}
.wsdl p.wsdl-step-no{font-size:27px;color:#1d68d8;font-weight:700;line-height:1.2;margin-bottom:18px}
.wsdl-pricing{background:#f4f8fd}
.wsdl-price-card{padding:29px 26px}
.wsdl p.wsdl-price{font-weight:700;color:#1457b6;font-size:21px;line-height:1.35;margin-top:23px;margin-bottom:9px}
.wsdl p.wsdl-price-note{font-size:14px}
.wsdl-portfolio{background:#fff}
.wsdl-portfolio-card{overflow:hidden;padding:0}
.wsdl-portfolio-card>.wp-block-group{padding:20px}
.wsdl-portfolio-art{display:flex;align-items:flex-end;height:166px;padding:20px!important;border-radius:16px;margin:0 0 15px!important;background:linear-gradient(135deg,#09416d,#1b83d4);position:relative;overflow:hidden}
.wsdl-portfolio-art:after{content:"";position:absolute;right:21px;top:26px;display:block;width:52%;height:108px;background:linear-gradient(#f9fdff,#e7f4ff);border:7px solid #c4ddf4;border-radius:13px;box-shadow:0 10px 30px #061f427d;transform:rotate(6deg)}
.wsdl-art--logistics{background:linear-gradient(135deg,#134963,#20a8a9)}
.wsdl-art--business{background:linear-gradient(135deg,#1e316e,#7183c6)}
.wsdl p.wsdl-art-caption{color:#fff;font-weight:700;font-size:12px;letter-spacing:.15em;position:relative;z-index:1;margin:0}
.wsdl-faq{background:#f4f8fd}
.wsdl-faq-list{max-width:870px}
.wsdl-faq details{border-bottom:1px solid #cfdced;padding:17px 2px;background:transparent}
.wsdl-faq summary{cursor:pointer;color:#112b46;font-weight:700;font-size:17px;padding-right:30px}
.wsdl-faq details p{margin:12px 0 3px}
.wsdl-cta{background:radial-gradient(circle at 90% 20%,rgba(59,146,239,.2),transparent 46%),linear-gradient(120deg,#071e3a,#10467b);border-radius:0}
.ws-main .wsdl-cta h2,.wsdl-cta h2{color:#fff!important}
.ws-main .wsdl-cta p,.wsdl-cta p{color:#dce8f6!important}
.wsdl-cta .wsdl-btn-outline .wp-block-button__link{background:transparent!important;color:#fff!important;border-color:#7396bd}
.wsdl-split{background:#fff}
.wsdl-split .wp-block-columns{align-items:center}
.wsdl-split-panel{background:#f5f9ff}
.wsdl p.wsdl-check-item{padding-left:26px;position:relative;margin-bottom:10px}
.wsdl p.wsdl-check-item:before{content:"✓";position:absolute;left:0;color:#1764f5;font-weight:700}
.wsdl-statement{background:#eaf3ff}
.wsdl-statement p.wsdl-lead{max-width:790px}
/* Gutenberg canvas: preserve section preview with native block editability. */
.editor-styles-wrapper .wsdl{max-width:none!important}
.editor-styles-wrapper .wsdl-section{padding-left:24px!important;padding-right:24px!important}
@media(max-width:1050px){.wsdl-section{padding-left:25px!important;padding-right:25px!important}.wsdl .wp-block-columns{gap:14px}.wsdl-service-card,.wsdl-price-card,.wsdl-step-card{padding:20px}.ws-main .wsdl h2,.wsdl h2{font-size:clamp(29px,3.6vw,var(--wsdl-heading-desktop))}}
@media(max-width:780px){.wsdl-section{padding:var(--wsdl-spacing-mobile) 21px!important}.wsdl .wp-block-columns{flex-wrap:wrap;gap:14px}.wsdl .wp-block-columns>.wp-block-column{flex-basis:calc(50% - 8px)!important;flex-grow:1}.wsdl .wsdl-split-cols>.wp-block-column{flex-basis:100%!important}.wsdl-service-row .wp-block-column:last-child{flex-basis:100%!important}.ws-main .wsdl h1,.wsdl h1{font-size:clamp(30px,4.5vw,46px)}.ws-main .wsdl h2,.wsdl h2{font-size:clamp(26px,3.6vw,34px)}.wsdl p.wsdl-lead{font-size:16px}.wsdl-hero{padding-top:53px!important;padding-bottom:58px!important}}
@media(max-width:560px){.wsdl{font-size:var(--wsdl-body-mobile)}.wsdl-section{padding:var(--wsdl-spacing-mobile) 17px!important}.ws-main .wsdl h1,.wsdl h1{font-size:var(--wsdl-hero-mobile)}.ws-main .wsdl h2,.wsdl h2{font-size:var(--wsdl-heading-mobile)}.ws-main .wsdl h3,.wsdl h3{font-size:20px}.ws-main .wsdl p,.wsdl p{font-size:var(--wsdl-body-mobile)}.wsdl .wp-block-columns>.wp-block-column,.wsdl-service-row .wp-block-column:last-child{flex-basis:100%!important}.wsdl-service-card,.wsdl-benefit-card,.wsdl-price-card,.wsdl-portfolio-card>.wp-block-group{padding:22px}.wsdl .wp-block-buttons{gap:9px}.wsdl .wp-block-button__link{min-height:46px;padding:13px 17px}.wsdl .wsdl-price{font-size:21px!important}.wsdl-portfolio-art{height:165px}.wsdl-faq summary{font-size:16px}}
@media(prefers-reduced-motion:reduce){.wsdl *, .wsdl *:before,.wsdl *:after{transition:none!important;animation:none!important}}
.wsdl-hero-image-columns{align-items:center!important;gap:42px!important}
.wsdl-hero-with-image .wp-block-column:first-child{flex-basis:58%;}
.wsdl-hero-with-image .wp-block-column:last-child{flex-basis:42%;}
.wsdl-hero-with-image .wp-block-image{margin:0}
.wsdl-hero-with-image .wp-block-image img{width:100%;height:auto;border-radius:20px;display:block;box-shadow:0 26px 52px #04183178}
.wsdl-portfolio-card--image .wp-block-image{margin:0 0 17px}
.wsdl-portfolio-card--image .wp-block-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px}
@media(max-width:780px){.wsdl .wsdl-hero-image-columns>.wp-block-column{flex-basis:100%!important}.wsdl-hero-with-image .wp-block-column:last-child{max-width:540px}}


/* === V1.1 — Penyelarasan pola Layanan dengan Beranda premium V3.2 ===
   CSS only. Existing saved Gutenberg blocks retain every text/image/link. */
.ws-main .wsdl.wsdl-section,
.wsdl.wsdl-section {
  padding-top:calc(var(--wsdl-spacing-desktop,66px) * .77)!important;
  padding-bottom:calc(var(--wsdl-spacing-desktop,66px) * .77)!important;
  isolation:isolate;
}
.ws-main .wsdl.wsdl-section > :first-child,
.wsdl.wsdl-section > :first-child{margin-top:0!important}
.ws-main .wsdl.wsdl-section > :last-child,
.wsdl.wsdl-section > :last-child{margin-bottom:0!important}
.ws-main .wsdl.wsdl-section h2,.wsdl.wsdl-section h2{font-size:clamp(29px,3.2vw,var(--wsdl-heading-desktop));letter-spacing:-.035em;line-height:1.17}
.ws-main .wsdl.wsdl-section h3,.wsdl.wsdl-section h3{font-size:clamp(18px,1.55vw,21px);line-height:1.28}
.ws-main .wsdl.wsdl-section p,.wsdl.wsdl-section p{line-height:1.65}
.wsdl-service-grid .wp-block-columns{margin-top:16px!important;gap:18px!important}
.wsdl-service-grid .wp-block-column{min-width:0!important}
.wsdl-service-card{padding:25px!important;border-radius:17px!important;box-shadow:0 7px 24px rgba(12,44,80,.055)!important}
.wsdl-service-card .wp-block-buttons{margin-top:12px!important}
.wsdl-service-card h3{margin-bottom:9px!important}
.wsdl-benefit-card,.wsdl-step-card{padding:24px!important;border-radius:16px!important}
.wsdl-split .wp-block-columns{gap:32px!important;align-items:center!important}
.wsdl-split-panel{padding:27px!important}
.wsdl-faq details{padding:13px 0!important}
/* CTA berbentuk panel terpisah, bukan banner full-bleed yang menyatu dengan footer. */
.ws-main .wsdl.wsdl-cta,.wsdl.wsdl-cta{
  width:calc(100% - 48px)!important;
  max-width:1160px!important;
  margin:34px auto 52px!important;
  padding:clamp(30px,4.6vw,58px)!important;
  background:radial-gradient(circle at 91% 15%,rgba(55,132,226,.28),transparent 45%),linear-gradient(122deg,#061e3b,#0c3d6b)!important;
  border-radius:24px!important;
  box-shadow:0 16px 35px rgba(10,46,87,.14);
  overflow:hidden;
}
.ws-main .wsdl.wsdl-cta h2,.wsdl.wsdl-cta h2{color:#fff!important;max-width:880px}
.ws-main .wsdl.wsdl-cta p,.wsdl.wsdl-cta p{color:#d8e6f8!important;max-width:790px}
.ws-main .wsdl.wsdl-cta .wsdl-kicker,.wsdl.wsdl-cta .wsdl-kicker{color:#8fbfff!important}
.wsdl.wsdl-cta .wp-block-buttons{margin-top:23px!important}
/* Tetap menampung konten panjang tanpa teks saling menimpa. */
.wsdl .wp-block-columns>.wp-block-column,.wsdl .wp-block-group{min-width:0;overflow-wrap:anywhere}
.wsdl .wp-block-button__link{white-space:normal;text-align:center}
@media(max-width:1050px){
  .wsdl-service-grid .wp-block-columns{flex-wrap:wrap!important}
  .wsdl-service-grid .wp-block-columns>.wp-block-column{flex:1 1 calc(50% - 10px)!important;max-width:none!important}
  .wsdl-split .wp-block-columns{gap:24px!important}
}
@media(max-width:780px){
  .ws-main .wsdl.wsdl-section,.wsdl.wsdl-section{padding-top:calc(var(--wsdl-spacing-mobile,44px) * .82)!important;padding-bottom:calc(var(--wsdl-spacing-mobile,44px) * .82)!important}
  .wsdl-split .wp-block-columns>.wp-block-column{flex-basis:100%!important}
  .wsdl-service-grid .wp-block-columns>.wp-block-column{flex-basis:calc(50% - 8px)!important}
  .ws-main .wsdl.wsdl-cta,.wsdl.wsdl-cta{width:calc(100% - 36px)!important;padding:34px 28px!important;margin:25px auto 42px!important;border-radius:20px!important}
  .wsdl-benefit-card,.wsdl-step-card,.wsdl-split-panel{padding:21px!important}
}
@media(max-width:560px){
  .ws-main .wsdl.wsdl-section,.wsdl.wsdl-section{padding-left:19px!important;padding-right:19px!important}
  .wsdl-service-grid .wp-block-columns>.wp-block-column{flex-basis:100%!important}
  .wsdl-service-grid .wp-block-columns{gap:12px!important;margin-top:12px!important}
  .wsdl-service-card{padding:21px!important}
  .ws-main .wsdl.wsdl-section p:not(.wsdl-kicker),.wsdl.wsdl-section p:not(.wsdl-kicker){font-size:var(--wsdl-body-mobile,16px);line-height:1.65}
  .ws-main .wsdl.wsdl-cta,.wsdl.wsdl-cta{width:calc(100% - 28px)!important;padding:29px 23px!important;margin:24px auto 38px!important;border-radius:17px!important}
  .wsdl.wsdl-cta .wp-block-buttons{flex-direction:column;align-items:stretch}
  .wsdl.wsdl-cta .wp-block-button,.wsdl.wsdl-cta .wp-block-button__link{width:100%}
}


/* === Web Solutions Design Library V1.2 — Perbaikan hierarki alignment Gutenberg ===
 * Pola Gutenberg native memakai layout constrained. Setiap direct child tanpa
 * align dipusatkan secara terpisah oleh WordPress (beda max-width), sehingga
 * label, headline, deskripsi, dan tombol tidak berada pada satu sumbu.
 * Perubahan terbatas pada section pustaka, tidak menyentuh Neve/beranda. */
.wsdl.wsdl-section,
.wsdl.wsdl-section > * { box-sizing:border-box; }

/* Komponen section standar harus berbagi awal kolom yang sama. */
.wsdl.wsdl-section:not(.wsdl-hero):not(.wsdl-cta) > :is(
  .wp-block-paragraph, p, .wp-block-heading, h1, h2, h3,
  .wp-block-buttons, .wp-block-columns, .wp-block-group, .wp-block-details,
  .wp-block-image, ul, ol
) {
  margin-left:0!important;
  margin-right:0!important;
}
.wsdl.wsdl-section:not(.wsdl-hero):not(.wsdl-cta) > :is(.wsdl-heading,.wp-block-heading){
  max-width:900px!important;
}
.wsdl.wsdl-section:not(.wsdl-hero):not(.wsdl-cta) > :is(.wsdl-lead,.wsdl-kicker){
  max-width:780px!important;
}
.wsdl.wsdl-section:not(.wsdl-hero):not(.wsdl-cta) > .wp-block-columns{
  width:100%!important;
  max-width:1160px!important;
}

/* Hero Layanan: semua teks dan tombol menjadi satu komposisi simetris. */
.wsdl.wsdl-hero.wsdl-hero--premium > :is(
  p,.wp-block-heading,h1,.wp-block-buttons
) {
  width:100%!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.wsdl.wsdl-hero.wsdl-hero--premium > .wsdl-kicker {
  max-width:900px!important;
  margin-bottom:17px!important;
}
.wsdl.wsdl-hero.wsdl-hero--premium > h1,
.wsdl.wsdl-hero.wsdl-hero--premium > .wsdl-hero-title {
  font-size:clamp(36px,3.65vw,50px)!important;
  line-height:1.17!important;
  letter-spacing:-.037em!important;
  margin-top:0!important;
  margin-bottom:19px!important;
  text-wrap:balance;
}
.wsdl.wsdl-hero.wsdl-hero--premium > .wsdl-hero-desc {
  max-width:760px!important;
  font-size:17px!important;
  line-height:1.7!important;
  margin-bottom:0!important;
  text-wrap:pretty;
}
.wsdl.wsdl-hero.wsdl-hero--premium > .wp-block-buttons {
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:26px!important;
}
.wsdl.wsdl-hero.wsdl-hero--premium {
  padding-top:clamp(52px,6vw,83px)!important;
  padding-bottom:clamp(54px,6.5vw,88px)!important;
}
.wsdl.wsdl-hero.wsdl-hero--premium > .wp-block-buttons .wp-block-button {flex:0 0 auto;}

/* CTA akhir mengikuti satu kolom sekaligus tetap sebagai panel terpisah. */
.wsdl.wsdl-cta > :is(p,h2,.wp-block-buttons) {
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
.wsdl.wsdl-cta > .wp-block-buttons {justify-content:flex-start!important;}

@media (max-width:780px) {
  .wsdl.wsdl-hero.wsdl-hero--premium > .wsdl-hero-title {
    font-size:clamp(33px,5.5vw,42px)!important;
  }
  .wsdl.wsdl-hero.wsdl-hero--premium > .wsdl-hero-desc {
    font-size:16px!important;
    line-height:1.65!important;
  }
}
@media (max-width:560px) {
  .wsdl.wsdl-hero.wsdl-hero--premium {padding-top:44px!important;padding-bottom:49px!important;}
  .wsdl.wsdl-hero.wsdl-hero--premium > .wsdl-hero-title {
    font-size:clamp(30px,8vw,36px)!important;
    line-height:1.21!important;
  }
  .wsdl.wsdl-hero.wsdl-hero--premium > .wp-block-buttons {
    flex-direction:column!important;align-items:stretch!important;gap:10px!important;
    margin-top:22px!important;
  }
  .wsdl.wsdl-hero.wsdl-hero--premium > .wp-block-buttons .wp-block-button,
  .wsdl.wsdl-hero.wsdl-hero--premium > .wp-block-buttons .wp-block-button__link {width:100%!important;}
}


/* 1.3: Portofolio Premium — dedicated styles, no changes to existing patterns. */
.wsdl.wsdl-portfolio-hero,.wsdl.wsdl-portfolio-featured,.wsdl.wsdl-portfolio-more,
.wsdl.wsdl-portfolio-intro,.wsdl.wsdl-portfolio-approach,.wsdl.wsdl-portfolio-faq{isolation:isolate}
.wsdl.wsdl-portfolio-hero{
  background:radial-gradient(ellipse at 92% 4%,rgba(35,137,255,.20),transparent 46%),linear-gradient(123deg,#041D38,#07345B);
  padding-top:clamp(54px,6vw,82px)!important;padding-bottom:clamp(56px,6vw,86px)!important;
}
.wsdl.wsdl-portfolio-hero .wsdl-portfolio-hero-cols{margin:0!important;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4.5vw,64px)!important;align-items:center!important}
.wsdl.wsdl-portfolio-hero .wsdl-portfolio-hero-cols>.wp-block-column{min-width:0;max-width:none}
.wsdl.wsdl-portfolio-hero .wsdl-portfolio-hero-copy,.wsdl.wsdl-portfolio-hero .wsdl-portfolio-hero-image{width:100%;min-width:0;max-width:none!important;margin:0!important}
.wsdl.wsdl-portfolio-hero h1.wsdl-portfolio-h1{font-size:clamp(36px,4.1vw,58px)!important;line-height:1.14!important;color:#fff!important;letter-spacing:-.035em!important;text-wrap:balance;margin-bottom:22px!important;max-width:720px!important}
.wsdl.wsdl-portfolio-hero p.wsdl-portfolio-lead{color:#D6E6F7!important;font-size:clamp(16px,1.25vw,18px)!important;line-height:1.72;max-width:600px}
.wsdl.wsdl-portfolio-hero .wsdl-kicker{color:#88BDFF!important}
.wsdl.wsdl-portfolio-hero .wp-block-buttons{justify-content:flex-start;gap:12px}
.wsdl.wsdl-portfolio-hero .wsdl-btn-outline .wp-block-button__link{color:#fff!important;background:transparent!important;border:1px solid #78A4D2}
.wsdl .wsdl-portfolio-hero-image{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(51,138,221,.08));padding:12px!important;border:1px solid #527BA16b;border-radius:23px!important;box-shadow:0 22px 54px rgba(0,13,30,.3);transform:rotate(1.5deg)}
.wsdl .wsdl-portfolio-hero-image figure{margin:0!important;max-width:100%!important}
.wsdl .wsdl-portfolio-hero-image img{display:block;width:100%;height:auto;border-radius:13px;max-width:100%;aspect-ratio:16/10;object-fit:cover}
.wsdl.wsdl-portfolio-intro{background:#fff}
.wsdl.wsdl-portfolio-intro>.wsdl-heading,.wsdl.wsdl-portfolio-intro>.wsdl-lead{max-width:900px!important;margin-left:0!important;margin-right:0!important}
.wsdl.wsdl-portfolio-intro .wsdl-portfolio-intro-grid{margin-top:28px!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important}
.wsdl .wsdl-portfolio-intro-card{padding:25px!important;background:#F4F8FE;border:1px solid #DFE9F5;border-radius:16px;max-width:none!important;height:100%}
.wsdl .wsdl-portfolio-intro-card h3{font-size:20px!important}
.wsdl .wsdl-portfolio-intro-card p{font-size:15px!important;margin:0}
.wsdl.wsdl-portfolio-featured{background:#F2F7FD}
.wsdl.wsdl-portfolio-more{background:#fff}
.wsdl.wsdl-portfolio-featured .wsdl-portfolio-featured-grid,
.wsdl.wsdl-portfolio-more .wsdl-portfolio-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px!important;margin:24px 0 0!important;align-items:stretch}
.wsdl.wsdl-portfolio-featured .wsdl-portfolio-featured-grid>.wp-block-column,
.wsdl.wsdl-portfolio-more .wsdl-portfolio-grid-two>.wp-block-column{min-width:0;width:100%;max-width:none!important;margin:0!important}
.wsdl .wsdl-showcase-card{height:100%;overflow:hidden;min-width:0;max-width:none!important;border-radius:20px!important;border:1px solid #D8E5F3;background:#fff;box-shadow:0 11px 24px rgba(8,41,82,.058)}
.wsdl .wsdl-showcase-image{overflow:hidden;margin:0!important;max-width:100%!important}
.wsdl .wsdl-showcase-image figure{width:100%;max-width:100%!important;margin:0!important}
.wsdl .wsdl-showcase-image img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover}
.wsdl .wsdl-showcase-card-content{padding:24px 27px 22px!important;max-width:none!important;margin:0!important}
.wsdl .wsdl-showcase-card h3{font-size:clamp(20px,1.75vw,25px)!important;line-height:1.2!important;margin:7px 0 12px!important}
.wsdl .wsdl-showcase-card .wsdl-showcase-type{font-size:11px!important;color:#1766CB!important;letter-spacing:.13em;font-weight:700!important;margin:0!important}
.wsdl .wsdl-showcase-card .wsdl-showcase-desc{font-size:15px!important;color:#526A82!important;line-height:1.62!important;margin:0 0 12px!important;max-width:none!important}
.wsdl .wsdl-showcase-card .wsdl-showcase-badge{font-size:11px!important;font-weight:700!important;line-height:1!important;display:inline-flex;padding:8px 10px;background:#EFF5FC;color:#2B658D!important;border-radius:999px;margin:0 0 11px!important;letter-spacing:.05em}
.wsdl .wsdl-showcase-card .wp-block-buttons{margin-top:9px!important}
.wsdl .wsdl-showcase-card .wsdl-btn-text .wp-block-button__link{font-size:13px!important}
.wsdl.wsdl-portfolio-more .wsdl-portfolio-grid-two + .wsdl-portfolio-grid-two{margin-top:22px!important}
.wsdl.wsdl-portfolio-approach{background:#071F3D}
.wsdl.wsdl-portfolio-approach .wsdl-portfolio-approach-cols{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,5vw,80px)!important;align-items:center;margin:0!important}
.wsdl.wsdl-portfolio-approach .wsdl-portfolio-approach-copy,.wsdl.wsdl-portfolio-approach .wsdl-portfolio-approach-steps{max-width:none!important;margin:0!important}
.wsdl.wsdl-portfolio-approach h2{color:#fff!important;font-size:clamp(30px,3vw,43px)!important}
.wsdl.wsdl-portfolio-approach .wsdl-lead{color:#D8E7F5!important}
.wsdl.wsdl-portfolio-approach .wsdl-kicker{color:#93C5FD!important}
.wsdl.wsdl-portfolio-approach .wsdl-btn-outline .wp-block-button__link{background:transparent!important;color:#fff!important;border-color:#5685B4}
.wsdl .wsdl-portfolio-approach-steps .wsdl-approach-item{padding:21px 22px!important;border-radius:13px!important;background:#123657;color:#E7F3FF!important;font-size:16px!important;font-weight:600;margin-bottom:12px!important}
.wsdl.wsdl-portfolio-faq{background:#F4F8FD}
.wsdl.wsdl-portfolio-faq .wsdl-portfolio-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px!important;margin-top:25px!important}
.wsdl .wsdl-portfolio-faq-item{background:#fff;border:1px solid #DFEAF6;border-radius:16px;padding:22px!important;height:100%}
.wsdl .wsdl-portfolio-faq-item h3{font-size:19px!important;line-height:1.3!important}
.wsdl .wsdl-portfolio-faq-item p{font-size:15px!important;margin:0!important}
/* Portfolio CTA: separate rounded panel, not full-width attached to the Neve footer. */
.ws-main .wsdl.wsdl-portfolio-cta,.wsdl.wsdl-portfolio-cta{background:linear-gradient(130deg,#06203F,#0D4A7C)!important;max-width:1160px!important;width:calc(100% - 48px)!important;margin:37px auto 54px!important;padding:clamp(32px,4.2vw,58px)!important;border-radius:22px!important;box-shadow:0 18px 38px rgba(9,40,80,.12)}
.wsdl.wsdl-portfolio-cta>.wp-block-heading,.wsdl.wsdl-portfolio-cta>.wp-block-paragraph,.wsdl.wsdl-portfolio-cta>.wp-block-buttons{margin-left:0!important;margin-right:0!important;max-width:810px!important}
.wsdl.wsdl-portfolio-cta .wsdl-heading{color:#fff!important}
.wsdl.wsdl-portfolio-cta .wsdl-lead{color:#DFEBF8!important}
.wsdl.wsdl-portfolio-cta .wsdl-kicker{color:#92C7FF!important}
.wsdl.wsdl-portfolio-cta .wsdl-btn-outline .wp-block-button__link{background:transparent!important;color:#fff!important;border-color:#608FBA}
@media(max-width:960px){
 .wsdl.wsdl-portfolio-hero .wsdl-portfolio-hero-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:26px!important}
 .wsdl.wsdl-portfolio-hero h1.wsdl-portfolio-h1{font-size:clamp(34px,4.8vw,44px)!important}
 .wsdl.wsdl-portfolio-intro .wsdl-portfolio-intro-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .wsdl.wsdl-portfolio-faq .wsdl-portfolio-faq-grid{grid-template-columns:1fr!important}
}
@media(max-width:720px){
 .wsdl.wsdl-portfolio-hero .wsdl-portfolio-hero-cols,.wsdl.wsdl-portfolio-approach .wsdl-portfolio-approach-cols{grid-template-columns:1fr!important;gap:26px!important}
 .wsdl.wsdl-portfolio-hero .wsdl-portfolio-hero-cols>.wp-block-column,.wsdl.wsdl-portfolio-approach .wsdl-portfolio-approach-cols>.wp-block-column{width:100%!important;max-width:none!important}
 .wsdl.wsdl-portfolio-intro .wsdl-portfolio-intro-grid{grid-template-columns:1fr!important}
 .wsdl.wsdl-portfolio-featured .wsdl-portfolio-featured-grid,.wsdl.wsdl-portfolio-more .wsdl-portfolio-grid-two{grid-template-columns:1fr!important;gap:16px!important}
 .wsdl.wsdl-portfolio-hero h1.wsdl-portfolio-h1{font-size:clamp(32px,7vw,41px)!important}
 .wsdl.wsdl-portfolio-hero .wsdl-portfolio-hero-image{transform:none}
 .wsdl.wsdl-portfolio-cta{width:calc(100% - 30px)!important;padding:32px 26px!important;margin:29px auto 45px!important}
 .wsdl.wsdl-portfolio-cta .wp-block-buttons{flex-direction:column;align-items:stretch}
 .wsdl.wsdl-portfolio-cta .wp-block-button,.wsdl.wsdl-portfolio-cta .wp-block-button__link{width:100%}
}
@media(max-width:380px){
 .wsdl.wsdl-portfolio-hero h1.wsdl-portfolio-h1{font-size:31px!important}
 .wsdl .wsdl-showcase-card-content{padding:21px!important}
 .wsdl.wsdl-portfolio-cta{padding:28px 21px!important}
}


/* === V1.4 Tentang Kami — New scoped Gutenberg pattern styles only. === */
.wsdl.wsdl-about-hero{background:radial-gradient(circle at 90% 7%,rgba(35,142,245,.18),transparent 47%),linear-gradient(116deg,#061B35,#063563)!important;position:relative;overflow:hidden;padding-top:clamp(58px,6vw,88px)!important;padding-bottom:clamp(60px,6vw,88px)!important}
.wsdl.wsdl-about-hero .wsdl-about-hero-cols{display:grid!important;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(26px,4vw,60px)!important;align-items:center!important;margin:0!important}
.wsdl.wsdl-about-hero .wsdl-about-hero-cols>.wp-block-column{min-width:0!important;max-width:none!important;margin:0!important}
.wsdl.wsdl-about-hero .wsdl-about-hero-copy,.wsdl.wsdl-about-hero .wsdl-about-hero-visual{max-width:none!important;width:100%!important;min-width:0;margin:0!important}
.wsdl.wsdl-about-hero .wsdl-kicker{color:#9AC7FF!important}
.wsdl.wsdl-about-hero h1.wsdl-about-h1{font-size:clamp(34px,4.15vw,56px)!important;line-height:1.13!important;letter-spacing:-.042em!important;color:white!important;max-width:680px!important;margin:0 0 22px!important;text-wrap:balance}
.wsdl.wsdl-about-hero p.wsdl-about-lead{font-size:clamp(16px,1.25vw,18px)!important;line-height:1.7!important;color:#D9E9FA!important;max-width:600px;margin:0!important}
.wsdl.wsdl-about-hero .wp-block-buttons{justify-content:flex-start!important;gap:12px!important;margin-top:27px!important}
.wsdl.wsdl-about-hero .wsdl-btn-outline .wp-block-button__link{background:transparent!important;color:#fff!important;border:1px solid #7FA5C7!important}
.wsdl.wsdl-about-hero .wsdl-about-hero-visual{padding:12px!important;border-radius:23px!important;background:rgba(56,130,203,.11);border:1px solid rgba(144,194,239,.27);box-shadow:0 26px 50px rgba(0,10,29,.22)}
.wsdl.wsdl-about-hero .wsdl-about-hero-visual figure{width:100%;margin:0!important;max-width:none!important}
.wsdl.wsdl-about-hero .wsdl-about-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:1000/760;object-fit:cover;border-radius:14px}
.wsdl.wsdl-about-identity{background:#fff}
.wsdl.wsdl-about-identity .wsdl-about-identity-cols{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(30px,5vw,75px)!important;align-items:start!important;margin:0!important}
.wsdl.wsdl-about-identity .wsdl-about-identity-cols>.wp-block-column{min-width:0!important;width:100%!important;max-width:none!important;margin:0!important}
.wsdl.wsdl-about-identity :is(.wsdl-about-identity-left,.wsdl-about-identity-right){margin:0!important;max-width:none!important}
.wsdl.wsdl-about-identity h2.wsdl-about-heading{font-size:clamp(31px,3vw,43px)!important;line-height:1.16!important;max-width:640px!important;margin:0 0 18px!important;text-wrap:balance}
.wsdl.wsdl-about-identity .wsdl-about-lead-dark{font-weight:500!important;color:#25547F!important;font-size:clamp(17px,1.3vw,19px)!important;line-height:1.65!important}
.wsdl.wsdl-about-identity .wsdl-about-identity-right p{line-height:1.78!important;margin:0 0 18px!important;color:#455C76!important}
.wsdl.wsdl-about-identity .wsdl-btn-text .wp-block-button__link{margin-top:4px!important}
.wsdl.wsdl-about-focus{background:#F2F7FD}
.wsdl.wsdl-about-focus .wsdl-about-focus-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px!important;margin:28px 0 0!important}
.wsdl.wsdl-about-focus .wsdl-about-focus-grid>.wp-block-column{min-width:0!important;max-width:none!important;margin:0!important}
.wsdl .wsdl-about-solution-card{min-width:0;max-width:none!important;height:100%;padding:25px 21px!important;background:white;border:1px solid #DCE7F5;border-radius:18px!important;box-shadow:0 9px 25px rgba(14,51,89,.045)}
.wsdl .wsdl-about-solution-card .wsdl-about-solution-no{font-size:12px!important;font-weight:800!important;letter-spacing:.12em!important;color:#1B70CE!important;margin-bottom:19px!important}
.wsdl .wsdl-about-solution-card h3{font-size:20px!important;line-height:1.25!important;margin:0 0 12px!important}
.wsdl .wsdl-about-solution-card .wsdl-about-card-desc{font-size:15px!important;line-height:1.62!important;margin:0!important}
.wsdl.wsdl-about-focus>.wp-block-buttons{margin-top:22px!important}
.wsdl.wsdl-about-process{background:#071F3D!important}
.wsdl.wsdl-about-process .wsdl-kicker{color:#9CC8FF!important}
.wsdl.wsdl-about-process>.wsdl-heading{color:#fff!important;max-width:840px!important}
.wsdl.wsdl-about-process>.wsdl-lead{color:#D7E6F7!important;max-width:710px!important}
.wsdl.wsdl-about-process .wsdl-about-process-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px!important;margin:29px 0 0!important}
.wsdl.wsdl-about-process .wsdl-about-process-grid>.wp-block-column{min-width:0!important;max-width:none!important;margin:0!important}
.wsdl .wsdl-about-process-item{max-width:none!important;height:100%;padding:25px 21px!important;background:#12395E;border:1px solid rgba(145,193,245,.18);border-radius:17px!important}
.wsdl .wsdl-about-process-item .wsdl-about-process-number{color:#80B9FF!important;font-size:28px!important;font-weight:700!important;line-height:1.1!important;margin:0 0 21px!important}
.wsdl .wsdl-about-process-item h3{color:#fff!important;font-size:19px!important;margin:0 0 10px!important}
.wsdl .wsdl-about-process-item .wsdl-about-process-desc{color:#CBDDF0!important;font-size:15px!important;line-height:1.67!important;margin:0!important}
.wsdl.wsdl-about-values{background:#fff}
.wsdl.wsdl-about-values .wsdl-about-values-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important;margin:26px 0 0!important}
.wsdl.wsdl-about-values .wsdl-about-values-grid>.wp-block-column{min-width:0!important;max-width:none!important;margin:0!important}
.wsdl .wsdl-about-value-card{max-width:none!important;height:100%;padding:27px 24px!important;background:#F8FBFF;border:1px solid #E0E9F5;border-radius:17px!important;border-top:3px solid #1777DA}
.wsdl .wsdl-about-value-card h3{font-size:20px!important;margin:0 0 12px!important}
.wsdl .wsdl-about-value-card p{font-size:15px!important;margin:0!important}
.wsdl.wsdl-about-faq{background:#F2F7FD}
.wsdl.wsdl-about-faq .wsdl-about-faq-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px!important;margin:27px 0 0!important}
.wsdl.wsdl-about-faq .wsdl-about-faq-grid>.wp-block-column{min-width:0!important;max-width:none!important;margin:0!important}
.wsdl .wsdl-about-faq-card{height:100%;max-width:none!important;border:1px solid #DFE9F5;background:#fff;padding:24px!important;border-radius:16px!important}
.wsdl .wsdl-about-faq-card h3{font-size:18px!important;line-height:1.35!important;margin:0 0 12px!important}
.wsdl .wsdl-about-faq-card p{font-size:15px!important;margin:0!important}
.ws-main .wsdl.wsdl-about-cta,.wsdl.wsdl-about-cta{width:calc(100% - 48px)!important;max-width:1160px!important;margin:38px auto 56px!important;background:radial-gradient(circle at 85% 15%,rgba(31,134,234,.3),transparent 43%),linear-gradient(118deg,#071E3B,#0C426F)!important;border-radius:23px!important;padding:clamp(32px,4.7vw,60px)!important;box-shadow:0 19px 38px rgba(8,39,78,.12)}
.wsdl.wsdl-about-cta>.wp-block-heading,.wsdl.wsdl-about-cta>p,.wsdl.wsdl-about-cta>.wp-block-buttons{margin-left:0!important;margin-right:0!important;max-width:820px!important;text-align:left!important}
.wsdl.wsdl-about-cta .wsdl-kicker{color:#9DC9FF!important}
.wsdl.wsdl-about-cta h2.wsdl-heading{color:#fff!important}
.wsdl.wsdl-about-cta .wsdl-lead{color:#E0ECF9!important}
.wsdl.wsdl-about-cta .wsdl-btn-outline .wp-block-button__link{background:transparent!important;color:#fff!important;border-color:#80A7C9!important}
@media(max-width:1100px){.wsdl.wsdl-about-focus .wsdl-about-focus-grid,.wsdl.wsdl-about-process .wsdl-about-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:780px){
.wsdl.wsdl-about-hero .wsdl-about-hero-cols,.wsdl.wsdl-about-identity .wsdl-about-identity-cols{grid-template-columns:1fr!important;gap:25px!important}
.wsdl.wsdl-about-hero h1.wsdl-about-h1{font-size:clamp(33px,5.8vw,43px)!important}
.wsdl.wsdl-about-hero .wsdl-about-hero-visual{max-width:600px!important}
.wsdl.wsdl-about-values .wsdl-about-values-grid,.wsdl.wsdl-about-faq .wsdl-about-faq-grid{grid-template-columns:1fr!important;gap:13px!important}
.wsdl.wsdl-about-cta{width:calc(100% - 30px)!important;margin:25px auto 40px!important;padding:32px 26px!important}
}
@media(max-width:560px){
.wsdl.wsdl-about-hero{padding-top:48px!important;padding-bottom:50px!important}
.wsdl.wsdl-about-hero h1.wsdl-about-h1{font-size:clamp(31px,8vw,37px)!important;line-height:1.17!important}
.wsdl.wsdl-about-hero p.wsdl-about-lead{font-size:16px!important}
.wsdl.wsdl-about-hero .wsdl-about-hero-visual{padding:7px!important;border-radius:17px!important}
.wsdl.wsdl-about-hero .wp-block-buttons{flex-direction:column;align-items:stretch!important}
.wsdl.wsdl-about-hero .wp-block-button,.wsdl.wsdl-about-hero .wp-block-button__link{width:100%!important}
.wsdl.wsdl-about-focus .wsdl-about-focus-grid,.wsdl.wsdl-about-process .wsdl-about-process-grid{grid-template-columns:1fr!important;gap:13px!important}
.wsdl .wsdl-about-solution-card,.wsdl .wsdl-about-process-item{padding:21px!important}
.wsdl.wsdl-about-cta{width:calc(100% - 28px)!important;padding:30px 22px!important;border-radius:18px!important}
.wsdl.wsdl-about-cta .wp-block-buttons{flex-direction:column;align-items:stretch}
.wsdl.wsdl-about-cta .wp-block-button,.wsdl.wsdl-about-cta .wp-block-button__link{width:100%!important}
}


/* V1.5.0: Halaman Kontak Premium — scoped only to .wsdl-contact-* */
.wsdl.wsdl-contact-hero{background:radial-gradient(ellipse at 94% 10%,rgba(31,123,243,.26),transparent 54%),linear-gradient(121deg,#041D37,#073B68);padding-top:clamp(52px,5.8vw,80px)!important;padding-bottom:clamp(55px,5.7vw,78px)!important;overflow:hidden}
.wsdl.wsdl-contact-hero .wsdl-contact-hero-cols{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:clamp(28px,4vw,60px)!important;align-items:center!important;margin:0!important;width:100%;max-width:1160px!important}
.wsdl.wsdl-contact-hero .wsdl-contact-hero-cols>.wp-block-column{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}
.wsdl.wsdl-contact-hero :is(.wsdl-contact-hero-copy,.wsdl-contact-mini){width:100%!important;max-width:none!important;margin:0!important}
.wsdl.wsdl-contact-hero .wsdl-contact-hero-copy>.wp-block-heading,.wsdl.wsdl-contact-hero .wsdl-contact-hero-copy>p,.wsdl.wsdl-contact-hero .wsdl-contact-hero-copy>.wp-block-buttons{margin-left:0!important;margin-right:0!important}
.wsdl.wsdl-contact-hero h1.wsdl-contact-h1{color:#fff!important;font-size:clamp(36px,4vw,55px)!important;line-height:1.13!important;letter-spacing:-.038em;max-width:710px!important;text-wrap:balance;margin:0 0 20px!important}
.wsdl.wsdl-contact-hero .wsdl-kicker{color:#92C7FF!important}
.wsdl.wsdl-contact-hero p.wsdl-contact-lead{font-size:clamp(16px,1.3vw,18px)!important;color:#D8E8F8!important;line-height:1.72!important;max-width:650px!important;margin:0!important}
.wsdl.wsdl-contact-hero .wp-block-buttons{justify-content:flex-start!important;gap:12px!important;margin-top:27px!important}
.wsdl.wsdl-contact-hero .wsdl-btn-outline .wp-block-button__link{color:#fff!important;background:transparent!important;border:1px solid #749CBF!important}
.wsdl.wsdl-contact-hero p.wsdl-contact-hero-note{font-size:13px!important;color:#BED5E9!important;margin-top:19px!important;margin-bottom:0!important}
.wsdl.wsdl-contact-hero .wsdl-contact-mini{background:linear-gradient(154deg,rgba(255,255,255,.115),rgba(255,255,255,.035));border:1px solid rgba(176,215,249,.28);border-radius:22px!important;padding:29px 29px 25px!important;box-shadow:0 21px 60px rgba(1,19,39,.23)}
.wsdl.wsdl-contact-hero .wsdl-contact-mini p.wsdl-contact-mini-label{font-size:11px!important;color:#9DCBFF!important;letter-spacing:.11em;font-weight:800;margin:0 0 9px!important}
.wsdl.wsdl-contact-hero h2.wsdl-contact-mini-heading{font-size:clamp(23px,2.15vw,29px)!important;line-height:1.24!important;color:#fff!important;letter-spacing:-.027em;margin:0 0 24px!important}
.wsdl.wsdl-contact-hero .wsdl-contact-mini-row{max-width:100%!important;margin:0!important;padding:14px 0!important;border-top:1px solid rgba(208,233,252,.2);display:flex;align-items:flex-start;gap:14px}
.wsdl.wsdl-contact-hero .wsdl-contact-mini-row p{margin:0!important}
.wsdl.wsdl-contact-hero .wsdl-contact-mini-row p.wsdl-contact-mini-no{flex:0 0 41px;width:41px;min-width:41px;height:41px;border-radius:11px;background:#0E5BA2;color:#fff!important;font-weight:800;font-size:14px!important;display:grid;place-items:center}
.wsdl.wsdl-contact-hero .wsdl-contact-mini-row p.wsdl-contact-mini-description{font-size:15px!important;line-height:1.58!important;color:#DDEDFC!important;padding-top:2px}
.wsdl.wsdl-contact-hero .wsdl-contact-mini-row strong{color:#fff;font-weight:700}
.wsdl.wsdl-contact-form-section{background:#F2F7FD;scroll-margin-top:84px;padding-top:clamp(62px,6.5vw,88px)!important;padding-bottom:clamp(66px,6.8vw,94px)!important}
.wsdl.wsdl-contact-form-section .wsdl-contact-form-cols{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.94fr)!important;align-items:start!important;gap:clamp(28px,5vw,76px)!important;margin:0!important;max-width:1160px!important;width:100%!important}
.wsdl.wsdl-contact-form-section .wsdl-contact-form-cols>.wp-block-column{width:100%!important;min-width:0;max-width:none!important;margin:0!important}
.wsdl.wsdl-contact-form-section :is(.wsdl-contact-form-info,.wsdl-contact-form-card){margin:0!important;max-width:none!important}
.wsdl.wsdl-contact-form-section h2.wsdl-contact-heading{font-size:clamp(31px,3.1vw,43px)!important;line-height:1.18!important;max-width:610px!important;text-wrap:balance;margin:0 0 17px!important}
.wsdl.wsdl-contact-form-section p.wsdl-contact-lead-dark{font-size:17px!important;line-height:1.72!important;color:#415E7E!important;max-width:620px!important;margin:0 0 18px!important}
.wsdl.wsdl-contact-form-section .wsdl-contact-point-list{max-width:none!important;margin:26px 0 0!important}
.wsdl.wsdl-contact-form-section .wsdl-contact-point{max-width:none!important;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:13px;row-gap:2px;padding:16px 0!important;border-bottom:1px solid #D4E3F3;margin:0!important}
.wsdl.wsdl-contact-form-section .wsdl-contact-point p.wsdl-contact-point-no{grid-row:1/3;margin:0!important;width:41px;height:41px;display:grid;place-items:center;border-radius:12px;background:#E3EFFF;color:#0862B8!important;font-size:13px!important;font-weight:800}
.wsdl.wsdl-contact-form-section h3.wsdl-contact-point-title{margin:0!important;font-size:17px!important;line-height:1.3!important}
.wsdl.wsdl-contact-form-section p.wsdl-contact-point-desc{margin:2px 0 0!important;font-size:15px!important;line-height:1.6!important}
.wsdl.wsdl-contact-form-section p.wsdl-contact-soft-note{margin:19px 0 0!important;font-size:14px!important;color:#617790!important}
.wsdl.wsdl-contact-form-section .wsdl-contact-form-card{background:#fff;border:1px solid #DAE6F3;border-radius:23px!important;padding:clamp(22px,3vw,37px)!important;box-shadow:0 20px 50px rgba(7,44,83,.085)}
.wsdl.wsdl-contact-form-section p.wsdl-contact-form-label{font-size:11px!important;color:#0F62BB!important;font-weight:800;letter-spacing:.13em;margin:0 0 7px!important}
.wsdl.wsdl-contact-form-section h3.wsdl-contact-form-title{font-size:clamp(24px,2.2vw,31px)!important;line-height:1.22!important;margin:0 0 9px!important}
.wsdl.wsdl-contact-form-section p.wsdl-contact-form-desc{font-size:15px!important;line-height:1.6!important;margin:0 0 24px!important}
/* Existing Lead Manager shortcode, not a duplicate form. Never style popup globally. */
.wsdl.wsdl-contact-form-section .wsdl-contact-form-card .ws-lead-form{display:grid;gap:16px;max-width:100%}
.wsdl.wsdl-contact-form-section .wsdl-contact-form-card .ws-lead-row{gap:7px}
.wsdl.wsdl-contact-form-section .wsdl-contact-form-card .ws-lead-row label{font-size:13px;font-weight:700;color:#183B5F;line-height:1.42}
.wsdl.wsdl-contact-form-section .wsdl-contact-form-card .ws-lead-row :is(input,select,textarea){font-size:16px;line-height:1.4;min-height:48px;padding:12px 13px;border:1px solid #CADBEC;border-radius:10px;box-sizing:border-box;max-width:100%;color:#123456;background:#fff}
.wsdl.wsdl-contact-form-section .wsdl-contact-form-card .ws-lead-row textarea{min-height:113px}
.wsdl.wsdl-contact-form-section .wsdl-contact-form-card .ws-lead-consent{font-size:13px!important;line-height:1.6;color:#526B83!important;display:flex;gap:11px;align-items:flex-start}
.wsdl.wsdl-contact-form-section .wsdl-contact-form-card .ws-lead-consent input{width:18px;min-width:18px;height:18px;flex:0 0 18px;margin:3px 0 0;accent-color:#1764F5}
.wsdl.wsdl-contact-form-section .wsdl-contact-form-card .ws-lead-submit{width:100%;min-height:51px;padding:13px 18px;border-radius:11px;background:#1167D8;color:#fff;font-size:15px;font-weight:700;cursor:pointer}
.wsdl.wsdl-contact-form-section .wsdl-contact-form-card .ws-lead-submit:hover{background:#0953B7}
.wsdl.wsdl-contact-form-section .wsdl-contact-form-card .ws-lead-footnote{font-size:12px!important;line-height:1.5!important;margin:0!important;color:#71859E!important;text-align:center}
.wsdl.wsdl-contact-services{background:#fff}
.wsdl.wsdl-contact-services .wsdl-contact-service-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin:25px 0 0!important;max-width:1160px!important}
.wsdl.wsdl-contact-services .wsdl-contact-service-grid>.wp-block-column{min-width:0!important;margin:0!important;max-width:none!important;width:100%!important}
.wsdl.wsdl-contact-services .wsdl-contact-service-card{max-width:none!important;height:100%;padding:25px!important;border-radius:17px!important;border:1px solid #DCE8F4;background:#F6F9FD}
.wsdl.wsdl-contact-services h3.wsdl-contact-service-title{font-size:19px!important;line-height:1.3!important;margin:0 0 11px!important}
.wsdl.wsdl-contact-services p.wsdl-contact-service-desc{font-size:15px!important;line-height:1.65!important;margin:0!important}
.wsdl.wsdl-contact-process{background:#F3F8FF}
.wsdl.wsdl-contact-process .wsdl-contact-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:19px!important;max-width:1160px!important;margin:25px 0 0!important}
.wsdl.wsdl-contact-process .wsdl-contact-steps>.wp-block-column{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}
.wsdl.wsdl-contact-process .wsdl-contact-step-card{background:#fff;max-width:none!important;height:100%;padding:26px!important;border:1px solid #DDE8F4;border-radius:18px!important}
.wsdl.wsdl-contact-process p.wsdl-contact-step-no{color:#1166C5!important;font-size:25px!important;font-weight:800;margin:0 0 13px!important;letter-spacing:-.04em}
.wsdl.wsdl-contact-process h3.wsdl-contact-step-title{font-size:19px!important;margin:0 0 10px!important}
.wsdl.wsdl-contact-process p.wsdl-contact-step-desc{font-size:15px!important;margin:0!important}
.wsdl.wsdl-contact-faq{background:#fff}
.wsdl.wsdl-contact-faq .wsdl-contact-faq-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin:25px 0 0!important;max-width:1160px!important}
.wsdl.wsdl-contact-faq .wsdl-contact-faq-grid>.wp-block-column{min-width:0!important;max-width:none!important;margin:0!important;width:100%!important}
.wsdl.wsdl-contact-faq .wsdl-contact-faq-card{height:100%;max-width:none!important;background:#F7FAFE;border:1px solid #DBE7F3;padding:25px!important;border-radius:17px!important}
.wsdl.wsdl-contact-faq h3.wsdl-contact-faq-title{font-size:18px!important;line-height:1.4!important;margin:0 0 11px!important}
.wsdl.wsdl-contact-faq p.wsdl-contact-faq-desc{font-size:15px!important;line-height:1.7!important;margin:0!important}
.ws-main .wsdl.wsdl-contact-cta,.wsdl.wsdl-contact-cta{width:calc(100% - 48px)!important;max-width:1160px!important;margin:38px auto 58px!important;background:radial-gradient(ellipse at 91% 2%,rgba(22,123,234,.29),transparent 52%),linear-gradient(120deg,#061E3A,#0A416F)!important;border-radius:23px!important;padding:clamp(34px,4.9vw,62px)!important;box-shadow:0 20px 42px rgba(7,39,77,.11)}
.wsdl.wsdl-contact-cta>p,.wsdl.wsdl-contact-cta>h2,.wsdl.wsdl-contact-cta>.wp-block-buttons{margin-left:0!important;margin-right:0!important;max-width:830px!important;text-align:left!important}
.wsdl.wsdl-contact-cta .wsdl-kicker{color:#A2CDFF!important}
.wsdl.wsdl-contact-cta h2.wsdl-heading{color:#fff!important;font-size:clamp(30px,3.35vw,45px)!important;line-height:1.17!important}
.wsdl.wsdl-contact-cta p.wsdl-lead{color:#DCEAF8!important;max-width:710px!important}
.wsdl.wsdl-contact-cta .wsdl-btn-outline .wp-block-button__link{background:transparent!important;color:#fff!important;border:1px solid #8CB1D4!important}
@media(max-width:990px){
 .wsdl.wsdl-contact-hero .wsdl-contact-hero-cols{gap:22px!important}
 .wsdl.wsdl-contact-form-section .wsdl-contact-form-cols{gap:24px!important}
 .wsdl.wsdl-contact-services .wsdl-contact-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:780px){
 .wsdl.wsdl-contact-hero .wsdl-contact-hero-cols,.wsdl.wsdl-contact-form-section .wsdl-contact-form-cols{grid-template-columns:1fr!important;gap:26px!important}
 .wsdl.wsdl-contact-hero h1.wsdl-contact-h1{font-size:clamp(33px,5.4vw,43px)!important}
 .wsdl.wsdl-contact-hero .wsdl-contact-mini{padding:23px!important}
 .wsdl.wsdl-contact-process .wsdl-contact-steps{grid-template-columns:1fr!important;gap:14px!important}
 .wsdl.wsdl-contact-cta{width:calc(100% - 30px)!important;margin:28px auto 45px!important;padding:34px 27px!important}
}
@media(max-width:560px){
 .wsdl.wsdl-contact-hero{padding-top:43px!important;padding-bottom:48px!important}
 .wsdl.wsdl-contact-hero h1.wsdl-contact-h1{font-size:clamp(31px,8vw,37px)!important;line-height:1.2!important}
 .wsdl.wsdl-contact-hero p.wsdl-contact-lead{font-size:16px!important;line-height:1.65!important}
 .wsdl.wsdl-contact-hero .wp-block-buttons{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-top:20px!important}
 .wsdl.wsdl-contact-hero .wp-block-button,.wsdl.wsdl-contact-hero .wp-block-button__link{width:100%!important}
 .wsdl.wsdl-contact-hero .wsdl-contact-mini{border-radius:17px!important;padding:20px!important}
 .wsdl.wsdl-contact-hero h2.wsdl-contact-mini-heading{font-size:23px!important}
 .wsdl.wsdl-contact-form-section{scroll-margin-top:65px}
 .wsdl.wsdl-contact-form-section h2.wsdl-contact-heading{font-size:30px!important}
 .wsdl.wsdl-contact-form-section p.wsdl-contact-lead-dark{font-size:16px!important}
 .wsdl.wsdl-contact-form-section .wsdl-contact-form-card{border-radius:18px!important;padding:20px 17px!important}
 .wsdl.wsdl-contact-services .wsdl-contact-service-grid,.wsdl.wsdl-contact-faq .wsdl-contact-faq-grid{grid-template-columns:1fr!important;gap:13px!important}
 .wsdl.wsdl-contact-services .wsdl-contact-service-card,.wsdl.wsdl-contact-faq .wsdl-contact-faq-card{padding:21px!important}
 .wsdl.wsdl-contact-cta{width:calc(100% - 28px)!important;margin:24px auto 42px!important;padding:30px 22px!important;border-radius:18px!important}
 .wsdl.wsdl-contact-cta .wp-block-buttons{flex-direction:column;align-items:stretch}
 .wsdl.wsdl-contact-cta .wp-block-button,.wsdl.wsdl-contact-cta .wp-block-button__link{width:100%!important}
}

/* === V1.6.0: Jasa Pembuatan Aplikasi & Sistem. Scoped only to new .wsdl-app-* patterns. === */
.wsdl.wsdl-app-hero{background:radial-gradient(ellipse at 90% 0%,rgba(44,140,228,.22),transparent 49%),linear-gradient(117deg,#041D38,#063E68)!important;padding-top:clamp(61px,6vw,85px)!important;padding-bottom:clamp(61px,6vw,86px)!important;overflow:hidden}
.wsdl.wsdl-app-hero .wsdl-app-hero-cols{display:grid!important;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:clamp(26px,4vw,56px)!important;align-items:center!important;max-width:1160px!important;width:100%!important;margin:0!important}
.wsdl.wsdl-app-hero .wsdl-app-hero-cols>.wp-block-column{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
.wsdl.wsdl-app-hero :is(.wsdl-app-hero-copy,.wsdl-app-hero-visual){margin:0!important;max-width:none!important;width:100%!important;min-width:0}
.wsdl.wsdl-app-hero .wsdl-kicker{color:#9CCDFF!important;margin-bottom:14px!important}
.wsdl.wsdl-app-hero h1.wsdl-app-h1{font-size:clamp(34px,3.88vw,54px)!important;line-height:1.13!important;letter-spacing:-.042em!important;margin:0 0 20px!important;color:#fff!important;text-wrap:balance}
.wsdl.wsdl-app-hero p.wsdl-app-hero-lead{font-size:clamp(16px,1.26vw,18px)!important;line-height:1.69!important;color:#D8EAF9!important;margin:0!important;max-width:590px}
.wsdl.wsdl-app-hero .wp-block-buttons{justify-content:flex-start!important;gap:11px!important;margin-top:25px!important}
.wsdl.wsdl-app-hero .wsdl-btn-outline .wp-block-button__link{background:transparent!important;color:#fff!important;border:1px solid #7CA6D2!important}
.wsdl.wsdl-app-hero p.wsdl-app-hero-note{font-size:13px!important;color:#AFCDE7!important;margin:19px 0 0!important}
.wsdl.wsdl-app-hero .wsdl-app-hero-visual{padding:13px!important;border:1px solid rgba(165,203,237,.26);border-radius:23px!important;background:rgba(69,156,228,.11);box-shadow:0 22px 48px rgba(2,16,40,.25)}
.wsdl.wsdl-app-hero .wsdl-app-hero-visual figure{margin:0!important;max-width:none!important;width:100%!important}
.wsdl.wsdl-app-hero .wsdl-app-hero-visual img{display:block;width:100%;height:auto;border-radius:14px;object-fit:cover;aspect-ratio:1000/760}
.wsdl.wsdl-app-intro{background:#fff}
.wsdl.wsdl-app-intro .wsdl-app-intro-cols{display:grid!important;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(22px,5vw,80px)!important;max-width:1160px!important;width:100%!important;margin:0!important;align-items:start!important}
.wsdl.wsdl-app-intro .wsdl-app-intro-cols>.wp-block-column{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
.wsdl.wsdl-app-intro :is(.wsdl-app-intro-main,.wsdl-app-intro-side){max-width:none!important;width:100%!important;margin:0!important}
.wsdl.wsdl-app-intro h2.wsdl-app-heading{font-size:clamp(32px,3.16vw,44px)!important;margin:0 0 17px!important;line-height:1.16!important;text-wrap:balance}
.wsdl.wsdl-app-intro p.wsdl-app-lead-dark{font-size:17px!important;color:#326080!important;line-height:1.68!important;margin:0!important}
.wsdl.wsdl-app-intro .wsdl-app-intro-side>p{font-size:17px!important;line-height:1.76!important;color:#455F78!important;margin:0 0 17px!important}
.wsdl.wsdl-app-intro .wsdl-app-note{background:#EAF3FE;border:1px solid #D4E7FA;border-radius:15px;padding:20px!important;margin:15px 0 0!important}
.wsdl.wsdl-app-intro .wsdl-app-note p.wsdl-app-note-heading{font-size:15px!important;font-weight:700!important;color:#175EA8!important;margin:0 0 4px!important}
.wsdl.wsdl-app-intro .wsdl-app-note p.wsdl-app-note-desc{margin:0!important;font-size:15px!important}
.wsdl.wsdl-app-solutions{background:#F2F7FD}
.wsdl.wsdl-app-solutions h2.wsdl-app-heading,.wsdl.wsdl-app-usecases h2.wsdl-app-heading,.wsdl.wsdl-app-process h2.wsdl-app-heading,.wsdl.wsdl-app-faq h2.wsdl-app-heading{max-width:940px!important;line-height:1.16!important;text-wrap:balance;margin-bottom:17px!important}
.wsdl.wsdl-app-solutions .wsdl-lead,.wsdl.wsdl-app-usecases .wsdl-lead,.wsdl.wsdl-app-process .wsdl-lead{max-width:770px!important}
.wsdl.wsdl-app-solutions .wsdl-app-solution-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:17px!important;margin:17px 0 0!important;max-width:1160px!important;width:100%!important}
.wsdl.wsdl-app-solutions .wsdl-app-solution-grid>.wp-block-column{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
.wsdl.wsdl-app-solutions .wsdl-app-solution-card{max-width:none!important;height:100%;border:1px solid #DCE7F4;border-radius:18px!important;padding:27px!important;background:#fff;box-shadow:0 9px 21px rgba(7,41,81,.04)}
.wsdl.wsdl-app-solutions p.wsdl-app-card-num{font-size:14px!important;font-weight:800;color:#096BC7!important;margin:0 0 21px!important;letter-spacing:.06em}
.wsdl.wsdl-app-solutions h3.wsdl-app-card-title{font-size:20px!important;line-height:1.29!important;margin:0 0 11px!important}
.wsdl.wsdl-app-solutions p.wsdl-app-card-desc{font-size:15px!important;line-height:1.68!important;margin:0!important}
.wsdl.wsdl-app-features{background:#fff}
.wsdl.wsdl-app-features .wsdl-app-feature-cols{display:grid!important;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(25px,5vw,72px)!important;align-items:start!important;max-width:1160px!important;width:100%!important;margin:0!important}
.wsdl.wsdl-app-features .wsdl-app-feature-cols>.wp-block-column{margin:0!important;width:100%!important;max-width:none!important;min-width:0!important}
.wsdl.wsdl-app-features :is(.wsdl-app-features-copy,.wsdl-app-feature-list){margin:0!important;width:100%!important;max-width:none!important}
.wsdl.wsdl-app-features h2.wsdl-app-heading{font-size:clamp(30px,3.1vw,43px)!important;line-height:1.18!important;text-wrap:balance}
.wsdl.wsdl-app-features .wsdl-app-features-copy .wsdl-lead{font-size:17px!important;color:#425F78!important;line-height:1.73!important}
.wsdl.wsdl-app-features .wsdl-app-feature-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:start;padding:17px 0!important;margin:0!important;border-bottom:1px solid #DCE8F5}
.wsdl.wsdl-app-features .wsdl-app-feature-row:first-child{padding-top:0!important}
.wsdl.wsdl-app-features .wsdl-app-feature-row:last-child{border-bottom:0}
.wsdl.wsdl-app-features p.wsdl-app-feature-num{background:#E4F0FE;width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:13px!important;font-weight:800!important;color:#1468B9!important;margin:0!important}
.wsdl.wsdl-app-features .wsdl-app-feature-body{margin:0!important;max-width:none!important}
.wsdl.wsdl-app-features h3.wsdl-app-feature-title{font-size:19px!important;margin:0 0 6px!important}
.wsdl.wsdl-app-features p.wsdl-app-feature-desc{font-size:15px!important;margin:0!important;line-height:1.64!important}
.wsdl.wsdl-app-usecases{background:#F6FAFE}
.wsdl.wsdl-app-usecases .wsdl-app-usecase-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;width:100%!important;max-width:1160px!important;margin:25px 0 0!important}
.wsdl.wsdl-app-usecases .wsdl-app-usecase-grid>.wp-block-column{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}
.wsdl.wsdl-app-usecases .wsdl-app-usecase-card{height:100%;max-width:none!important;border:1px solid #DEE8F5;background:#FFF;border-radius:17px;padding:23px!important}
.wsdl.wsdl-app-usecases p.wsdl-app-usecase-label{font-size:11px!important;letter-spacing:.12em;font-weight:800!important;color:#286AAF!important;margin:0 0 18px!important}
.wsdl.wsdl-app-usecases h3.wsdl-app-usecase-title{font-size:19px!important;margin:0 0 10px!important}
.wsdl.wsdl-app-usecases p.wsdl-app-usecase-desc{font-size:15px!important;line-height:1.66!important;margin:0!important}
.wsdl.wsdl-app-process{background:#fff}
.wsdl.wsdl-app-process .wsdl-app-process-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;width:100%!important;max-width:1160px!important;margin:26px 0 0!important}
.wsdl.wsdl-app-process .wsdl-app-process-grid>.wp-block-column{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}
.wsdl.wsdl-app-process .wsdl-app-step-card{height:100%;max-width:none!important;padding:24px!important;border-radius:17px;background:#F2F7FD;border:1px solid #DEE9F5}
.wsdl.wsdl-app-process p.wsdl-app-step-no{color:#1673C8!important;font-weight:800!important;font-size:27px!important;margin:0 0 18px!important;line-height:1.1!important}
.wsdl.wsdl-app-process h3.wsdl-app-step-title{font-size:19px!important;margin:0 0 10px!important}
.wsdl.wsdl-app-process p.wsdl-app-step-desc{font-size:15px!important;line-height:1.67!important;margin:0!important}
.wsdl.wsdl-app-faq{background:#F1F7FD}
.wsdl.wsdl-app-faq .wsdl-app-faq-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important;max-width:1160px!important;width:100%!important;margin:21px 0 0!important}
.wsdl.wsdl-app-faq .wsdl-app-faq-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.wsdl.wsdl-app-faq .wsdl-app-faq-grid>.wp-block-column{min-width:0!important;max-width:none!important;width:100%!important;margin:0!important}
.wsdl.wsdl-app-faq .wsdl-app-faq-card{height:100%;padding:23px!important;border:1px solid #DCE8F4;border-radius:16px;background:#fff;max-width:none!important}
.wsdl.wsdl-app-faq h3.wsdl-app-faq-q{font-size:17px!important;line-height:1.43!important;margin:0 0 10px!important}
.wsdl.wsdl-app-faq p.wsdl-app-faq-a{font-size:15px!important;line-height:1.69!important;margin:0!important}
.ws-main .wsdl.wsdl-app-cta,.wsdl.wsdl-app-cta{width:calc(100% - 48px)!important;max-width:1160px!important;margin:38px auto 60px!important;padding:clamp(34px,4.8vw,62px)!important;border-radius:23px!important;background:radial-gradient(ellipse at 90% 12%,rgba(29,127,220,.29),transparent 52%),linear-gradient(121deg,#061F3A,#0B4776)!important;box-shadow:0 19px 43px rgba(7,40,81,.12)}
.wsdl.wsdl-app-cta>:is(p,h2,.wp-block-buttons){margin-left:0!important;margin-right:0!important;max-width:860px!important;text-align:left!important}
.wsdl.wsdl-app-cta .wsdl-kicker{color:#A8D2FD!important}
.wsdl.wsdl-app-cta h2.wsdl-app-heading{color:#fff!important;font-size:clamp(31px,3.35vw,45px)!important;line-height:1.17!important}
.wsdl.wsdl-app-cta p.wsdl-lead{color:#DBEAF9!important;font-size:17px!important;line-height:1.7!important}
.wsdl.wsdl-app-cta .wsdl-btn-outline .wp-block-button__link{color:white!important;background:transparent!important;border:1px solid #87B0D7!important}
@media(max-width:990px){
.wsdl.wsdl-app-hero .wsdl-app-hero-cols{gap:25px!important}
.wsdl.wsdl-app-usecases .wsdl-app-usecase-grid,.wsdl.wsdl-app-process .wsdl-app-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.wsdl.wsdl-app-solutions .wsdl-app-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.wsdl.wsdl-app-faq .wsdl-app-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:780px){
.wsdl.wsdl-app-hero .wsdl-app-hero-cols,.wsdl.wsdl-app-intro .wsdl-app-intro-cols,.wsdl.wsdl-app-features .wsdl-app-feature-cols{grid-template-columns:1fr!important;gap:26px!important}
.wsdl.wsdl-app-hero h1.wsdl-app-h1{font-size:clamp(33px,5vw,44px)!important}
.wsdl.wsdl-app-hero .wsdl-app-hero-visual{max-width:580px!important}
.wsdl.wsdl-app-features .wsdl-app-features-copy .wsdl-lead{font-size:16px!important}
.wsdl.wsdl-app-cta{width:calc(100% - 30px)!important;padding:34px 27px!important;margin:29px auto 46px!important}
}
@media(max-width:560px){
.wsdl.wsdl-app-hero{padding-top:45px!important;padding-bottom:49px!important}
.wsdl.wsdl-app-hero h1.wsdl-app-h1{font-size:clamp(31px,8vw,37px)!important;line-height:1.18!important}
.wsdl.wsdl-app-hero p.wsdl-app-hero-lead{font-size:16px!important;line-height:1.67!important}
.wsdl.wsdl-app-hero .wp-block-buttons{flex-direction:column!important;align-items:stretch!important;margin-top:21px!important;gap:10px!important}
.wsdl.wsdl-app-hero .wp-block-button,.wsdl.wsdl-app-hero .wp-block-button__link{width:100%!important}
.wsdl.wsdl-app-hero .wsdl-app-hero-visual{padding:8px!important;border-radius:16px!important}
.wsdl.wsdl-app-intro h2.wsdl-app-heading{font-size:30px!important}
.wsdl.wsdl-app-intro .wsdl-app-intro-side>p{font-size:16px!important}
.wsdl.wsdl-app-solutions .wsdl-app-solution-grid,.wsdl.wsdl-app-faq .wsdl-app-faq-grid,.wsdl.wsdl-app-faq .wsdl-app-faq-grid--two,.wsdl.wsdl-app-usecases .wsdl-app-usecase-grid,.wsdl.wsdl-app-process .wsdl-app-process-grid{grid-template-columns:1fr!important;gap:13px!important}
.wsdl.wsdl-app-solutions .wsdl-app-solution-card,.wsdl.wsdl-app-faq .wsdl-app-faq-card,.wsdl.wsdl-app-usecases .wsdl-app-usecase-card,.wsdl.wsdl-app-process .wsdl-app-step-card{padding:21px!important}
.wsdl.wsdl-app-features h2.wsdl-app-heading{font-size:30px!important}
.wsdl.wsdl-app-features .wsdl-app-features-copy .wp-block-buttons{flex-direction:column;align-items:stretch}
.wsdl.wsdl-app-features .wsdl-app-features-copy .wp-block-button,.wsdl.wsdl-app-features .wsdl-app-features-copy .wp-block-button__link{width:100%}
.wsdl.wsdl-app-cta{width:calc(100% - 28px)!important;padding:30px 22px!important;margin:24px auto 43px!important;border-radius:18px!important}
.wsdl.wsdl-app-cta .wp-block-buttons{flex-direction:column;align-items:stretch}
.wsdl.wsdl-app-cta .wp-block-button,.wsdl.wsdl-app-cta .wp-block-button__link{width:100%!important}
}

/* V1.7 Jasa Backlink — scoped to new patterns only, leaves existing site design untouched. */
.wsdl.wsdl-backlink-hero{background:radial-gradient(ellipse at 96% 0%,rgba(38,131,214,.24),transparent 48%),linear-gradient(119deg,#031E3B,#06426D)!important;padding-top:clamp(62px,5.5vw,86px)!important;padding-bottom:clamp(62px,5.5vw,85px)!important;overflow:hidden}
.wsdl.wsdl-backlink-hero .wsdl-backlink-hero-cols{display:grid!important;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(25px,4vw,58px)!important;align-items:center!important;max-width:1160px!important;width:100%!important;margin:0!important}
.wsdl.wsdl-backlink-hero .wsdl-backlink-hero-cols>.wp-block-column,.wsdl.wsdl-backlink-intro .wsdl-backlink-intro-cols>.wp-block-column,.wsdl.wsdl-backlink-quality .wsdl-backlink-quality-cols>.wp-block-column{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
.wsdl.wsdl-backlink-hero :is(.wsdl-backlink-hero-copy,.wsdl-backlink-hero-visual){margin:0!important;width:100%!important;max-width:none!important;min-width:0!important}
.wsdl.wsdl-backlink-hero .wsdl-kicker{color:#A2CFFF!important;margin-bottom:14px!important}
.wsdl.wsdl-backlink-hero h1.wsdl-backlink-h1{font-size:clamp(34px,3.75vw,53px)!important;line-height:1.14!important;letter-spacing:-.042em!important;margin:0 0 19px!important;color:#fff!important;text-wrap:balance}
.wsdl.wsdl-backlink-hero p.wsdl-backlink-hero-lead{font-size:clamp(16px,1.2vw,18px)!important;line-height:1.7!important;color:#D9EAF8!important;margin:0!important;max-width:590px}
.wsdl.wsdl-backlink-hero .wp-block-buttons{margin-top:25px!important;gap:11px!important;justify-content:flex-start!important}
.wsdl.wsdl-backlink-hero .wsdl-btn-outline .wp-block-button__link{color:white!important;background:transparent!important;border:1px solid #88B4D8!important}
.wsdl.wsdl-backlink-hero p.wsdl-backlink-hero-note{font-size:13px!important;line-height:1.6!important;color:#ABC9E4!important;margin:19px 0 0!important}
.wsdl.wsdl-backlink-hero .wsdl-backlink-hero-visual{padding:10px!important;border:1px solid rgba(189,227,255,.22)!important;border-radius:21px!important;background:rgba(255,255,255,.055)!important;box-shadow:0 24px 48px rgba(0,16,34,.19)}
.wsdl.wsdl-backlink-hero .wsdl-backlink-hero-visual figure{margin:0!important;max-width:none!important}
.wsdl.wsdl-backlink-hero .wsdl-backlink-hero-visual img{display:block;max-width:100%;height:auto;aspect-ratio:1040/800;object-fit:cover;border-radius:13px}
.wsdl.wsdl-backlink-intro{background:white}
.wsdl.wsdl-backlink-intro .wsdl-backlink-intro-cols{display:grid!important;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(23px,5vw,80px)!important;align-items:start!important;width:100%!important;max-width:1160px!important;margin:0!important}
.wsdl.wsdl-backlink-intro :is(.wsdl-backlink-intro-primary,.wsdl-backlink-intro-secondary){width:100%!important;max-width:none!important;margin:0!important}
.wsdl.wsdl-backlink-intro h2.wsdl-backlink-heading{font-size:clamp(31px,3.15vw,44px)!important;line-height:1.19!important;text-wrap:balance;margin:0 0 16px!important}
.wsdl.wsdl-backlink-intro p.wsdl-backlink-lead-dark{font-size:17px!important;line-height:1.71!important;color:#365D7D!important;margin:0!important}
.wsdl.wsdl-backlink-intro .wsdl-backlink-intro-secondary>p{font-size:17px!important;line-height:1.72!important;margin:0 0 18px!important}
.wsdl.wsdl-backlink-intro .wsdl-backlink-note{border:1px solid #D5E6F7!important;background:#EDF5FE!important;padding:21px!important;border-radius:16px!important;margin:0!important}
.wsdl.wsdl-backlink-intro p.wsdl-backlink-note-label{font-size:15px!important;font-weight:700!important;color:#1765B3!important;margin:0 0 5px!important}
.wsdl.wsdl-backlink-intro p.wsdl-backlink-note-body{font-size:15px!important;margin:0!important}
.wsdl.wsdl-backlink-services{background:#F2F7FD}
.wsdl.wsdl-backlink-services h2.wsdl-backlink-heading,.wsdl.wsdl-backlink-process h2.wsdl-backlink-heading,.wsdl.wsdl-backlink-faq h2.wsdl-backlink-heading{max-width:930px!important;line-height:1.18!important;text-wrap:balance;margin:0 0 16px!important}
.wsdl.wsdl-backlink-services p.wsdl-lead,.wsdl.wsdl-backlink-process p.wsdl-lead{max-width:810px!important;margin-bottom:25px!important}
.wsdl.wsdl-backlink-services .wsdl-backlink-service-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:17px!important;margin:17px 0 0!important;max-width:1160px!important;width:100%!important}
.wsdl.wsdl-backlink-services .wsdl-backlink-service-grid>.wp-block-column,.wsdl.wsdl-backlink-process .wsdl-backlink-process-grid>.wp-block-column,.wsdl.wsdl-backlink-faq .wsdl-backlink-faq-grid>.wp-block-column{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
.wsdl.wsdl-backlink-services .wsdl-backlink-service-card{height:100%;max-width:none!important;padding:27px!important;border:1px solid #DFEAF5!important;border-radius:18px!important;background:white!important;box-shadow:0 9px 22px rgba(8,38,71,.04)}
.wsdl.wsdl-backlink-services p.wsdl-backlink-card-no{color:#146DC1!important;font-weight:800!important;font-size:14px!important;letter-spacing:.07em;margin:0 0 21px!important}
.wsdl.wsdl-backlink-services h3.wsdl-backlink-card-title{font-size:20px!important;line-height:1.29!important;margin:0 0 12px!important}
.wsdl.wsdl-backlink-services p.wsdl-backlink-card-desc{font-size:15px!important;line-height:1.7!important;margin:0!important}
.wsdl.wsdl-backlink-quality{background:#fff}
.wsdl.wsdl-backlink-quality .wsdl-backlink-quality-cols{display:grid!important;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(25px,5vw,74px)!important;max-width:1160px!important;width:100%!important;margin:0!important;align-items:start!important}
.wsdl.wsdl-backlink-quality :is(.wsdl-backlink-quality-copy,.wsdl-backlink-principles){margin:0!important;width:100%!important;max-width:none!important}
.wsdl.wsdl-backlink-quality h2.wsdl-backlink-heading{font-size:clamp(30px,3.15vw,43px)!important;line-height:1.2!important;text-wrap:balance}
.wsdl.wsdl-backlink-quality .wsdl-lead{font-size:17px!important;line-height:1.72!important;color:#425E78!important}
.wsdl.wsdl-backlink-quality .wsdl-backlink-principle-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:15px;padding:16px 0!important;margin:0!important;border-bottom:1px solid #DFE9F4}
.wsdl.wsdl-backlink-quality .wsdl-backlink-principle-row:first-child{padding-top:0!important}
.wsdl.wsdl-backlink-quality .wsdl-backlink-principle-row:last-child{border:0}
.wsdl.wsdl-backlink-quality p.wsdl-backlink-principle-no{display:grid;place-items:center;height:44px;width:44px;border-radius:12px;background:#E5F1FF!important;color:#166CBB!important;font-weight:800!important;font-size:13px!important;margin:0!important}
.wsdl.wsdl-backlink-quality .wsdl-backlink-principle-copy{margin:0!important;width:100%!important;max-width:none!important}
.wsdl.wsdl-backlink-quality h3.wsdl-backlink-principle-title{font-size:19px!important;margin:0 0 5px!important}
.wsdl.wsdl-backlink-quality p.wsdl-backlink-principle-desc{font-size:15px!important;line-height:1.66!important;margin:0!important}
.wsdl.wsdl-backlink-process{background:#F6FAFF}
.wsdl.wsdl-backlink-process .wsdl-backlink-process-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;max-width:1160px!important;width:100%!important;margin:26px 0 0!important}
.wsdl.wsdl-backlink-process .wsdl-backlink-step-card{height:100%;max-width:none!important;padding:24px!important;background:#FFF!important;border:1px solid #DFE8F4!important;border-radius:17px!important}
.wsdl.wsdl-backlink-process p.wsdl-backlink-step-number{color:#1674CF!important;font-weight:800!important;font-size:28px!important;line-height:1.1!important;margin:0 0 17px!important}
.wsdl.wsdl-backlink-process h3.wsdl-backlink-step-title{font-size:19px!important;margin:0 0 11px!important}
.wsdl.wsdl-backlink-process p.wsdl-backlink-step-desc{font-size:15px!important;line-height:1.68!important;margin:0!important}
.wsdl.wsdl-backlink-faq{background:#F0F7FE}
.wsdl.wsdl-backlink-faq .wsdl-backlink-faq-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important;max-width:1160px!important;width:100%!important;margin:18px 0 0!important}
.wsdl.wsdl-backlink-faq .wsdl-backlink-faq-card{height:100%;max-width:none!important;padding:24px!important;border:1px solid #D9E6F4!important;border-radius:16px!important;background:white!important}
.wsdl.wsdl-backlink-faq h3.wsdl-backlink-faq-q{font-size:17px!important;line-height:1.46!important;margin:0 0 9px!important}
.wsdl.wsdl-backlink-faq p.wsdl-backlink-faq-a{font-size:15px!important;line-height:1.69!important;margin:0!important}
.ws-main .wsdl.wsdl-backlink-cta,.wsdl.wsdl-backlink-cta{width:calc(100% - 48px)!important;max-width:1160px!important;margin:38px auto 60px!important;padding:clamp(34px,4.9vw,60px)!important;border-radius:23px!important;background:radial-gradient(ellipse at 90% 15%,rgba(39,132,218,.3),transparent 52%),linear-gradient(118deg,#051E38,#084979)!important;box-shadow:0 20px 43px rgba(8,38,77,.12)}
.wsdl.wsdl-backlink-cta>:is(p,h2,.wp-block-buttons){margin-left:0!important;margin-right:0!important;max-width:860px!important;text-align:left!important}
.wsdl.wsdl-backlink-cta .wsdl-kicker{color:#A6D0FC!important}
.wsdl.wsdl-backlink-cta h2.wsdl-backlink-heading{color:white!important;font-size:clamp(31px,3.3vw,45px)!important;line-height:1.17!important;text-wrap:balance}
.wsdl.wsdl-backlink-cta p.wsdl-lead{color:#DCEAF8!important;font-size:17px!important;line-height:1.7!important}
.wsdl.wsdl-backlink-cta .wsdl-btn-outline .wp-block-button__link{color:white!important;background:transparent!important;border:1px solid #86B5DC!important}
@media(max-width:990px){.wsdl.wsdl-backlink-services .wsdl-backlink-service-grid,.wsdl.wsdl-backlink-faq .wsdl-backlink-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wsdl.wsdl-backlink-process .wsdl-backlink-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:780px){.wsdl.wsdl-backlink-hero .wsdl-backlink-hero-cols,.wsdl.wsdl-backlink-intro .wsdl-backlink-intro-cols,.wsdl.wsdl-backlink-quality .wsdl-backlink-quality-cols{grid-template-columns:1fr!important;gap:27px!important}.wsdl.wsdl-backlink-hero h1.wsdl-backlink-h1{font-size:clamp(33px,5vw,44px)!important}.wsdl.wsdl-backlink-hero .wsdl-backlink-hero-visual{max-width:580px!important}.wsdl.wsdl-backlink-cta{width:calc(100% - 30px)!important;padding:34px 27px!important;margin:29px auto 46px!important}}
@media(max-width:560px){.wsdl.wsdl-backlink-hero{padding-top:45px!important;padding-bottom:49px!important}.wsdl.wsdl-backlink-hero h1.wsdl-backlink-h1{font-size:clamp(31px,8vw,37px)!important;line-height:1.18!important}.wsdl.wsdl-backlink-hero p.wsdl-backlink-hero-lead{font-size:16px!important;line-height:1.68!important}.wsdl.wsdl-backlink-hero .wp-block-buttons,.wsdl.wsdl-backlink-cta .wp-block-buttons{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.wsdl.wsdl-backlink-hero .wp-block-button,.wsdl.wsdl-backlink-hero .wp-block-button__link,.wsdl.wsdl-backlink-cta .wp-block-button,.wsdl.wsdl-backlink-cta .wp-block-button__link{width:100%!important}.wsdl.wsdl-backlink-hero .wsdl-backlink-hero-visual{padding:8px!important}.wsdl.wsdl-backlink-intro h2.wsdl-backlink-heading,.wsdl.wsdl-backlink-quality h2.wsdl-backlink-heading{font-size:30px!important}.wsdl.wsdl-backlink-intro .wsdl-backlink-intro-secondary>p,.wsdl.wsdl-backlink-quality .wsdl-lead{font-size:16px!important}.wsdl.wsdl-backlink-services .wsdl-backlink-service-grid,.wsdl.wsdl-backlink-faq .wsdl-backlink-faq-grid,.wsdl.wsdl-backlink-process .wsdl-backlink-process-grid{grid-template-columns:1fr!important;gap:13px!important}.wsdl.wsdl-backlink-services .wsdl-backlink-service-card,.wsdl.wsdl-backlink-faq .wsdl-backlink-faq-card,.wsdl.wsdl-backlink-process .wsdl-backlink-step-card{padding:21px!important}.wsdl.wsdl-backlink-quality h2.wsdl-backlink-heading{font-size:30px!important}.wsdl.wsdl-backlink-quality .wsdl-backlink-quality-copy .wp-block-buttons{flex-direction:column;align-items:stretch}.wsdl.wsdl-backlink-quality .wsdl-backlink-quality-copy .wp-block-button,.wsdl.wsdl-backlink-quality .wsdl-backlink-quality-copy .wp-block-button__link{width:100%!important}.wsdl.wsdl-backlink-cta{width:calc(100% - 28px)!important;padding:30px 22px!important;margin:25px auto 43px!important;border-radius:18px!important}}

/* WSDL 1.7.1 — katalog paket backlink; seluruh aturan hanya dalam section wsdl-backlink */
.wsdl.wsdl-backlink-pricing{background:#F3F7FC!important;padding-bottom:72px!important}
.wsdl.wsdl-backlink-pricing>.wp-block-group__inner-container{max-width:1160px!important}
.wsdl.wsdl-backlink-pricing h2.wsdl-backlink-heading{margin:0 0 12px!important;max-width:780px!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-pricing-intro{max-width:790px!important;color:#425B75!important;font-size:17px!important;line-height:1.7!important;margin:0 0 30px!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:19px!important;width:100%!important;max-width:1160px!important;margin:0!important;align-items:stretch!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-grid>.wp-block-group{box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:none!important;margin:0!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card,.wsdl.wsdl-backlink-guest .wsdl-backlink-guest-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;padding:27px 25px 25px!important;border:1px solid #DCE8F5!important;border-radius:20px!important;background:#FFFFFF!important;box-shadow:0 10px 27px rgba(12,48,86,.055)!important;gap:0!important;height:100%!important;min-width:0!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card--f{border-color:#80BBFF!important;box-shadow:0 12px 32px rgba(0,98,199,.095)!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card--wide{grid-column:1/-1!important;max-width:none!important;background:linear-gradient(125deg,#04284B,#064272)!important;border-color:#064272!important;color:#fff!important;display:grid!important;grid-template-columns:1fr 1.45fr!important;gap:8px 36px!important;align-items:start!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card--wide>.wsdl-backlink-package-features{grid-column:2!important;grid-row:1/span 5!important;align-self:center!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card--wide>.wp-block-buttons{grid-column:1!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card--wide :is(.wsdl-backlink-package-title,.wsdl-backlink-package-price,.wsdl-backlink-package-volume,.wsdl-backlink-package-duration,.wsdl-backlink-price-feature){color:#FFF!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card--wide .wsdl-backlink-package-tag{color:#8EC9FF!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card--wide .wsdl-backlink-package-price{color:#FFF!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card--wide .wsdl-backlink-package-duration{color:#C9DFEF!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-package-tag,.wsdl.wsdl-backlink-guest .wsdl-backlink-package-tag{font-size:11px!important;letter-spacing:.11em!important;font-weight:800!important;color:#116BC1!important;margin:0 0 11px!important;text-transform:uppercase}
.wsdl.wsdl-backlink-pricing h3.wsdl-backlink-package-title,.wsdl.wsdl-backlink-guest h3.wsdl-backlink-package-title{font-size:26px!important;line-height:1.18!important;font-weight:750!important;color:#0B2C4B!important;margin:0 0 13px!important;letter-spacing:-.027em!important}
.wsdl.wsdl-backlink-pricing p.wsdl-backlink-package-price,.wsdl.wsdl-backlink-guest p.wsdl-backlink-package-price{font-size:39px!important;font-weight:800!important;letter-spacing:-.044em!important;line-height:1.1!important;color:#005DC4!important;margin:0 0 11px!important;white-space:nowrap!important}
.wsdl.wsdl-backlink-pricing p.wsdl-backlink-package-volume{font-size:17px!important;line-height:1.45!important;font-weight:750!important;color:#173D62!important;margin:0 0 5px!important}
.wsdl.wsdl-backlink-pricing p.wsdl-backlink-package-duration{font-size:14px!important;color:#52708C!important;margin:0 0 17px!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-package-features{width:100%!important;max-width:none!important;margin:0 0 22px!important}
.wsdl.wsdl-backlink-pricing p.wsdl-backlink-price-feature,.wsdl.wsdl-backlink-guest p.wsdl-backlink-price-feature{font-size:14px!important;line-height:1.58!important;color:#425A72!important;margin:0 0 12px!important;padding-left:0!important;overflow-wrap:anywhere!important}
.wsdl.wsdl-backlink-pricing p.wsdl-backlink-price-feature span,.wsdl.wsdl-backlink-guest p.wsdl-backlink-price-feature span{display:inline-flex!important;align-items:center;justify-content:center;width:18px;height:18px;margin-right:7px;border-radius:50%;background:#ECF6FF;color:#1377CC;font-weight:800;font-size:12px}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card--wide p.wsdl-backlink-price-feature span{background:#0B5FA3!important;color:#FFF!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card .wp-block-buttons,.wsdl.wsdl-backlink-guest .wsdl-backlink-guest-card .wp-block-buttons{margin-top:auto!important;width:100%!important;max-width:none!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card .wp-block-button,.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card .wp-block-button__link,.wsdl.wsdl-backlink-guest .wsdl-backlink-guest-card .wp-block-button,.wsdl.wsdl-backlink-guest .wsdl-backlink-guest-card .wp-block-button__link{width:100%!important;text-align:center!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card .wp-block-button__link,.wsdl.wsdl-backlink-guest .wsdl-backlink-guest-card .wp-block-button__link{font-weight:700!important;min-height:46px!important;display:inline-flex!important;justify-content:center!important;align-items:center!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-footnote,.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-disclosure{max-width:1000px!important;font-size:14px!important;line-height:1.65!important;margin:21px 0 0!important;color:#3D5974!important}
.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-disclosure{font-size:13px!important;color:#668097!important;margin-top:8px!important}
.wsdl.wsdl-backlink-guest{background:#FFF!important}
.wsdl.wsdl-backlink-guest h2.wsdl-backlink-heading{max-width:850px!important}
.wsdl.wsdl-backlink-guest p.wsdl-backlink-guest-desc{max-width:815px!important;line-height:1.65!important;font-size:16px!important;color:#47647F!important;margin:0 0 24px!important}
.wsdl.wsdl-backlink-guest .wsdl-backlink-guest-card{max-width:550px!important;height:auto!important;background:#F5F9FE!important}
.wsdl.wsdl-backlink-guest .wsdl-backlink-guest-card .wp-block-buttons{margin-top:10px!important}
.wsdl.wsdl-backlink-checkout{background:#F3F7FC!important}
.wsdl.wsdl-backlink-checkout .wsdl-backlink-order-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;max-width:1160px!important;margin:0!important}
.wsdl.wsdl-backlink-checkout .wsdl-backlink-order-grid>.wp-block-group{max-width:none!important;margin:0!important;min-width:0!important}
.wsdl.wsdl-backlink-checkout .wsdl-backlink-order-step{padding:24px!important;border-radius:17px!important;border:1px solid #E0E9F3!important;background:#FFF!important}
.wsdl.wsdl-backlink-checkout p.wsdl-backlink-order-number{font-size:14px!important;color:#0071DF!important;font-weight:800!important;margin:0 0 16px!important}
.wsdl.wsdl-backlink-checkout h3.wsdl-backlink-order-title{font-size:19px!important;font-weight:750!important;line-height:1.26!important;margin:0 0 12px!important;color:#0B2E50!important}
.wsdl.wsdl-backlink-checkout p.wsdl-backlink-order-desc{font-size:14px!important;line-height:1.64!important;margin:0!important;color:#4A657E!important}
.wsdl.wsdl-backlink-checkout .wsdl-backlink-policy{max-width:1160px!important;margin:24px 0 0!important;border-radius:17px!important;border:1px solid #BED6EE!important;background:#EAF4FF!important;padding:24px!important}
.wsdl.wsdl-backlink-checkout h3.wsdl-backlink-policy-title{font-size:20px!important;margin:0 0 9px!important;color:#0B2E50!important}
.wsdl.wsdl-backlink-checkout p.wsdl-backlink-policy-desc{font-size:15px!important;line-height:1.7!important;margin:0!important;color:#365A78!important}
.wsdl.wsdl-backlink-faq .wsdl-backlink-faq-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important}
.wsdl.wsdl-backlink-faq .wsdl-backlink-faq-grid>.wp-block-group{max-width:none!important;min-width:0!important;margin:0!important}
.wsdl.wsdl-backlink-faq .wsdl-backlink-faq-card{padding:24px!important;background:#FFF!important;border:1px solid #E0E9F4!important;border-radius:16px!important}
.wsdl.wsdl-backlink-faq .wsdl-backlink-faq-card h3.wsdl-backlink-faq-q{font-size:17px!important;line-height:1.4!important;color:#0C3154!important;margin:0 0 10px!important}
.wsdl.wsdl-backlink-faq .wsdl-backlink-faq-card p.wsdl-backlink-faq-a{font-size:15px!important;line-height:1.65!important;margin:0!important;color:#4B6680!important}
.wsdl.wsdl-backlink-cta .wp-block-buttons{flex-wrap:wrap!important;gap:12px!important}
@media (max-width:1024px){.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card--wide{grid-column:1/-1!important}.wsdl.wsdl-backlink-checkout .wsdl-backlink-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:680px){.wsdl.wsdl-backlink-pricing{padding-bottom:45px!important}.wsdl.wsdl-backlink-pricing .wsdl-backlink-pricing-intro{font-size:16px!important;line-height:1.62!important}.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-grid{grid-template-columns:1fr!important;gap:13px!important}.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card{padding:23px 21px!important}.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card--wide{display:flex!important;grid-column:auto!important;grid-template-columns:1fr!important;gap:0!important}.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card--wide>.wsdl-backlink-package-features,.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card--wide>.wp-block-buttons{grid-column:auto!important;grid-row:auto!important}.wsdl.wsdl-backlink-pricing p.wsdl-backlink-package-price,.wsdl.wsdl-backlink-guest p.wsdl-backlink-package-price{font-size:36px!important}.wsdl.wsdl-backlink-pricing .wsdl-backlink-price-card--wide p.wsdl-backlink-price-feature{color:#FFF!important}.wsdl.wsdl-backlink-checkout .wsdl-backlink-order-grid,.wsdl.wsdl-backlink-faq .wsdl-backlink-faq-grid{grid-template-columns:1fr!important}.wsdl.wsdl-backlink-guest .wsdl-backlink-guest-card{padding:23px!important}.wsdl.wsdl-backlink-cta .wp-block-buttons{flex-direction:column!important}.wsdl.wsdl-backlink-cta .wp-block-button,.wsdl.wsdl-backlink-cta .wp-block-button__link{width:100%!important}}