:root{--navy:#071c32;--deep:#031222;--cyan:#03d9ef;--blue:#0689da;--text:#10233e;--muted:#60728a;--line:#dce7f1;--bg:#f3f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.header{height:82px;background:#061b32;display:flex;align-items:center;justify-content:space-between;padding:0 max(4%,calc((100vw - 1480px)/2));position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff17;gap:22px}.brand,.footer-brand{display:flex;align-items:center;gap:12px;color:white;flex-shrink:0}.mark{font-size:46px;line-height:1;color:#fff;transform:rotate(-20deg);display:block}.brand b,.footer-brand b{font-size:24px;letter-spacing:-1.3px}.brand b span,.footer-brand b span{color:var(--cyan)}.brand small,.footer-brand small{display:block;font-size:8px;letter-spacing:1.25px;margin-top:4px;color:#c8e9f5}.header nav{display:flex;gap:28px;color:#e5f1ff;font-size:13px;font-weight:600}.header nav a:hover,.footer-links a:hover{color:var(--cyan)}.head-actions{display:flex;align-items:center;gap:12px}.login{border:1px solid #6b98b5;color:white;border-radius:11px;padding:13px 15px;font-size:12px;white-space:nowrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;border-radius:10px;font-weight:800;font-size:12px;padding:14px 20px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(100deg,#05d6ed,#09f0e6);color:#052039;box-shadow:0 9px 25px #00d3e321}.btn-outline{color:#fff;border:1px solid #a2bed1;background:#051c3270}.btn.big{font-size:14px;padding:18px 25px}.menu{display:none;background:none;color:#fff;border:0;font-size:24px}.hero{background:radial-gradient(ellipse at 75% 32%,#15527b 0%,#082d4b 35%,#04182d 72%);min-height:660px;position:relative;overflow:hidden;color:white}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(122deg,transparent 0 120px,#ffffff06 121px 122px);opacity:.65}.hero-glow{position:absolute;width:720px;height:720px;border-radius:50%;background:#00c9ff19;filter:blur(100px);right:-160px;top:-200px}.hero-inner{max-width:1480px;margin:auto;min-height:640px;padding:65px 4% 55px;display:grid;grid-template-columns:49% 51%;align-items:center;gap:20px;position:relative}.eyebrow,.kicker{font-size:11px;letter-spacing:2.6px;font-weight:900;color:#047bbd}.eyebrow{color:#60efff}.eyebrow i{display:inline-block;width:7px;height:7px;background:#05edec;border-radius:50%;margin-right:8px;box-shadow:0 0 14px #03d9ef}.hero h1{font-size:clamp(44px,4.2vw,69px);line-height:1.09;letter-spacing:-3.6px;max-width:720px;margin:27px 0}.hero h1 em,.journey h2 em,.feature-dark h2 em{font-style:normal;color:#20e3ee}.hero p{font-size:17px;line-height:1.85;color:#d5e5f1;max-width:560px}.hero-cta{display:flex;gap:15px;margin:33px 0 42px}.hero-proof{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#c6e8f4}.hero-proof span{padding-right:12px;border-right:1px solid #ffffff36}.hero-visual{position:relative;min-height:490px;display:flex;align-items:center}.orbit{position:absolute;border:1px solid #15dcff3b;border-radius:50%;width:660px;height:450px;transform:rotate(-23deg);left:10px}.orbit2{width:510px;height:380px;transform:rotate(23deg);left:100px}.hero-screen{width:100%;background:#f8fbff;border:8px solid #163f60;box-shadow:0 30px 90px #0008,0 0 40px #00e8ff21;border-radius:16px;overflow:hidden;transform:perspective(1300px) rotateY(-8deg) rotateX(3deg);position:relative}.screen-top{height:35px;background:#0b2540;display:flex;align-items:center;justify-content:space-between;color:#b7def5;font-size:10px;padding:0 14px}.screen-top span:first-child{color:#0ce5f3;letter-spacing:5px}.hero-screen img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;object-position:top}.float-tag{position:absolute;right:10px;top:12px;z-index:2;background:#063455d9;color:#8ffaff;border:1px solid #4eddec;border-radius:20px;padding:11px 17px;font-size:11px;font-weight:700;box-shadow:0 10px 30px #0005}.metric{position:absolute;z-index:3;background:#082e4eea;border:1px solid #2b779b;border-radius:14px;padding:17px 20px;box-shadow:0 20px 40px #0006;backdrop-filter:blur(15px)}.metric small,.metric span{display:block;color:#a4d5e7;font-size:10px}.metric b{display:block;color:white;font-size:14px;margin:7px 0}.metric1{left:-35px;bottom:13px}.metric2{right:-15px;bottom:7px}.metric2 .signal{color:#0ff0d9;font-size:23px}.hero-bottom{height:8px;background:linear-gradient(90deg,#00638a,#06edec,#07517b)}.section-heading{text-align:center;max-width:900px;margin:0 auto 45px}.section-heading h2{font-size:clamp(30px,3.1vw,45px);letter-spacing:-1.7px;line-height:1.2;margin:15px 0}.section-heading h2 span{color:#48718c}.section-heading p{font-size:15px;color:var(--muted);line-height:1.8}.intro,.showcase,.capabilities{padding:95px max(4%,calc((100vw - 1450px)/2));background:#f4f9fd}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pillars article{background:white;border:1px solid #d8e8f6;border-radius:17px;padding:28px;min-height:245px;box-shadow:0 10px 30px #0b4b7510;transition:transform .2s}.pillars article:hover{transform:translateY(-6px)}.pillar-icon{display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:13px;background:linear-gradient(130deg,#0b2847,#0876a8);color:#5ceafa;font-size:27px;margin-bottom:24px}.pillars small{font-size:10px;letter-spacing:1.5px;color:#0685bb;font-weight:800}.pillars h3{font-size:19px;margin:11px 0}.pillars p{font-size:13px;line-height:1.7;color:var(--muted)}.feature-dark{background:linear-gradient(110deg,#04192c,#093d5b);padding:85px 4%;color:white}.feature-content{max-width:1450px;margin:auto;display:grid;grid-template-columns:40% 60%;gap:35px;align-items:center}.cyan{color:#43e7f4}.feature-dark h2,.journey h2{font-size:clamp(35px,3.4vw,53px);line-height:1.15;letter-spacing:-2px}.feature-dark p,.journey p{font-size:15px;color:#d0e2ed;line-height:1.9;max-width:480px}.feature-dark ul{padding:0;list-style:none;font-size:13px;line-height:2.7;color:#dceef7}.feature-dark li:before{content:'✓';display:inline-grid;place-items:center;background:#1be5e2;color:#06344c;width:19px;height:19px;border-radius:50%;font-weight:900;margin-right:12px}.text-link{display:inline-block;margin-top:18px;color:#52f2f5;font-weight:800;font-size:13px}.feature-img{padding:12px;background:#ffffff0b;border:1px solid #64d2f147;border-radius:17px;box-shadow:0 30px 70px #0005}.feature-img img{width:100%;display:block;border-radius:9px}.showcase{background:white}.tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-bottom:35px}.tab{background:#f2f7fb;border:1px solid #d8e7f2;padding:13px 18px;border-radius:9px;color:#34546c;font-weight:700;font-size:12px}.tab.active{background:#062b4c;border-color:#062b4c;color:#fff}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gallery-card{background:white;text-align:left;padding:0;border:1px solid #dbe8f1;border-radius:15px;overflow:hidden;box-shadow:0 12px 30px #082e5010;transition:transform .2s,box-shadow .2s}.gallery-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #082e5025}.gallery-photo{height:205px;position:relative;background:#e9f2f8;overflow:hidden}.gallery-photo img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s}.gallery-card:hover img{transform:scale(1.04)}.gallery-photo span{position:absolute;right:12px;bottom:12px;background:#062b4de0;color:#fff;padding:9px 12px;border-radius:7px;font-size:10px;font-weight:700}.gallery-info{padding:20px}.gallery-info h3{margin:0 0 7px;font-size:16px}.gallery-info p{margin:0;font-size:12px;line-height:1.65;color:#60758b}.journey{background:linear-gradient(125deg,#03182d,#09527a);padding:90px max(4%,calc((100vw - 1450px)/2));color:white;display:grid;grid-template-columns:40% 60%;gap:30px;align-items:center}.journey-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.journey-steps div{background:#ffffff0b;border:1px solid #ffffff26;border-radius:13px;padding:20px 12px;text-align:center}.journey-steps b{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 16px;border-radius:50%;background:#0ee5e7;color:#072b43}.journey-steps span{display:block;font-weight:800;font-size:13px}.journey-steps small{display:block;color:#a9ccdf;font-size:10px;margin-top:8px;line-height:1.5}.capabilities{background:#f4f9fd}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cap{background:white;border-radius:17px;overflow:hidden;padding:24px 24px 0;border:1px solid #dceaf4}.cap b{color:#00a3c9;font-size:28px}.cap h3{font-size:20px}.cap p{font-size:13px;color:var(--muted);line-height:1.6;min-height:45px}.cap img{width:115%;margin:16px -4% -4px;display:block;border:1px solid #e1edf4;border-radius:10px 10px 0 0;box-shadow:0 -10px 30px #123b5410}.cta{position:relative;overflow:hidden;text-align:center;padding:105px 4%;background:radial-gradient(ellipse at 50% 0%,#126080,#061e35 70%);color:#fff}.cta h2{font-size:clamp(35px,4vw,56px);letter-spacing:-2px;line-height:1.2}.cta p{max-width:650px;margin:0 auto 30px;color:#cce2ed;line-height:1.8}.cta-buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.cta-note{display:block;color:#a3c3d4;margin-top:20px;font-size:10px}footer{background:#031323;color:#b7ccdb;padding:55px max(4%,calc((100vw - 1450px)/2)) 20px}footer>p{font-size:12px;margin:15px 0 25px}.footer-links{display:flex;gap:25px;font-size:12px;margin:20px 0 35px}.copyright{border-top:1px solid #ffffff20;padding-top:22px;font-size:10px;display:flex;justify-content:space-between;gap:20px}.lightbox{display:none;position:fixed;inset:0;background:#02101eef;z-index:50;align-items:center;justify-content:center;flex-direction:column;padding:45px}.lightbox.open{display:flex}.lightbox img{max-width:96vw;max-height:80vh;object-fit:contain;border:3px solid #ffffff38;border-radius:10px}.lightbox button{position:absolute;right:25px;top:12px;color:white;background:none;border:0;font-size:38px}.lightbox #lightboxTitle{color:#fff;font-size:15px;font-weight:700;margin-top:17px}@media(max-width:1250px){.header nav{gap:12px}.head-actions .login{display:none}.hero-inner{grid-template-columns:1fr 1fr}.hero h1{font-size:48px}.metric{display:none}.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.header{height:70px;padding:0 5%}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#071c32;padding:25px;flex-direction:column}.header nav.open{display:flex}.head-actions{margin-left:auto}.head-actions .btn{display:none}.menu{display:block}.hero-inner{grid-template-columns:1fr;padding:70px 6%}.hero-visual{min-height:330px}.hero-screen{transform:none}.hero h1{font-size:clamp(42px,7vw,60px)}.pillars,.cap-grid{grid-template-columns:repeat(2,1fr)}.feature-content,.journey{grid-template-columns:1fr}.journey-steps{grid-template-columns:repeat(5,1fr)}.feature-dark,.intro,.showcase,.capabilities,.journey{padding:70px 5%}}@media(max-width:570px){.hero h1{letter-spacing:-2px}.hero-cta{flex-direction:column;align-items:stretch}.hero-proof{gap:12px}.hero-visual{min-height:230px}.float-tag{display:none}.pillars,.gallery,.cap-grid{grid-template-columns:1fr}.journey-steps{grid-template-columns:repeat(2,1fr)}.feature-dark h2,.journey h2{font-size:35px}.copyright{display:block;line-height:2}.brand b{font-size:20px}.brand small{font-size:7px}.mark{font-size:34px}}

/* Solicitação de demonstração */
.demo-open{overflow:hidden}.demo-overlay{position:fixed;inset:0;z-index:9999;background:rgba(3,16,32,.78);backdrop-filter:blur(9px);display:none;align-items:center;justify-content:center;padding:18px}.demo-overlay.active{display:flex}.demo-dialog{width:min(850px,100%);max-height:94vh;overflow-y:auto;background:#fff;color:#102640;border:1px solid #cce6f5;border-radius:20px;box-shadow:0 30px 90px #0007}.demo-head{display:flex;justify-content:space-between;gap:15px;padding:29px 34px 22px;background:linear-gradient(125deg,#061b32,#0b3857);color:#fff}.demo-eyebrow{font-size:11px;letter-spacing:1.6px;color:#4bd7fa;font-weight:800}.demo-head h2{font-size:clamp(22px,3vw,31px);line-height:1.15;margin:8px 0 10px;color:#fff}.demo-head p{font-size:13px;line-height:1.6;color:#c7d8e8;margin:0}.demo-close{border:1px solid #ffffff45;color:#fff;background:#ffffff16;width:35px;height:35px;border-radius:9px;cursor:pointer;font-size:26px;flex-shrink:0}.demo-form{padding:25px 34px 30px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}.demo-grid label{font-size:12px;font-weight:750;color:#243b55;display:flex;flex-direction:column;gap:7px}.demo-grid b,.demo-consent b{color:#d65050}.demo-grid input,.demo-grid select,.demo-grid textarea{width:100%;min-height:42px;border:1px solid #cedbe7;border-radius:9px;background:#f8fbfe;color:#142b44;padding:10px 12px;font:inherit;font-size:13px;outline:none}.demo-grid textarea{resize:vertical}.demo-grid input:focus,.demo-grid select:focus,.demo-grid textarea:focus{border-color:#0aa9e3;box-shadow:0 0 0 3px #00baf01c}.demo-wide{grid-column:1/-1}.demo-consent{display:flex;align-items:flex-start;gap:11px;font-size:12px;line-height:1.6;margin:22px 0;color:#41576b}.demo-consent input{margin-top:3px;accent-color:#009fe1}.demo-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e5edf3;padding-top:18px}.demo-actions span{font-size:11px;color:#6c7f91;max-width:340px}.demo-actions button{cursor:pointer;white-space:nowrap}.demo-actions button:disabled{opacity:.5;cursor:wait}.demo-status{font-size:13px;line-height:1.5}.demo-status:not(:empty){padding:12px 14px;border-radius:8px;margin-bottom:14px;background:#edf5fb}.demo-status.success{background:#e6f8ee;color:#16623e}.demo-status.error{background:#fff0ee;color:#a32626}.demo-honey{position:absolute;left:-9999px;opacity:0}@media(max-width:650px){.demo-grid{grid-template-columns:1fr}.demo-head{padding:22px}.demo-form{padding:20px}.demo-actions{align-items:stretch;flex-direction:column}.demo-actions button{width:100%}}

/* Identidade oficial EchoSafety - assets SVG fornecidos */
.brand-logo{display:block;width:clamp(175px,17vw,236px);height:auto;max-height:57px;object-fit:contain;object-position:left center}
.footer-logo{display:block;width:245px;max-width:100%;height:auto}
.hero{isolation:isolate}.runway-backdrop{position:absolute;inset:0 0 auto 0;height:100%;background:linear-gradient(90deg,rgba(3,17,33,.94) 0%,rgba(3,17,33,.85) 42%,rgba(3,17,33,.48) 100%),url('brand/echosafety-runway-torre.webp') center center/cover no-repeat;opacity:.6;z-index:-1;pointer-events:none}
.hero-inner{position:relative;z-index:1}
@media(max-width:850px){.brand-logo{width:185px}.runway-backdrop{background-position:center}}