/* WP-OUTSOURCE common styles: extracted from repeated inline CSS rules. */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

:root{
  --ink:    #0C1220;
  --ink2:   #111827;
  --white:  #ffffff;
  --g50:    #F7F8FC;
  --g100:   #EEF1F8;
  --blue:   #2563EB;
  --blue2:  #3B82F6;
  --cyan:   #06B6D4;
  --text:   #111827;
  --muted:  #6B7280;
  --lt-ln:  #E5E9F2;
  --dk-ln:  rgba(255,255,255,0.1);

  --contents-compact-width: 640px;
  --contents-article-width: 760px;
  --contents-narrow-width: 780px;
  --contents-hero-width: 820px;
  --contents-medium-width: 880px;
  --contents-feature-width: 900px;
  --contents-form-width: 960px;
  --contents-standard-width: 1120px;
  --contents-wide-width: 1440px;
}

.contents{
  width:100%;
  max-width:var(--contents-width, var(--contents-standard-width));
  margin-left:auto;
  margin-right:auto;
}

.contents--compact{--contents-width:var(--contents-compact-width);}
.contents--article{--contents-width:var(--contents-article-width);}
.contents--narrow{--contents-width:var(--contents-narrow-width);}
.contents--hero{--contents-width:var(--contents-hero-width);}
.contents--medium{--contents-width:var(--contents-medium-width);}
.contents--feature{--contents-width:var(--contents-feature-width);}
.contents--form{--contents-width:var(--contents-form-width);}
.contents--standard{--contents-width:var(--contents-standard-width);}
.contents--wide{--contents-width:var(--contents-wide-width);}

html{
  scroll-behavior:smooth;
  font-size:clamp(100%, calc(93.75% + 0.25vw), 112.5%);
}

body{
  background:var(--white);color:var(--text);
  font-family:"DM Sans",sans-serif;font-weight:400;
  font-size:1rem;line-height:1.65;overflow-x:hidden;
}

.logo span{color:var(--cyan);}

.nav-r{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0;}

.nav-link:hover{color:#fff;}

.nav-btn{
  font-family:"DM Mono",monospace;font-size:.6875rem;font-weight:500;
  letter-spacing:.07em;text-transform:uppercase;
  color:var(--cyan);background:transparent;
  border:1px solid rgba(6,182,212,.4);
  padding:9px 20px;border-radius:4px;cursor:pointer;text-decoration:none;
  transition:background .2s,border-color .2s;
}

.nav-btn:hover{background:rgba(6,182,212,.1);border-color:var(--cyan);}

.eyebrow{
  font-family:"DM Mono",monospace;font-size:.625rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px;
}

.faq-inner{max-width:var(--contents-width, var(--contents-narrow-width));margin:0 auto;}

.faq-item{border-bottom:1px solid var(--lt-ln);}

.faq-item:first-of-type{border-top:1px solid var(--lt-ln);}

.faq-q{
  width:100%;background:none;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:20px 0;text-align:left;
  font-family:"DM Sans",sans-serif;font-size:.9375rem;font-weight:500;color:var(--text);
  transition:color .2s;
}

.faq-q:hover{color:var(--blue);}

.faq-item.open .faq-icon{background:var(--blue);color:#fff;border-color:var(--blue);transform:rotate(45deg);}

.faq-a-inner{padding:0 0 20px;}

.faq-item.open .faq-a{max-height:300px;}

.f-links{display:flex;gap:24px;}

.f-links a:hover{color:#fff;}

.f-copy{font-family:"DM Mono",monospace;font-size:.625rem;color:rgba(255,255,255,.18);}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease;}

.reveal.visible{opacity:1;transform:none;}

body{
  background:var(--white);color:var(--text);
  font-family:"DM Sans",sans-serif;font-weight:400;
  font-size:1rem;line-height:1.65;overflow-x:hidden;
}

a{color:inherit;}

nav.site-nav{
  position:fixed;top:0;left:0;right:0;z-index:300;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px;
  background:rgba(12,18,32,.94);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--dk-ln);
}

.logo{font-family:"DM Mono",monospace;font-size:.8125rem;font-weight:500;letter-spacing:.06em;color:#fff;text-decoration:none;}

.nav-toggle{
  display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;flex-shrink:0;
  background:transparent;border:1px solid rgba(255,255,255,.15);
  border-radius:6px;cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

.nav-toggle-bars{position:relative;width:18px;height:13px;}

.nav-toggle-bars span{
  position:absolute;left:0;width:100%;height:2px;border-radius:2px;
  background:#fff;transition:transform .25s ease,opacity .25s ease,top .25s ease;
}

.nav-toggle-bars span:nth-child(1){top:0;}

.nav-toggle-bars span:nth-child(2){top:5.5px;}

.nav-toggle-bars span:nth-child(3){top:11px;}

nav.site-nav.nav-open .nav-toggle-bars span:nth-child(1){top:5.5px;transform:rotate(45deg);}

nav.site-nav.nav-open .nav-toggle-bars span:nth-child(2){opacity:0;}

nav.site-nav.nav-open .nav-toggle-bars span:nth-child(3){top:5.5px;transform:rotate(-45deg);}

.nav-r{
  position:fixed;top:0;right:0;
  width:min(78vw,300px);height:100vh;
  background:rgba(12,18,32,.99);backdrop-filter:blur(14px);
  border-left:1px solid var(--dk-ln);
  display:flex;flex-direction:column;align-items:stretch;
  gap:0;padding:84px 28px 32px;
  transform:translateX(100%);
  transition:transform .3s ease;
  overflow-y:auto;
}

nav.site-nav.nav-open .nav-r{transform:translateX(0);}

.nav-r > li{
  list-style:none;margin:0;padding:0;
}

.nav-r > li > a{
  display:block;width:100%;
}

.nav-link{
  color:rgba(255,255,255,.7);text-decoration:none;
  font-size:1rem;padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  transition:color .2s;
}

.nav-link.is-current{color:var(--cyan);}

.nav-back{
  font-family:"DM Mono",monospace;font-size:.6875rem;font-weight:500;
  letter-spacing:.07em;text-transform:uppercase;
  color:rgba(255,255,255,.4);text-decoration:none;
  display:flex;align-items:center;gap:6px;transition:color .2s;
  padding:0 0 18px;order:-1;
}

.nav-back:hover{color:#fff;}

.nav-back-mobile-wrap{list-style:none;margin:0;padding:0;}

.site-nav-back-link{display:none;}

@media(min-width:1081px){
  .site-nav .nav-back-mobile-wrap{display:none;}
}

.nav-btn{
  font-family:"DM Mono",monospace;font-size:.75rem;font-weight:500;
  letter-spacing:.07em;text-transform:uppercase;
  color:var(--cyan);background:transparent;
  border:1px solid rgba(6,182,212,.4);
  padding:13px 20px;border-radius:4px;cursor:pointer;text-decoration:none;
  text-align:center;margin-top:20px;
  transition:background .2s,border-color .2s;
}

.nav-overlay{
  position:fixed;inset:0;z-index:290;
  background:rgba(0,0,0,.45);
  opacity:0;visibility:hidden;
  transition:opacity .25s ease,visibility .25s ease;
}

nav.site-nav.nav-open ~ .nav-overlay,
.nav-overlay.show{opacity:1;visibility:visible;}

.toc-card summary{
  font-family:"DM Mono",monospace;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--text);cursor:pointer;list-style:none;
  display:flex;align-items:center;justify-content:space-between;
}

.toc-card summary::-webkit-details-marker{display:none;}

.toc-card summary .toc-arrow{transition:transform .25s;color:var(--blue);}

.toc-card[open] summary .toc-arrow{transform:rotate(90deg);}

.toc-list a{
  font-size:.8125rem;color:var(--muted);text-decoration:none;
  display:flex;align-items:baseline;gap:8px;transition:color .2s;
}

.toc-list a:hover{color:var(--blue);}

.art-prose p{color:var(--text);}

.art-prose strong{font-weight:600;color:var(--text);}

.art-prose ol li::marker{font-family:"DM Mono",monospace;color:var(--blue);font-weight:600;}

.art-code .cm{color:rgba(255,255,255,.35);}

.art-code .kw{color:var(--cyan);}

.callout h4{font-size:.8438rem;font-weight:600;color:var(--text);margin-bottom:4px;}

.callout p{font-size:.8125rem;color:var(--muted);line-height:1.7;margin:0;}

.callout.warn{background:rgba(245,158,11,.07);border-color:rgba(245,158,11,.22);}

.art-tag{
  font-family:"DM Mono",monospace;font-size:.6875rem;color:var(--blue);
  background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.18);
  padding:6px 13px;border-radius:999px;text-decoration:none;
  transition:background .2s,border-color .2s;
}

.art-tag:hover{background:rgba(37,99,235,.14);border-color:rgba(37,99,235,.3);}

.share-row{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;
  padding:22px 0;border-top:1px solid var(--lt-ln);border-bottom:1px solid var(--lt-ln);
}

.share-lbl{font-family:"DM Mono",monospace;font-size:.6875rem;color:var(--muted);letter-spacing:.05em;}

.share-btns{display:flex;gap:8px;}

.share-btn{
  width:36px;height:36px;border-radius:50%;
  background:var(--g50);border:1px solid var(--lt-ln);
  display:flex;align-items:center;justify-content:center;
  font-size:.875rem;cursor:pointer;text-decoration:none;color:var(--text);
  transition:background .2s,border-color .2s,transform .15s;
}

.share-btn:hover{background:rgba(37,99,235,.08);border-color:var(--blue);transform:translateY(-2px);}

.share-btn .dashicons{font-size:1.125rem;width:auto;height:auto;line-height:1;}

.adj-nav{max-width:var(--contents-width, var(--contents-article-width));margin:0 auto;display:flex;flex-direction:column;gap:10px;}

.adj-link{
  display:flex;align-items:center;gap:14px;
  background:var(--white);border:1px solid var(--lt-ln);border-radius:12px;
  padding:16px 18px;text-decoration:none;color:inherit;
  transition:border-color .2s,transform .2s;
}

.adj-link:hover{border-color:var(--blue);transform:translateX(2px);}

.adj-link.next:hover{transform:translateX(-2px);}

.adj-dir{
  font-family:"DM Mono",monospace;font-size:.5938rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted);display:block;margin-bottom:4px;
}

.adj-ttl{font-size:.8125rem;font-weight:600;color:var(--text);line-height:1.5;}

.adj-arrow{font-size:1rem;color:var(--blue);flex-shrink:0;}

.adj-link.next{flex-direction:row-reverse;text-align:right;}

.nl-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
}

