/* One shared frame for the homepage, product pages, articles and tools. */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/home-import/jakarta-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/home-import/jakarta-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.shared-site-shell{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);--navy:#0e1a45;--ink:#0e1a45;--muted:#5a6382;--paper:#fff;--line:#e4e8f1;font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;background:#fff;color:#0e1a45}
.shared-site-shell:not([data-page="home"]) main{padding-top:96px}
.shared-site-shell:not([data-page="home"]) :is(h1,h2,h3,h4,.button,.step-number,.faq-items summary,.product-stage-caption strong,.workflow-row strong){font-family:inherit;letter-spacing:-.035em}
.shared-site-shell:not([data-page="home"]) :is(.template-intro h1,.article-header h1,.product-intro h1){font-weight:600;letter-spacing:-.045em}
.shared-site-shell:not([data-page="home"]) :is(.button,.tool-button){font-weight:600}
.shared-site-shell:not([data-page="home"]) .listing-card{border-radius:24px;border-color:#e4e8f1}
.shared-site-shell:not([data-page="home"]) .listing-card:nth-child(4n + 2){background:#f4f6fb}
.shared-site-shell:not([data-page="home"]) .article-body{line-height:1.85}
.shared-site-shell:not([data-page="home"]) :is(.template-sections,.listing-shell,.tool-layout){max-width:1368px}
.bg-header,.bg-mobile-menu,.bg-footer{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:17px;line-height:1.6;color:#0e1a45;--ink:#0e1a45;--coral:#ff5757;--line:#e4e8f1;--slate:#5a6382;--ease:cubic-bezier(.22,1,.36,1)}
:is(.bg-header,.bg-mobile-menu,.bg-footer) *{box-sizing:border-box}
:is(.bg-header,.bg-mobile-menu,.bg-footer) a{color:inherit;text-decoration:none}
:is(.bg-header,.bg-mobile-menu,.bg-footer) :is(p,ul,h4){margin:0}
:is(.bg-header,.bg-mobile-menu,.bg-footer) ul{padding:0;list-style:none}
:is(.bg-header,.bg-mobile-menu,.bg-footer) :is(a,button):focus-visible{outline:3px solid #ff5757;outline-offset:3px}
.bg-container{width:min(100% - 32px,1240px);margin-inline:auto}
.bg-logo{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:17px;letter-spacing:.2em;line-height:1;white-space:nowrap}
.bg-logo__a{color:#0e1a45}.bg-logo__b{color:#ff5757}
.bg-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:10px 24px;border:1px solid transparent;border-radius:999px;font-size:15px;font-weight:600;line-height:1.3;white-space:nowrap;transition:background-color .2s,color .2s,box-shadow .2s}
.bg-btn--sm{min-height:44px;padding:10px 20px;font-size:14.5px}
:is(.bg-header,.bg-mobile-menu) .bg-btn--dark{background:#0e1a45;color:#fff;box-shadow:0 10px 24px -12px #0e1a4599}
:is(.bg-header,.bg-mobile-menu) .bg-btn--dark:hover{background:#1b2a66;color:#fff}
.bg-btn--ghost{background:#fff;border-color:#e4e8f1}
.bg-skip{position:absolute;top:-80px;left:max(16px,env(safe-area-inset-left));z-index:1000;padding:12px 18px;border-radius:12px;background:#0e1a45;color:#fff;text-decoration:none;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600}
.bg-skip:focus{top:16px;outline:3px solid #ff5757;outline-offset:3px}
.bg-header{position:fixed;inset:0 0 auto;z-index:60;padding-top:14px;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);pointer-events:none}
.bg-header__inner{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px;padding:0 10px 0 24px;border-radius:999px;border:1px solid transparent;transition:background-color .25s,box-shadow .25s,border-color .25s}
.bg-header.bg-is-scrolled .bg-header__inner,.bg-menu-open .bg-header__inner{background:rgba(255,255,255,.95);border-color:#e4e8f1;box-shadow:0 16px 40px -20px #0e1a4547;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.bg-nav{display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:#f4f6fb}
.bg-nav a{display:flex;align-items:center;min-height:44px;padding:9px 13px;border-radius:999px;font-size:14px;font-weight:500;color:#5a6382;white-space:nowrap}
.bg-nav a:hover,.bg-nav a[aria-current]{color:#0e1a45;background:#fff;box-shadow:0 1px 2px #0e1a4514,0 6px 14px -6px #0e1a4529}
.bg-nav__indicator{display:none}
.bg-header__actions{display:flex;align-items:center;gap:18px}
.bg-header__login{display:flex;align-items:center;min-height:44px;font-size:14.5px;font-weight:600;white-space:nowrap}
.bg-header__login:hover{color:#b93640}
.bg-burger{display:none;position:relative;width:44px;height:44px;flex:none;padding:0;border:0;border-radius:50%;background:#0e1a45;cursor:pointer}
.bg-burger span{position:absolute;left:14px;right:14px;height:2px;border-radius:2px;background:#fff;transition:transform .2s,top .2s}
.bg-burger span:first-child{top:17px}.bg-burger span:last-child{top:25px}
.bg-menu-open .bg-burger span:first-child{top:21px;transform:rotate(45deg)}
.bg-menu-open .bg-burger span:last-child{top:21px;transform:rotate(-45deg)}
.bg-mobile-menu{display:none;position:fixed;inset:0;z-index:55;flex-direction:column;gap:24px;justify-content:space-between;padding:110px max(24px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;background:#fff}
.bg-menu-open{overflow:hidden}
.bg-menu-open .floating-whatsapp{visibility:hidden}
.bg-mobile-menu__nav{display:flex;flex-direction:column}
.bg-mobile-menu__nav a{display:flex;align-items:center;min-height:48px;padding:8px 0;border-bottom:1px solid #e4e8f1;font-size:24px;font-weight:500;letter-spacing:-.03em}
.bg-mobile-menu__foot{display:grid;gap:10px}
.bg-footer{padding:clamp(72px,8vw,110px) 0 32px;background:#fff;overflow:hidden;border-top:1px solid #e4e8f1}
.bg-footer__grid{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:32px}
.bg-footer__grid>div{min-width:0}
.bg-footer__brand p{margin-top:18px;max-width:32ch;font-size:15px;color:#5a6382}
.bg-footer__brand .bg-footer__org{margin-top:10px;font-size:13px}
.bg-footer .bg-footer__org a{color:#0e1a45;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#e4e8f1}
.bg-footer h4{margin-bottom:14px;font-family:inherit;letter-spacing:0;font-size:14px;font-weight:700}
.bg-footer ul{display:grid;gap:4px}
.bg-footer ul a,.bg-footer ul span{display:inline-flex;align-items:center;min-height:36px;padding:5px 0;font-size:14px;color:#5a6382;overflow-wrap:anywhere}
.bg-footer ul a:hover,.bg-footer__bottom a:hover{color:#0e1a45;text-decoration:underline;text-underline-offset:4px}
.bg-footer__contact a,.bg-footer__contact span{gap:10px}
.bg-footer__contact .bg-ico{width:17px;height:17px;align-self:flex-start;margin-top:3px;color:#e94545;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.bg-footer__giant{display:flex;justify-content:center;margin-top:clamp(54px,7vw,90px);font-size:clamp(32px,10.4vw,150px);font-weight:700;letter-spacing:-.04em;line-height:1;white-space:nowrap;user-select:none}
.bg-footer__giant .bg-a{color:#e9edf7}.bg-footer__giant .bg-b{color:#fff2f1}
.bg-footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-top:28px;padding-top:18px;border-top:1px solid #e4e8f1;font-size:13px;color:#5a6382}
.bg-footer__bottom nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.bg-footer__bottom a{display:inline-flex;align-items:center;min-height:44px}
.bg-footer .footer-origin-logo{display:block;width:240px;max-width:calc(100% - 48px);height:auto;margin:24px auto 0}
@media(min-width:768px){.bg-container{width:min(100% - 64px,1240px)}}
@media(max-width:1200px){.bg-nav,.bg-header__login{display:none}.bg-burger{display:block}.bg-header__inner{padding-left:20px}.bg-menu-open .bg-mobile-menu{display:flex}.bg-footer__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bg-footer__brand{grid-column:1/-1}.bg-footer__brand p{max-width:65ch}}
@media(max-width:760px){.bg-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.bg-footer__grid>div:last-child{grid-column:1/-1}.bg-footer__bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.bg-header{padding-top:10px}.bg-header__inner{height:60px;padding:0 8px 0 16px;gap:10px}.bg-logo{font-size:14px;letter-spacing:.16em}.bg-header__actions{gap:8px}.bg-header__actions .bg-btn--sm{display:none}.bg-mobile-menu{padding-top:90px}.bg-mobile-menu__nav a{font-size:22px;min-height:46px}.shared-site-shell:not([data-page="home"]) main{padding-top:80px}.bg-footer__brand p{max-width:36ch}.bg-footer__giant{font-size:10.3vw}.bg-footer__bottom nav{gap:0 18px}}
@media(prefers-reduced-motion:reduce){.bg-header__inner,.bg-burger span,.bg-btn{transition:none}}
@media print{
  .shared-site-shell :is(.bg-header,.bg-mobile-menu,.bg-footer,.bg-skip){display:none!important}
  .shared-site-shell:not([data-page="home"]) main{padding-top:0}
  body.shared-site-shell{padding-bottom:0}
}