
.inner-page{background:#fff}.inner-page .site-header{z-index:1050}.page-hero{position:relative;overflow:hidden;padding:52px 0 70px;background:linear-gradient(180deg,#fafdff 0%,#f2f7ff 100%);border-bottom:1px solid #e8eef7}.page-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(28,91,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(28,91,255,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(180deg,rgba(0,0,0,.62),transparent 95%)}.page-breadcrumb{position:relative;display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:34px;font-size:12px;font-weight:700;color:#75839a}.page-breadcrumb a{color:#3d64ad}.page-breadcrumb strong{color:#1b2a47}.page-hero-row{position:relative}.page-kicker{display:inline-block;font-size:12px;letter-spacing:.16em;color:#1558ed;font-weight:900;text-transform:uppercase}.page-hero h1{font-size:66px;line-height:1.01;letter-spacing:-.045em;font-weight:900;color:#102143;margin:14px 0 18px;max-width:940px}.page-hero p{font-size:19px;line-height:1.78;color:#66758d;max-width:880px}.page-hero-actions{margin-top:26px}.page-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.page-trust span{padding:9px 13px;border:1px solid #dce6f3;background:#fff;border-radius:999px;color:#60708a;font-size:12px;font-weight:750}.page-visual{background:#fff;border:1px solid #dbe6f4;border-radius:28px;padding:18px;box-shadow:0 24px 64px rgba(17,39,84,.11)}.page-visual img{width:100%;height:auto}.page-summary-bar{padding:0 0 24px;margin-top:-28px;position:relative;z-index:2}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #dfe7f3;border-radius:20px;box-shadow:0 18px 46px rgba(17,39,84,.09);overflow:hidden}.summary-grid div{padding:20px 22px;border-right:1px solid #e5ecf6}.summary-grid div:last-child{border-right:0}.summary-grid b,.summary-grid span{display:block}.summary-grid b{font-size:14px;color:#142443}.summary-grid span{font-size:11px;color:#7b8799;margin-top:4px}.inner-section{padding:86px 0}.inner-heading{max-width:900px;margin-bottom:34px}.inner-heading.text-center{margin-left:auto;margin-right:auto}.inner-heading>span{font-size:11px;letter-spacing:.17em;color:#1558ed;font-weight:900}.inner-heading h2,.faq-section h2,.page-contact-card h2{font-size:48px;line-height:1.05;letter-spacing:-.04em;font-weight:900;color:#102143;margin:12px 0 12px}.inner-heading p,.faq-section p{font-size:16px;line-height:1.78;color:#6c7a91}.page-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.page-feature-grid article{display:flex;gap:13px;align-items:flex-start;padding:21px;border:1px solid #dfe8f3;border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(17,39,84,.04)}.page-feature-grid article span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#eaf2ff;color:#1558ed;font-size:11px;font-weight:900}.page-feature-grid p{margin:2px 0 0;font-size:13px;line-height:1.6;color:#55667f;font-weight:650}.article-area{background:#f8fbff;border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8}.article-content{background:#fff;border:1px solid #e0e8f3;border-radius:24px;padding:24px 42px;box-shadow:0 18px 48px rgba(17,39,84,.06)}.article-section{position:relative;padding:36px 0;border-bottom:1px solid #e8eef7}.article-section:last-child{border-bottom:0}.article-section h2{font-size:34px;line-height:1.16;letter-spacing:-.025em;font-weight:880;color:#102143;margin:0 0 14px}.article-section p{font-size:16px;line-height:1.9;color:#607089;margin:0 0 16px}.content-checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;padding:0;margin:20px 0 0;list-style:none}.content-checklist li{position:relative;padding:13px 14px 13px 40px;border-radius:12px;background:#f6f9ff;border:1px solid #e5ecf6;color:#485a74;font-size:13px;line-height:1.55}.content-checklist li:before{content:'✓';position:absolute;left:14px;top:13px;color:#1558ed;font-weight:900}.content-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}.content-mini-grid article{padding:18px;border:1px solid #e3eaf4;border-radius:15px;background:#fbfdff}.content-mini-grid h3{font-size:17px;font-weight:850;color:#142443}.content-mini-grid p{font-size:13px;margin:0}.page-sidebar{top:125px;display:flex;flex-direction:column;gap:16px}.page-sidebar section{border:1px solid #dfe8f3;border-radius:20px;background:#fff;padding:22px;box-shadow:0 12px 28px rgba(17,39,84,.05)}.sidebar-label{display:block;font-size:10px;letter-spacing:.16em;font-weight:900;color:#1558ed;margin-bottom:13px}.toc-nav,.related-links{display:flex;flex-direction:column}.toc-nav a{padding:10px 0;border-bottom:1px solid #edf1f6;color:#4e607a;font-size:13px;font-weight:700}.related-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f6;color:#4e607a;font-size:12px;font-weight:700}.sidebar-contact{background:linear-gradient(135deg,#0c2b6c,#1558ed)!important;color:#fff}.sidebar-contact h3{font-size:22px;font-weight:850}.sidebar-contact p{font-size:13px;line-height:1.7;color:#d9e5ff}.process-section{background:#fff}.page-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.page-process-grid article{padding:24px;border:1px solid #dfe8f3;border-radius:19px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 10px 24px rgba(17,39,84,.04)}.page-process-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#1558ed;color:#fff;font-size:12px;font-weight:900}.page-process-grid h3{font-size:19px;font-weight:850;color:#142443;margin:16px 0 9px}.page-process-grid p{font-size:13px;line-height:1.7;color:#687891;margin:0}.faq-section{background:#f8fbff;border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8}.faq-stack{display:flex;flex-direction:column;gap:12px}.faq-stack details{border:1px solid #dfe8f3;border-radius:16px;background:#fff;overflow:hidden}.faq-stack summary{list-style:none;cursor:pointer;padding:19px 22px;font-size:16px;font-weight:820;color:#172743;position:relative}.faq-stack summary::-webkit-details-marker{display:none}.faq-stack summary:after{content:'+';position:absolute;right:20px;font-size:22px;color:#1558ed}.faq-stack details[open] summary:after{content:'−'}.faq-stack p{padding:0 22px 20px;margin:0;font-size:14px;line-height:1.8;color:#64738b}.related-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.related-card-grid>a{display:block;padding:24px;border:1px solid #dfe8f3;border-radius:19px;background:#fff;box-shadow:0 12px 28px rgba(17,39,84,.05);transition:.2s}.related-card-grid>a:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(17,39,84,.1)}.related-card-grid span{font-size:10px;letter-spacing:.14em;font-weight:900;color:#1558ed}.related-card-grid h3{font-size:20px;font-weight:850;color:#142443;margin:9px 0}.related-card-grid p{font-size:13px;line-height:1.7;color:#6c7a91}.related-card-grid b{font-size:13px;color:#1558ed}.page-contact-section{padding-top:20px}.page-contact-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;background:linear-gradient(135deg,#0b275f,#1558ed);border-radius:28px;color:#fff;padding:40px;box-shadow:0 30px 70px rgba(13,52,132,.2)}.page-contact-card h2{color:#fff}.page-contact-card p{color:#d8e5ff;line-height:1.75}.page-contact-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;color:#f2f6ff}.page-contact-card input,.page-contact-card textarea{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;border-radius:12px;padding:12px 14px;outline:none}.page-contact-card input::placeholder,.page-contact-card textarea::placeholder{color:#d5e0f4}.page-contact-card .btn{font-weight:820;border-radius:12px;padding:13px 20px}
@media(max-width:1199px){.page-hero h1{font-size:56px}.page-feature-grid{grid-template-columns:repeat(2,1fr)}.page-sidebar{position:static!important}.related-card-grid{grid-template-columns:repeat(2,1fr)}.page-contact-card{grid-template-columns:1fr}}
@media(max-width:991px){.page-hero{padding-top:38px}.page-hero h1{font-size:46px}.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-grid div:nth-child(2){border-right:0}.summary-grid div:nth-child(-n+2){border-bottom:1px solid #e5ecf6}.inner-section{padding:70px 0}.inner-heading h2,.faq-section h2,.page-contact-card h2{font-size:38px}.page-process-grid{grid-template-columns:repeat(2,1fr)}.article-content{padding:16px 26px}}
@media(max-width:767px){.page-hero h1{font-size:40px}.page-hero p{font-size:16px}.page-feature-grid,.content-checklist,.content-mini-grid,.page-process-grid,.related-card-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr}.summary-grid div{border-right:0!important;border-bottom:1px solid #e5ecf6}.summary-grid div:last-child{border-bottom:0}.inner-heading h2,.faq-section h2,.page-contact-card h2{font-size:32px}.article-section h2{font-size:28px}.article-content{padding:10px 20px}.page-contact-card{padding:28px 20px}}
@media(min-width:2000px){.page-hero{padding:76px 0 96px}.page-hero h1{font-size:88px;max-width:1180px}.page-hero p{font-size:23px;max-width:1040px}.page-visual{max-width:720px;margin-left:auto}.summary-grid b{font-size:18px}.summary-grid span{font-size:14px}.inner-section{padding:120px 0}.inner-heading h2,.faq-section h2,.page-contact-card h2{font-size:62px}.page-feature-grid article{padding:28px}.page-feature-grid p{font-size:17px}.article-content{padding:36px 58px}.article-section h2{font-size:46px}.article-section p{font-size:20px}.content-checklist li{font-size:16px}.page-sidebar section{padding:28px}.toc-nav a,.related-links a{font-size:15px}.page-process-grid h3{font-size:24px}.page-process-grid p{font-size:16px}.related-card-grid h3{font-size:26px}.related-card-grid p{font-size:16px}}

/* Blended flag style for project enquiry panels. */
.page-contact-section .page-contact-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background:
    linear-gradient(105deg, rgba(6, 21, 47, .28), rgba(6, 21, 47, .16) 48%, rgba(6, 21, 47, .30)),
    radial-gradient(circle at 50% 46%, rgba(255, 255, 255, .34), transparent 31%),
    linear-gradient(115deg, rgba(255, 103, 31, .98) 0%, rgba(238, 121, 57, .94) 30%, rgba(255, 255, 255, .92) 49%, rgba(192, 224, 173, .90) 63%, rgba(19, 136, 8, .96) 100%) !important;
  border: 1px solid rgba(255, 255, 255, .44) !important;
  box-shadow:
    0 28px 72px rgba(9, 30, 66, .18),
    0 18px 42px rgba(19, 136, 8, .14),
    inset 0 1px 0 rgba(255, 255, 255, .42) !important;
}

.page-contact-section .page-contact-card::before,
.page-contact-section .page-contact-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}

.page-contact-section .page-contact-card::before {
  background:
    linear-gradient(115deg, rgba(255, 103, 31, .22) 0%, transparent 34%, rgba(255, 255, 255, .30) 49%, transparent 64%, rgba(19, 136, 8, .22) 100%),
    radial-gradient(ellipse at 0 0, rgba(255, 103, 31, .20), transparent 38%),
    radial-gradient(ellipse at 100% 100%, rgba(19, 136, 8, .20), transparent 42%) !important;
  mix-blend-mode: screen !important;
  opacity: .86 !important;
}

.page-contact-section .page-contact-card::after {
  background:
    linear-gradient(115deg, rgba(6, 21, 47, .18) 0%, rgba(6, 21, 47, .08) 48%, rgba(6, 21, 47, .22) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, .08), transparent 46%, rgba(255, 255, 255, .06)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .18),
    inset 0 18px 38px rgba(255, 103, 31, .12),
    inset 0 -22px 42px rgba(19, 136, 8, .12) !important;
}

.page-contact-section .page-contact-card > * {
  position: relative !important;
  z-index: 1 !important;
}

.page-contact-section .page-contact-card h2,
.page-contact-section .page-contact-card p,
.page-contact-section .page-contact-card label,
.page-contact-section .page-contact-card .page-kicker {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow:
    0 2px 8px rgba(6, 21, 47, .42),
    0 1px 0 rgba(6, 21, 47, .16) !important;
}

.page-contact-section .page-contact-card .page-kicker {
  color: rgba(255, 255, 255, .78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .78) !important;
}

.page-contact-section .page-contact-card input,
.page-contact-section .page-contact-card textarea {
  background: rgba(6, 21, 47, .42) !important;
  border: 2px solid rgba(255, 255, 255, .58) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .18),
    0 10px 24px rgba(6, 21, 47, .10) !important;
  backdrop-filter: blur(4px) !important;
}