.nl-form{display:flex;flex-direction:column;gap:10px;max-width:380px;margin:0 auto;}

.nl-input{
  font-family:"DM Sans",sans-serif;font-size:.875rem;
  padding:13px 16px;border-radius:8px;border:1px solid var(--lt-ln);
  background:var(--g50);color:var(--text);outline:none;
  transition:border-color .2s;
}

.nl-input:focus{border-color:var(--blue);}

.nl-submit{
  font-family:"DM Mono",monospace;font-size:.8125rem;font-weight:600;letter-spacing:.04em;
  background:var(--blue);color:#fff;border:none;
  padding:13px;border-radius:8px;cursor:pointer;
  transition:background .2s,transform .15s;
}

.nl-submit:hover{background:#1D4ED8;transform:translateY(-1px);}

.nl-note{font-family:"DM Mono",monospace;font-size:.625rem;color:var(--muted);margin-top:14px;}

footer{
  background:var(--ink2);padding:28px 20px;border-top:1px solid var(--dk-ln);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:16px;text-align:center;
}

.f-logo{font-family:"DM Mono",monospace;font-size:.75rem;color:rgba(255,255,255,.3);text-decoration:none;}

.f-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;}

.f-links a{font-family:"DM Mono",monospace;font-size:.5625rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.25);text-decoration:none;transition:color .2s;}

.f-copy{font-family:"DM Mono",monospace;font-size:.5625rem;color:rgba(255,255,255,.18);}

nav.site-nav{
  position:fixed;top:0;left:0;right:0;z-index:300;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px;
  background:rgba(12,18,32,.94);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--dk-ln);
}

nav.site-nav.nav-open .nav-toggle-bars span:nth-child(1){top:5.5px;transform:rotate(45deg);}

nav.site-nav.nav-open .nav-toggle-bars span:nth-child(2){opacity:0;}

nav.site-nav.nav-open .nav-toggle-bars span:nth-child(3){top:5.5px;transform:rotate(-45deg);}

nav.site-nav.nav-open .nav-r{transform:translateX(0);}

nav.site-nav.nav-open ~ .nav-overlay,
.nav-overlay.show{opacity:1;visibility:visible;}

.load-more-wrap{text-align:center;margin-top:32px;}

.btn-load-more{
  font-family:"DM Mono",monospace;font-size:.75rem;font-weight:500;
  letter-spacing:.06em;color:var(--text);
  background:var(--white);border:1px solid var(--lt-ln);
  padding:13px 32px;border-radius:999px;cursor:pointer;
  display:inline-flex;align-items:center;gap:8px;
  transition:border-color .2s,background .2s,transform .15s;
}

.btn-load-more:hover{border-color:var(--blue);background:rgba(37,99,235,.04);transform:translateY(-1px);}

.news-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
}

.news-pagination ul.page-numbers{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  list-style:none;
  margin:0;
  padding:0;
}

.news-pagination li{
  margin:0;
  padding:0;
}

.news-pagination a.page-numbers,
.news-pagination span.page-numbers{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-width:40px;min-height:40px;
  padding:10px 14px;border-radius:999px;
  background:var(--white);border:1px solid var(--lt-ln);
  color:var(--text);text-decoration:none;
  font-family:"DM Mono",monospace;font-size:.75rem;font-weight:500;
  letter-spacing:.04em;line-height:1;
}

.news-pagination span.page-numbers.current{
  background:var(--ink);border-color:var(--ink);color:#fff;
}

.news-pagination a.page-numbers:hover{
  border-color:var(--blue);background:rgba(37,99,235,.04);
}

