@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#081a38;--ink:#142641;--blue:#1d64d8;--cyan:#12b9cf;--mint:#0fb997;--pale:#f3f8ff;--line:#dce7f4;--muted:#64758b;--white:#fff;--shadow:0 24px 70px rgba(8,29,69,.09)}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.65;overflow-x:hidden}
h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.04em;line-height:1.13}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img,svg{display:block;max-width:100%;height:auto}
:focus-visible{outline:3px solid #19b6d1;outline-offset:4px}
.container{width:min(1180px,calc(100% - 56px));margin:auto}
.section{padding:104px 0}.section-muted{background:#f5f9fe}.section-dark{background:var(--navy);color:white}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#0c70b6;text-transform:uppercase;letter-spacing:.17em;font-size:.71rem;font-weight:800;margin-bottom:21px}
.eyebrow:before{content:"";width:25px;height:2px;background:var(--cyan)}
.eyebrow.light{color:#7ddce8}
h1{font-size:clamp(2.9rem,5vw,5rem);font-weight:800;line-height:1.065}
h2{font-size:clamp(2rem,3.5vw,3.2rem);font-weight:800}
h3{font-size:1.25rem;font-weight:800}
.lead{font-size:1.12rem;line-height:1.83;color:#5c718c;max-width:680px}
.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:51px;border-radius:12px;padding:12px 21px;font-weight:800;font-size:.89rem;transition:transform .2s,background .2s,border-color .2s;border:1px solid transparent;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--blue);color:white;box-shadow:0 10px 24px rgba(28,99,210,.18)}.btn-primary:hover{background:#1353b9}
.btn-outline{border-color:#bfcfe5;color:#1a417c;background:white}
.btn-dark-outline{border-color:#50627e;color:white}
.btn-white{background:white;color:#153f86}
.btn-arrow{font-size:1.2rem;line-height:1}
.skip{position:absolute;left:14px;top:-100px;padding:12px;background:white;z-index:999}.skip:focus{top:10px}
.header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid #e9eff6}
.header-row{min-height:84px;display:flex;align-items:center;gap:28px}
.logo{display:flex;flex-direction:column;gap:2px;flex:0 0 auto}
.logo img{width:161px;height:auto;max-width:100%}
.logo span{font-size:.6rem;color:#4779b6;font-weight:800;text-transform:uppercase;letter-spacing:.18em;line-height:1.4}
.nav{display:flex;align-items:center;gap:24px;margin-left:auto}
.nav a{font-size:.86rem;font-weight:800;color:#465a76;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--blue)}
.header-cta{margin-left:6px;white-space:nowrap}
.menu-button{display:none;border:1px solid #dce7f4;background:#f2f7ff;width:46px;height:46px;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.menu-button span{width:20px;height:2px;background:#1a4e91}
.mobile-nav{display:none}.mobile-nav[hidden]{display:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 17%,rgba(18,185,207,.1),transparent 37%),linear-gradient(145deg,#f6faff 0%,#fff 52%,#f2f8ff 100%);padding:94px 0 104px}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(46,109,185,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(46,109,185,.04) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 25%,#000)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.93fr 1.07fr;gap:48px;align-items:center}
.hero h1{margin-bottom:24px}
.hero h1 em{font-style:normal;color:var(--blue)}
.hero-copy .lead{margin-bottom:30px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:35px;color:#657994;font-size:.78rem;font-weight:700}
.hero-trust span:before{content:"✓";color:var(--mint);font-weight:900;margin-right:7px}
.dashboard{background:#0b1c37;border:1px solid #2a466a;box-shadow:0 30px 85px rgba(12,39,83,.25);border-radius:19px;overflow:hidden;color:#e7f1ff;transform:perspective(1200px) rotateY(-2deg)}
.dash-head{padding:16px 19px;border-bottom:1px solid #254060;display:flex;justify-content:space-between;align-items:center;gap:12px}
.dash-brand{font-size:.81rem;font-weight:800;letter-spacing:.02em}.dash-brand i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);margin-right:9px;box-shadow:0 0 0 4px rgba(18,185,207,.1)}
.dash-label{font-size:.62rem;color:#a4bdd8;border:1px solid #355273;border-radius:30px;padding:5px 9px}
.dash-body{padding:20px}
.dash-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}
.dash-top strong{font-size:.87rem}.dash-top span{font-size:.67rem;color:#91a8c7}
.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}
.dash-stat{background:#132947;border:1px solid #284565;padding:13px;border-radius:11px;min-width:0}
.dash-stat small{display:block;font-size:.61rem;color:#9db2cf;margin-bottom:7px}
.dash-stat strong{display:block;font-size:1.32rem;letter-spacing:-.04em;line-height:1.2}.dash-stat strong.green{color:#63e1b5}.dash-stat strong.cyan{color:#76d6e6}
.dash-panels{display:grid;grid-template-columns:1.15fr .85fr;gap:11px}
.dash-panel{background:#102541;border:1px solid #294565;border-radius:12px;padding:16px;min-width:0}
.dash-panel h4{font-size:.72rem;letter-spacing:0;margin:0 0 12px;color:#d5e4f8}
.chart{width:100%;height:136px}
.dash-chart-legend{display:flex;gap:12px;color:#9bb1cd;font-size:.62rem}.dash-chart-legend b{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;background:#18c8d7}.dash-chart-legend b.b2{background:#4c7eff}
.device{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px 0;border-bottom:1px solid #28405d}.device:last-child{border:0}
.device span{font-size:.68rem;color:#dce9fb}.device small{font-size:.57rem;color:#9db5d3}.device b{font-size:.6rem;font-weight:800;color:#61d9af}.device b.warn{color:#ffca70}
.dashboard-caption{font-size:.65rem;color:#90a6c2;text-align:right;margin:10px 4px 0}
.strip{background:#0c2347;color:#cfe3fa;padding:22px 0}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.strip strong{font-size:.92rem}.strip span{font-size:.83rem;color:#9dbde4}
.section-head{max-width:800px;margin-bottom:42px}.section-head h2{margin-bottom:17px}.section-head p{font-size:1.03rem;color:#62748c;line-height:1.82}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card{background:#fff;border:1px solid #dfebf7;border-radius:18px;padding:29px;box-shadow:0 5px 20px rgba(20,56,100,.03);display:flex;flex-direction:column}
.card .icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#eaf5ff;color:#1766c4;font-size:1.4rem;margin-bottom:22px}
.card h3{margin-bottom:12px}.card p{font-size:.91rem;color:#60738a;line-height:1.78;margin:0}
.card a{margin-top:auto;padding-top:20px;font-size:.83rem;color:var(--blue);font-weight:800}
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.split p{color:#64758b;line-height:1.84}
.checks{display:grid;gap:14px;margin:26px 0}.checks span{display:flex;gap:12px;font-size:.93rem;color:#4a607b}.checks span:before{content:"✓";font-weight:900;color:#0caa85}
.topology{background:#0a2145;border-radius:22px;box-shadow:var(--shadow);padding:30px;color:white;overflow:hidden}
.topology-title{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:800;margin-bottom:22px}.topology-title small{font-size:.62rem;color:#8bcfdd;font-weight:600}
.topology-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}
.topology-node{background:#14345c;border:1px solid #37608c;border-radius:13px;padding:17px 12px;text-align:center;position:relative}
.topology-node i{font-style:normal;font-size:1.4rem;display:block;margin-bottom:7px}
.topology-node strong{font-size:.74rem;display:block}.topology-node small{font-size:.6rem;color:#9dc4e3;display:block}
.topology-line{height:2px;background:linear-gradient(90deg,transparent,#13b8d0,transparent);margin:22px 0}
.topology-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.topology-chip{background:#11335a;border:1px solid #31567e;border-radius:11px;padding:13px;font-size:.74rem}.topology-chip b{color:#73e0c3}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.step{border-top:2px solid #c8def2;padding-top:24px}.step small{font-size:.78rem;color:var(--blue);font-weight:800}.step h3{margin:17px 0 12px}.step p{font-size:.9rem;color:#64758b}
.band{background:linear-gradient(120deg,#09234c,#174da3);color:white;border-radius:23px;padding:55px 62px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.band h2{color:white;max-width:700px;margin-bottom:12px}.band p{color:#c2d8f6;max-width:660px;margin:0}
.band .btn{flex:0 0 auto}
.inner-hero{background:radial-gradient(circle at 90% 10%,#e1f5fc,transparent 40%),linear-gradient(145deg,#f6faff,#fff);padding:85px 0 90px;border-bottom:1px solid #e6eef8}
.inner-hero h1{max-width:940px;font-size:clamp(2.7rem,4.7vw,4.7rem)}
.inner-hero .lead{margin-bottom:0}
.breadcrumb{font-size:.78rem;color:#7186a0;margin-bottom:28px;display:flex;gap:10px}
.breadcrumb a{color:var(--blue)}
.dark-panel{background:linear-gradient(140deg,#0a2043,#153a6b);padding:45px;border-radius:21px;color:white}
.dark-panel h3{color:white}.dark-panel p{color:#bed3ed}
.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.metric{background:#f6faff;border:1px solid #e0ebf7;padding:24px;border-radius:16px}
.metric strong{display:block;font-size:1.04rem;margin-bottom:9px}.metric p{font-size:.9rem;margin:0;color:#667992}
.list-cards{display:grid;gap:14px}.list-card{padding:25px 28px;background:#fff;border:1px solid #e1eaf5;border-radius:14px}
.list-card h3{margin-bottom:7px}.list-card p{font-size:.92rem;color:#65778c;margin:0}
.faq{max-width:900px;margin:auto}.faq details{border-bottom:1px solid #dbe6f3;padding:21px 0}
.faq summary{cursor:pointer;list-style:none;font-weight:800;color:#1d385d;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--blue);font-size:1.3rem;line-height:1}
.faq details[open] summary:after{content:"−"}
.faq details p{font-size:.92rem;color:#60738a;margin:13px 0 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.contact-panel{border-radius:18px;padding:32px;background:#f4f9ff;border:1px solid #dfebf8}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field label{font-size:.78rem;font-weight:800;color:#324d72}
.field input,.field textarea{width:100%;border:1px solid #c9d8ea;border-radius:9px;background:#fff;padding:13px;color:#1c3556}
.field textarea{resize:vertical;min-height:100px}
.form-note{font-size:.73rem;color:#677e99;margin:12px 0 0}
.site-footer{background:#07172f;color:white;padding:68px 0 25px}
.footer-top{display:grid;grid-template-columns:1.55fr 1fr 1.2fr;gap:55px;border-bottom:1px solid #2c3d59;padding-bottom:45px}
.footer-brand img{width:195px;height:auto;max-width:100%}
.footer-brand p{color:#a6bdd9;font-size:.88rem;line-height:1.8;max-width:340px;margin:19px 0 0}
.footer-col{display:flex;flex-direction:column;gap:11px}
.footer-col strong{font-size:.85rem;margin-bottom:12px}.footer-col a{font-size:.83rem;color:#b5c8df}.footer-col a:hover{color:white}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:25px;font-size:.74rem;color:#93a9c7}
.footer-bottom a:hover{text-decoration:underline}
.notice{padding:18px 21px;border-left:3px solid #2c80d9;background:#edf5ff;border-radius:8px;color:#536a84;font-size:.83rem}
@media(max-width:1150px){.nav{gap:15px}.header-row{gap:16px}.hero-grid{gap:28px}.dash-body{padding:14px}.dash-panel{padding:12px}}
@media(max-width:980px){.nav,.header-cta{display:none}.menu-button{display:flex;margin-left:auto}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:8px 28px 24px;gap:3px;background:white;border-top:1px solid #e7eef7}.mobile-nav a{padding:12px 0;border-bottom:1px solid #eef2f8;font-size:.92rem;font-weight:800;color:#274d82}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}.dashboard{max-width:710px;margin:auto;transform:none}.split{gap:35px}.footer-top{gap:30px}}
@media(max-width:730px){.container{width:calc(100% - 40px)}.section{padding:68px 0}.header-row{min-height:76px}.logo img{width:145px}.logo span{font-size:.56rem}.hero{padding:62px 0 75px}.hero h1{font-size:clamp(2.5rem,9.6vw,3.8rem)}.hero-trust{gap:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.band{padding:34px 28px;display:block}.band .btn{margin-top:23px}.inner-hero{padding:57px 0 67px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.contact-grid{grid-template-columns:1fr}}
@media(max-width:540px){.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.dash-stats{gap:6px}.dash-stat{padding:9px}.dash-stat strong{font-size:1.08rem}.dash-panels{grid-template-columns:1fr}.chart{height:100px}.cards,.steps,.metrics-grid{grid-template-columns:1fr}.card{padding:24px}.topology{padding:20px}.topology-node{padding:12px 5px}.topology-node strong{font-size:.64rem}.topology-node small{font-size:.54rem}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}.band h2{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Indicadores do painel: separar titulo e categoria */
.device div{min-width:0}.device span,.device small{display:block}.device small{margin-top:2px}

/* Capturas reais da interface do protótipo Lógica FieldOps */
.product-hero-shot{margin:0;background:#e9f1fb;border:1px solid #d5e3f2;border-radius:18px;overflow:hidden;box-shadow:0 30px 85px rgba(12,39,83,.18);transform:perspective(1200px) rotateY(-2deg)}
.product-hero-shot img{width:100%;height:auto;display:block;object-fit:cover}
.product-hero-shot figcaption{padding:10px 16px;background:#fff;color:#708199;font-size:.68rem;text-align:center;line-height:1.4}
.fields-showcase{background:linear-gradient(180deg,#f4f9ff,#fff)}
.fields-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.fields-card{min-width:0;background:white;border:1px solid #dfe9f5;border-radius:18px;overflow:hidden;box-shadow:0 15px 40px rgba(20,56,100,.05);display:flex;flex-direction:column}
.fields-image{height:245px;overflow:hidden;background:#f2f6fb;border-bottom:1px solid #e0eaf4}
.fields-image img{height:100%;width:100%;object-fit:cover;object-position:left top;display:block}
.fields-card-copy{padding:25px;display:flex;flex-direction:column;flex:1}
.fields-card-copy>span{color:#2372be;letter-spacing:.12em;font-weight:800;font-size:.67rem}
.fields-card-copy h3{margin:10px 0}.fields-card-copy p{font-size:.89rem;color:#64758b;line-height:1.7;margin-bottom:15px}
.fields-card-copy a{font-size:.83rem;font-weight:800;color:var(--blue);margin-top:auto}
.fields-disclaimer{color:#7b899d;font-size:.75rem;line-height:1.6;margin:19px 0 0}
.fields-feature-frame{margin:0;border:1px solid #dce8f5;border-radius:18px;overflow:hidden;background:#f3f8ff;box-shadow:var(--shadow)}
.fields-feature-frame img{display:block;width:100%;height:auto}
.fields-feature-frame figcaption{background:white;color:#778ba2;text-align:center;font-size:.74rem;padding:12px 18px}
@media(max-width:980px){.fields-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.product-hero-shot{transform:none}}
@media(max-width:730px){.fields-gallery{grid-template-columns:1fr}.fields-image{height:260px}.fields-card-copy{padding:22px}.product-hero-shot figcaption{font-size:.63rem}}