.page-contact-section .page-contact-card input:-webkit-autofill,
.page-contact-section .page-contact-card input:-webkit-autofill:hover,
.page-contact-section .page-contact-card input:-webkit-autofill:focus,
.page-contact-section .page-contact-card textarea:-webkit-autofill,
.page-contact-section .page-contact-card textarea:-webkit-autofill:hover,
.page-contact-section .page-contact-card textarea:-webkit-autofill:focus {
  border: 2px solid rgba(255, 255, 255, .68) !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
  box-shadow:
    inset 0 0 0 1000px rgba(6, 21, 47, .52),
    inset 0 1px 0 rgba(255, 255, 255, .18),
    0 10px 24px rgba(6, 21, 47, .10) !important;
  transition: background-color 9999s ease-out 0s !important;
}

.page-contact-section .page-contact-card input::placeholder,
.page-contact-section .page-contact-card textarea::placeholder {
  color: rgba(255, 255, 255, .92) !important;
  opacity: 1 !important;
}

.page-contact-section .page-contact-card .form-privacy-note {
  background: rgba(6, 21, 47, .38) !important;
  border: 2px solid rgba(255, 255, 255, .42) !important;
  color: rgba(255, 255, 255, .94) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .94) !important;
  text-shadow: 0 1px 6px rgba(6, 21, 47, .36) !important;
}
.page-feature-grid article span,.page-process-grid article>span{display:none!important}
.page-feature-grid article{display:block}
.article-section h2{margin-top:0}
.page-process-grid h3{margin-top:0}
.form-message{min-height:22px;font-size:13px;font-weight:700}.form-message.is-success{color:#d7ffd9}.form-message.is-error{color:#ffe0e0}.form-message.is-warning{color:#fff2b7}.captcha-block label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;color:#f2f6ff}.captcha-block input{width:100%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;border-radius:12px;padding:12px 14px;outline:none}

/* Google Ads trust and privacy note for enquiry forms */
.form-privacy-note{margin:2px 0 0;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#dce8ff;font-size:13.5px;line-height:1.7}.form-privacy-note a{color:#fff!important;font-weight:900;text-decoration:underline;text-underline-offset:3px}.page-contact-card .form-privacy-note{max-width:100%}.contact-form-card .form-privacy-note,.contact-page-card .form-privacy-note{background:#f6f9ff;border-color:#dfe8f3;color:#5f6f86}.contact-form-card .form-privacy-note a,.contact-page-card .form-privacy-note a{color:#155cf6!important}
@media(max-width:767px){.form-privacy-note{font-size:13px;line-height:1.65;padding:11px 12px}}

/* Clean HTML sitemap page */
.sitemap-page .sitemap-list-section{background:linear-gradient(180deg,#fff,#f6f9ff)}.sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sitemap-card{padding:24px;border:1px solid #dfe8f3;border-radius:24px;background:#fff;box-shadow:0 16px 42px rgba(16,43,91,.06)}.sitemap-card h2{font-family:var(--font-display,"Space Grotesk",sans-serif)!important;font-size:24px!important;margin:0 0 16px;color:#0f172a}.sitemap-links{display:grid;gap:9px}.sitemap-links a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border-radius:14px;background:#f8fbff;border:1px solid #edf2f8;color:#17233c}.sitemap-links a span{font-size:14.5px;font-weight:800;line-height:1.35}.sitemap-links a b{font-size:11px;color:#155cf6;text-transform:uppercase;letter-spacing:.08em}.sitemap-links a:hover{background:#eef5ff;color:#155cf6}
@media(max-width:1199px){.sitemap-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.sitemap-grid{grid-template-columns:1fr}.sitemap-card{padding:20px}.sitemap-links a span{font-size:14px}}

/* Helpful noindex 404 support block */
.webstore9-404-help{padding-top:40px}.error-link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-self:start}.error-link-grid .btn{justify-content:center;border-radius:14px;padding:14px 16px;font-weight:900}
@media(max-width:767px){.error-link-grid{grid-template-columns:1fr}.webstore9-404-help{padding-top:24px}}

/* Product download buttons: keep platform CTAs blue and icon-safe */
.page-hero-actions .download-platform-cta,
.page-hero-actions .download-platform-cta.secondary-cta,
.page-hero-actions .download-platform-cta.primary-cta {
  background: linear-gradient(135deg, #155cf6, #0b8df6) !important;
  border: 1px solid #155cf6 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 18px 36px rgba(21, 92, 246, .26) !important;
}

.page-hero-actions .download-platform-cta:hover,
.page-hero-actions .download-platform-cta:focus {
  background: linear-gradient(135deg, #0b4ed8, #0878d8) !important;
  border-color: #0b4ed8 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  transform: translateY(-1px);
}

.page-hero-actions .download-platform-cta svg {
  display: block;
  flex: 0 0 auto;
  color: #fff !important;
}

.page-hero-actions .download-platform-cta span {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* Generated product images: full bleed inside the visual card */
.page-visual.product-hero-visual,
body.category-blog .page-visual.product-hero-visual,
body.category-blog .blog-simple-image.product-hero-visual {
  aspect-ratio: 3 / 2;
  padding: 0 !important;
  overflow: hidden !important;
  background: #06162f !important;
  border-radius: 28px !important;
}

.page-visual.product-hero-visual > img,
body.category-blog .page-visual.product-hero-visual > img,
body.category-blog .blog-simple-image.product-hero-visual > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body.category-blog .page-hero {
  padding-top: 78px !important;
}

@media (max-width: 1199px) {
  body.category-blog .page-hero {
    padding-top: 100px !important;
  }
}

@media (max-width: 767px) {
  body.category-blog .page-hero {
    padding-top: 94px !important;
  }
}