.news-pagination span.page-numbers.current:hover{
  background:var(--ink);border-color:var(--ink);color:#fff;
}


.bc-trail a{color:var(--muted);text-decoration:none;transition:color .2s;}

.bc-trail a:hover{color:var(--blue);}

.bc-trail .sep{color:#C7CEDB;}

.news-cat.update{background:rgba(37,99,235,.08);color:var(--n-update);}

.news-cat.maint{background:rgba(245,158,11,.1);color:#B45309;}

.news-cat.important{background:rgba(220,38,38,.08);color:var(--n-important);}

.news-cat.campaign{background:rgba(6,182,212,.1);color:#0E7490;}

.news-cat.media{background:var(--g100);color:var(--muted);}

.sub-txt h3{font-size:.9375rem;font-weight:700;color:var(--text);margin-bottom:6px;}

.sub-txt p{font-size:.7812rem;color:var(--muted);line-height:1.7;}

.sub-actions{display:flex;gap:10px;flex-wrap:wrap;}

.sub-btn{
  font-family:"DM Mono",monospace;font-size:.7188rem;font-weight:500;letter-spacing:.04em;
  padding:11px 18px;border-radius:8px;text-decoration:none;
  display:inline-flex;align-items:center;gap:7px;
  transition:background .2s,border-color .2s,transform .15s;
}

.sub-btn.primary{background:var(--ink);color:#fff;border:1px solid var(--ink);}

.sub-btn.primary:hover{background:#1F2937;transform:translateY(-1px);}

.sub-btn.outline{background:var(--white);color:var(--text);border:1px solid var(--lt-ln);}

.sub-btn.outline:hover{border-color:var(--blue);color:var(--blue);}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease;}

.p-hero{
  background:var(--ink);
  min-height:100vh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:110px 20px 56px;
  position:relative;overflow:hidden;
}

.p-hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(ellipse 70% 50% at 30% 80%, rgba(37,99,235,.12) 0%,transparent 60%),
    radial-gradient(ellipse 50% 40% at 80% 20%, rgba(6,182,212,.08) 0%,transparent 60%);
  pointer-events:none;
}

.p-hero::after{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:64px 64px;
  pointer-events:none;
}

.p-hero-inner{position:relative;z-index:2;max-width:var(--contents-width, var(--contents-narrow-width));width:100%;}

.p-eyebrow{
  font-family:"DM Mono",monospace;font-size:.625rem;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--cyan);margin-bottom:20px;
  display:inline-flex;align-items:center;gap:8px;
}

.p-eyebrow::before,.p-eyebrow::after{content:"";display:block;width:18px;height:1px;background:var(--cyan);opacity:.6;}

.p-hero h1{
  font-size:clamp(1.875rem,7vw,4.5rem);font-weight:600;
  line-height:1.12;letter-spacing:-.02em;color:#fff;margin-bottom:10px;
}

.p-hero h1 em{font-style:normal;color:var(--cyan);}

.p-hero-sub{
  font-size:.9375rem;color:rgba(255,255,255,.5);
  line-height:1.75;margin:18px auto 32px;max-width:min(100%, var(--contents-width, 560px));
}

.p-hero-badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:32px;}

.badge-pill{
  font-family:"DM Mono",monospace;font-size:.5625rem;
  letter-spacing:.08em;text-transform:uppercase;
  border:1px solid rgba(255,255,255,.15);
  color:rgba(255,255,255,.55);
  padding:6px 12px;border-radius:999px;
}

.badge-pill.hi{border-color:rgba(6,182,212,.5);color:var(--cyan);}

.hero-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:44px;}

.btn-buy{
  background:var(--blue);color:#fff;
  font-size:.875rem;font-weight:600;padding:14px 30px;border-radius:7px;
  text-decoration:none;border:none;cursor:pointer;display:inline-block;
  transition:background .2s,transform .15s;
}

