/* OM Cloud — estilos por bloco, sem bibliotecas ou fontes externas. */
:root{--ink:#10212c;--muted:#526570;--paper:#f3f7f8;--white:#fff;--dark:#0d1821;--dark-soft:#182a35;--cyan:#6cddeb;--cyan-dark:#066a7d;--line:#d9e3e8;--container:1200px;--header-height:80px;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 20px)}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 "Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(40px,4.2vw,60px);font-weight:700}h2{font-size:clamp(30px,3.15vw,44px);font-weight:650}h3{font-size:21px;letter-spacing:-.025em}p{color:var(--muted)}a{color:inherit;text-decoration:none}button{font:inherit}img,svg{display:block;max-width:100%}ul,ol{padding:0;list-style:none;margin:0}[hidden]{display:none!important}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #087a92;outline-offset:5px}.hero a:focus-visible,.topbar a:focus-visible,.topbar button:focus-visible,.contact-panel a:focus-visible{outline-color:var(--cyan)}::selection{background:#b7eff5;color:var(--ink)}.container{width:min(calc(100% - 64px),var(--container));margin-inline:auto}.section{padding:96px 0}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:750;color:var(--cyan-dark);margin-bottom:18px}.section-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:end;margin-bottom:40px}.section-intro>p{max-width:460px}.skip-link{position:fixed;left:20px;top:-100px;padding:12px 20px;z-index:100;background:white;border:2px solid var(--cyan-dark);border-radius:8px}.skip-link:focus{top:12px}.text-link{display:inline-flex;gap:14px;align-items:center;font-weight:650;font-size:14px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:50px;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:700}.button-primary{background:var(--cyan);color:#09202b;transition:background .15s}.button-primary:hover{background:#a8f0f7}
/* Cabeçalho opaco e navegação responsiva com melhoria progressiva. */
.topbar{position:sticky;top:0;z-index:30;background:var(--dark);color:#edf6fa;border-bottom:1px solid #ffffff15}.topbar.scrolled{box-shadow:0 6px 22px #05101820}.nav-container{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;letter-spacing:-.03em;flex-shrink:0;min-height:44px}.brand img{object-fit:contain}nav{display:flex;gap:24px;align-items:center}nav a{font-size:13px;font-weight:600;color:#bbc9d2;min-height:44px;display:inline-flex;align-items:center;position:relative}nav a:hover,nav a[aria-current]{color:white}nav a[aria-current]:not(.nav-contact)::after{content:"";height:2px;background:var(--cyan);position:absolute;left:0;right:0;bottom:3px}.nav-contact{border:1px solid #415560;padding:0 16px;border-radius:8px;gap:16px;color:#fff}.nav-contact:hover{background:#21333e}.menu-toggle{color:white;background:transparent;border:1px solid #45606c;border-radius:8px;align-items:center;gap:12px;min-height:44px;padding:8px 12px;cursor:pointer}.menu-bars{width:17px;height:12px;border-block:2px solid currentColor;position:relative}.menu-bars::after{content:"";position:absolute;height:2px;width:100%;background:currentColor;left:0;top:3px}
/* Abertura: ilustração em grade; nenhuma posição depende da rolagem. */
.hero{color:#f5fafc;background:radial-gradient(ellipse at 82% 34%,#1f3c49 0,transparent 51%),var(--dark);padding:24px 0 70px}.development-notice{font-size:12px;color:#b3c7d1;display:flex;align-items:center;gap:10px}.development-notice>span{width:5px;height:5px;border-radius:50%;background:var(--cyan);flex-shrink:0}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:56px;align-items:center;padding-top:64px}.hero .eyebrow{color:var(--cyan)}h1 em{color:var(--cyan);font-style:normal}.hero-description{margin-top:24px;color:#bdcfd8;max-width:505px;font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:32px}.hero-benefits{display:flex;flex-wrap:wrap;gap:12px 22px;border-top:1px solid #ffffff20;padding-top:24px;margin-top:36px;color:#bdcfd8;font-size:12px}.hero-benefits li::before{content:"✓";margin-right:7px;color:var(--cyan)}.hero-visual{border:1px solid #74909d40;border-radius:24px;padding:24px;background:linear-gradient(140deg,#ffffff08,#ffffff02);box-shadow:0 25px 70px #04101633;min-width:0}.visual-topline{display:flex;justify-content:space-between;gap:16px;color:#a5c1cd;font:10px/1.5 ui-monospace,monospace;letter-spacing:.08em}.cloud-hub{width:80%;margin:32px auto 0;text-align:center;border:1px solid #718a9570;background:linear-gradient(150deg,#455e6b60,#10263080);border-radius:40px 40px 20px 20px;padding:14px 12px 24px;box-shadow:inset 0 1px 0 #e6faff25}.cloud-hub img{margin:auto;width:76px;height:64px}.cloud-hub strong{display:block;font-size:26px;letter-spacing:-.04em}.cloud-hub>span{font-size:11px;color:#c0d4de}.visual-branches{height:55px;position:relative;width:70%;margin:auto}.visual-branches::before{content:"";position:absolute;left:50%;height:27px;border-left:1px solid #6cddeb88}.visual-branches::after{content:"";position:absolute;inset:27px 0 0;border:1px solid #6cddeb88;border-bottom:0;border-radius:8px 8px 0 0}.visual-branches>span{position:absolute;top:27px;height:28px;left:50%;border-left:1px solid #6cddeb88}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.device{background:#0a1924aa;border:1px solid #5a76834d;border-radius:12px;padding:18px 4px;text-align:center}.device strong{display:block;font-size:12px;margin-top:14px}.device>span{display:block;font-size:10px;color:#a5c0ce;margin-top:4px}.router-drawing,.server-drawing,.chart-drawing{height:48px;width:60px;margin:auto;border:1px solid #78909b;border-radius:5px;background:linear-gradient(150deg,#5b737f,#1d303d);box-shadow:0 4px 8px #0003}.router-drawing{display:flex;align-items:center;justify-content:center;gap:4px;height:24px;margin-top:24px}.router-drawing i{width:7px;height:7px;background:#102631;border-bottom:2px solid var(--cyan)}.server-drawing{width:42px;padding:5px;display:grid;gap:5px}.server-drawing i{background:#0c202b;border-left:2px solid var(--cyan);border-radius:2px}.chart-drawing{display:flex;align-items:end;justify-content:center;gap:4px;padding:7px;background:#142a35}.chart-drawing i{width:7px;background:linear-gradient(var(--cyan),#177a99);height:45%}.chart-drawing i:nth-child(2){height:70%}.chart-drawing i:nth-child(3){height:55%}.chart-drawing i:nth-child(4){height:90%}.hero-visual figcaption{margin-top:24px;padding-top:16px;border-top:1px solid #ffffff16;color:#a9c0cb;font-size:11px;text-align:center}
/* Serviços e tecnologias: texto sem imagens sobrepostas. */
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{display:flex;flex-direction:column;padding:28px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d1e6eb;background:#f0f9fb;color:var(--cyan-dark);border-radius:12px;margin-bottom:24px}.icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.service-card p{font-size:15px;margin-top:14px;margin-bottom:22px;line-height:1.75}.service-tech{border-top:1px solid #e4ecef;padding-top:16px;margin-top:auto;color:var(--cyan-dark);font-size:12px;font-weight:650}.technology-block{margin-top:46px;border-top:1px solid var(--line);padding-top:28px;scroll-margin-top:24px}.technology-heading{display:flex;gap:24px;justify-content:space-between;align-items:baseline;margin-bottom:20px}.technology-heading h3{font-size:16px;letter-spacing:-.015em}.technology-heading p{font-size:13px}.technology-list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}.technology-list li{border-left:2px solid #c8dbe2;padding-left:12px;min-width:0}.technology-list strong{font-size:13px;display:block}.technology-list span{font-size:11px;color:var(--muted);display:block}
/* Arquitetura: conteúdo no fluxo normal, altura automática. */
.architecture-section{background:#e8f0f3;border-block:1px solid var(--line)}.architecture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.route-card{border:1px solid #d2e0e6;border-radius:var(--radius);background:#fafdfe;padding:30px;display:flex;flex-direction:column}.route-heading{display:flex;gap:18px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.route-heading p{font-size:14px;margin-top:8px}.route-number{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border:1px solid #b8d6de;border-radius:50%;color:var(--cyan-dark);font:14px ui-monospace,monospace}.route-steps{padding:26px 0;flex:1}.route-steps li{display:flex;gap:18px;position:relative;padding-bottom:26px}.route-steps li:last-child{padding-bottom:0}.route-steps li:not(:last-child)::after{content:"";position:absolute;left:14px;top:30px;bottom:0;border-left:1px solid #b9d4dd}.step-marker{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border:1px solid #bfd8e1;border-radius:8px;color:var(--cyan-dark);font-size:12px;font-weight:700;background:#eaf5f7}.route-steps strong{font-size:16px;display:block}.route-steps div>span{font-size:14px;color:var(--muted);display:block;margin-top:4px}.route-note{padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:#45616e}.architecture-foundation{display:flex;align-items:center;gap:20px;margin-top:24px;padding:22px 28px;border:1px solid #c5d9e2;border-radius:14px}.foundation-icon{font-size:28px;color:var(--cyan-dark)}.architecture-foundation strong{font-size:15px}.architecture-foundation p{font-size:14px;margin-top:4px}
/* Painel demonstrativo: legenda e aviso explícito; sem promessa de dados reais. */
.monitoring-section{background:radial-gradient(ellipse at 90% 75%,#253e4a,transparent 75%),var(--dark);color:#f0f7fa}.monitoring-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}.monitoring-copy .eyebrow{color:var(--cyan)}.monitoring-copy>p:not(.eyebrow){color:#b9ccd6;margin-top:22px;font-size:15px}.status-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;margin-top:28px;color:#c8d9e2}.status-legend li{display:flex;gap:7px;align-items:center}.status-legend i{width:7px;height:7px;display:block;border-radius:50%}.green{background:#5bd6a6}.yellow{background:#ffd07a}.red{background:#ff8d96}.dashboard{padding:26px;background:linear-gradient(140deg,#2b414d,#182e3a);border:1px solid #4b626e;border-radius:var(--radius);min-width:0;box-shadow:0 25px 60px #0002}.dashboard figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px}.dashboard .eyebrow{color:#a8cad8;font-size:9px;display:block;margin-bottom:8px}.dashboard figcaption strong{font-size:18px;display:block;line-height:1.4;letter-spacing:-.02em}.demo-badge{border:1px solid #68848e;padding:4px 9px;border-radius:20px;font-size:10px;color:#d2e3eb;white-space:nowrap}.demo-note{font-size:11px;color:#c2d5de;margin-top:16px}.dashboard-chart{margin-top:20px;height:144px;padding:10px 0;background-color:#11253080;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:32px 32px;border:1px solid #4863714d;border-radius:10px}.dashboard-chart svg{width:100%;height:100%}.chart-line{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke}.chart-line-a{stroke:var(--cyan)}.chart-line-b{stroke:#78909b}.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.dashboard-stats>div{padding:15px 10px;border:1px solid #58758350;background:#ffffff03;border-radius:10px}.dashboard-stats span{font-size:10px;display:block;color:#bfd2db}.dashboard-stats strong{font-size:26px;line-height:1.4;display:block;margin:8px 0;letter-spacing:-.04em;white-space:nowrap}.dashboard-stats strong small{font-size:15px;display:inline;color:#d0e1e9}.dashboard-stats small{display:block;font-size:9px;color:#afc7d3;line-height:1.5}.dashboard-alert{display:flex;gap:12px;align-items:center;background:#ffd07a0a;border:1px solid #ffd07a30;padding:14px;border-radius:10px;margin-top:14px}.alert-symbol{background:#ffd07a;color:#2a261c;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;flex-shrink:0}.dashboard-alert strong{display:block;font-size:12px;color:#f1e0bc}.dashboard-alert div>span{display:block;font-size:10px;color:#c7d5dc;margin-top:3px}
/* Sobre, contato sem destino fictício e rodapé. */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-copy p+p{margin-top:18px}.signature{border-top:1px solid var(--line);margin-top:28px;padding-top:24px;display:flex;align-items:center;gap:14px}.signature-avatar{width:42px;height:42px;display:grid;place-items:center;background:#e3eff3;color:var(--cyan-dark);border:1px solid #cde0e7;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.signature strong,.signature div>span{display:block;font-size:14px}.signature div>span{font-size:12px;color:var(--muted);margin-top:3px}.contact-section{padding:0 0 64px}.contact-panel{padding:48px;background:var(--dark);color:white;border-radius:24px;display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.contact-panel .eyebrow{color:var(--cyan)}.contact-panel h2{font-size:36px}.contact-panel p{color:#b9ccd6;font-size:14px;margin-top:20px}.contact-status{border-left:1px solid #4b6471;padding-left:36px;align-self:center}.contact-status-label{font-size:10px;letter-spacing:.11em;color:#b5d7e4;display:block;margin-bottom:16px}.contact-status>strong{font-size:20px;font-weight:600;line-height:1.4;display:block}.contact-status p{margin-top:12px}.contact-status .text-link{color:var(--cyan);margin-top:20px;font-size:12px}.footer{border-top:1px solid var(--line);padding:24px 0}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer p{font-size:11px}.footer .brand{font-size:18px}.back-top{font-size:12px;font-weight:600;min-height:44px;display:flex;align-items:center}
/* Tablet: evitar colunas estreitas e preservar a ordem de leitura. */
@media(max-width:1100px){nav{gap:16px}.nav-container{gap:20px}.hero-grid{gap:32px}.monitoring-grid{gap:36px}.about-grid{gap:64px}.technology-list{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:22px}.device>span{font-size:9px}.device strong{font-size:11px}.contact-panel{gap:40px}}
@media(max-width:900px){.topbar:not(.enhanced){position:static}:root{--header-height:72px}.container{width:calc(100% - 40px)}.section{padding:72px 0}.nav-container{flex-wrap:wrap;padding-block:14px}.menu-toggle:not([hidden]){display:inline-flex}nav{width:100%;flex-wrap:wrap;gap:8px 20px;padding-bottom:10px}nav a{min-height:44px}.nav-container.menu-ready{flex-wrap:nowrap;padding-block:0}.menu-ready nav{position:absolute;left:0;right:0;top:100%;width:auto;max-height:calc(100dvh - 72px);overflow:auto;background:var(--dark);border-bottom:1px solid #49616e;padding:16px 20px 24px;display:none;box-shadow:0 20px 30px #0003}.menu-ready nav.is-open{display:grid;gap:6px}.menu-ready nav a{padding:10px 12px;border-radius:6px}.menu-ready nav a:hover{background:#223a48}.menu-ready nav a[aria-current]::after{display:none}.menu-ready nav a[aria-current]{color:var(--cyan);background:#1a303d}.hero-grid{grid-template-columns:1fr;gap:40px;padding-top:44px}.hero-copy{max-width:650px}.hero-visual{max-width:620px;width:100%;justify-self:center}.hero h1{font-size:clamp(40px,6vw,56px)}.hero-description{max-width:610px}.hero{padding-bottom:52px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-intro{gap:36px}.route-card{padding:24px}.route-heading{gap:12px}.route-heading h3{font-size:19px}.monitoring-grid{grid-template-columns:1fr;gap:36px}.monitoring-copy{max-width:620px}.dashboard{max-width:700px;width:100%}.about-grid{gap:40px}.contact-panel{padding:32px;gap:32px}.contact-panel h2{font-size:30px}.footer-content{flex-wrap:wrap}.footer p{margin-left:auto}}
/* Celular: sem largura fixa ou recortes; áreas de toque de pelo menos 44px. */
@media(max-width:600px){.container{width:calc(100% - 36px)}.section{padding:56px 0}.eyebrow{font-size:10px;margin-bottom:14px}.development-notice{font-size:11px;align-items:flex-start;gap:8px}.development-notice>span{margin-top:7px}.hero-grid{padding-top:34px;gap:32px}.hero h1{font-size:clamp(34px,8.6vw,48px);line-height:1.13}.hero-description{font-size:15px;margin-top:20px}.hero-actions{gap:14px;margin-top:24px}.hero-actions .text-link{min-height:44px}.hero-benefits{gap:10px 16px;font-size:11px;margin-top:26px;padding-top:20px}.hero-visual{padding:18px 14px;border-radius:18px}.visual-topline{font-size:8px;gap:8px}.cloud-hub{margin-top:24px;padding-bottom:18px}.cloud-hub>span{font-size:10px}.cloud-hub strong{font-size:23px}.device-grid{gap:6px}.device{padding:12px 3px;border-radius:8px}.device strong{font-size:10px}.device>span{display:none}.hero-visual figcaption{font-size:10px;line-height:1.6;margin-top:18px;padding-top:14px}.section-intro{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.section-intro>p{font-size:15px}.services-grid{grid-template-columns:1fr;gap:14px}.service-card{padding:24px}.service-card h3{font-size:21px}.icon{margin-bottom:18px}.service-card p{margin-bottom:20px}.technology-heading{display:block}.technology-heading p{margin-top:8px}.technology-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.technology-block{margin-top:32px}.architecture-grid{grid-template-columns:1fr;gap:18px}.route-card{padding:22px}.route-heading h3{font-size:20px}.route-heading p{font-size:13px}.route-number{width:38px;height:38px}.route-steps li{gap:14px}.route-note{font-size:12px}.architecture-foundation{padding:20px;gap:14px;align-items:flex-start}.dashboard{padding:18px;border-radius:16px}.dashboard figcaption{align-items:flex-start;flex-wrap:wrap;gap:10px}.dashboard figcaption strong{font-size:17px}.demo-note{font-size:11px;line-height:1.6}.dashboard-stats{grid-template-columns:1fr;gap:8px}.dashboard-stats>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:10px 14px}.dashboard-stats strong{grid-column:2;grid-row:1 / 3;margin:0;font-size:24px}.dashboard-stats small{font-size:10px}.dashboard-stats span{font-size:11px}.dashboard-chart{height:120px}.status-legend{gap:16px}.about-grid{grid-template-columns:1fr;gap:24px}.about-copy p{font-size:15px}.contact-panel{padding:26px;grid-template-columns:1fr;gap:28px;border-radius:18px}.contact-status{border-left:0;border-top:1px solid #4b6471;padding-left:0;padding-top:26px}.contact-status .text-link{min-height:44px}.contact-section{padding-bottom:40px}.footer-content{gap:12px;justify-content:space-between}.footer p{order:3;width:100%;margin:0;font-size:10px}.footer .brand{font-size:18px}.signature strong{font-size:13px}}
/* A página permanece visível sem JavaScript e respeita movimento reduzido. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.topbar,.development-notice,.hero-actions,.contact-section,.back-top{display:none!important}body,.hero,.monitoring-section,.architecture-section{background:white;color:#10212c}.section,.hero{padding:24px 0}.hero-grid,.monitoring-grid,.about-grid{display:block}.hero-visual{display:none}.service-card,.route-card{break-inside:avoid}.container{width:100%}.monitoring-copy>p:not(.eyebrow),.hero-description{color:#334c59}.dashboard{margin-top:20px;break-inside:avoid}.services-grid{grid-template-columns:repeat(2,1fr)}.footer{margin-top:20px}}