:root {
    --sf-ink: #131727;
    --sf-dark: #101114;
    --sf-orange: #FE5D1E;
    --sf-muted: #6E6E73;
    --sf-pale: #F8F8FA;
    --sf-line: #E7E7EA;
}

html { scroll-behavior: smooth; }

body:is(.home, .home_enus, [class^="pt_blog_"], [class^="en_blog"]) { background: #fff; color: var(--sf-ink); font-family: 'DM Sans', sans-serif; line-height: 1.65; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) *:not(.shareon *),

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) *:not(.shareon *)::before,

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) *:not(.shareon *)::after { box-sizing: border-box; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) h1, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) h2, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) h3, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) h4, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) h5 { font-family: 'Manrope', 'DM Sans', sans-serif !important; letter-spacing: -.04em; line-height: 1.2; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) a:focus-visible, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) button:focus-visible { outline: 3px solid var(--sf-orange); outline-offset: 3px; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .container { max-width: 1190px; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #company, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #faq { scroll-margin-top: 36px; }


/* Menu e primeiro painel */

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner {
    
    background: radial-gradient(circle at 83% 29%, #FE5D1E19, transparent 35%), linear-gradient(155deg, #101114, #13151D 58%, #191C29);
    color: #fff;
    overflow: hidden;
    padding-bottom: clamp(55px, 7vw, 100px) !important;
}

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-large .menu-area {
    margin-top: 0 !important;
    padding: 20px 0;
    background: transparent;
    border-bottom: 1px solid #ffffff24;
    border-radius: 0;
}

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-large .menu-area > .col-2:first-child { width: 22%; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-large .menu-area > .col-8 { width: 65%; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-large .menu-area > .col-2:last-child { width: 13%; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-large img { width: min(190px, 100%); }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-large a, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-large a.globe-color { color: #fff; font: 600 14px/1.4 'DM Sans', sans-serif; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-large a:hover, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-large a:focus-visible { color: var(--sf-orange); text-decoration: none; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-large .active { color: var(--sf-orange); }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-large .bi-globe { color: #fff; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner > .container:has(.col-info) { padding-top: clamp(50px, 7vw, 105px); }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner .col-info { justify-content: center !important; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner .col-info h2 { color: var(--sf-orange) !important; font: 800 12px/1.5 'DM Sans', sans-serif !important; letter-spacing: .15em; text-transform: uppercase; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner .col-info h2 img { display: inline-block; vertical-align: middle; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner .col-info h1 { max-width: 670px; margin: 24px 0 0; color: #fff; font-size: clamp(42px, 5vw, 72px); font-weight: 800; letter-spacing: -.055em; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .highlight { padding: 0; color: var(--sf-orange); background: none; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner .col-info p { margin-top: 32px !important; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner .col-photo { align-self: center; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner .home-screen-border {
    max-height: 500px;
    padding: 7px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ffffff8c;
    border-radius: 18px;
    box-shadow: 0 35px 90px #0008, 0 0 75px #FE5D1E14;
    backdrop-filter: none;
}

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner .home-screen-border img { display: block; max-height: 484px; width: 100%; height: auto; object-fit: contain; border-radius: 12px; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .btn { border-radius: 5px; font-family: 'DM Sans', sans-serif !important; font-size: 14px; font-weight: 800 !important; text-decoration: none; transition: background .2s, color .2s, transform .2s, box-shadow .2s; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .btn:hover { transform: translateY(-2px); text-decoration: none; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .btn-primary, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .btn-secondary { padding: 15px 24px; border-color: var(--sf-orange) !important; background: var(--sf-orange) !important; color: var(--sf-ink) !important; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .btn-primary:hover, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .btn-secondary:hover { border-color: #FF8A55 !important; background: #FF8A55 !important; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .btn-third { padding: 13px 20px; color: var(--sf-ink) !important; background: #fff !important; border: 1px solid var(--sf-line) !important; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .btn-third:hover { border-color: var(--sf-orange) !important; box-shadow: 0 10px 25px #13172712; }



/* Três etapas */

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner + .container { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 92px; padding-bottom: 96px; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner + .container > .row { --bs-gutter-y: 24px; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner + .container .col-md-4 > .p-5 { height: 100%; padding: 34px 30px !important; background: #fff; border: 1px solid var(--sf-line); transition: transform .2s, box-shadow .2s; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner + .container .col-md-4 > .p-5:hover { transform: translateY(-4px); box-shadow: 0 18px 40px #1719230c; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #pillardetect, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #pillaranalysis, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #pillartakedown { color: var(--sf-orange); }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner + .container h5 { margin-top: 22px !important; color: var(--sf-ink) !important; font-size: 22px !important; font-weight: 700 !important; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .pillars-font { margin-bottom: 0; color: var(--sf-muted); font-family: 'DM Sans', sans-serif !important; font-size: 15px; line-height: 1.75; }



/* Empresa */

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #company { max-width: none; margin: 0 !important; padding: 78px max(24px, calc((100% - 1190px) / 2)) !important; background: var(--sf-ink); }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #company > .row { margin: 0 !important; padding: 0 !important; background: transparent; border-radius: 0; transform: none !important; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #company > .row > div { padding: 0 !important; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #company .fs-1 { max-width: 880px; margin: 0 auto 20px !important; color: #fff; font-size: clamp(34px, 4vw, 52px) !important; font-weight: 700; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #company .text-gray { max-width: 850px; margin: 0 auto 30px !important; color: #C9CBD4; font-family: 'DM Sans', sans-serif !important; font-size: 17px !important; font-weight: 400 !important; line-height: 1.75; }



/* Funcionalidades */

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features { padding-top: 95px !important; padding-bottom: 30px; margin-top: 0 !important; margin-bottom: 0 !important; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features > .skyfishers-animation .overline-text { color: #C84916; font: 800 12px/1.5 'DM Sans', sans-serif !important; letter-spacing: .19em; text-transform: uppercase; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features > .skyfishers-animation h3 { color: var(--sf-ink); font-size: clamp(36px, 4vw, 52px); font-weight: 750; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features > .skyfishers-animation hr { max-width: 64px; margin: 24px auto 0; border: 2px solid var(--sf-orange); opacity: 1; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features > .row\.g-5 { --bs-gutter-x: 24px; --bs-gutter-y: 24px; margin-bottom: 0 !important; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features .integrations-card { height: 100%; min-height: 290px; padding: 30px; border: 1px solid var(--sf-line); border-radius: 0; transition: background .2s, transform .2s; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features .integrations-card:hover { background: var(--sf-pale); transform: translateY(-3px); }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features .featured-icon-wrap { width: 52px; height: 52px; min-height: 52px; max-width: 52px; max-height: 52px; background: #FE5D1E16 !important; border-radius: 11px; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features .featured-icon-wrap i { color: var(--sf-orange) !important; font-size: 24px !important; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features .integrations-card h4 { color: var(--sf-ink); font-size: 22px !important; font-weight: 700; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features .integrations-card p { color: var(--sf-muted); font-family: 'DM Sans', sans-serif !important; font-size: 15px !important; line-height: 1.7; }



/* Artigos: a segunda seção possui o mesmo id no HTML original. */

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features:has(.col-md-6) { max-width: none; padding-right: max(24px, calc((100% - 1190px) / 2)) !important; padding-left: max(24px, calc((100% - 1190px) / 2)) !important; background: var(--sf-pale); }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features .col-md-6 > div:has(> img) { height: 100%; padding-bottom: 28px; background: #fff; box-shadow: 0 1px 8px #1317270a; transition: transform .2s, box-shadow .2s; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features .col-md-6 > div:has(> img):hover { transform: translateY(-4px); box-shadow: 0 15px 30px #17192318; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features .col-md-6 > div > img { width: 100%; height: 255px; object-fit: cover; border-radius: 0; transform: none; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features .col-md-6 h4, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features .col-md-6 p, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features .col-md-6 a { margin-left: 30px; margin-right: 30px; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features .col-md-6 h4 { color: var(--sf-ink); font-size: 23px !important; font-weight: 700; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features .col-md-6 p { color: var(--sf-muted); font-family: 'DM Sans', sans-serif !important; font-size: 15px !important; }



/* Perguntas frequentes */

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #faq { padding-top: 95px; padding-bottom: 100px; margin-top: 0 !important; margin-bottom: 0 !important; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #faq > h3 { margin-bottom: 46px !important; color: var(--sf-ink); font-size: clamp(36px, 4vw, 50px); }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #faq .accordion { max-width: 900px; margin: auto; border-top: 1px solid var(--sf-line); }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #faq .accordion__item { padding: 0; border: 0; border-bottom: 1px solid var(--sf-line); border-radius: 0; background: #fff; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #faq .accordion__title { min-height: 76px; padding: 20px 12px; color: var(--sf-ink); background: #fff; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #faq .accordion__title:hover { background: var(--sf-pale); }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #faq .accordion__title-text { color: var(--sf-ink); font: 700 18px/1.45 'DM Sans', sans-serif !important; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #faq .accordion__arrow i { color: var(--sf-orange); }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #faq .accordion__content { padding: 0 16px 24px; color: var(--sf-muted); font-family: 'DM Sans', sans-serif !important; line-height: 1.75; }



/* Rodapé: aproveita todos os links e ícones que já existem. */

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .section-footer { padding: 65px 0 30px; background: var(--sf-ink); }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .section-footer > .container { margin-top: 0 !important; margin-bottom: 0 !important; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .section-footer hr { border-color: #ffffff36; opacity: 1; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .section-footer .footer-text, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .section-footer p { color: #A9ACB7; font-family: 'DM Sans', sans-serif; font-size: 13px; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .section-footer span.text-white { font: 800 13px/1.4 'DM Sans', sans-serif; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .section-footer a.footer-text { display: inline-block; width: fit-content; text-decoration: none; transition: color .2s; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .section-footer a.footer-text:hover { color: var(--sf-orange); }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .section-footer .bi { color: #fff; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .section-footer .text-left a { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid #ffffff38; border-radius: 50%; transition: background .2s, border-color .2s; }

:is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .section-footer .text-left a:hover { background: var(--sf-orange); border-color: var(--sf-orange); }



/* Página de listagem do blog */

:is(.pt_blog_list, .en_blog_list) .blog-grid-section { padding: 90px 0 100px; background: var(--sf-pale); }

:is(.pt_blog_list, .en_blog_list) .blog-grid-section > .container { margin-bottom: 0 !important; padding-top: 0 !important; }

:is(.pt_blog_list, .en_blog_list) .blog-grid-header h3 { color: var(--sf-ink); font-size: clamp(36px, 4vw, 52px); font-weight: 750; }

:is(.pt_blog_list, .en_blog_list) .blog-grid-header hr { max-width: 64px; margin: 24px auto 60px !important; border: 2px solid var(--sf-orange); opacity: 1; }

:is(.pt_blog_list, .en_blog_list) .blog-grid-section .row\.g-5 { --bs-gutter-x: 24px; --bs-gutter-y: 24px; margin-bottom: 0 !important; }

:is(.pt_blog_list, .en_blog_list) .blog-grid-section article { height: 100%; background: #fff; box-shadow: 0 1px 8px #1317270a; transition: transform .2s, box-shadow .2s; }

:is(.pt_blog_list, .en_blog_list) .blog-grid-section article:hover { transform: translateY(-4px); box-shadow: 0 15px 30px #17192318; }

:is(.pt_blog_list, .en_blog_list) .blog-grid-image-link { display: block; overflow: hidden; }

:is(.pt_blog_list, .en_blog_list) .blog-grid-image-link img { display: block; width: 100%; height: 255px; object-fit: cover; border-radius: 0; transform: none; }

:is(.pt_blog_list, .en_blog_list) .blog-grid-section article > div { padding: 28px 30px 34px; }

:is(.pt_blog_list, .en_blog_list) .blog-grid-section article h4 { margin-top: 0 !important; color: var(--sf-ink); font-size: 23px !important; font-weight: 700 !important; }

:is(.pt_blog_list, .en_blog_list) .blog-grid-section article p { color: var(--sf-muted); font-family: 'DM Sans', sans-serif !important; font-size: 15px !important; line-height: 1.7; }

:is(.pt_blog_list, .en_blog_list) .blog-grid-section article .btn { margin-top: 0 !important; }



/* Leitura dos artigos: pt_blog_dominios, pt_blog_marketplaces etc. */

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) .head-banner-blog {
    min-height: 0;
    padding-bottom: 0 !important;
    background: linear-gradient(155deg, #101114, #13151D 58%, #191C29);
}

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #menu-large .menu-area { margin-bottom: 0 !important; }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features {
    max-width: 960px;
    padding-top: 64px !important;
    padding-bottom: 92px;
}

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .breadcrumb-seo { margin-bottom: 32px; }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .breadcrumb { font: 600 13px/1.5 'DM Sans', sans-serif; }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .breadcrumb-item a { color: var(--sf-muted); text-decoration: none; }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .breadcrumb-item a:hover { color: var(--sf-orange); }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .breadcrumb-item.active a { color: #C84916; }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .title-blog {
    margin-bottom: 22px !important;
    color: var(--sf-ink);
    font-size: clamp(42px, 5vw, 64px);
    font-weight: 800;
}

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .subtitle-blog {
    max-width: 780px;
    margin: 0 auto 30px !important;
    color: var(--sf-muted);
    font: 400 clamp(17px, 2vw, 21px)/1.65 'DM Sans', sans-serif !important;
    letter-spacing: 0;
}

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .subtitle-blog b { color: var(--sf-ink); font-weight: 700; }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features > .skyfishers-animation > hr {
    max-width: 64px;
    margin: 0 auto 38px !important;
    border: 2px solid var(--sf-orange);
    opacity: 1;
}

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features > .row { max-width: 820px; margin: 0 auto !important; }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features > .row > .col-auto { width: 100%; padding: 0; }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .post-date { color: var(--sf-muted) !important; font: 500 13px 'DM Sans', sans-serif; white-space: nowrap; }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .post-date .bi { color: var(--sf-orange); }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .img-post-blog {
    display: block;
    width: 100%;
    max-height: 450px;
    object-fit: cover;
    border-radius: 12px;
}

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .text-blog {
    padding-top: 32px;
    color: #41434B;
    font: 400 17px/1.85 'DM Sans', sans-serif !important;
    overflow-wrap: break-word;
}

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .text-blog p { margin: 0 0 23px; }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .text-blog h2,

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .text-blog h3 {
    margin: 48px 0 20px;
    color: var(--sf-ink);
    font-size: clamp(26px, 3vw, 34px);
    font-weight: 750;
}

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .text-blog h4 { margin: 32px 0 14px; color: var(--sf-ink); font-size: 22px; font-weight: 700; }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .text-blog ul,

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .text-blog ol { margin: 0 0 26px; padding-left: 28px; }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .text-blog li { padding-left: 5px; margin-bottom: 8px; }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .text-blog li::marker { color: var(--sf-orange); }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .text-blog a { color: #C84916; text-decoration: underline; text-underline-offset: 3px; }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .text-blog a:hover { color: var(--sf-ink); }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .text-blog hr { margin: 44px 0; border-color: var(--sf-line); opacity: 1; }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .text-blog blockquote { margin: 30px 0; padding: 18px 25px; border-left: 4px solid var(--sf-orange); background: var(--sf-pale); }

:is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .text-blog img { max-width: 100%; height: auto; }



@media (max-width: 991.98px) {

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-responsive { border-bottom: 1px solid #ffffff24; }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-responsive .navbar { padding: 8px 0; }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-responsive .navbar-toggler { padding: 6px; }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-responsive .navbar-toggler:focus { box-shadow: 0 0 0 2px var(--sf-orange); }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-responsive .nav-link { color: #fff !important; font: 600 15px 'DM Sans', sans-serif; }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-responsive .nav-link:hover { color: var(--sf-orange) !important; }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #menu-responsive .collapse.show { padding: 15px 0 25px; }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner > .container:has(.col-info) { padding-top: 45px; }
}



@media (max-width: 767.98px) {

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner { padding-bottom: 52px !important; }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner .col-info h1 { font-size: clamp(39px, 10vw, 56px); }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner .col-info p { margin: 28px 0 0 !important; }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner .small-screen { margin-top: 20px !important; }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner .home-screen-border { margin-inline: auto; }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner + .container { padding-top: 66px; padding-bottom: 65px; }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #company { padding-top: 65px !important; padding-bottom: 65px !important; }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #faq { padding-top: 68px !important; padding-bottom: 60px; }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features .integrations-card { min-height: 0; }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #features .col-md-6 > div > img { height: 210px; }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) #faq .accordion__title-text { font-size: 16px !important; }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .section-footer { padding-top: 55px; }

    :is(.pt_blog_list, .en_blog_list) .blog-grid-section { padding: 65px 0; }

    :is(.pt_blog_list, .en_blog_list) .blog-grid-image-link img { height: 210px; }

    :is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features { padding-top: 45px !important; padding-bottom: 65px; }

    :is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .text-blog { font-size: 16px !important; line-height: 1.8 !important; }

    :is(body[class^="pt_blog_"], body[class^="en_blog"]):not(.pt_blog_list):not(.en_blog_list) #features .text-blog h3 { margin-top: 36px; }
}



@media (prefers-reduced-motion: reduce) {

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .head-banner *, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .skyfishers-animation { animation-duration: .01ms !important; }

    :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .btn, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .integrations-card, :is(.home, .home_enus, body[class^="pt_blog_"], body[class^="en_blog"]) .col-md-6 > div:has(> img) { transition: none; }
}

#menu-large .bi-globe{display: none;}