.btn-buy:hover{background:#1D4ED8;transform:translateY(-1px);}

.btn-outline-w{
  background:transparent;color:rgba(255,255,255,.6);
  font-size:.8125rem;font-weight:500;padding:13px 24px;border-radius:7px;
  text-decoration:none;border:1px solid rgba(255,255,255,.18);
  transition:border-color .2s,color .2s;
}

.btn-outline-w:hover{border-color:rgba(255,255,255,.4);color:#fff;}

.price-wrap{
  display:inline-flex;align-items:baseline;gap:8px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  padding:12px 20px;border-radius:10px;
  flex-wrap:wrap;justify-content:center;
}

.price-old{font-family:"DM Mono",monospace;font-size:.8125rem;color:rgba(255,255,255,.3);text-decoration:line-through;}

.price-new{font-family:"DM Mono",monospace;font-size:1.625rem;font-weight:500;color:#fff;letter-spacing:-.02em;}

.price-note{font-size:.6875rem;color:rgba(255,255,255,.35);}

.price-tag{
  font-family:"DM Mono",monospace;font-size:.5625rem;
  background:rgba(6,182,212,.2);color:var(--cyan);
  padding:4px 9px;border-radius:4px;letter-spacing:.06em;
}

.sec-w{max-width:var(--contents-width, var(--contents-standard-width));margin:0 auto;}

.eyebrow{
  font-family:"DM Mono",monospace;font-size:.625rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px;
}

.sec-ttl{
  font-size:clamp(1.5rem,6vw,2.75rem);font-weight:600;
  letter-spacing:-.02em;line-height:1.18;color:var(--text);margin-bottom:10px;
}

.sec-ttl em{font-style:italic;color:var(--blue);}

.sec-lead{color:var(--muted);font-size:.875rem;line-height:1.75;max-width:600px;}

.problem-sec{background:var(--ink2);padding:56px 20px;border-top:1px solid var(--dk-ln);}

.problem-inner{max-width:var(--contents-width, var(--contents-standard-width));margin:0 auto;display:grid;grid-template-columns:1fr;gap:40px;align-items:center;}

.problem-l .eyebrow{color:rgba(255,255,255,.4);}

.problem-l .sec-ttl{color:#fff;}

.problem-l .sec-ttl em{color:var(--cyan);}

.problem-l .sec-lead{color:rgba(255,255,255,.45);}

.problem-list{display:flex;flex-direction:column;gap:12px;margin-top:24px;}

.prob-item{
  display:flex;align-items:flex-start;gap:12px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:10px;padding:16px 18px;
}

.prob-icon{font-size:1.0625rem;flex-shrink:0;margin-top:1px;}

.prob-text{font-size:.8125rem;color:rgba(255,255,255,.6);line-height:1.6;}

.prob-text strong{color:#fff;font-weight:500;}

.problem-r{display:flex;flex-direction:column;gap:12px;}

.sol-card{
  background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.25);
  border-radius:12px;padding:18px 20px;
  display:flex;align-items:flex-start;gap:14px;
}

.sol-check{
  width:26px;height:26px;border-radius:50%;
  background:rgba(6,182,212,.2);
  display:flex;align-items:center;justify-content:center;
  font-size:.75rem;flex-shrink:0;color:var(--cyan);font-weight:700;
}

.sol-text h4{font-size:.8125rem;font-weight:600;color:#fff;margin-bottom:4px;}

.sol-text p{font-size:.75rem;color:rgba(255,255,255,.5);line-height:1.55;}

.bento-a-sec{background:var(--g50);padding:64px 20px;}

.bento-a{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:36px;
}

.bento-b-sec{background:var(--white);padding:64px 20px;border-top:1px solid var(--lt-ln);}

.bento-b{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:36px;
}

.bento-c-sec{background:var(--g50);padding:64px 20px;border-top:1px solid var(--lt-ln);}

.bento-c{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:36px;
}

.bcell{
  background:var(--white);border:1px solid var(--lt-ln);
  border-radius:14px;padding:24px;
  position:relative;overflow:hidden;
  transition:box-shadow .25s,transform .2s;
}

.bcell.dark{background:var(--ink);border-color:var(--dk-ln);}

.bcell.blue{background:var(--blue);border-color:var(--blue);}

.bcell.cyan-tint{background:rgba(6,182,212,.06);border-color:rgba(6,182,212,.2);}

.bcell.gray{background:var(--g50);border-color:var(--lt-ln);}

.bcell:hover{box-shadow:0 8px 32px rgba(37,99,235,.1);transform:translateY(-2px);}

.bcell.dark:hover{box-shadow:0 8px 32px rgba(0,0,0,.3);}

.bcell.blue:hover{box-shadow:0 8px 32px rgba(37,99,235,.3);}

.bcell.accent-top::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
}

.btag{
  font-family:"DM Mono",monospace;font-size:.5625rem;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--cyan);margin-bottom:12px;display:block;
}

.btag.w{color:rgba(255,255,255,.5);}

.btag.whi{color:#fff;opacity:.6;}

.bttl{font-size:1.125rem;font-weight:600;color:var(--text);margin-bottom:10px;letter-spacing:-.01em;line-height:1.25;}

.bttl.w{color:#fff;}

.bdesc{color:var(--muted);font-size:.8125rem;line-height:1.7;}

.bdesc.w{color:rgba(255,255,255,.55);}

.bdesc.wb{color:rgba(255,255,255,.8);}

.bnum{font-family:"DM Mono",monospace;font-size:3rem;font-weight:500;letter-spacing:-.03em;line-height:1;margin-bottom:6px;}

.bnum.c{color:var(--cyan);}

.bnum.w{color:#fff;}

.bnum .unit{font-size:1.25rem;opacity:.6;}

.bsub{font-size:.6875rem;color:var(--muted);margin-top:4px;}

.bsub.w{color:rgba(255,255,255,.4);}

.bfeat-list{display:flex;flex-direction:column;gap:9px;margin-top:16px;}

.bfeat-item{
  display:flex;align-items:flex-start;gap:9px;
  font-size:.75rem;color:var(--muted);line-height:1.5;
}

.bfeat-item::before{content:"→";color:var(--cyan);font-family:"DM Mono",monospace;font-size:.6875rem;flex-shrink:0;margin-top:1px;}

.bfeat-item.w{color:rgba(255,255,255,.6);}

.bfeat-item.w::before{color:var(--cyan);}

.b-icon-lg{font-size:2.5rem;margin-bottom:16px;display:block;}

.bchips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;}

.bchip{
  font-family:"DM Mono",monospace;font-size:.625rem;letter-spacing:.05em;
  padding:5px 11px;border-radius:4px;
  background:var(--g100);color:var(--muted);border:1px solid var(--lt-ln);
}

.bchip.hi{background:rgba(6,182,212,.1);color:var(--cyan);border-color:rgba(6,182,212,.25);}

.bchip.bl{background:rgba(37,99,235,.1);color:var(--blue);border-color:rgba(37,99,235,.2);}

.bchip.w{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.15);}

.bstep-list{display:flex;flex-direction:column;gap:0;margin-top:14px;}

.bstep{
  display:flex;align-items:flex-start;gap:12px;
  padding:12px 0;border-bottom:1px solid var(--lt-ln);
}

.bstep:last-child{border-bottom:none;padding-bottom:0;}

.bstep-n{
  font-family:"DM Mono",monospace;font-size:.6875rem;
  color:var(--cyan);width:20px;flex-shrink:0;margin-top:1px;
}

.bstep-body h5{font-size:.75rem;font-weight:600;color:var(--text);margin-bottom:2px;}

.bstep-body p{font-size:.6875rem;color:var(--muted);line-height:1.5;}

.comp-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}

.comp-table{width:100%;min-width:560px;border-collapse:collapse;margin-top:6px;}

.comp-table th{
  font-family:"DM Mono",monospace;font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);font-weight:400;padding:10px 12px;
  border-bottom:1px solid var(--lt-ln);text-align:left;white-space:nowrap;
}

.comp-table td{
  font-size:.75rem;padding:11px 12px;border-bottom:1px solid var(--lt-ln);
  color:var(--text);vertical-align:middle;white-space:nowrap;
}

.comp-table tr:last-child td{border-bottom:none;}

.comp-table .good{color:var(--cyan);font-family:"DM Mono",monospace;font-size:.6875rem;}

.comp-table .bad{color:var(--muted);font-family:"DM Mono",monospace;font-size:.6875rem;}

.comp-table .hi-row td{background:rgba(6,182,212,.05);font-weight:500;}

.comp-table .hi-row td:first-child{color:var(--blue);}

.bento-d-sec{background:var(--white);padding:64px 20px;border-top:1px solid var(--lt-ln);}

.bento-d{display:grid;grid-template-columns:1fr;gap:14px;margin-top:36px;}

.bento-e-sec{background:var(--g50);padding:64px 20px;border-top:1px solid var(--lt-ln);}

.bento-e{display:grid;grid-template-columns:1fr;gap:14px;margin-top:36px;}

.bento-f-sec{background:var(--ink);padding:64px 20px;border-top:1px solid var(--dk-ln);}

.bento-f{display:grid;grid-template-columns:1fr;gap:14px;margin-top:36px;}

.bento-g-sec{background:var(--g50);padding:64px 20px;border-top:1px solid var(--lt-ln);}

.bento-g{display:grid;grid-template-columns:1fr;gap:14px;margin-top:36px;align-items:stretch;}

.bg-label{display:none;}

.bento-h-sec{background:var(--white);padding:64px 20px;border-top:1px solid var(--lt-ln);}

.bento-h{display:grid;grid-template-columns:1fr;gap:14px;margin-top:36px;}

.bh-cl,.bh-cr{display:flex;flex-direction:column;gap:14px;}

.bento-i-sec{background:var(--g50);padding:64px 20px;border-top:1px solid var(--lt-ln);}

.bento-i{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:36px;}

.bi-txt{grid-column:1/3;}

.bento-j-sec{background:var(--white);padding:64px 20px;border-top:1px solid var(--lt-ln);}

.bento-j{display:grid;grid-template-columns:1fr;gap:14px;margin-top:36px;}

.bento-k-sec{background:var(--g50);padding:64px 20px;border-top:1px solid var(--lt-ln);}

.bento-k{display:grid;grid-template-columns:1fr;gap:14px;margin-top:36px;}

.bento-l-sec{background:var(--ink);padding:64px 20px;border-top:1px solid var(--dk-ln);}

.bento-l{display:grid;grid-template-columns:1fr;gap:14px;margin-top:36px;align-items:stretch;}

.bento-m-sec{background:var(--white);padding:64px 20px;border-top:1px solid var(--lt-ln);}

.bento-m{display:grid;grid-template-columns:1fr;gap:14px;margin-top:36px;}

.bento-n-sec{background:var(--g50);padding:64px 20px;border-top:1px solid var(--lt-ln);}

.bento-n{display:grid;grid-template-columns:1fr;gap:14px;margin-top:36px;}

.simple-card-img{width:100%;border-radius:10px;overflow:hidden;border:1px solid var(--lt-ln);margin-bottom:18px;display:block;}

.img-mock{
  width:100%;border-radius:10px;overflow:hidden;
  background:var(--g100);border:1px solid var(--lt-ln);
  display:flex;flex-direction:column;position:relative;
}

.img-mock.dark-bg{background:var(--ink2);border-color:var(--dk-ln);}

.mock-chrome{
  height:30px;background:var(--g50);border-bottom:1px solid var(--lt-ln);
  display:flex;align-items:center;padding:0 10px;gap:6px;flex-shrink:0;
}

.mock-chrome.dark{background:rgba(255,255,255,.06);border-bottom-color:rgba(255,255,255,.08);}

.mock-dot{width:9px;height:9px;border-radius:50%;}

.mock-dot.r{background:#FF5F57;}

.mock-dot.y{background:#FFBD2E;}

.mock-dot.g{background:#28C840;}

.mock-url{
  flex:1;margin-left:8px;height:17px;background:var(--g100);border-radius:4px;
  font-family:"DM Mono",monospace;font-size:.5rem;letter-spacing:.03em;color:var(--muted);
  display:flex;align-items:center;padding:0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.mock-url.dark{background:rgba(255,255,255,.08);color:rgba(255,255,255,.3);}

.mock-body{flex:1;padding:16px;display:flex;flex-direction:column;gap:9px;}

.mock-body.dark{background:var(--ink);}

.mock-body.row{flex-direction:row;padding:0;gap:0;}

.mock-heading{height:18px;background:var(--g100);border-radius:4px;width:60%;}

.mock-heading.dark{background:rgba(255,255,255,.1);}

.mock-heading.sm{width:40%;height:13px;}

.mock-line{height:9px;background:var(--g100);border-radius:3px;}

.mock-line.dark{background:rgba(255,255,255,.07);}

.mock-line.w80{width:80%;}

.mock-line.w60{width:60%;}

.mock-line.w90{width:90%;}

.mock-input{
  height:32px;background:var(--white);border:1px solid var(--lt-ln);border-radius:6px;
  display:flex;align-items:center;padding:0 9px;
  font-family:"DM Mono",monospace;font-size:.5625rem;color:rgba(148,163,184,.6);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.mock-input.dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.2);}

.mock-input.focus{border-color:var(--blue);}

.mock-btn{
  height:32px;background:var(--blue);border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  font-family:"DM Mono",monospace;font-size:.5625rem;color:#fff;letter-spacing:.05em;
}

.mock-btn.outline{background:transparent;border:1px solid var(--lt-ln);color:var(--muted);}

.mock-btn.outline.dark{border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.4);}

.mock-progress{height:4px;background:var(--g100);border-radius:2px;overflow:hidden;margin-bottom:4px;}

.mock-progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));}

.mock-badge-row{display:flex;gap:6px;flex-wrap:wrap;}

.mock-badge{
  height:19px;border-radius:3px;padding:0 7px;
  font-family:"DM Mono",monospace;font-size:.5rem;letter-spacing:.05em;
  display:flex;align-items:center;
}

.mock-badge.blue{background:rgba(37,99,235,.15);color:var(--blue);}

.mock-badge.cyan{background:rgba(6,182,212,.15);color:var(--cyan);}

.mock-badge.green{background:rgba(16,185,129,.15);color:#10B981;}

.mock-sidebar{
  width:110px;flex-shrink:0;background:var(--g50);border-right:1px solid var(--lt-ln);
  padding:12px;display:flex;flex-direction:column;gap:6px;
}

.mock-sidebar.dark{background:rgba(255,255,255,.04);border-right-color:rgba(255,255,255,.06);}

.ba-wide-grid{display:grid;grid-template-columns:1fr;gap:20px;}

.bb-top-grid{display:grid;grid-template-columns:1fr;gap:20px;}

.bh-cap-grid{display:grid;grid-template-columns:1fr;gap:20px;}

.bf-editor-grid{flex:1;display:grid;grid-template-columns:90px 1fr;height:100%;}

.bf-editor-sidebar{
  background:rgba(255,255,255,.03);border-right:1px solid rgba(255,255,255,.06);
  padding:10px;display:flex;flex-direction:column;gap:6px;overflow:hidden;
}

.bn-card{padding:24px;}

.bn-card .mock-body.row{flex-direction:column;}

.bn-sidebar{
  width:100%;flex-direction:row;flex-wrap:wrap;border-right:none;
  border-bottom:1px solid var(--lt-ln);
}

.bn-content{flex:1;padding:14px;display:flex;flex-direction:column;gap:10px;width:100%;}

.mock-sidebar-item{
  height:24px;border-radius:5px;padding:0 8px;
  font-family:"DM Mono",monospace;font-size:.5rem;color:var(--muted);
  display:flex;align-items:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.mock-sidebar-item.active{background:rgba(37,99,235,.1);color:var(--blue);}

.mock-sidebar-item.active.dark{background:rgba(6,182,212,.15);color:var(--cyan);}

.mock-table-row{
  display:grid;grid-template-columns:1fr 1fr 60px;gap:6px;align-items:center;
  padding:6px 0;border-bottom:1px solid var(--lt-ln);
}

.mock-table-row.dark{border-bottom-color:rgba(255,255,255,.06);}

.mock-table-row:last-child{border-bottom:none;}

.mock-cell{height:10px;border-radius:3px;background:var(--g100);}

.mock-cell.dark{background:rgba(255,255,255,.08);}

.ann{
  background:var(--white);border:1px solid var(--lt-ln);border-radius:8px;
  padding:12px 14px;font-size:.75rem;color:var(--text);line-height:1.5;
  box-shadow:0 2px 12px rgba(0,0,0,.06);
}

.ann strong{display:block;font-size:.6875rem;font-weight:600;color:var(--blue);margin-bottom:3px;}

.ba-label{
  font-family:"DM Mono",monospace;font-size:.625rem;
  letter-spacing:.1em;text-transform:uppercase;
  padding:4px 10px;border-radius:3px;display:inline-block;margin-bottom:10px;
}

.ba-label.before{background:rgba(107,114,128,.12);color:var(--muted);}

.ba-label.after{background:rgba(6,182,212,.12);color:var(--cyan);}

.usecase-sec{background:var(--ink);padding:64px 20px;border-top:1px solid var(--dk-ln);}

.usecase-inner{max-width:var(--contents-width, var(--contents-standard-width));margin:0 auto;}

.usecase-grid{
  display:grid;grid-template-columns:1fr;gap:14px;margin-top:36px;
}

.uc-card{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:14px;padding:26px;
  transition:border-color .25s;
}

.uc-card:hover{border-color:rgba(37,99,235,.4);}

.uc-icon{font-size:1.75rem;margin-bottom:16px;display:block;}

.uc-ttl{font-size:1rem;font-weight:600;color:#fff;margin-bottom:8px;letter-spacing:-.01em;}

.uc-desc{font-size:.75rem;color:rgba(255,255,255,.45);line-height:1.65;}

.uc-result{
  margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);
  font-family:"DM Mono",monospace;font-size:.6875rem;color:var(--cyan);letter-spacing:.03em;
}

.setup-sec{background:var(--white);padding:64px 20px;border-top:1px solid var(--lt-ln);}

.setup-inner{max-width:var(--contents-width, var(--contents-standard-width));margin:0 auto;}

.setup-track{
  display:grid;grid-template-columns:1fr;gap:24px;margin-top:36px;
}

.stp{padding:0 0 22px;border-right:none;border-bottom:1px solid var(--lt-ln);}

.stp:last-child{border-bottom:none;padding-bottom:0;}

.stp-n{font-family:"DM Mono",monospace;font-size:.625rem;color:var(--muted);letter-spacing:.1em;margin-bottom:12px;}

.stp-h{font-size:.9375rem;font-weight:600;color:var(--text);margin-bottom:8px;letter-spacing:-.01em;}

.stp-p{color:var(--muted);font-size:.75rem;line-height:1.65;}

.stp-code{
  margin-top:12px;background:var(--g50);border:1px solid var(--lt-ln);
  border-radius:6px;padding:10px 14px;
  font-family:"DM Mono",monospace;font-size:.6875rem;color:var(--blue);
  letter-spacing:.03em;line-height:1.5;word-break:break-all;
}

.faq-sec{background:var(--white);padding:90px 48px;border-top:1px solid var(--lt-ln);}

.faq-ttl{font-size:clamp(1.375rem,3vw,2.125rem);font-weight:600;letter-spacing:-.025em;margin-bottom:40px;color:var(--text);}

.faq-q{
  width:100%;background:none;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 0;text-align:left;
  font-family:"DM Sans",sans-serif;font-size:.875rem;font-weight:500;color:var(--text);
  transition:color .2s;
}

.faq-icon{
  width:24px;height:24px;border-radius:50%;border:1px solid var(--lt-ln);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  font-family:"DM Mono",monospace;font-size:.875rem;color:var(--muted);transition:background .2s,color .2s,transform .3s;
}

.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;font-size:.875rem;color:var(--muted);line-height:1.75;}

.faq-a-inner{padding:0 0 18px;}

.faq-item.open .faq-a{max-height:340px;}

.cta-sec{background:var(--ink);padding:64px 20px;border-top:1px solid var(--dk-ln);}

.cta-inner{max-width:var(--contents-width, var(--contents-standard-width));margin:0 auto;}

.cta-grid{display:grid;grid-template-columns:1fr;gap:20px;}

.plan-card{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  border-radius:16px;padding:28px;
  display:flex;flex-direction:column;
  transition:border-color .25s;
}

.plan-card.featured{
  background:linear-gradient(135deg,rgba(37,99,235,.18) 0%,rgba(6,182,212,.1) 100%);
  border-color:rgba(37,99,235,.5);
}

.plan-card:hover{border-color:rgba(37,99,235,.4);}

.plan-card.featured:hover{border-color:var(--blue);}

.plan-badge{
  font-family:"DM Mono",monospace;font-size:.5625rem;letter-spacing:.1em;text-transform:uppercase;
  background:rgba(6,182,212,.2);color:var(--cyan);
  padding:4px 10px;border-radius:4px;display:inline-block;margin-bottom:16px;
  align-self:flex-start;
}

.plan-name{font-size:1.1875rem;font-weight:600;color:#fff;margin-bottom:6px;}

.plan-desc{font-size:.75rem;color:rgba(255,255,255,.45);margin-bottom:20px;line-height:1.6;}

.plan-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;flex-wrap:wrap;}

.plan-old{font-family:"DM Mono",monospace;font-size:.8125rem;color:rgba(255,255,255,.25);text-decoration:line-through;}

.plan-price{font-family:"DM Mono",monospace;font-size:2rem;font-weight:500;color:#fff;letter-spacing:-.02em;}

.plan-tax{font-size:.6875rem;color:rgba(255,255,255,.35);}

.plan-feats{display:flex;flex-direction:column;gap:9px;margin:20px 0 28px;}

.plan-feat{display:flex;align-items:flex-start;gap:8px;font-size:.75rem;color:rgba(255,255,255,.55);}

.plan-feat::before{content:"✓";color:var(--cyan);font-weight:700;flex-shrink:0;}

.plan-btn{
  background:rgba(255,255,255,.08);color:#fff;
  border:1px solid rgba(255,255,255,.15);
  border-radius:7px;padding:14px;text-align:center;
  font-size:.8125rem;font-weight:600;text-decoration:none;
  transition:background .2s,border-color .2s;margin-top:auto;
}

.plan-btn:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);}

.plan-card.featured .plan-btn{background:var(--blue);border-color:var(--blue);}

.plan-card.featured .plan-btn:hover{background:#1D4ED8;}

.cta-note{
  text-align:center;margin-top:28px;
  font-family:"DM Mono",monospace;font-size:.625rem;
  color:rgba(255,255,255,.25);letter-spacing:.04em;
}

.other-plugins{margin-top:48px;border-top:1px solid var(--dk-ln);padding-top:36px;}

.other-plugins h3{font-size:1rem;font-weight:600;color:#fff;margin-bottom:20px;}

.other-grid{display:grid;grid-template-columns:1fr;gap:12px;}

.other-card{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
  border-radius:10px;padding:18px;text-decoration:none;color:inherit;
  display:flex;align-items:center;gap:14px;
  transition:border-color .2s;
}

.other-card:hover{border-color:rgba(37,99,235,.4);}

.other-icon{font-size:1.375rem;flex-shrink:0;}

.other-name{font-size:.75rem;font-weight:600;color:#fff;margin-bottom:3px;}

.other-price{font-family:"DM Mono",monospace;font-size:.625rem;color:var(--cyan);}

@media(min-width:681px){
  .p-hero{padding:120px 32px 64px;}
  .bento-i{grid-template-columns:1fr 1fr 1fr;}
  .bi-txt{grid-column:1/4;}
  .bento-j{grid-template-columns:1fr 1fr;}
  .bento-k{grid-template-columns:1fr 1fr;}
  .bento-m{grid-template-columns:1fr 1fr;}
  .setup-track{grid-template-columns:1fr 1fr;gap:28px;}
  .stp{border-bottom:1px solid var(--lt-ln);padding:0 0 24px;}
  .usecase-grid{grid-template-columns:1fr 1fr;}
  .other-grid{grid-template-columns:1fr 1fr;}
}

@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;}
  .nav-r,.nav-toggle-bars span,.nav-overlay{transition-duration:.01ms!important;}
  *{transition-duration:.01ms!important;}
}

nav.p-menu-bar{
  position:sticky;top:62px;left:auto;right:auto;z-index:200;
  display:flex;align-items:stretch;
  background:var(--ink2);
  backdrop-filter:none;
  border-bottom:1px solid var(--dk-ln);
  padding:0;
}

.p-menu-link{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:4px;padding:10px 6px 9px;
  text-decoration:none;color:rgba(255,255,255,.5);
  font-size:.6562rem;font-weight:500;letter-spacing:.01em;
  border-right:1px solid var(--dk-ln);
  transition:background .2s,color .2s;
  position:relative;
}

.p-menu-link:last-child{border-right:none;}

.pml-ico{font-size:1rem;line-height:1;}

.p-menu-link:hover{background:rgba(255,255,255,.04);color:#fff;}

.p-menu-link.active{color:#fff;background:rgba(6,182,212,.1);}

.p-menu-link.active::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:var(--cyan);
}

.p-menu-link.buy{color:var(--cyan);font-weight:600;}

.p-menu-link.buy:hover{background:rgba(6,182,212,.12);}


/* Common global header alignment override */
#siteNav.site-nav{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:300 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:14px 20px !important;
  background:rgba(12,18,32,.94) !important;
  backdrop-filter:blur(14px) !important;
  border-bottom:1px solid var(--dk-ln) !important;
}

#siteNav.site-nav .logo{
  flex:0 0 auto !important;
}

.site-nav-back-link{
  display:none;
}

@media(min-width:1081px){
  #siteNav.site-nav{
    min-height:74px !important;
    padding:18px 48px !important;
  }

  #siteNav.site-nav .nav-toggle{
    display:none !important;
  }

  #siteNav.site-nav ~ .nav-overlay{
    display:none !important;
  }

  #siteNav.site-nav .nav-r{
    position:static !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    background:transparent !important;
    backdrop-filter:none !important;
    border-left:none !important;
    display:flex !important;
    flex:0 0 auto !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:28px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    overflow:visible !important;
  }

  #siteNav.site-nav .nav-r > li{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  #siteNav.site-nav .nav-r > li > a{
    width:auto !important;
  }

  #siteNav.site-nav .nav-link{
    display:inline-flex !important;
    align-items:center !important;
    color:rgba(255,255,255,.5) !important;
    font-size:.8125rem !important;
    font-weight:400 !important;
    line-height:1.5 !important;
    padding:0 !important;
    border-bottom:none !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }

  #siteNav.site-nav .nav-link:hover{
    color:#fff !important;
  }

  #siteNav.site-nav .nav-link.is-current{
    color:var(--cyan) !important;
  }

  #siteNav.site-nav .nav-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    color:var(--cyan) !important;
    font-size:.6875rem !important;
    line-height:1.5 !important;
    padding:9px 20px !important;
    margin:0 !important;
    text-align:left !important;
    white-space:nowrap !important;
  }

  .site-nav-back-link{
    position:absolute !important;
    top:86px !important;
    left:48px !important;
    z-index:250 !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    color:rgba(255,255,255,.45) !important;
    font-family:"DM Mono",monospace !important;
    font-size:.6875rem !important;
    font-weight:500 !important;
    letter-spacing:.07em !important;
    line-height:1.5 !important;
    text-decoration:none !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  .site-nav-back-link:hover{
    color:#fff !important;
  }
}

