:root{--navy:#0B1958;--navy-2:#14225C;--blue:#155EEF;--cyan:#17E3FF;--bg:#F6F8FC;--surface:#fff;--border:#E1E6F3;--text:#16213E;--muted:#5B6685;--radius:14px;}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,system-ui,sans-serif} a{color:inherit;text-decoration:none} h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.15;letter-spacing:-.025em} button,input{font:inherit}
.site-header{height:68px;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;padding:0 max(28px,calc((100vw - 1240px)/2));gap:42px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-doc-frame{display:block;position:relative;width:67px;height:32px;flex:0 0 67px}.brand-doc{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.brand-doc-word{filter:brightness(0) invert(1);clip-path:inset(0 0 0 42%)}.brand-separator{height:25px;width:1px;background:rgba(255,255,255,.36)}.brand-product{display:block;width:101px;height:32px;object-fit:cover;object-position:center}.top-nav{display:flex;gap:26px;align-self:stretch;align-items:center;color:#B9C6EE;font-size:13px}.top-nav a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.top-nav a:hover,.top-nav .active{color:#fff;border-color:var(--cyan);font-weight:600}.header-action{margin-left:auto;padding:8px 13px;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#fff;font-size:12px;font-weight:700}
main{max-width:1240px;margin:auto}.hero{margin:28px 0 0;padding:70px 72px;background:linear-gradient(118deg,var(--navy) 0%,#122763 58%,var(--blue) 135%);min-height:425px;border-radius:0;display:block;overflow:hidden;position:relative;color:#fff}.hero::after{content:'';position:absolute;width:520px;height:520px;border-radius:50%;right:-260px;top:-310px;background:radial-gradient(circle,rgba(23,227,255,.38),transparent 62%)}.hero-copy{position:relative;z-index:1}.eyebrow{margin:0 0 10px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero .eyebrow{color:var(--cyan)}.hero h1{font-size:46px;max-width:650px;margin:0 0 17px}.hero-copy>p:not(.eyebrow):not(.search-hint){color:#D9E3FF;max-width:590px;font-size:17px;margin:0 0 26px}.search-box{height:58px;display:flex;align-items:center;gap:12px;padding:0 18px;background:#fff;border-radius:9px;color:var(--muted);box-shadow:0 14px 32px rgba(1,12,58,.23)}.search-box span{font-size:28px;line-height:1;color:var(--blue)}.search-box input{min-width:0;flex:1;border:0;outline:0;color:var(--text);font-size:15px}.search-hint{font-size:12px;color:#B9C6EE;margin:12px 0}.search-hint button{border:0;background:transparent;padding:0 2px;color:#fff;text-decoration:underline;cursor:pointer}.hero-panel{align-self:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:30px;border-radius:var(--radius);backdrop-filter:blur(6px)}.hero-panel-label{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.13em}.hero-panel strong{display:block;font:600 24px/1.2 'Space Grotesk',sans-serif;margin:10px 0}.hero-panel p{margin:0;color:#D9E3FF;font-size:13px}.hero-stat{border-top:1px solid rgba(255,255,255,.18);margin-top:23px;padding-top:16px;display:flex;gap:12px;align-items:baseline}.hero-stat b{font:600 22px 'Space Grotesk',sans-serif}.hero-stat span{font-size:11px;color:#B9C6EE}
.content-section{padding:78px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-heading h2{margin:0;font-size:31px}.section-heading>p{max-width:360px;margin:0;color:var(--muted);font-size:14px}.text-link{color:var(--blue);font-weight:700;font-size:13px;white-space:nowrap}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.topic-card{min-height:198px;background:var(--surface);border:1px solid var(--border);padding:22px;border-radius:var(--radius);transition:.18s ease;position:relative}.topic-card:hover{transform:translateY(-3px);border-color:#B8CEFF;box-shadow:0 12px 26px rgba(11,25,88,.08)}.topic-card[hidden]{display:none}.topic-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#EAF1FF;color:var(--blue);font-size:10px;font-weight:700}.topic-card h3{font-size:18px;margin:15px 0 6px}.topic-card p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.topic-card>span:last-child{position:absolute;bottom:19px;color:var(--blue);font-size:11px;font-weight:700}.empty-search{padding:28px;background:#fff;border:1px dashed #B8CEFF;color:var(--muted);text-align:center;border-radius:var(--radius)}
.release-section{padding-top:18px}.release-card{display:grid;grid-template-columns:175px 1fr auto;align-items:center;gap:34px;border:1px solid #C9D9FF;background:#fff;border-radius:var(--radius);padding:28px 30px;box-shadow:0 10px 24px rgba(21,94,239,.05)}.release-version{padding-right:28px;border-right:1px solid var(--border)}.release-version span{display:block;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.1em}.release-version strong{display:block;color:var(--navy);font:600 28px 'Space Grotesk',sans-serif}.release-version small{color:#0E9F6E;font-size:11px;font-weight:700}.release-card h3{margin:0 0 6px;font-size:20px}.release-card p{margin:0 0 14px;color:var(--muted);font-size:13px}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-list span{border-radius:999px;background:#EEF4FF;color:var(--blue);padding:3px 8px;font-size:10px;font-weight:600}.primary-link{display:inline-flex;gap:8px;align-items:center;justify-content:center;background:var(--blue);border-radius:8px;color:#fff;padding:10px 13px;font-size:12px;font-weight:700;white-space:nowrap}.primary-link span{font-size:17px}.info-banner{background:var(--navy);border-radius:var(--radius);padding:42px 48px;display:grid;grid-template-columns:1fr .8fr;gap:50px;color:#fff;margin-bottom:78px}.info-banner .eyebrow{color:var(--cyan)}.info-banner h2{margin:0;font-size:28px}.info-banner p:last-child{margin:0;color:#D9E3FF;align-self:center;font-size:14px}.site-footer{border-top:1px solid var(--border);padding:24px max(28px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;color:var(--muted);font-size:12px;background:#fff}
.docs-layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:230px minmax(0,760px) 190px;gap:46px;padding:36px 30px 90px}.docs-nav{border-right:1px solid var(--border);padding-right:18px;font-size:13px}.docs-nav p,.on-page p{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted);margin:0 0 12px}.docs-nav a{display:block;padding:7px 10px;margin-bottom:2px;color:var(--muted);border-radius:6px}.docs-nav a:hover,.docs-nav .current{background:#EEF4FF;color:var(--blue);font-weight:700}.article{min-width:0}.breadcrumb{display:flex;gap:8px;color:var(--muted);font-size:12px;margin:4px 0 31px}.breadcrumb a{color:var(--blue)}.article-meta{display:flex;gap:14px;color:var(--muted);font-size:11px;font-weight:700}.article-meta span{color:var(--blue);letter-spacing:.1em}.article h1{font-size:42px;margin:9px 0 14px}.article-lead{font-size:18px;color:var(--muted);margin:0 0 28px}.article h2{font-size:25px;margin:37px 0 14px}.article-callout{background:#EEF4FF;border:1px solid #CBDBFF;border-radius:10px;padding:16px 18px}.article-callout b{color:var(--blue);font-size:13px}.article-callout p{margin:4px 0 0;font-size:13px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.article-grid>div{border:1px solid var(--border);border-radius:10px;padding:14px;font-size:12px}.article-grid b{color:var(--navy)}.article-grid p{margin:6px 0 0;color:var(--muted);line-height:1.45}.primary-link.inline{margin-top:3px}.article hr{border:0;border-top:1px solid var(--border);margin:38px 0 16px}.article-footer{display:flex;gap:18px;color:var(--muted);font-size:11px}.on-page{padding-top:82px;font-size:12px}.on-page a{display:block;color:var(--muted);padding:5px 0}.on-page a:hover{color:var(--blue)}
@media(max-width:900px){.site-header{padding:0 20px;gap:20px}.top-nav{display:none}.hero{margin-top:0;border-radius:0;padding:52px 28px;grid-template-columns:1fr}.hero h1{font-size:36px}.hero-panel{display:none}main{width:100%}.content-section{padding:50px 24px}.topic-grid{grid-template-columns:1fr 1fr}.release-card{grid-template-columns:1fr;gap:18px}.release-version{border:0;border-bottom:1px solid var(--border);padding:0 0 14px}.primary-link{width:max-content}.info-banner{margin:0 24px 50px;padding:30px;grid-template-columns:1fr}.docs-layout{grid-template-columns:1fr;padding:28px 22px}.docs-nav,.on-page{display:none}.article h1{font-size:34px}}
@media(max-width:560px){.header-action{display:none}.hero h1{font-size:31px}.topic-grid{grid-template-columns:1fr}.section-heading{display:block}.section-heading>p{margin-top:10px}.article-grid{grid-template-columns:1fr}.article-footer{display:grid;gap:5px}.site-footer{padding:20px;gap:10px;flex-direction:column}}

/* Botão de exportação dos artigos estáticos. */
.article{position:relative}.legacy-pdf-download{position:absolute;top:0;right:0;display:inline-flex;align-items:center;padding:11px 15px;border:1px solid #b8cdfa;border-radius:9px;background:#fff;color:var(--blue);font-size:12px;font-weight:800;text-decoration:none;transition:.2s}.legacy-pdf-download:hover{border-color:var(--blue);background:#eef4ff;transform:translateY(-1px)}@media(max-width:700px){.legacy-pdf-download{position:static;margin:0 0 22px}}

/* Em telas amplas, o hero ocupa toda a largura enquanto o conteúdo permanece confortável para leitura. */
.brand-doc-frame{width:80px;flex-basis:80px}
@media(min-width:901px){
  main{max-width:none;margin:0}
  .hero{margin:0;padding-left:max(72px,calc((100vw - 1240px)/2 + 72px));padding-right:max(72px,calc((100vw - 1240px)/2 + 72px))}
  .content-section{max-width:1240px;margin-left:auto;margin-right:auto}
}

.diagram{margin:20px 0 38px;border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden}.diagram img{display:block;width:100%;height:auto}.diagram figcaption{padding:9px 14px;color:var(--muted);font-size:11px;border-top:1px solid var(--border)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparison>div{padding:17px;border:1px solid var(--border);border-radius:10px;background:#fff}.comparison b{color:var(--navy);font-family:'Space Grotesk',sans-serif}.comparison p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.diagram{margin:20px auto 38px;border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden}.diagram img{display:block;width:100%;height:auto;margin:0 auto}.diagram figcaption{padding:9px 14px;color:var(--muted);font-size:11px;border-top:1px solid var(--border)}.email-shot{max-width:250px}.installation-shot{max-width:420px}.port-detail-shot{max-width:300px}.portal-shot{max-width:900px}.notifier-shot{max-width:270px;margin:12px auto}.notifier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.notifier-grid .diagram{margin:0 auto;width:100%}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparison>div{padding:17px;border:1px solid var(--border);border-radius:10px;background:#fff}.comparison b{color:var(--navy);font-family:'Space Grotesk',sans-serif}.comparison p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
@media(max-width:560px){.comparison,.notifier-grid{grid-template-columns:1fr}}
.support-widget{position:fixed;right:24px;bottom:24px;z-index:20}.support-toggle{display:flex;align-items:center;gap:9px;border:0;border-radius:999px;background:var(--blue);color:#fff;padding:13px 17px;font:700 13px/1 Inter,sans-serif;box-shadow:0 10px 30px rgba(19,95,240,.28);cursor:pointer}.support-toggle:hover{background:#0756db}.support-symbol{display:grid;place-items:center;width:18px;height:18px;border:2px solid currentColor;border-radius:50%;font-size:12px}.support-panel{position:absolute;right:0;bottom:56px;width:288px;padding:19px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 16px 42px rgba(10,28,75,.2)}.support-panel[hidden]{display:none}.support-panel h2{margin:0 0 5px;color:var(--navy);font:700 18px/1.2 'Space Grotesk',sans-serif}.support-panel p{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.45}.support-option{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px;border:1px solid var(--border);border-radius:9px;color:var(--navy);font-size:12px;font-weight:700;text-decoration:none}.support-option:hover{border-color:var(--blue);background:#f4f8ff}.support-option b{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#eaf1ff;color:var(--blue);font-size:12px}.support-commercial{margin:14px 0 0!important;padding-top:12px;border-top:1px solid var(--border);font-size:11px!important}.support-commercial a{color:var(--blue);font-weight:700;text-decoration:none}@media(max-width:560px){.support-widget{right:15px;bottom:15px}.support-toggle{padding:13px}.support-toggle span:last-child{display:none}.support-panel{right:0;width:min(288px,calc(100vw - 30px))}}

.documentation-structure-link{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:11px 15px;border:1px solid rgba(23,227,255,.72);border-radius:9px;background:rgba(12,39,104,.34);box-shadow:0 10px 24px rgba(2,13,59,.22);color:#fff;font-size:13px;font-weight:800;transition:.18s ease}.documentation-structure-link span{color:var(--cyan);font-size:18px;transition:transform .18s ease}.documentation-structure-link:hover{background:rgba(23,227,255,.12);border-color:var(--cyan);transform:translateY(-1px)}.documentation-structure-link:hover span{transform:translateX(4px)}