/* Site footer */
.site-footer{
  display:block;
  padding:48px 20px 22px;
  background:var(--ink2);
  border-top:1px solid var(--dk-ln);
  color:rgba(255,255,255,.72);
  text-align:left;
}

.site-footer__inner{width:100%;}

.site-footer__main{
  display:grid;
  grid-template-columns:1fr;
  gap:36px;
}

.site-footer__title{
  display:inline-block;
  color:#fff;
  font-size:1rem;
  font-weight:700;
  line-height:1.6;
  text-decoration:none;
}

.site-footer__description{
  max-width:280px;
  margin-top:14px;
  color:rgba(255,255,255,.68);
  font-size:.8125rem;
  line-height:1.8;
}

.site-footer__navigation{
  position:static;
  display:block;
  padding:0;
  background:transparent;
  border:0;
  backdrop-filter:none;
}

.site-footer__menu{
  display:block;
  margin:0;
  padding:0;
  list-style:none;
}

.site-footer__menu > li{
  break-inside:avoid;
  page-break-inside:avoid;
  margin:0 0 28px;
}

.site-footer__menu > li:last-child{
  margin-bottom:0;
}

.site-footer__menu li{
  margin:0;
  padding:0;
  list-style:none;
}

.site-footer__menu > li{
  margin-bottom:28px;
}

.site-footer__menu > li:last-child{
  margin-bottom:0;
}

.site-footer__menu > li > a{
  display:inline-block;
  color:#fff;
  font-size:.875rem;
  font-weight:700;
  line-height:1.5;
  text-decoration:none;
}

.site-footer__menu .sub-menu{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:12px 0 0;
  padding:0;
  list-style:none;
}

.site-footer__menu .sub-menu .sub-menu{
  margin:7px 0 0 14px;
}

.site-footer__menu .sub-menu a{
  display:inline-block;
  color:rgba(255,255,255,.68);
  font-size:.75rem;
  line-height:1.55;
  text-decoration:none;
  transition:color .2s;
}

.site-footer__menu a:hover,
.site-footer__menu .current-menu-item > a,
.site-footer__menu .current-menu-ancestor > a{
  color:#fff;
}

.site-footer__bottom{
  margin-top:38px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.12);
  text-align:center;
}

.site-footer__copyright{
  color:rgba(255,255,255,.42);
  font-size:.6875rem;
  line-height:1.6;
}

@media(min-width:681px){
  .site-footer__menu{
    column-count:2;
    column-gap:40px;
  }
}

@media(min-width:1081px){
  .site-footer{padding:54px 48px 24px;}

  .site-footer__main{
    grid-template-columns:minmax(220px,1fr) minmax(0,3fr);
    gap:56px;
    align-items:start;
  }

  .site-footer__menu{
    column-count:3;
    column-gap:40px;
  }

  .site-footer__bottom{margin-top:34px;}
}

/* Keep the site footer at the viewport bottom on short pages. */
html{
  min-height:100%;
}

body{
  min-height:100vh;
  min-height:100svh;
  display:flex;
  flex-direction:column;
}

body > .site-footer{
  margin-top:auto;
  flex-shrink:0;
}

/* Header cart icon using the cart plugin's existing navigation classes. */
#siteNav.site-nav .nav-cart-item{
  position:relative;
}

#siteNav.site-nav .nav-cart-link{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:44px!important;
  min-height:44px;
  padding:0!important;
  color:rgba(255,255,255,.72);
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.08);
  transition:color .2s,background .2s;
}

#siteNav.site-nav .nav-cart-link:hover{
  color:var(--cyan);
  background:rgba(6,182,212,.08);
}

#siteNav.site-nav .nav-cart-link .gtspc-nav-icon{
  font-size:1.125rem;
}

#siteNav.site-nav .nav-cart-link .gtspc-nav-cart-count{
  top:2px;
  right:1px;
}

#siteNav.site-nav .nav-cart-link .gtspc-nav-cart-count[hidden]{
  display:none!important;
}

@media(min-width:1081px){
  #siteNav.site-nav .nav-cart-link{
    width:34px!important;
    min-height:34px;
    border-bottom:0;
    border-radius:4px;
  }

  #siteNav.site-nav .nav-cart-link .gtspc-nav-cart-count{
    top:-5px;
    right:-7px;
  }
}

/* Fixed pages: match article typography used by News/Media. */
.wp-outsource-page-main .wp-outsource-page-title{
  font-size:clamp(24px,6vw,36px);
}

.wp-outsource-page-main .art-prose{
  font-size:15px;
  line-height:1.9;
}

.wp-outsource-page-main .art-prose h2{
  font-size:clamp(19px,4.5vw,24px);
}

.wp-outsource-page-main .art-prose h3{
  font-size:17px;
}

.wp-outsource-page-main .art-prose h4{
  font-size:15px;
}

.wp-outsource-page-main .art-prose h5{
  font-size:13.5px;
}

.wp-outsource-page-main .art-prose h6{
  font-size:12px;
}

.wp-outsource-page-main .art-prose li{
  font-size:14.5px;
}

@media(min-width:1081px){
  .wp-outsource-page-main .wp-outsource-page-title{
    font-size:clamp(28px,3.2vw,38px);
  }

  .wp-outsource-page-main .art-prose{
    font-size:16px;
  }

  .wp-outsource-page-main .art-prose h2{
    font-size:26px;
  }

  .wp-outsource-page-main .art-prose h3{
    font-size:18px;
  }

  .wp-outsource-page-main .art-prose li{
    font-size:15.5px;
  }
}


/* Mobile footer description and body text sizing. */
@media(max-width:680px){
  .faq-sec{
    padding-left:24px;
    padding-right:24px;
  }

  p{
    font-size:1rem;
  }

  .p-hero-sub,
  .sec-lead,
  .wp-outsource-page-main .art-prose{
    font-size:1rem;
  }

  .callout p,
  .sub-txt p,
  .prob-text,
  .sol-text p,
  .bdesc,
  .bstep-body p,
  .uc-desc,
  .stp-p,
  .plan-desc,
  .site-footer__description{
    font-size:.875rem;
  }

  /* Keep all functional mobile text at 13px equivalent or larger. */
  .nav-btn,
  .eyebrow,
  .f-copy,
  .nav-back,
  .toc-card summary,
  .art-tag,
  .share-lbl,
  .adj-dir,
  .nl-note,
  .f-logo,
  .f-links a,
  .btn-load-more,
  .news-pagination a.page-numbers,
  .news-pagination span.page-numbers,
  .sub-btn,
  .p-eyebrow,
  .badge-pill,
  .price-note,
  .price-tag,
  .btag,
  .bsub,
  .bfeat-item,
  .bchip,
  .bstep-n,
  .bstep-body h5,
  .comp-table th,
  .comp-table td,
  .comp-table .good,
  .comp-table .bad,
  .ann,
  .ann strong,
  .ba-label,
  .uc-result,
  .stp-n,
  .stp-code,
  .plan-badge,
  .plan-tax,
  .plan-feat,
  .cta-note,
  .other-name,
  .other-price,
  .p-menu-link,
  .site-footer__menu .sub-menu a,
  .site-footer__copyright,
  .wp-outsource-page-main .art-prose h6{
    font-size:.8125rem;
  }

  .site-footer__description{
    width:100%;
    max-width:none;
  }
}

/* 404 page */
body.error404 main,
body.error404 .site-main,
body.error404 .wp-outsource-page-main,
body.error404 .error-404,
body.error404 .not-found{
  width:100%;
}

body.error404 main,
body.error404 .site-main,
body.error404 .wp-outsource-page-main{
  min-height:520px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:150px 20px 90px;
  background:
    radial-gradient(circle at 22% 18%, rgba(37,99,235,.08), transparent 34%),
    radial-gradient(circle at 82% 72%, rgba(6,182,212,.07), transparent 32%),
    var(--white);
  text-align:center;
}

body.error404 .error-404,
body.error404 .not-found,
body.error404 main > section,
body.error404 main > article{
  width:min(100%, 720px);
  margin:0 auto;
}

body.error404 h1,
body.error404 .page-title{
  margin:0 0 18px;
  color:var(--ink);
  font-size:clamp(1.75rem, 4vw, 2.75rem);
  font-weight:600;
  line-height:1.12;
  letter-spacing:-.03em;
}

body.error404 h1::before,
body.error404 .page-title::before{
  content:"404";
  display:block;
  margin-bottom:14px;
  color:var(--ink);
  font-family:"DM Mono",monospace;
  font-size:1rem;
  font-weight:600;
  line-height:1;
  letter-spacing:.18em;
}

body.error404 main p,
body.error404 .site-main p,
body.error404 .wp-outsource-page-main p,
body.error404 .error-404 p,
body.error404 .not-found p{
  max-width:600px;
  margin:0 auto 26px;
  color:var(--muted);
  font-size:1rem;
  line-height:1.9;
}

body.error404 main a,
body.error404 .site-main a,
body.error404 .wp-outsource-page-main a,
body.error404 .error-404 a,
body.error404 .not-found a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 24px;
  border:1px solid var(--blue);
  border-radius:7px;
  background:var(--blue);
  color:#fff;
  font-size:.875rem;
  font-weight:600;
  line-height:1.4;
  text-decoration:none;
  transition:background .2s,border-color .2s,transform .15s;
}

body.error404 main a:hover,
body.error404 .site-main a:hover,
body.error404 .wp-outsource-page-main a:hover,
body.error404 .error-404 a:hover,
body.error404 .not-found a:hover{
  background:#1D4ED8;
  border-color:#1D4ED8;
  transform:translateY(-1px);
}

@media(max-width:680px){
  body.error404 main,
  body.error404 .site-main,
  body.error404 .wp-outsource-page-main{
    min-height:430px;
    padding:120px 24px 64px;
  }

  body.error404 h1,
  body.error404 .page-title{
    margin-bottom:14px;
    font-size:clamp(1.5rem, 7vw, 2rem);
  }

  body.error404 main p,
  body.error404 .site-main p,
  body.error404 .wp-outsource-page-main p,
  body.error404 .error-404 p,
  body.error404 .not-found p{
    margin-bottom:22px;
    font-size:.9375rem;
    line-height:1.8;
  }

  body.error404 main a,
  body.error404 .site-main a,
  body.error404 .wp-outsource-page-main a,
  body.error404 .error-404 a,
  body.error404 .not-found a{
    width:100%;
    max-width:280px;
  }
}

.wp-block-code code {
  display: block;
  padding: 20px;
  background-color: #f0f0f0;
}